*{box-sizing:border-box;margin:0;padding:0;} :root{ --p:#4F3FD4;--pd:#3328A8;--pl:#EDEAFF;--ps:#F5F3FF; --g:#00B896;--dark:#0C0B14;--gray:#64748B; --text:#1E1B2E;--white:#fff;--border:#E8E4FF; --red:#E05252;--warm:#FFF8F0;--warm-border:#FFE4C4; } #page-landing{display:block;} body{font-family:'DM Sans',sans-serif;color:var(--text);background:var(--white);overflow-x:hidden;line-height:1.6;} h1,h2,h3,h4{font-family:'Bricolage Grotesque',sans-serif;} a{text-decoration:none;color:inherit;} button{touch-action:manipulation;cursor:pointer;-webkit-tap-highlight-color:transparent;} /* NAV */ nav{display:flex;align-items:center;justify-content:space-between;padding:1rem 6%;border-bottom:1px solid var(--border);position:sticky;top:0;background:rgba(255,255,255,0.96);backdrop-filter:blur(12px);z-index:50;} .logo{font-size:21px;font-weight:800;color:var(--p);font-family:'Bricolage Grotesque',sans-serif;} .logo span{color:var(--dark);} .nav-login{background:none;color:var(--gray);border:1.5px solid var(--border);padding:8px 16px;border-radius:8px;font-size:14px;font-weight:500;font-family:'DM Sans',sans-serif;cursor:pointer;} .nav-login:hover{color:var(--p);border-color:var(--p);} .nav-cta{background:var(--p);color:#fff;padding:9px 20px;border-radius:8px;font-size:14px;font-weight:600;border:none;font-family:'DM Sans',sans-serif;} .nav-cta:hover{background:var(--pd);} .nav-links{display:flex;gap:2rem;font-size:14px;color:var(--gray);} .nav-links a:hover{color:var(--p);} /* HERO */ .hero{padding:4.5rem 6% 3.5rem;background:linear-gradient(160deg,var(--ps) 0%,#fff 60%);text-align:center;} /* hero-stat removed */ .hero-slip-wrap{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:1.75rem;} .hero-slip{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1.5px solid var(--border);border-radius:30px;padding:8px 18px;font-size:14px;font-weight:600;color:var(--text);} .hero-made{margin-top:1.25rem;font-size:13px;color:var(--gray);font-weight:500;} .hero-made span{color:var(--g);} .divorce-stats{display:flex;flex-direction:column;gap:10px;margin-top:1.5rem;} .ds-item{display:flex;align-items:center;gap:14px;background:#fff;border:1.5px solid var(--warm-border);border-radius:10px;padding:0.75rem 1rem;} .ds-num{font-size:22px;font-weight:800;color:var(--p);font-family:'Bricolage Grotesque',sans-serif;min-width:50px;} .ds-txt{font-size:13px;color:var(--gray);line-height:1.4;} .ds-txt em{color:#aaa;font-style:normal;font-size:11px;} h1{font-size:56px;font-weight:800;line-height:1.1;letter-spacing:-1.5px;margin-bottom:1.25rem;} h1 em{font-style:normal;color:var(--p);} .hero-sub{font-size:20px;color:var(--gray);max-width:600px;margin:0 auto 2.5rem;line-height:1.7;} .hero-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:2rem;} .btn-prim{background:var(--p);color:#fff;padding:14px 30px;border-radius:10px;font-size:15px;font-weight:700;display:inline-flex;align-items:center;gap:8px;border:none;font-family:'DM Sans',sans-serif;} .btn-prim:hover{background:var(--pd);} .btn-sec{background:#fff;color:var(--dark);padding:14px 24px;border-radius:10px;font-size:15px;font-weight:500;border:1.5px solid var(--border);display:inline-flex;align-items:center;gap:8px;font-family:'DM Sans',sans-serif;} .btn-sec:hover{border-color:var(--p);color:var(--p);} .hero-badge{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1.5px solid var(--border);border-radius:20px;padding:7px 16px;font-size:13px;font-weight:600;color:var(--p);margin-bottom:1.5rem;} .slip-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:860px;margin:0 auto 2.5rem;text-align:left;} .slip-item{background:#fff;border:1.5px solid var(--border);border-radius:14px;padding:1.25rem;} .slip-ico{font-size:22px;margin-bottom:0.6rem;} .slip-title{font-size:15px;font-weight:700;color:var(--dark);margin-bottom:0.4rem;} .slip-text{font-size:13px;color:var(--gray);line-height:1.6;} .hero-note{font-size:13px;color:var(--gray);} .hero-note span{color:var(--g);font-weight:600;} /* STATS BAR */ .stats-bar{background:var(--dark);padding:3rem 6%;} .stats-inner{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;text-align:center;} .stat-item{padding:1rem 0;} .stat-num{font-size:72px;font-weight:800;color:var(--g);font-family:'Bricolage Grotesque',sans-serif;letter-spacing:-3px;line-height:1;} .stat-label{font-size:16px;color:rgba(255,255,255,0.7);margin-top:10px;line-height:1.5;max-width:200px;margin-left:auto;margin-right:auto;} .stat-source{font-size:11px;color:rgba(255,255,255,0.25);margin-top:6px;} /* PROBLEM SECTION */ .problem{padding:4.5rem 6%;background:var(--warm);} .problem-inner{max-width:900px;margin:0 auto;} .sec-kicker{font-size:11px;font-weight:700;color:var(--p);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:0.6rem;} .sec-h{font-size:40px;font-weight:800;letter-spacing:-1px;margin-bottom:1rem;} .sec-sub{font-size:17px;color:var(--gray);line-height:1.7;max-width:620px;} .problem-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:2.5rem;} .prob-card{background:#fff;border:1.5px solid var(--warm-border);border-radius:14px;padding:1.5rem;} .prob-card-ico{font-size:24px;margin-bottom:0.75rem;} .prob-card h4{font-size:15px;font-weight:700;margin-bottom:0.5rem;} .prob-card p{font-size:14px;color:var(--gray);line-height:1.7;} .prob-quote{background:#fff;border:1.5px solid var(--warm-border);border-radius:14px;padding:1.5rem 2rem;margin-top:14px;display:flex;gap:1.5rem;align-items:flex-start;} .prob-quote-bar{width:4px;background:var(--red);border-radius:2px;flex-shrink:0;} .prob-quote-text{font-size:15px;line-height:1.7;font-style:italic;color:var(--text);} .prob-quote-source{font-size:12px;color:var(--gray);margin-top:6px;} /* SOLUTION */ .solution{padding:4.5rem 6%;} .solution-inner{max-width:900px;margin:0 auto;} .solution-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;margin-top:2.5rem;} .sol-phone{background:var(--dark);border-radius:20px;padding:1.5rem;box-shadow:0 20px 50px rgba(79,63,212,0.2);} .sol-screen-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;} .sol-title{font-size:12px;font-weight:700;color:#fff;} .sol-month{font-size:10px;color:#666;background:rgba(255,255,255,0.08);padding:2px 8px;border-radius:4px;} .sol-cards{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:10px;} .sol-card{background:rgba(255,255,255,0.07);border-radius:9px;padding:0.75rem;} .sol-cl{font-size:9px;color:rgba(255,255,255,0.45);margin-bottom:2px;} .sol-cv{font-size:13px;font-weight:700;} .sc-g{color:#00C9A7;}.sc-r{color:#FF7070;}.sc-p{color:#9B8FFF;} .sol-ai{background:rgba(79,63,212,0.3);border-radius:9px;padding:0.85rem;display:flex;gap:8px;} .sol-ai-ico{width:22px;height:22px;border-radius:50%;background:var(--p);display:flex;align-items:center;justify-content:center;font-size:8px;color:#fff;font-weight:700;flex-shrink:0;} .sol-ai-t{font-size:9.5px;color:rgba(255,255,255,0.75);line-height:1.5;} .sol-ai-t strong{color:#fff;} .sol-points{} .sol-point{display:flex;gap:12px;align-items:flex-start;padding:14px 0;border-bottom:1px solid #f0eeff;} .sol-point:last-child{border-bottom:none;} .sol-point-ico{width:36px;height:36px;border-radius:10px;background:var(--pl);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;} .sol-point h4{font-size:14px;font-weight:700;margin-bottom:2px;} .sol-point p{font-size:15px;color:var(--gray);line-height:1.65;} /* WHAT YOU GET */ .wyg{padding:4.5rem 6%;background:var(--ps);} .wyg-inner{max-width:900px;margin:0 auto;} .wyg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:2.5rem;} .wyg-card{background:#fff;border:1.5px solid var(--border);border-radius:14px;padding:1.5rem;} .wyg-ico{font-size:22px;margin-bottom:0.75rem;} .wyg-card h4{font-size:14px;font-weight:700;margin-bottom:0.4rem;} .wyg-card p{font-size:14px;color:var(--gray);line-height:1.7;} .wyg-tag{display:inline-block;font-size:10px;font-weight:700;color:var(--g);background:#E6FAF6;padding:2px 8px;border-radius:4px;margin-top:6px;} /* SECURITY */ .security{padding:4.5rem 6%;} .security-inner{max-width:900px;margin:0 auto;} .sec-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;margin-top:2.5rem;} .sec-left{} .sec-points{display:flex;flex-direction:column;gap:14px;margin-top:1.5rem;} .sec-point{display:flex;gap:12px;align-items:flex-start;background:var(--ps);border-radius:12px;padding:1.1rem;} .sec-point-ico{font-size:20px;flex-shrink:0;} .sec-point h4{font-size:14px;font-weight:700;margin-bottom:2px;} .sec-point p{font-size:14px;color:var(--gray);line-height:1.65;} .sec-right{background:var(--dark);border-radius:16px;padding:2rem;} .sec-right h4{font-size:16px;font-weight:700;color:#fff;margin-bottom:1.25rem;font-family:'Bricolage Grotesque',sans-serif;} .sec-item{display:flex;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid rgba(255,255,255,0.06);} .sec-item:last-child{border-bottom:none;} .sec-item-check{color:var(--g);font-size:14px;flex-shrink:0;font-weight:700;} .sec-item-text{font-size:13px;color:rgba(255,255,255,0.65);line-height:1.4;} .sec-item-text strong{color:#fff;} /* TESTIMONIALS */ .testi{padding:4.5rem 6%;background:var(--ps);} .testi-inner{max-width:900px;margin:0 auto;} .testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:2.5rem;} .tcard{background:#fff;border-radius:14px;padding:1.5rem;border:1.5px solid var(--border);} .stars{color:#F59E0B;font-size:12px;margin-bottom:0.75rem;} .tcard p{font-size:15px;line-height:1.75;color:var(--text);margin-bottom:1rem;} .tcard-foot{display:flex;align-items:center;gap:9px;} .tcard-av{width:34px;height:34px;border-radius:50%;background:var(--pl);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--p);} .tcard-name{font-size:12px;font-weight:700;} .tcard-loc{font-size:11px;color:var(--gray);} /* PRICING */ .pricing{padding:4.5rem 6%;} .pricing-inner{max-width:860px;margin:0 auto;} .tog-wrap{display:flex;justify-content:center;margin-bottom:2.25rem;} .tog-pill{display:flex;align-items:center;gap:10px;background:var(--ps);border:1.5px solid var(--border);border-radius:30px;padding:6px 16px;font-size:13px;color:var(--gray);} .tog-sw{width:38px;height:21px;background:var(--p);border-radius:11px;position:relative;cursor:pointer;flex-shrink:0;} .tog-th{width:15px;height:15px;background:#fff;border-radius:50%;position:absolute;top:3px;right:3px;transition:right .15s;} .tog-sw.off .tog-th{right:20px;} .save-badge{background:var(--pl);color:var(--p);font-size:10px;padding:2px 8px;border-radius:12px;font-weight:700;} .plans{display:grid;grid-template-columns:1fr 1.1fr 1fr;gap:14px;} .plan{border:1.5px solid var(--border);border-radius:16px;padding:1.75rem;background:#fff;position:relative;} .plan.hot{border:2px solid var(--p);background:var(--ps);} .plan-badge{position:absolute;top:-11px;left:50%;transform:translateX(-50%);background:var(--p);color:#fff;font-size:10px;padding:3px 14px;border-radius:12px;font-weight:700;white-space:nowrap;} .plan-name{font-size:12px;font-weight:600;color:var(--gray);margin-bottom:0.35rem;} .plan-price{font-size:38px;font-weight:800;letter-spacing:-1px;font-family:'Bricolage Grotesque',sans-serif;margin-bottom:0.2rem;} .plan-price sub{font-size:13px;font-weight:400;color:var(--gray);} .plan-desc{font-size:12px;color:var(--gray);line-height:1.5;margin-bottom:1rem;} .plan-hr{border:none;border-top:1.5px solid var(--border);margin:0.85rem 0;} .pf{font-size:14px;padding:5px 0;display:flex;gap:8px;align-items:flex-start;line-height:1.4;} .pf::before{content:"✓";color:var(--g);font-weight:700;flex-shrink:0;margin-top:1px;} .pf.off{color:#bbb;} .pf.off::before{content:"—";color:#ddd;} .plan-btn{width:100%;margin-top:1.25rem;padding:12px;border-radius:9px;font-size:14px;font-weight:700;cursor:pointer;border:none;font-family:'DM Sans',sans-serif;} .pb-fill{background:var(--p);color:#fff;} .pb-fill:hover{background:var(--pd);} .pb-out{background:#fff;color:var(--dark);border:1.5px solid var(--border);} .pb-out:hover{border-color:var(--p);color:var(--p);} /* FAQ */ .faq{padding:4.5rem 6%;background:var(--ps);} .faq-inner{max-width:680px;margin:0 auto;} .faq-item{border-bottom:1.5px solid var(--border);} .faq-q{font-size:17px;font-weight:600;padding:1.1rem 0;display:flex;justify-content:space-between;align-items:center;cursor:pointer;gap:1rem;} .faq-ico{width:22px;height:22px;border-radius:50%;background:var(--pl);color:var(--p);display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:300;flex-shrink:0;transition:transform .2s;} .faq-item.open .faq-ico{transform:rotate(45deg);} .faq-a{font-size:15px;color:var(--gray);line-height:1.75;padding-bottom:1.1rem;display:none;} .faq-item.open .faq-a{display:block;} /* CTA */ .cta{padding:5rem 6%;background:var(--p);text-align:center;} .cta h2{font-size:44px;font-weight:800;color:#fff;margin-bottom:0.75rem;letter-spacing:-0.5px;} .cta p{font-size:19px;color:rgba(255,255,255,0.7);margin-bottom:2rem;} .btn-white{background:#fff;color:var(--p);padding:14px 34px;border-radius:10px;font-size:15px;font-weight:700;display:inline-block;border:none;font-family:'DM Sans',sans-serif;} .btn-white:hover{background:#f0f0ff;} .cta-note{font-size:13px;color:rgba(255,255,255,0.4);margin-top:1rem;} footer{padding:2.5rem 6%;border-top:1.5px solid var(--border);} .footer-in{max-width:900px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;} .footer-logo{font-size:18px;font-weight:800;color:var(--p);font-family:'Bricolage Grotesque',sans-serif;} .footer-links{display:flex;gap:1.5rem;font-size:13px;color:var(--gray);} .footer-links a:hover{color:var(--p);} .footer-copy{font-size:12px;color:#bbb;} @media(max-width:768px){ /* Typography - much smaller on mobile */ h1{font-size:28px;letter-spacing:-0.5px;} h2.sec-h{font-size:22px;letter-spacing:-0.3px;margin-bottom:0.5rem;} .hero-sub{font-size:15px;margin-bottom:1.5rem;} .sec-sub{font-size:14px;} /* Nav */ nav{padding:0.75rem 4%;} nav .nav-links{display:none;} .logo{font-size:18px;} .nav-login{display:none;} .nav-cta{padding:8px 14px;font-size:13px;} /* Hero - much tighter */ .hero{padding:2rem 4% 2rem;} .slip-grid{grid-template-columns:1fr;gap:10px;margin-bottom:1.5rem;} .hero-badge{font-size:11px;padding:5px 12px;} .slip-item{padding:1rem;} .hero-btns{flex-direction:column;gap:8px;} .btn-prim{width:100%;justify-content:center;padding:12px 20px;font-size:14px;} .btn-sec{width:100%;justify-content:center;padding:10px 20px;font-size:13px;} .hero-note{font-size:11px;} /* Stats bar - smaller numbers */ .stats-bar{padding:1.5rem 4%;} .stats-inner{grid-template-columns:1fr;gap:1rem;} .stat-num{font-size:44px;} .stat-label{font-size:13px;} .stat-item{padding:0.5rem 0;border-bottom:1px solid rgba(255,255,255,0.06);} .stat-item:last-child{border-bottom:none;} /* Sections - tighter padding */ .sec{padding:2.5rem 4%;} .sec-bg{padding:2.5rem 4%;} .problem-inner,.solution-inner,.wyg-inner,.security-inner,.testi-inner,.pricing-inner,.faq-inner{padding:0;} /* All grids to single column */ .problem-cards,.wyg-grid,.testi-grid,.plans,.stats-inner, .solution-grid,.sec-grid,.feat-grid,.feat-row3,.steps-grid{grid-template-columns:1fr;} /* Cards - compact */ .prob-card,.wyg-card,.feat-card{padding:1rem;} .prob-card p,.wyg-card p,.feat-card p{font-size:13px;} .tcard{padding:1rem;} .tcard p{font-size:13px;} .prob-quote{flex-direction:column;padding:1rem;} .prob-quote-text{font-size:13px;} /* Solution */ .sol-phone{padding:1rem;} .sol-point{padding:10px 0;} .sol-point p{font-size:13px;} .sol-point h4{font-size:13px;} /* Security */ .sec-right{padding:1.25rem;} .sec-right h4{font-size:14px;} .sec-item-text{font-size:12px;} .sec-point{padding:0.75rem;} .sec-point h4{font-size:13px;} .sec-point p{font-size:12px;} /* Pricing */ .pricing{padding:2.5rem 4%;} .plan{padding:1.25rem;} .plan-price{font-size:28px;} .pf{font-size:13px;} /* FAQ */ .faq{padding:2rem 4%;} .faq-q{font-size:14px;padding:0.85rem 0;} .faq-a{font-size:13px;} /* CTA */ .cta{padding:2.5rem 4%;} .cta h2{font-size:26px;} .cta p{font-size:14px;margin-bottom:1.25rem;} .btn-white{padding:12px 24px;font-size:14px;} .cta-note{font-size:11px;} /* Footer */ footer{padding:1.5rem 4%;} .footer-links{gap:1rem;font-size:12px;} .footer-copy{font-size:10px;width:100%;} /* Hide testimonials on mobile - too much scroll */ .testi{display:none;} /* Sec kicker smaller */ .sec-kicker{font-size:10px;} /* Slip pills on mobile */ .hero-slip{font-size:12px;padding:6px 12px;} .hero-slip-wrap{gap:7px;} .hero-made{font-size:11px;} /* Divorce stats on mobile */ .ds-num{font-size:18px;min-width:42px;} .ds-txt{font-size:12px;} } /* ===== APP STYLES ===== */ /* ===== LOGIN PAGE ===== */ #page-login{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;background:var(--dark);align-items:center;justify-content:center;padding:2rem;-webkit-overflow-scrolling:touch;} .login-box{background:#1A1830;border:1.5px solid rgba(255,255,255,0.08);border-radius:20px;padding:2.5rem;width:100%;max-width:400px;} .login-logo{font-size:20px;font-weight:800;color:var(--p);margin-bottom:1.75rem;text-align:center;font-family:'Bricolage Grotesque',sans-serif;} .login-logo span{color:#fff;} .login-h{font-size:20px;font-weight:700;color:#fff;margin-bottom:0.35rem;font-family:'Bricolage Grotesque',sans-serif;} .login-sub{font-size:13px;color:rgba(255,255,255,0.35);margin-bottom:1.75rem;} .fg{margin-bottom:0.85rem;} .fg label{font-size:12px;font-weight:500;color:rgba(255,255,255,0.5);display:block;margin-bottom:5px;} .fg input{width:100%;background:rgba(255,255,255,0.06);border:1.5px solid rgba(255,255,255,0.1);border-radius:8px;padding:10px 13px;font-size:14px;color:#fff;font-family:'DM Sans',sans-serif;outline:none;} .fg input:focus{border-color:var(--p);} .fg input::placeholder{color:rgba(255,255,255,0.2);} .btn-login-main{width:100%;background:var(--p);color:#fff;border:none;border-radius:8px;padding:12px;font-size:14px;font-weight:700;cursor:pointer;font-family:'DM Sans',sans-serif;margin-top:0.35rem;-webkit-tap-highlight-color:transparent;touch-action:manipulation;} .btn-login-main:hover{background:var(--pd);} .login-div{display:flex;align-items:center;gap:8px;margin:1rem 0;color:rgba(255,255,255,0.15);font-size:12px;} .login-div::before,.login-div::after{content:'';flex:1;border-top:1px solid rgba(255,255,255,0.08);} .login-foot{text-align:center;font-size:12px;color:rgba(255,255,255,0.3);margin-top:1rem;} .login-foot a{color:var(--p);} .login-back{display:block;text-align:center;font-size:12px;color:rgba(255,255,255,0.2);margin-top:0.85rem;cursor:pointer;} .login-back:hover{color:rgba(255,255,255,0.5);} /* ===== DASHBOARD ===== */ #page-dash{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;background:#F0EEFF;overflow:hidden;-webkit-overflow-scrolling:touch;} .dash-nav{background:#fff;border-bottom:1.5px solid var(--border);padding:0 1.5rem;height:56px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;} .dash-logo{font-size:18px;font-weight:800;color:var(--p);font-family:'Bricolage Grotesque',sans-serif;} .dash-logo span{color:var(--dark);} .dash-nav-right{display:flex;align-items:center;gap:12px;} .dash-month-nav{display:flex;align-items:center;gap:6px;background:var(--ps);border-radius:8px;padding:4px 10px;} .dash-month-btn{background:none;border:none;cursor:pointer;font-size:16px;color:var(--p);padding:0 2px;line-height:1;} .dash-month-lbl{font-size:13px;font-weight:600;min-width:100px;text-align:center;} .dash-user-info{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--gray);} .dash-av{width:30px;height:30px;border-radius:50%;background:var(--pl);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--p);} .dash-logout{font-size:12px;color:var(--gray);cursor:pointer;padding:5px 10px;border-radius:6px;background:none;border:none;font-family:'DM Sans',sans-serif;} .dash-logout:hover{background:var(--ps);color:var(--p);} .dash-layout{display:flex;height:calc(100vh - 56px);} /* Sidebar */ .dash-sidebar{width:210px;background:#fff;border-right:1.5px solid var(--border);padding:1.25rem 0.75rem;flex-shrink:0;overflow-y:auto;} .dash-setup-card{background:var(--pl);border-radius:10px;padding:0.85rem;margin-bottom:1.25rem;} .dash-setup-title{font-size:12px;font-weight:700;color:var(--p);margin-bottom:0.5rem;} .dash-setup-input{width:100%;background:#fff;border:1.5px solid var(--border);border-radius:7px;padding:6px 9px;font-size:12px;font-family:'DM Sans',sans-serif;margin-bottom:5px;outline:none;} .dash-setup-input:focus{border-color:var(--p);} .dash-setup-btn{width:100%;background:var(--p);color:#fff;border:none;border-radius:7px;padding:7px;font-size:12px;font-weight:600;cursor:pointer;font-family:'DM Sans',sans-serif;} .dash-nav-item{display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:8px;font-size:13px;color:var(--gray);cursor:pointer;margin-bottom:2px;border:none;background:none;width:100%;text-align:left;font-family:'DM Sans',sans-serif;} .dash-nav-item:hover{background:var(--ps);color:var(--p);} .dash-nav-item.on{background:var(--pl);color:var(--p);font-weight:600;} .dash-nav-ico{width:20px;text-align:center;font-size:14px;} /* Main content */ .dash-main{flex:1;overflow-y:auto;padding:1.5rem;overscroll-behavior:contain;} /* Panels */ .dash-panel{display:none;} .dash-panel.on{display:block;} /* Overview cards */ .ov-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px;} .ov-card{background:#fff;border:1.5px solid var(--border);border-radius:12px;padding:1.1rem;} .ov-card-lbl{font-size:11px;color:var(--gray);margin-bottom:5px;} .ov-card-val{font-size:20px;font-weight:700;font-family:'Bricolage Grotesque',sans-serif;} .ov-card-val.g{color:var(--g);} .ov-card-val.r{color:var(--red);} .ov-card-val.p{color:var(--p);} /* Person cards */ .person-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px;} .person-card{border-radius:12px;padding:1.1rem;border:1.5px solid var(--border);} .pc-p1{background:#EDEAFF;border-color:#AFA9EC;} .pc-p2{background:#E0FAF3;border-color:#5DCAA5;} .pc-name{font-size:12px;font-weight:700;margin-bottom:4px;} .pc-name.p1{color:#3328A8;}.pc-name.p2{color:#065C43;} .pc-val{font-size:18px;font-weight:700;font-family:'Bricolage Grotesque',sans-serif;} .pc-val.p1{color:var(--p);}.pc-val.p2{color:var(--g);} .pc-sub{font-size:11px;color:var(--gray);margin-top:2px;} .pc-rest{font-size:13px;font-weight:700;margin-top:6px;} .pc-rest.pos{color:var(--g);}.pc-rest.neg{color:var(--red);} /* Tab bar inside panels */ .tab-bar{display:flex;gap:6px;margin-bottom:14px;background:#fff;border:1.5px solid var(--border);border-radius:10px;padding:4px;} .tab-btn{flex:1;padding:7px;border-radius:7px;border:none;background:none;cursor:pointer;font-size:12px;font-family:'DM Sans',sans-serif;color:var(--gray);font-weight:500;} .tab-btn.on{background:var(--p);color:#fff;font-weight:600;} /* Form card */ .form-card{background:#fff;border:1.5px solid var(--border);border-radius:12px;padding:1.25rem;margin-bottom:12px;} .form-card h4{font-size:14px;font-weight:700;margin-bottom:1rem;color:var(--dark);} .form-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px;} .form-row.full{grid-template-columns:1fr;} .fi{display:flex;flex-direction:column;gap:3px;} .fi label{font-size:11px;font-weight:500;color:var(--gray);} .fi input,.fi select{padding:8px 10px;border:1.5px solid var(--border);border-radius:7px;font-size:13px;font-family:'DM Sans',sans-serif;outline:none;background:#fff;} .fi input:focus,.fi select:focus{border-color:var(--p);} .hint{font-size:10px;color:#aaa;margin-top:2px;} .btn-add{background:var(--p);color:#fff;border:none;border-radius:8px;padding:10px 16px;font-size:13px;font-weight:600;cursor:pointer;font-family:'DM Sans',sans-serif;margin-top:4px;} .btn-add:hover{background:var(--pd);} .ok-msg{font-size:12px;color:var(--p);margin-top:6px;display:none;font-weight:600;} /* Edit modal */ .edit-modal{display:none;background:var(--pl);border:1.5px solid #AFA9EC;border-radius:10px;padding:1rem;margin-bottom:10px;} .edit-modal.show{display:block;} .edit-modal h4{font-size:13px;font-weight:700;margin-bottom:0.75rem;color:var(--p);} .edit-btns{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px;} .btn-save{background:var(--g);color:#fff;border:none;border-radius:7px;padding:9px;font-size:13px;font-weight:600;cursor:pointer;font-family:'DM Sans',sans-serif;} .btn-cancel{background:#888;color:#fff;border:none;border-radius:7px;padding:9px;font-size:13px;font-weight:600;cursor:pointer;font-family:'DM Sans',sans-serif;} /* List items */ .list-card{background:#fff;border:1.5px solid var(--border);border-radius:12px;padding:1.1rem;margin-bottom:10px;} .list-card h4{font-size:14px;font-weight:700;margin-bottom:0.85rem;} .tx-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f0eeff;} .tx-item:last-child{border-bottom:none;} .tx-left{display:flex;align-items:center;gap:8px;flex:1;min-width:0;} .tx-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;} .tx-name{font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .tx-cat{font-size:11px;color:var(--gray);} .tx-right{display:flex;align-items:center;gap:5px;flex-shrink:0;} .tx-badge{font-size:10px;padding:2px 7px;border-radius:4px;font-weight:600;} .badge-p1{background:var(--pl);color:var(--p);} .badge-p2{background:#E0FAF3;color:#065C43;} .badge-f{background:#f0f0f0;color:#666;} .badge-g{background:#fff3e0;color:#b35a00;} .tx-amt{font-size:13px;font-weight:600;color:var(--red);} .tx-edit{font-size:10px;padding:2px 7px;border-radius:5px;background:var(--pl);color:var(--p);border:none;cursor:pointer;font-family:'DM Sans',sans-serif;} .tx-del{font-size:10px;padding:2px 7px;border-radius:5px;background:#FFF0F0;color:var(--red);border:none;cursor:pointer;font-family:'DM Sans',sans-serif;} .empty-msg{font-size:13px;color:#aaa;font-style:italic;padding:4px 0;} /* Progress bar */ .prog-wrap{margin:5px 0;} .prog-lbl{display:flex;justify-content:space-between;font-size:11px;color:var(--gray);margin-bottom:3px;} .prog-bg{background:#f0eeff;border-radius:3px;height:6px;overflow:hidden;} .prog-fill{height:6px;border-radius:3px;background:var(--p);transition:width .3s;} .prog-fill.g{background:var(--g);} /* Debt/savings cards */ .item-card{background:#f8f7ff;border-radius:10px;padding:0.9rem;margin-bottom:8px;} .item-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:5px;} .item-name{font-size:13px;font-weight:700;} .item-val{font-size:13px;font-weight:700;color:var(--red);} .item-val.green{color:var(--g);} .item-sub{font-size:11px;color:var(--gray);} .item-foot{display:flex;justify-content:space-between;font-size:11px;color:var(--gray);margin-top:4px;} .item-btns{display:flex;gap:5px;margin-top:6px;} /* AI Coach */ .ai-header{background:var(--p);border-radius:12px;padding:1rem 1.25rem;margin-bottom:12px;display:flex;align-items:center;gap:10px;} .ai-ico{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,0.2);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff;flex-shrink:0;} .ai-head-title{font-size:14px;font-weight:700;color:#fff;} .ai-head-sub{font-size:11px;color:rgba(255,255,255,0.65);} .chat-wrap{background:#fff;border:1.5px solid var(--border);border-radius:12px;padding:1.1rem;margin-bottom:10px;} .chat-msgs{display:flex;flex-direction:column;gap:8px;max-height:280px;overflow-y:auto;margin-bottom:10px;} .msg{padding:10px 13px;border-radius:10px;font-size:13px;line-height:1.65;max-width:88%;} .msg-user{background:var(--pl);color:var(--p);align-self:flex-end;border-bottom-right-radius:3px;} .msg-ai{background:#f8f7ff;color:var(--text);align-self:flex-start;border-bottom-left-radius:3px;white-space:pre-wrap;} .msg-thinking{background:#f8f7ff;color:#aaa;font-style:italic;align-self:flex-start;} .chat-input-row{display:flex;gap:8px;} .chat-input{flex:1;border:1.5px solid var(--border);border-radius:8px;padding:9px 12px;font-size:13px;font-family:'DM Sans',sans-serif;outline:none;} .chat-input:focus{border-color:var(--p);} .chat-send{background:var(--p);color:#fff;border:none;border-radius:8px;padding:0 16px;cursor:pointer;font-size:13px;font-weight:600;font-family:'DM Sans',sans-serif;} .quick-btns{display:flex;gap:6px;flex-wrap:wrap;} .qbtn{background:#fff;color:var(--gray);border:1.5px solid var(--border);border-radius:7px;padding:6px 11px;font-size:11px;cursor:pointer;font-family:'DM Sans',sans-serif;} .qbtn:hover{border-color:var(--p);color:var(--p);} /* Summary in sidebar */ .sidebar-summary{margin-top:1rem;padding-top:1rem;border-top:1.5px solid var(--border);} .ss-lbl{font-size:11px;color:var(--gray);margin-bottom:3px;} .ss-val{font-size:14px;font-weight:700;color:var(--dark);} .ss-val.g{color:var(--g);}.ss-val.r{color:var(--red);} .ss-item{margin-bottom:8px;} @media(max-width:900px){ .hero-inner,.prob-grid,.feat-grid,.feat-row3,.plans-grid,.testi-grid,.steps-grid,.ov-cards,.person-cards{grid-template-columns:1fr;} h1{font-size:34px;} nav .nav-links{display:none;} /* Fix: Vis login knap på mobil */ .nav-login{display:inline-flex !important;font-size:12px;padding:6px 10px;} .nav-cta{font-size:12px;padding:7px 12px;} /* Fix: Skjul rodede knapper fra topnav på mobil */ .dash-logout{display:none !important;} #admin-nav-btn{display:none !important;} /* Dashboard mobile fixes */ #page-dash{ position:fixed;inset:0;z-index:9999; overflow:hidden; display:flex;flex-direction:column; } .dash-nav{flex-shrink:0;padding:0 1rem;height:52px;} .dash-logo{font-size:16px;} .dash-month-nav{padding:3px 8px;} .dash-month-lbl{font-size:11px;min-width:80px;} .dash-layout{ flex:1; display:flex;flex-direction:column; overflow:hidden; min-height:0; } .dash-sidebar{display:none;} .dash-main{ flex:1; overflow-y:auto; -webkit-overflow-scrolling:touch; overscroll-behavior:contain; padding:0.85rem; padding-bottom:80px; } /* Mobile bottom nav bar */ .mob-nav{ display:flex; position:fixed;bottom:0;left:0;right:0; background:#fff;border-top:1.5px solid var(--border); z-index:300;padding:0;height:62px;padding-bottom:env(safe-area-inset-bottom,0px); box-shadow:0 -4px 16px rgba(79,63,212,0.08); } .mob-nav-btn{ flex:1;display:flex;flex-direction:column;align-items:center; justify-content:center;gap:2px;border:none;background:none; cursor:pointer;font-family:'DM Sans',sans-serif;color:var(--gray); font-size:10px;padding:8px 4px; } .mob-nav-btn.on{color:var(--p);} .mob-nav-btn span{font-size:18px;line-height:1;} /* Login page mobile */ #page-login{padding:1rem;align-items:flex-start;padding-top:3rem;overflow-y:auto;} .login-box{padding:1.75rem 1.25rem;} /* Overview cards 2 columns on mobile */ .ov-cards{grid-template-columns:1fr 1fr !important;} .person-cards{grid-template-columns:1fr 1fr !important;} /* Tab bar compact */ .tab-bar{gap:4px;padding:3px;} .tab-btn{font-size:11px;padding:6px 4px;} /* Form cards */ .form-card{padding:1rem;} .form-row{grid-template-columns:1fr !important;} /* Setup in mobile — shown as modal */ .mob-setup-btn{ display:flex;align-items:center;gap:6px; background:var(--pl);color:var(--p);border:none; border-radius:8px;padding:8px 14px;font-size:13px; font-weight:600;cursor:pointer;font-family:'DM Sans',sans-serif; margin-bottom:12px;width:100%;justify-content:center; } #mob-setup-overlay{ display:none;position:fixed;inset:0;z-index:400; background:rgba(0,0,0,0.5);align-items:flex-end; } #mob-setup-overlay.show{display:flex;} .mob-setup-sheet{ background:#fff;border-radius:18px 18px 0 0; padding:1.5rem;width:100%; max-height:85vh;overflow-y:auto; } .mob-setup-sheet h4{font-size:16px;font-weight:700;margin-bottom:1rem;} .mob-setup-close{float:right;background:none;border:none;font-size:20px;cursor:pointer;color:var(--gray);} } @media(min-width:901px){ .mob-nav{display:none;} .mob-setup-btn{display:none;} #mob-setup-overlay{display:none !important;} }
Samly giver jer begge fuldt overblik, retfærdig fordeling og en personlig økonomicoach der forstår dansk økonomi. Uden at dele jeres data med nogen.
✓ Intet kreditkort ✓ Ingen bankforbindelse nødvendig ✓ Klar på 3 minutter
Det handler ikke om beløbets størrelse. Forskning viser at uenighed om penge slider på forholdet uanset hvad I tjener.
Én betaler husleje, den anden dagligvarer. Hvem betaler mest? Er det retfærdigt? Den usikkerhed skaber gnidninger.
Mange par taler ikke åbent om gæld og forbrug. Det skaber mistillid over tid, selv i ellers gode forhold.
Hvis én tjener mere, bør de betale mere? Det spørgsmål alene skaber konflikt i tusindvis af danske hjem.
"Skænderier om penge er den vigtigste faktor som forudsiger skilsmisse, fordi det sker i alle samfundslag. Det har intet at sige, hvor meget du tjener eller hvor rig du er."
Sonya Britt, forsker, Kansas State University. Publiceret i Family Relations Journal.
Ingen kan sige "jeg vidste det ikke". Begge parter ser det samme overblik og ved præcis hvad der sker med pengene.
Samly beregner automatisk hvem der skal betale hvad baseret på jeres indkomster. Ingen diskussion, bare fakta.
Stil spørgsmål på dansk og få svar baseret på jeres faktiske tal. "Hvornår kan vi købe bolig?" "Hvad bruger vi mest på?" "Er vores fordeling retfærdig?"
Sæt mål for boligkøb, ferie eller nødfond. Når I begge kan se fremgangen, trækker I i samme retning.
Her er præcis hvad Samly giver jer. Intet mere, intet mindre.
Se alle udgifter, hvem der betaler hvad, og jeres fælles rådighedsbeløb. Opdateres automatisk hver gang I tilføjer noget.
Samly beregner automatisk jeres andel af fællesudgifterne baseret på hvad I hver tjener. Ingen hovedregning, ingen uenighed.
Mest brugte funktionEn coach der kender jeres faktiske tal og kan svare på jeres spørgsmål. Ikke generelle råd, men svar baseret på jeres økonomi.
Det folk betaler forTilføj jeres gæld og se præcis hvornår I er gældfri, hvad det koster jer i renter, og hvilken gæld der er dyrest.
Sæt konkrete mål og se hvornår I når dem baseret på jeres månedlige opsparing. Bolig, ferie, buffer, hvad I vil.
Skift til dit personlige overblik og se kun dine udgifter, din andel og dit rådighedsbeløb. Private udgifter forbliver private.
Vi forstår at mange er nervøse for at dele økonomidata med en app. Det er en helt rimelig reaktion. Her er hvad I faktisk behøver at vide, uden teknisk jargon.
I Samly indtaster I selv jeres tal manuelt. Der er ingen forbindelse til jeres bank, ingen adgangskode og ingen kortoplysninger. Jeres økonomi forbliver hos jer.
Vi sælger aldrig jeres data. Vi deler dem aldrig med tredjepart. I kan slette alle jeres data til enhver tid direkte i appen under "Slet konto".
Vores økonomicoach giver jer information og overblik baseret på jeres tal. Den beslutter ingenting for jer, det gør I selv.
Hvis I fremover ønsker at forbinde jeres bank, sker det frivilligt via MitID. I vælger selv hvad der deles og kan til enhver tid trække samtykket tilbage. Dette er en valgfri fremtidig funktion.
"Vi skændtes konstant om hvem der betalte mest. Nu viser Samly bare tallene, og vi er begge enige om at fordelingen er retfærdig. Det er en lettelse."
"Økonomicoachen fandt abonnementer vi ikke vidste vi betalte. 1.200 kr./md vi slet ikke brugte. Det var rart at have fakta frem for diskussion."
"Jeg var skeptisk over for at bruge AI til vores økonomi. Men det er bare et redskab der viser os fakta. Vi beslutter selv, det kan jeg godt lide."
Start gratis. Ingen kreditkort. Opsig når som helst.
Slip for pengeskænderier, uoverskuelighed og apps der tager jeres data.
30 dages gratis prøveperiode · Opsig når som helst · Klar på 3 minutter