@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');

:root{--paper:#f5f1e9;--ink:#171717;--muted:#706b63;--line:#d9d1c4;--orange:#e65b2f;--orange-dark:#b93d1b;--cream:#fffaf2;--green:#2e6f56;--font:'DM Sans',sans-serif;--display:'Space Grotesk',sans-serif;--radius:18px;--container:1160px}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--paper);color:var(--ink);line-height:1.55;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}svg{display:block}h1,h2,h3,h4{font-family:var(--display);letter-spacing:-.045em;line-height:1.05}p{color:var(--muted)}
.container{max-width:var(--container);padding:0 28px;margin:auto}.section{padding:110px 0}.tc{text-align:center}.mx-auto{margin-left:auto;margin-right:auto}
section[id]{scroll-margin-top:88px}
.nav{height:76px;position:fixed;top:0;left:0;right:0;z-index:10;background:rgba(245,241,233,.88);backdrop-filter:blur(18px);border-bottom:1px solid transparent}.nav.solid{border-color:var(--line)}.nav-inner{height:100%;max-width:var(--container);padding:0 28px;margin:auto;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;font:700 23px var(--display);letter-spacing:-.06em}.logo-light,.logo-dark{color:var(--ink)}.logo-dot{color:var(--orange)}.logo-mark{width:31px;height:31px;border-radius:9px;background:var(--orange);display:grid;place-items:center;margin-right:9px;box-shadow:3px 3px 0 var(--ink)}.logo-mark svg{width:17px;color:#fff}.nav-links{display:flex;gap:28px;align-items:center}.nav-links a{font-size:14px;font-weight:600;color:var(--muted)}.nav-links a:hover{color:var(--orange)}.nav-toggle{display:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:10px;padding:14px 24px;font-weight:700;font-size:15px;transition:.2s ease;cursor:pointer}.btn svg{width:17px;height:17px}.btn-primary,.btn-green{background:var(--orange);color:#fff;box-shadow:4px 4px 0 var(--ink)}.btn-primary:hover,.btn-green:hover{background:var(--orange-dark);transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}.btn-white{background:var(--cream);color:var(--ink)}.btn-ghost,.btn-ghost-dark{border:1px solid var(--ink);background:transparent;color:var(--ink)}.btn-ghost:hover,.btn-ghost-dark:hover{background:var(--ink);color:#fff}.btn-sm{padding:10px 17px;font-size:13px}.btn-lg{padding:17px 27px;font-size:16px}.btn-block{width:100%}
.hero{padding:170px 0 100px;background:var(--paper);position:relative;overflow:hidden}.hero:after{content:'CALLOTO';position:absolute;right:-70px;bottom:-40px;font:700 180px var(--display);color:rgba(230,91,47,.08);letter-spacing:-.1em}.hero-grid{display:grid;grid-template-columns:1fr 400px;gap:80px;align-items:center;position:relative;z-index:1}.eyebrow{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--ink);border-radius:99px;padding:7px 13px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.eyebrow-light,.eyebrow-brand,.eyebrow-green{background:var(--ink);color:#fff;border-color:var(--ink)}.eyebrow .dot{width:7px;height:7px;background:var(--orange);border-radius:50%}.hero-text h1{font-size:clamp(3.3rem,7vw,6.7rem);max-width:760px;margin:24px 0 25px}.hero-text .grad{color:var(--orange);background:none;-webkit-text-fill-color:initial}.hero-sub{font-size:19px;max-width:600px;margin-bottom:30px}.hero-cta{display:flex;gap:15px;flex-wrap:wrap}.hero-trust{display:flex;gap:20px;flex-wrap:wrap;margin-top:24px}.hero-trust-item{display:flex;gap:7px;align-items:center;color:var(--muted);font-size:13px}.hero-trust-item svg{color:var(--green);width:16px}.phone{max-width:340px}.phone-frame{background:var(--ink);padding:11px;border-radius:40px;box-shadow:16px 18px 0 var(--orange);transform:rotate(3deg)}.phone-screen{background:#27362f;border-radius:31px;overflow:hidden}.phone-notch{width:108px;height:22px;background:var(--ink);margin:auto;border-radius:0 0 14px 14px}.phone-statusbar{display:flex;justify-content:space-between;color:#fff;padding:8px 22px;font-size:12px}.phone-statusbar .icons{display:flex;gap:5px}.phone-statusbar svg{width:13px}.phone-content{padding:14px;display:flex;flex-direction:column;gap:12px}.phone-date,.sms-time{text-align:center;color:#aebbb2;font-size:10px}.sms-bubble{padding:11px 13px;border-radius:16px;max-width:88%;font-size:13px;line-height:1.45;animation:fade .4s both}.sms-bubble.in{background:#eeeae3;color:var(--ink);align-self:flex-start;border-bottom-left-radius:5px}.sms-bubble.out{background:var(--orange);color:#fff;align-self:flex-end;border-bottom-right-radius:5px}.sms-link{display:flex;gap:5px;align-items:center;margin-top:8px;padding:7px;background:rgba(255,255,255,.18);font-size:11px;border-radius:7px}.sms-link svg{width:13px}.sms-booked{display:flex;gap:6px;align-items:center;color:#d6f1dd;font-weight:700}.sms-booked svg{width:15px}.phone-float{animation:float 5s ease-in-out infinite}
.trust-bar{border-block:1px solid var(--line);padding:19px 0;background:var(--cream)}.trust-bar-inner{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.trust-bar-item{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px;font-weight:600}.trust-bar-item svg{width:18px;color:var(--orange)}.trust-stars{color:var(--orange);letter-spacing:2px}
.sh{margin-bottom:48px}.sh .eyebrow{margin-bottom:15px}.sh h2{font-size:clamp(2.3rem,5vw,4rem);margin-bottom:14px}.sh p{max-width:570px;font-size:17px}.sh.tc p{margin:auto}
.stat-grid,.steps,.feat-grid,.test-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.stat-card,.step,.feat,.test{background:var(--cream);border:1px solid var(--line);border-radius:var(--radius);padding:32px;transition:.25s}.stat-card:hover,.step:hover,.feat:hover,.test:hover{transform:translateY(-5px);border-color:var(--orange);box-shadow:8px 8px 0 rgba(23,23,23,.08)}.stat-ic,.feat-ic{width:47px;height:47px;border-radius:12px;background:var(--orange);display:grid;place-items:center;margin-bottom:22px}.stat-ic svg,.feat-ic svg{width:23px;color:#fff}.stat-num{font:700 48px var(--display);color:var(--orange)}.stat-label{color:var(--muted);font-size:14px;margin-top:8px}.step{position:relative;padding-top:45px}.step-n{position:absolute;top:-16px;left:28px;width:38px;height:38px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-weight:700}.step h3,.feat h3{font-size:22px;margin-bottom:10px}.step p,.feat p,.test p{font-size:15px}.feat-ic{background:var(--ink)}.test-stars{color:var(--orange);letter-spacing:2px;margin-bottom:15px}.test-author{font-weight:700;margin-top:20px}.test-role{font-size:13px;color:var(--muted)}
.calc{background:var(--ink);color:#fff;padding:40px;border-radius:var(--radius);box-shadow:10px 10px 0 var(--orange)}.calc-sg label{display:flex;justify-content:space-between;margin-bottom:10px;font-weight:700}.calc-sg span{color:#ff9674}.calc-sliders{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-bottom:34px}input[type=range]{width:100%;accent-color:var(--orange)}.calc-results{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.calc-r{padding:20px 10px;background:#292929;border-radius:10px;text-align:center}.calc-r.hl{background:var(--orange)}.calc-r-val{font:700 28px var(--display)}.calc-r-lbl{font-size:10px;color:#bbb;text-transform:uppercase;margin-top:4px}.calc-r.hl .calc-r-lbl{color:#fff}
.pricing-wrap{display:flex;justify-content:center}.pricing-card{position:relative;background:var(--cream);border:2px solid var(--ink);border-radius:var(--radius);padding:40px;width:100%;max-width:440px;box-shadow:10px 10px 0 var(--orange)}.pricing-badge{position:absolute;top:20px;right:20px;background:var(--orange);color:#fff;padding:6px 11px;border-radius:99px;font-size:11px;font-weight:700}.pricing-name{font-size:13px;text-transform:uppercase;font-weight:700;color:var(--muted)}.pricing-price{font:700 65px var(--display);margin:8px 0;color:var(--ink)}.pricing-price span{font:500 17px var(--font);color:var(--muted)}.pricing-note{color:var(--green);font-weight:700;font-size:14px;margin-bottom:23px}.pricing-feats li{display:flex;gap:10px;padding:11px 0;border-bottom:1px solid var(--line);font-size:14px}.pricing-check{width:20px;height:20px;border-radius:50%;background:var(--green);display:grid;place-items:center;flex-shrink:0}.pricing-check svg{width:13px;color:#fff}.guarantee{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;margin-top:25px}.guarantee-item{display:flex;gap:7px;align-items:center;color:var(--muted);font-size:13px}.guarantee-item svg{width:16px;color:var(--green)}
.faq-list{max-width:760px;margin:auto}.faq-item{border-bottom:1px solid var(--line)}.faq-item summary{list-style:none;padding:21px 0;font:600 17px var(--display);display:flex;justify-content:space-between;cursor:pointer}.faq-item summary::-webkit-details-marker{display:none}.faq-ic{transition:.2s}.faq-item[open] .faq-ic{transform:rotate(45deg);color:var(--orange)}.faq-item p{padding:0 35px 20px 0;font-size:15px}.cta-dark{background:var(--ink);color:#fff;position:relative;overflow:hidden}.cta-dark:after{content:'£19';position:absolute;right:8%;top:15%;font:700 220px var(--display);color:rgba(255,255,255,.04)}.cta-dark h2{color:#fff;font-size:clamp(2.4rem,5vw,4.5rem)}.cta-dark p{color:#aaa}.cta-dark .container{position:relative;z-index:1}.footer{background:#0e0e0e;color:#777;padding:50px 28px 30px}.footer-inner,.footer-bottom{max-width:var(--container);margin:auto;display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap}.footer-brand .logo{color:#fff;margin-bottom:12px}.footer-brand p{max-width:290px;font-size:13px}.footer-links{display:flex;gap:25px;flex-wrap:wrap}.footer-links a{font-size:13px}.footer-links a:hover{color:#fff}.footer-bottom{margin-top:35px;padding-top:20px;border-top:1px solid #292929;font-size:12px}
.form-card{background:var(--cream);padding:42px;border:1px solid var(--line);border-radius:var(--radius);box-shadow:8px 8px 0 var(--orange)}.form-card h1{font-size:32px;margin-bottom:8px}.form-sub{margin-bottom:28px}.fg{margin-bottom:18px}.form-label{display:block;font-size:13px;font-weight:700;margin-bottom:7px}.form-input,.form-select,.form-textarea{width:100%;padding:13px 14px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);outline:none}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(230,91,47,.15)}.form-textarea{min-height:105px;resize:vertical}.form-error{display:none;color:var(--orange-dark);background:#ffe4dc;border:1px solid #f2b9a8;padding:10px;border-radius:8px;font-size:13px;margin-top:10px}.form-link{text-align:center;margin-top:22px;font-size:13px}.form-link a{color:var(--orange-dark);font-weight:700}
.auth-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-visual{background:var(--ink);padding:60px;display:flex;align-items:center;position:relative;overflow:hidden}.auth-visual:after{content:'CALL';position:absolute;bottom:-35px;right:-20px;font:700 190px var(--display);color:rgba(230,91,47,.18)}.auth-visual-content{position:relative;z-index:1;max-width:450px}.auth-visual .logo{color:#fff;margin-bottom:45px}.auth-visual h2{color:#fff;font-size:42px;margin-bottom:17px}.auth-visual p{color:#aaa;margin-bottom:30px}.auth-visual-list{display:grid;gap:14px;color:#ddd;font-size:14px}.auth-visual-list li{display:flex;align-items:center;gap:10px}.auth-visual-list svg{width:19px;color:#ff9674}.auth-form-side{display:flex;align-items:center;justify-content:center;padding:40px 28px;background:var(--paper)}.auth-form-side .form-card{width:100%;max-width:450px}.auth-form-side .logo{display:none}
.dash-nav{height:68px;background:var(--cream);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}.dash-nav-inner{height:100%;max-width:1200px;margin:auto;padding:0 28px;display:flex;justify-content:space-between;align-items:center}.dash-nav-links{display:flex;gap:25px;align-items:center;font-size:13px}.dash-nav-links a{color:var(--muted)}.dash-nav-links a.active{color:var(--orange);font-weight:700}.dash-logout{color:var(--orange-dark);cursor:pointer}.dash-container{max-width:1200px;margin:auto;padding:45px 28px}.dash-header{margin-bottom:30px}.dash-header h1{font-size:38px}.dash-header p{font-size:14px}.dash-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px}.dash-stat{background:var(--cream);border:1px solid var(--line);padding:22px;border-radius:14px}.dash-stat-ic{width:37px;height:37px;display:grid;place-items:center;background:var(--orange);border-radius:9px;margin-bottom:17px}.dash-stat-ic svg{width:19px;color:#fff}.dash-stat-lbl{font-size:11px;text-transform:uppercase;color:var(--muted);font-weight:700}.dash-stat-val{font:700 32px var(--display);margin-top:5px}.dash-stat-val.green{color:var(--green)}.dash-stat-val.indigo{color:var(--orange)}.usage-bar{height:7px;border-radius:99px;background:var(--line);margin-top:10px}.usage-fill{height:100%;background:var(--orange);border-radius:99px}.dash-section{background:var(--cream);border:1px solid var(--line);border-radius:14px;padding:24px;margin-bottom:18px}.dash-section h2{font-size:20px;margin-bottom:16px}.dash-table{width:100%;border-collapse:collapse}.dash-table th{text-align:left;color:var(--muted);font-size:11px;text-transform:uppercase;padding:10px;border-bottom:1px solid var(--line)}.dash-table td{padding:13px 10px;border-bottom:1px solid var(--line);font-size:13px}.dash-table tr:last-child td{border:0}.dash-empty{text-align:center;color:var(--muted);padding:35px!important}.badge{display:inline-flex;gap:5px;align-items:center;padding:4px 10px;border-radius:99px;font-size:11px;font-weight:700;background:#e7dfd2}.badge-booked{background:#d8ebdf;color:var(--green)}.badge-texted{background:#ffe1d8;color:var(--orange-dark)}.badge-dot{width:5px;height:5px;background:currentColor;border-radius:50%}
.dash-toggle{display:none;width:42px;height:42px;border:1px solid var(--ink);border-radius:9px;color:var(--ink);align-items:center;justify-content:center}.dash-toggle svg{width:21px;height:21px}
.onboard-container,.booking-container{max-width:650px;margin:auto;padding:40px 25px}.onboard-container>.logo,.booking-container>.logo{justify-content:center;margin-bottom:32px}.step-indicator{display:flex;justify-content:center;align-items:center;gap:7px;margin-bottom:35px}.step-dot{width:34px;height:34px;border:2px solid var(--line);border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:700;color:var(--muted);background:var(--paper)}.step-dot.active{background:var(--orange);color:#fff;border-color:var(--orange)}.step-dot.completed{background:var(--green);color:#fff;border-color:var(--green)}.step-line{width:30px;height:2px;background:var(--line)}.step-line.completed{background:var(--green)}.step{display:none}.step.active{display:block;animation:fade .3s}.step h2{font-size:28px;margin-bottom:8px}.template-preview,.forwarding-block,.plan-box{background:#fff;border:1px solid var(--line);border-radius:11px;padding:18px;margin-top:13px}.template-preview-label{font-size:11px;font-weight:700;text-transform:uppercase;color:var(--muted);margin-bottom:7px}.template-preview-text{font-size:13px}.forwarding-block{margin-bottom:12px}.forwarding-block h3{font-size:16px;margin-bottom:8px;display:flex;gap:7px;align-items:center}.forwarding-block h3 svg{width:18px;color:var(--orange)}.forwarding-block ol{margin-left:18px;font-size:13px;color:var(--muted)}.dial-code{display:inline-block;background:var(--ink);color:#ff9674;padding:5px 9px;border-radius:6px;font:13px monospace}.btn-group{display:flex;gap:10px;margin-top:25px}.plan-price{font:700 45px var(--display);color:var(--orange)}.plan-price span{font:400 15px var(--font);color:var(--muted)}.plan-box li{display:flex;gap:8px;padding:7px 0;font-size:13px}.success-state{text-align:center;padding:35px 0}.success-icon{width:68px;height:68px;border-radius:50%;background:var(--green);display:grid;place-items:center;margin:0 auto 20px}.success-icon svg{width:34px;color:#fff}
.booking-page{min-height:100vh;background:var(--paper)}.booking-container .form-card{margin-top:20px}.sticky-cta{display:none}
.dash-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;background:var(--ink);color:#fff;border-radius:14px;padding:18px 22px;margin-bottom:24px;box-shadow:6px 6px 0 var(--orange)}.dash-banner-left{display:flex;flex-direction:column}.dash-banner-left strong{font:700 17px var(--display);letter-spacing:-.02em}.dash-banner-left span{font-size:13px;color:#bbb}.dash-banner .btn{box-shadow:2px 2px 0 #fff}
@keyframes fade{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes float{0%,100%{transform:rotate(3deg) translateY(0)}50%{transform:rotate(3deg) translateY(-10px)}}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr;gap:55px}.hero-text{max-width:720px}.phone{margin:auto}.stat-grid,.steps,.feat-grid,.test-grid{grid-template-columns:1fr}.calc-sliders{grid-template-columns:1fr}.calc-results{grid-template-columns:1fr 1fr}.dash-stats{grid-template-columns:1fr 1fr}.auth-page{grid-template-columns:1fr}.auth-visual{display:none}.auth-form-side .logo{display:flex;justify-content:center;margin-bottom:30px}.nav-links{display:none}.nav-toggle{display:block;color:var(--ink);font-size:0}.nav-toggle:after{content:'☰';font-size:22px}.nav-links.open{display:flex;position:absolute;top:76px;left:0;right:0;padding:20px 28px;background:var(--cream);flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line)}}
@media(max-width:560px){.hero{padding-top:92px}.hero-text h1{font-size:3.3rem}.hero-cta,.hero-cta .btn{width:100%}.calc-results,.dash-stats{grid-template-columns:1fr}.form-card{padding:27px}.btn-group{flex-direction:column-reverse}.btn-group .btn{width:100%}.dash-table th,.dash-table td{padding:9px 5px;font-size:11px}.footer-inner{flex-direction:column}.hero:after{font-size:100px}}

/* Keep the first content block close to the fixed navigation. */
.hero{padding-top:92px}

/* Keep the complete value proposition inside the first viewport. */
.hero{min-height:100svh;padding-bottom:28px;display:flex;align-items:center}
.hero-grid{gap:42px}
.hero-text h1{font-size:clamp(3rem,5.1vw,5.15rem);margin-top:18px;margin-bottom:18px}
.hero-sub{font-size:17px;margin-bottom:22px}
.hero-trust{margin-top:18px}
.phone{max-width:290px}
@media(max-width:900px){.hero{display:block;min-height:auto;padding-bottom:70px}.hero-grid{gap:42px}}
@media(max-width:560px){.hero-text h1{font-size:3rem}.hero-sub{font-size:16px}.phone{max-width:235px}}

/* Compact page rhythm: keep sections scannable without oversized empty bands. */
.section{padding:64px 0}
.sh{margin-bottom:28px}
.stat-grid,.steps,.feat-grid,.test-grid{gap:16px}
.section > .container > [style*="margin-top:48px"],
.section > .container > [style*="margin-top:56px"]{margin-top:28px!important}
.section > .container > [style*="margin-top:35px"]{margin-top:24px!important}
.faq-list{margin-top:0!important}
.hero-reassurance{font-size:12px;margin-top:12px;color:var(--muted)}
.sticky-cta{position:fixed;left:12px;right:12px;bottom:12px;z-index:20;display:none;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px 10px 16px;background:rgba(255,250,242,.97);border:1px solid var(--ink);border-radius:13px;box-shadow:4px 4px 0 var(--orange)}
.sticky-cta-text{font-size:13px;font-weight:700;line-height:1.15}.sticky-cta-text span{display:block;color:var(--muted);font-size:10px;font-weight:500;margin-top:3px}.sticky-cta .btn{padding:11px 15px;font-size:13px;box-shadow:2px 2px 0 var(--ink)}
@media(max-width:560px){.section{padding:48px 0}.sh{margin-bottom:22px}}
@media(max-width:900px){.sticky-cta.sticky-cta-show{display:flex}body:has(.sticky-cta){padding-bottom:82px}.hero-grid{display:flex;flex-direction:column;align-items:stretch}.hero-text{order:1}.phone{order:2}.hero-cta .btn{min-height:50px}.stat-card,.step,.feat,.test{padding:25px}.form-input,.form-select,.form-textarea{min-height:48px}}
@media(max-width:560px){.hero{padding-top:78px;padding-bottom:42px}.hero-reassurance{text-align:center}.hero-trust{justify-content:center;gap:10px 16px}.hero-trust-item{font-size:12px}.hero-grid{gap:0}.hero-text h1{font-size:2.7rem;margin-top:16px;margin-bottom:15px}.hero-sub{font-size:15px;line-height:1.45;margin-bottom:20px}.phone{display:none}.sh h2{font-size:2.2rem}}
.dash-nav .dash-toggle{display:none}
@media(max-width:700px){
    .dash-nav .dash-toggle{display:flex}
    .dash-nav-links{display:none}
    .dash-nav-links.open{display:flex;position:absolute;top:68px;left:12px;right:12px;z-index:8;flex-direction:column;align-items:stretch;gap:0;padding:8px;background:var(--cream);border:1px solid var(--ink);border-radius:0 0 12px 12px;box-shadow:4px 4px 0 var(--orange)}
    .dash-nav-links.open a,.dash-nav-links.open .dash-logout{padding:13px 14px;border-bottom:1px solid var(--line);font-size:14px}
    .dash-nav-links.open .dash-logout{border-bottom:0}
    .dash-nav-inner{padding:0 16px}
}

/* Mobile navigation and CTA contrast fixes. */
.nav-links a.btn-primary,.nav-links a.btn-green{color:#fff}
.signup-page .auth-form-side{padding:24px}
.signup-page .auth-form-side .form-card{padding:28px 34px}
.signup-page .auth-form-side .form-card h1{font-size:28px}
.signup-page .auth-form-side .form-sub{margin-bottom:20px}
.signup-page .auth-form-side .fg{margin-bottom:12px}
.signup-page .auth-form-side .form-label{margin-bottom:5px}
.signup-page .auth-form-side .form-input,.signup-page .auth-form-side .form-select{padding:11px 14px;min-height:44px}
.signup-page .auth-form-side .btn-lg{padding:14px 24px;margin-top:2px}
.signup-page .auth-form-side .form-link{margin-top:14px}
.onboarding-page{height:100svh;min-height:100svh;overflow:hidden}
.onboarding-page .onboard-container{height:100%;overflow:hidden;padding:22px 24px}
.onboarding-page .onboard-container>.logo{margin-bottom:18px}
.onboarding-page .step-indicator{margin-bottom:20px}
.onboarding-page .form-card{padding:25px 30px;box-shadow:6px 6px 0 var(--orange)}
.onboarding-page .step h2{font-size:25px}
.onboarding-page .step .form-sub{margin-bottom:18px}
.onboarding-page .step .fg{margin-bottom:11px}
.onboarding-page .template-preview{margin-top:9px;padding:13px}
.onboarding-page .btn-group{margin-top:17px}
.onboarding-page .forwarding-block{padding:13px 16px;margin-bottom:8px}
.onboarding-page .forwarding-block h3{margin-bottom:5px}
.onboarding-page .forwarding-block ol{line-height:1.35}
.onboarding-page .plan-box{padding:18px;margin-bottom:12px}
.onboarding-page .plan-box ul{margin:10px 0}
.onboarding-page .plan-box li{padding:4px 0}
.onboarding-page .onboard-container{padding-top:14px;padding-bottom:14px}
.onboarding-page .step{padding:0;background:transparent;border:0;box-shadow:none}
.steps .step{display:block}
.onboarding-page .step{display:none}
.onboarding-page .step.active{display:block}
.onboarding-page .onboard-container>.logo{margin-bottom:10px}
.onboarding-page .step-indicator{margin-bottom:13px}
.onboarding-page .form-card{padding:22px 28px}
.onboarding-page .step h2{font-size:23px}
.onboarding-page .step .form-sub{font-size:14px;line-height:1.35;margin-bottom:12px}
.onboarding-page .step .fg{margin-bottom:8px}
.onboarding-page .form-textarea{min-height:70px;padding:10px 13px}
.onboarding-page .form-input,.onboarding-page .form-select{min-height:42px;padding:10px 13px}
.onboarding-page .template-preview{padding:10px;margin-top:7px}
.onboarding-page .btn-group{margin-top:12px}
.change-section{background:var(--cream)}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s ease}.reveal.visible{opacity:1;transform:none}.reveal-d1{transition-delay:.1s}.reveal-d2{transition-delay:.2s}.reveal-d3{transition-delay:.3s}
.change-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:900px;margin:auto}
.change-card{padding:31px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper)}
.change-card.change-after{background:var(--ink);color:#fff;border-color:var(--ink);box-shadow:8px 8px 0 var(--orange)}
.change-label{font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:700;color:var(--muted);margin-bottom:22px}.change-after .change-label{color:#ff9674}
.change-card h3{font-size:24px;margin-bottom:24px}.change-after h3{color:#fff}.change-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid var(--line);font-size:14px}.change-after .change-row{border-color:#3b3b3b;color:#ddd}.change-icon{width:22px;height:22px;border-radius:50%;background:#e7dfd2;color:var(--orange-dark);display:grid;place-items:center;font-weight:700}.change-after .change-icon{background:var(--green);color:#fff}.change-result{font:700 24px var(--display);color:var(--muted);margin-top:23px}.change-after .change-result{color:#8fe0b3}.mini-cta{max-width:900px;margin:25px auto 0;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 20px;border:1px solid var(--line);border-radius:12px;background:var(--paper);font-size:14px;font-weight:600}.trades-section{background:var(--paper)}.trade-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.trade-card{min-height:180px;padding:25px;border:1px solid var(--line);border-radius:var(--radius);background:var(--cream)}.trade-number{display:block;color:var(--orange);font:700 13px var(--display);margin-bottom:24px}.trade-card h3{font-size:21px;margin-bottom:8px}.trade-card p{font-size:14px}
@media(max-width:900px){
    .onboarding-page{height:auto;min-height:100svh;overflow-y:auto;overflow-x:hidden}
    .onboarding-page .onboard-container{height:auto;min-height:100svh;overflow:visible}
    .nav-toggle{display:flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;border:1px solid var(--ink);border-radius:9px;color:var(--ink)}
    .nav-toggle:after{display:none}
    .nav-toggle svg{width:21px;height:21px;color:currentColor}
    .nav-links.open a.btn-primary,.nav-links.open a.btn-green{color:#fff}
    .signup-page .auth-form-side{padding:20px 16px}
    .signup-page .auth-form-side .form-card{padding:24px 22px}
    .onboarding-page .onboard-container{padding:16px 14px}
    .onboarding-page .onboard-container>.logo{margin-bottom:13px}
    .onboarding-page .step-indicator{margin-bottom:14px}
    .onboarding-page .form-card{padding:20px 18px;box-shadow:4px 4px 0 var(--orange)}
    .onboarding-page .step h2{font-size:22px}
    .onboarding-page .step .form-sub{font-size:13px;margin-bottom:14px}
    .onboarding-page .forwarding-block{padding:10px 12px}
    .onboarding-page .forwarding-block ol{font-size:12px}
    .change-grid,.trade-grid{grid-template-columns:1fr}
    .change-after{margin-top:0}
}

@media(prefers-reduced-motion:reduce){
    html{scroll-behavior:auto}
    *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}
}

@media(max-width:900px){
    .onboarding-page .onboard-container{padding-top:8px;padding-bottom:8px}
    .onboarding-page .onboard-container>.logo{transform:scale(.82);margin-bottom:4px}
    .onboarding-page .step-indicator{margin-bottom:9px;transform:scale(.9)}
    .onboarding-page .form-card{padding:15px 16px}
    .onboarding-page .step h2{font-size:20px}
    .onboarding-page .step .form-sub{font-size:12px;line-height:1.35;margin-bottom:9px}
    .onboarding-page .step .fg{margin-bottom:7px}
    .onboarding-page .template-preview{padding:9px;margin-top:5px}
    .onboarding-page .btn-group{margin-top:10px}
    .onboarding-page .btn-group .btn{min-height:42px;padding:10px 14px}
    .onboarding-page .forwarding-block{padding:7px 9px;margin-bottom:5px}
    .onboarding-page .forwarding-block h3{font-size:14px;margin-bottom:2px}
    .onboarding-page .forwarding-block ol{line-height:1.2}
    .onboarding-page .plan-box{padding:12px;margin-bottom:8px}
    .onboarding-page{background:var(--cream)!important}
    .onboarding-page .onboard-container{padding-bottom:0}
}