:root { --ink:#102d24; --cream:#f4f0e6; --paper:#fbfaf6; --orange:#ee6b36; --lime:#c9f06c; --line:rgba(16,45,36,.16); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:"Manrope",sans-serif; -webkit-font-smoothing:antialiased; }
a { color:inherit; text-decoration:none; }
.shell { width:min(1180px,calc(100% - 48px)); margin-inline:auto; }
.nav { height:88px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); }
.brand { display:flex; align-items:center; gap:11px; font-size:20px; font-weight:700; letter-spacing:-.04em; }
.brand b { color:var(--orange); }
.brand-mark { display:grid; place-items:center; width:35px; height:35px; color:var(--cream); background:var(--ink); border-radius:50% 50% 50% 10%; font-family:"Newsreader",serif; font-style:italic; }
.nav nav { display:flex; gap:34px; font-size:13px; font-weight:600; }
.nav nav a:hover { color:var(--orange); }
.button { display:inline-flex; align-items:center; justify-content:center; gap:22px; min-height:56px; padding:0 24px; color:#fff; background:var(--orange); border:1px solid var(--orange); font-size:14px; font-weight:700; transition:.25s ease; }
.button:hover { color:var(--orange); background:transparent; transform:translateY(-2px); }
.button-small { min-height:43px; padding:0 19px; }
.hero { min-height:680px; display:grid; grid-template-columns:1.08fr .92fr; gap:72px; align-items:center; padding-block:80px 90px; }
.eyebrow { display:flex; align-items:center; gap:10px; margin:0 0 25px; font-family:"DM Mono",monospace; font-size:11px; font-weight:500; letter-spacing:.12em; text-transform:uppercase; }
.eyebrow span { width:26px; height:2px; background:var(--orange); }
h1,h2 { margin:0; font-family:"Newsreader",serif; font-weight:500; letter-spacing:-.055em; line-height:.95; }
h1 { font-size:clamp(57px,6.3vw,91px); }
h1 em,h2 em { color:var(--orange); font-weight:500; }
.lede { max-width:580px; margin:32px 0; color:#486159; font-size:17px; line-height:1.75; }
.hero-actions { display:flex; align-items:center; gap:30px; }
.text-link { padding-block:8px; border-bottom:1px solid var(--ink); font-size:13px; font-weight:700; }
.call-card { position:relative; padding:24px; background:var(--ink); color:white; box-shadow:18px 18px 0 var(--lime); }
.call-card:before { content:""; position:absolute; inset:-19px auto auto -19px; width:83px; height:83px; border-left:1px solid var(--orange); border-top:1px solid var(--orange); }
.call-topline { display:flex; justify-content:space-between; padding-bottom:20px; border-bottom:1px solid rgba(255,255,255,.16); font-family:"DM Mono",monospace; color:#9eb1a9; font-size:9px; letter-spacing:.12em; }
.live { color:var(--lime); }.live i { display:inline-block; width:6px; height:6px; margin-right:5px; background:var(--lime); border-radius:50%; animation:pulse 1.4s infinite; }
.caller { display:grid; grid-template-columns:auto 1fr auto; gap:14px; align-items:center; padding:25px 0 16px; }
.avatar { display:grid; place-items:center; width:47px; height:47px; border:1px solid rgba(255,255,255,.35); border-radius:50%; font-family:"Newsreader"; }
.caller span,.booking span { display:block; margin-bottom:3px; color:#9eb1a9; font-size:9px; letter-spacing:.1em; text-transform:uppercase; }
.caller strong { font-family:"Newsreader"; font-size:20px; font-weight:500; }.timer { font-family:"DM Mono"; font-size:12px; }
.wave { height:52px; display:flex; align-items:center; justify-content:space-between; gap:4px; padding:0 4px; }
.wave i { width:2px; height:var(--h,20%); background:var(--orange); opacity:.9; animation:wave 1.1s ease-in-out infinite alternate; }
.wave i:nth-child(3n) { --h:80%; animation-delay:-.3s }.wave i:nth-child(3n+1) { --h:35%; animation-delay:-.6s }.wave i:nth-child(4n) { --h:60%; }
.transcript { margin:18px 0; padding:4px 0 4px 16px; border-left:2px solid var(--orange); font-size:12px; line-height:1.7; }
.transcript p { margin:0 0 10px; color:#d6dedb; }.transcript p:last-child { margin:0 }.transcript b { display:block; color:white; font-size:9px; text-transform:uppercase; letter-spacing:.1em; }.transcript .ai b { color:var(--lime); }
.booking { display:flex; gap:12px; align-items:center; padding:14px; color:var(--ink); background:var(--lime); }
.booking .check { display:grid; place-items:center; flex:0 0 32px; height:32px; margin:0; color:white; background:var(--ink); border-radius:50%; font-size:16px; }
.booking span { color:#536a36; }.booking strong { font-size:11px; }
.proof-strip { color:white; background:var(--orange); }
.proof-grid { min-height:145px; display:grid; grid-template-columns:repeat(3,1fr) 1.2fr; align-items:center; }
.proof-grid>div { padding-left:28px; border-left:1px solid rgba(255,255,255,.3); }.proof-grid strong,.proof-grid span { display:block; }.proof-grid strong { font-family:"Newsreader"; font-size:33px; font-weight:500; }.proof-grid span { margin-top:5px; font-size:11px; }.proof-grid p { justify-self:end; font-family:"DM Mono"; font-size:11px; line-height:1.7; letter-spacing:.14em; }
.steps { padding-block:130px; }.section-heading { display:grid; grid-template-columns:1.2fr 1fr; column-gap:80px; align-items:end; }.section-heading .eyebrow { grid-column:1/-1 }.section-heading h2,.trades h2,.cta h2 { font-size:clamp(48px,5.5vw,76px); }.section-heading>p:last-child { margin:0 0 5px; color:#5c706a; line-height:1.8; }
.step-grid { display:grid; grid-template-columns:repeat(3,1fr); margin-top:70px; border-top:1px solid var(--line); }
.step-grid article { position:relative; padding:40px 35px 10px 0; border-right:1px solid var(--line); }.step-grid article+article { padding-left:35px; }.step-grid article:last-child { border:0; }.step-number { font-family:"DM Mono"; color:var(--orange); font-size:10px; }.step-icon { margin:35px 0 28px; font-family:"Newsreader"; font-size:36px; }.step-grid h3 { font-family:"Newsreader"; font-size:26px; font-weight:500; }.step-grid p { color:#5c706a; font-size:13px; line-height:1.8; }
.trades { padding-block:105px; color:white; background:var(--ink); }.trades-inner { display:grid; grid-template-columns:1fr 1fr; gap:100px; align-items:end; }.eyebrow.light { color:var(--lime); }.trade-list { display:flex; flex-wrap:wrap; gap:11px; justify-content:flex-end; }.trade-list span { padding:12px 17px; border:1px solid rgba(255,255,255,.25); font-family:"DM Mono"; font-size:11px; text-transform:uppercase; }
.cta { padding-block:135px; text-align:center; }.cta .eyebrow { justify-content:center; }.cta .button { margin-top:42px; }
footer { min-height:105px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; border-top:1px solid var(--line); font-size:11px; color:#667872; }footer .brand { color:var(--ink); }footer p:last-child { justify-self:end; }
.reveal { animation:rise .8s cubic-bezier(.22,.8,.35,1) both; }.reveal-delay { animation-delay:.15s; }
@keyframes rise { from { opacity:0; transform:translateY(24px) } to { opacity:1; transform:none } } @keyframes pulse { 50% { opacity:.25; transform:scale(.7) } } @keyframes wave { to { height:15% } }
@media (max-width:850px) { .nav nav{display:none}.hero{grid-template-columns:1fr;padding-block:70px}.call-card{max-width:570px}.proof-grid{grid-template-columns:repeat(3,1fr)}.proof-grid p{display:none}.section-heading,.trades-inner{grid-template-columns:1fr}.section-heading>p:last-child{margin-top:25px}.trades-inner{gap:50px}.trade-list{justify-content:flex-start} }
@media (max-width:600px) { .shell{width:min(100% - 30px,1180px)}.nav{height:72px}.button-small{display:none}.hero{gap:55px;padding-top:55px}h1{font-size:52px}.hero-actions{align-items:flex-start;flex-direction:column}.call-card{padding:18px;box-shadow:9px 9px 0 var(--lime)}.proof-grid{grid-template-columns:1fr;gap:24px;padding-block:35px}.proof-grid>div{display:grid;grid-template-columns:100px 1fr;align-items:center}.proof-grid strong{font-size:26px}.step-grid{grid-template-columns:1fr}.step-grid article,.step-grid article+article{padding:32px 0;border-right:0;border-bottom:1px solid var(--line)}.steps,.cta{padding-block:90px}.trades{padding-block:80px}footer{grid-template-columns:1fr auto}footer>p:nth-child(2){display:none} }
@media (prefers-reduced-motion:reduce) { *,*:before,*:after { scroll-behavior:auto!important; animation:none!important; transition:none!important; } }