/* EverittOS marketing site. Matches the Everitt Ventures website (www.everittventures.com):
   same palette, Cormorant Garamond display serif, hero photography, navy list sections and light footer. */
:root{
  --serif:'Cormorant Garamond',Georgia,'Times New Roman',serif;
  --sans:Inter,'Helvetica Neue',Arial,sans-serif;
  --soft-white:#F7F8F7;
  --bg-cool:#EEF2F5;
  --ink:#162635;
  --slate:#263B50;
  /* Steel and muted deepened with slate so small text stays readable (4.5:1+) on paper and cool. */
  --steel:color-mix(in srgb,#62778A 70%,#263B50);
  --blue-accent:#8FA3B6;
  --blue-light:#D9E2EA;
  --charcoal:#2D3742;
  --muted:color-mix(in srgb,#607181 70%,#263B50);
  --on-dark:#F7F8F7;
  --on-dark-muted:rgba(247,248,247,.8);
  --line:rgba(38,59,80,.16);
  --line-dark:rgba(217,226,234,.18);
  --nav-bg:rgba(10,18,26,.92);
  --max:1100px;
  --pad:6vw;
  --size-hero:clamp(2.6rem,1.3rem + 5vw,5.25rem);
  --size-section:clamp(2rem,1.3rem + 2.4vw,3.1rem);
  --size-list:clamp(1.45rem,1.1rem + 1.5vw,2.1rem);
  --size-body:1.125rem;
  --size-label:clamp(.98rem,.92rem + .2vw,1.1rem);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:84px;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--soft-white);color:var(--charcoal);font-family:var(--serif);font-weight:300;font-size:var(--size-body);line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}
h1,h2,h3{font-family:var(--serif);font-weight:300;color:var(--ink);margin:0;letter-spacing:-.02em}
h1{font-size:var(--size-hero);line-height:1.02;letter-spacing:-.03em}
h2{font-size:var(--size-section);line-height:1.1}
h3{font-size:var(--size-list);line-height:1.12;letter-spacing:-.012em}
p{margin:0}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%;height:auto}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--blue-accent);outline-offset:4px}
.skip{position:absolute;top:-90px;left:12px;z-index:300;background:var(--soft-white);color:var(--ink);padding:12px 16px}
.skip:focus{top:12px}
.wrap{width:100%;max-width:var(--max);margin:0 auto}
.eyebrow{font-family:var(--serif);font-size:var(--size-label);font-weight:400;letter-spacing:.075em;color:var(--steel);margin-bottom:1rem}
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,5rem);align-items:end}
.split>p{font-size:var(--size-body);line-height:1.65;color:var(--muted)}

/* Buttons: square, serif, same as the Everitt Ventures Contact button */
.btn{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;text-align:center;min-height:52px;padding:.9rem 1.6rem;font-family:var(--serif);font-size:1.1rem;font-weight:400;letter-spacing:.04em;border:1px solid transparent;transition:opacity .25s ease,background .25s ease}
.btn-light{background:var(--soft-white);color:var(--ink);border-color:var(--soft-white)}
.btn-ghost{color:var(--on-dark);border-color:rgba(247,248,247,.55);background:rgba(10,18,26,.18)}
.btn-dark{background:var(--ink);color:var(--soft-white);border-color:var(--ink)}
.btn-outline{color:var(--ink);border-color:var(--line);background:transparent}

/* Navigation */
.site-nav{position:fixed;top:0;left:0;right:0;z-index:100;min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:.8rem var(--pad);background:var(--nav-bg);border-bottom:1px solid var(--line-dark);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
.nav-logo{display:inline-flex;align-items:center;gap:.8rem;color:var(--on-dark);font-size:1.45rem;font-weight:400;letter-spacing:.03em}
.nav-logo img{width:40px;height:40px;object-fit:cover}
.site-nav-links{display:flex;align-items:center;gap:clamp(1.2rem,2.4vw,2.6rem)}
.site-nav-links a{white-space:nowrap;font-size:1.08rem;letter-spacing:.065em;color:var(--on-dark);transition:opacity .25s ease}
.site-nav-links .nav-start{border:1px solid rgba(247,248,247,.55);padding:.55rem 1.1rem}
.nav-toggle{display:none;min-height:44px;padding:.45rem 1rem;background:rgba(247,248,247,.08);border:1px solid rgba(247,248,247,.38);color:var(--on-dark);font-family:var(--serif);font-size:1rem;letter-spacing:.06em;cursor:pointer}

/* Language menu (nav and footer). Native select so it works with phone pickers and screen readers. */
.lang-switch{display:inline-flex;align-items:center;gap:.5rem;min-height:44px;color:inherit}
.lang-switch i{font-size:.9rem;opacity:.85}
.lang-caret{width:6px;height:6px;margin:-4px 0 0 -1rem;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg);pointer-events:none}
.lang-select{-webkit-appearance:none;appearance:none;min-height:44px;padding:.4rem 1.35rem .4rem 0;background:transparent;border:0;border-radius:0;color:inherit;font-family:var(--serif);font-size:1.05rem;letter-spacing:.05em;cursor:pointer}
.lang-select option{color:var(--ink);background:var(--soft-white)}
.lang-select:focus-visible{outline:2px solid var(--blue-accent);outline-offset:2px}
.lang-switch-nav{color:var(--on-dark)}
.lang-switch-footer{display:flex;justify-content:center;width:max-content;margin:.4rem auto 0;color:var(--steel)}

/* Hero: the Everitt Ventures photograph and overlay */
.hero{min-height:clamp(36rem,88vh,52rem);display:flex;align-items:flex-end;padding:9rem var(--pad) 13rem;background:linear-gradient(90deg,rgba(14,26,37,.72) 0%,rgba(14,26,37,.38) 60%,rgba(14,26,37,.1) 100%),linear-gradient(180deg,rgba(22,38,53,.18) 0%,rgba(22,38,53,.5) 45%,rgba(22,38,53,.9) 100%),url('/assets/hero.jpg') center/cover no-repeat;color:var(--on-dark)}
.hero-inner{width:100%;max-width:var(--max);margin:0 auto}
.hero .eyebrow{color:var(--on-dark-muted)}
.hero h1{color:var(--on-dark);max-width:14ch}
.hero-copy{max-width:34rem;margin-top:1.4rem;font-size:clamp(1.15rem,1.05rem + .4vw,1.35rem);line-height:1.55;color:var(--on-dark)}
.actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2.2rem}
.hero-note{margin-top:1.2rem;font-size:1rem;letter-spacing:.03em;color:var(--on-dark-muted)}

/* Light sections */
.intro,.proof,.roles,.assistants,.calculator,.plans,.referral{padding:6.5rem var(--pad)}
.intro{background:var(--soft-white);border-bottom:1px solid var(--line)}
.proof{background:var(--bg-cool)}
.proof-photos{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-top:3rem}
.proof-photos figure{margin:0}
.proof-photos img{width:100%;aspect-ratio:3/2;object-fit:cover}
.proof-photos figcaption{margin-top:.7rem;font-size:1rem;letter-spacing:.075em;color:var(--steel)}

/* Navy list sections, same as the Everitt Ventures service lines */
.list-section{background:var(--ink);color:var(--on-dark);padding:6.5rem var(--pad)}
.list-section h2,.list-section h3{color:var(--on-dark)}
.list-section .eyebrow{color:var(--on-dark-muted)}
.feature-lines{list-style:none;margin:3rem 0 0;padding:0;border-top:1px solid var(--line-dark)}
.feature-lines li{display:grid;grid-template-columns:4.5rem 1fr;gap:1rem;padding:1.6rem 0;border-bottom:1px solid var(--line-dark)}
.feature-lines .num{padding-top:.55rem;font-size:1rem;letter-spacing:.08em;color:var(--blue-accent)}
.feature-lines p{margin-top:.45rem;font-size:var(--size-body);line-height:1.55;color:var(--on-dark-muted)}

/* Job walkthrough: five numbered stages in a row, stacked in reading order on smaller screens */
.walkthrough{background:var(--soft-white);padding:6.5rem var(--pad);border-bottom:1px solid var(--line)}
.walk-steps{list-style:none;margin:3rem 0 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid var(--line)}
.walk-steps li{padding:1.6rem 1.25rem 1.6rem 0;border-bottom:1px solid var(--line)}
.walk-steps li+li{padding-left:1.25rem;border-left:1px solid var(--line)}
.walk-steps .num{display:block;font-size:1rem;letter-spacing:.08em;color:var(--steel)}
.walk-steps h3{margin-top:.7rem;font-size:clamp(1.35rem,1.05rem + .7vw,1.7rem);line-height:1.18}
.walk-steps p{margin-top:.6rem;color:var(--muted);line-height:1.55}
.walk-note{margin-top:2rem;max-width:72ch;font-size:1rem;letter-spacing:.02em;line-height:1.55;color:var(--steel)}

/* Roles */
.roles{background:var(--soft-white)}
.assistants{background:var(--bg-cool)}
.assistants-lead{max-width:62ch;margin-top:1rem}
.role-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:3rem;border-top:1px solid var(--line)}
.role-grid article{padding:1.8rem 1.8rem 1.8rem 0;border-bottom:1px solid var(--line)}
.role-grid article+article{padding-left:1.8rem;border-left:1px solid var(--line)}
.role-grid p{margin-top:.6rem;color:var(--muted);line-height:1.55}
.roles-note{margin-top:2rem;font-size:1rem;letter-spacing:.04em;color:var(--steel)}

/* Plans */
.plans{background:var(--bg-cool);border-top:1px solid var(--line)}
.plans h2{max-width:20ch}
.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-top:3rem;align-items:stretch}
.plan{display:flex;flex-direction:column;padding:2rem 1.75rem;background:var(--soft-white);border:1px solid var(--line)}
.plan .price{margin-top:.8rem;font-size:clamp(2.6rem,2rem + 1.6vw,3.4rem);line-height:1;color:var(--ink)}
.plan .price span{font-size:1.05rem;color:var(--muted)}
.plan-lead{margin-top:.9rem;color:var(--muted);line-height:1.5}
.plan ul{list-style:none;margin:1.4rem 0 2rem;padding:0;flex:1}
.plan li{padding:.6rem 0;border-top:1px solid var(--line);line-height:1.4}
.plan .btn{width:100%}
.plan-featured{background:var(--ink);border-color:var(--ink);color:var(--on-dark)}
.plan-featured h3,.plan-featured .price{color:var(--on-dark)}
.plan-featured .price span,.plan-featured .plan-lead{color:var(--on-dark-muted)}
.plan-featured li{border-color:var(--line-dark)}
.plans-note{margin-top:1.4rem;font-size:1rem;color:var(--steel)}
.plans-demo{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.8rem 1.2rem;margin-top:1.6rem;padding:1.4rem;border:1px solid var(--line);text-align:center}
.plans-demo p{margin:0;max-width:46ch;color:var(--ink)}

/* Product screens: real EverittOS screenshots in a light frame. Desktop crops on larger screens, phone crops up to 600px. */
.hero-shot{position:relative;margin-top:-9rem;padding:0 var(--pad) 5.5rem;background:linear-gradient(180deg,transparent 0,transparent 9rem,var(--soft-white) 9rem)}
.shot-figure{margin:0 auto}
.shot{overflow:hidden;background:var(--soft-white);border:1px solid var(--line);border-radius:14px;box-shadow:0 24px 60px rgba(14,26,37,.16),0 2px 8px rgba(14,26,37,.08)}
.shot img{width:100%;height:auto;aspect-ratio:2240/1440}
.shot-phone{border:6px solid var(--ink);border-radius:30px}
.shot-phone img{aspect-ratio:1/2}
.shot-figure figcaption{max-width:46rem;margin:1.2rem auto 0;text-align:center;font-size:1.08rem;line-height:1.55;color:var(--muted)}
.shot-title{color:var(--ink);font-weight:400}
.demo-tag{display:inline-block;margin-left:.35rem;padding:.05rem .65rem;border:1px solid var(--line);border-radius:999px;font-size:.9rem;letter-spacing:.05em;color:var(--steel);white-space:nowrap}

/* Screens tour: tabs when JavaScript runs, every panel in a column without it. */
.showcase{background:var(--bg-cool);padding:6.5rem var(--pad);border-bottom:1px solid var(--line)}
.tab-list{display:none}
.tab-list.is-ready{display:flex;flex-wrap:wrap;gap:.6rem;margin:3rem 0 2.25rem}
.tab-list button{min-height:44px;padding:.55rem 1.15rem;background:transparent;color:var(--ink);border:1px solid var(--line);font-family:var(--serif);font-size:1.08rem;letter-spacing:.04em;cursor:pointer;transition:background .25s ease,color .25s ease}
.tab-list button[aria-selected="true"]{background:var(--ink);color:var(--on-dark);border-color:var(--ink)}
.tab-list button:focus-visible{outline:2px solid var(--blue-accent);outline-offset:3px}
.tab-panel{margin-top:3rem}
.tab-list.is-ready~.tab-panel{margin-top:0}
.tab-panel[hidden]{display:none}
.tab-panel:focus-visible{outline:2px solid var(--blue-accent);outline-offset:6px}
.panel-text{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,4vw,4rem);align-items:end;margin-bottom:1.9rem}
.panel-text p{color:var(--muted);line-height:1.6}
.phone-pair{display:flex;justify-content:center;gap:clamp(1.5rem,6vw,5rem)}
.phone-pair figure{margin:0;width:min(300px,42%)}
.phone-pair figcaption{margin-top:.9rem;text-align:center;font-size:1.05rem;letter-spacing:.05em;color:var(--steel)}
.demo-note{margin-top:2rem;max-width:72ch;font-size:1rem;line-height:1.55;color:var(--steel)}

/* A screen at the top of each plan card; Business, which has no screens of its own yet, gets a short note in the same space. */
.plan-shot{margin:-2rem -1.75rem 1.6rem;aspect-ratio:6/5;overflow:hidden;background:var(--bg-cool);border-bottom:1px solid var(--line)}
.plan-shot img{width:100%;height:100%;object-fit:cover;object-position:top}
.plan-featured .plan-shot{border-bottom-color:var(--line-dark)}
.plan-shot-text{display:flex;align-items:center;padding:1.75rem}
.plan-shot-text p{font-size:clamp(1.2rem,1.05rem + .5vw,1.4rem);line-height:1.4;color:var(--ink)}

/* Questions */
.faq .split{align-items:start}
.faq-items{border-top:1px solid var(--line-dark)}
.faq details{border-bottom:1px solid var(--line-dark)}
.faq summary{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;min-height:44px;padding:1.3rem 0;cursor:pointer;list-style:none;font-size:clamp(1.25rem,1.1rem + .5vw,1.5rem);font-weight:400;color:var(--on-dark)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:'+';font-size:1.6rem;line-height:1;color:var(--blue-accent)}
.faq details[open] summary::after{content:'\2212'}
.faq details p{padding:0 0 1.4rem;max-width:34rem;color:var(--on-dark-muted);line-height:1.6}
.faq details a{text-decoration:underline;text-underline-offset:4px}

/* Closing band, same as the Everitt Ventures contact band */
.cta-band{display:flex;flex-direction:column;align-items:center;gap:1.4rem;padding:4.5rem var(--pad);background:var(--soft-white);text-align:center}
.cta-band .btn-dark{min-width:12rem}
.store-links{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem 1.6rem}
.store-links a{display:inline-flex;align-items:center;gap:.45rem;min-height:44px;font-size:1.05rem;letter-spacing:.04em;color:var(--steel)}

/* Footer: identical to the Everitt Ventures footer */
.site-footer{background:var(--bg-cool);border-top:1px solid var(--line);padding:2.75rem var(--pad);text-align:center;font-size:.95rem;letter-spacing:.04em;line-height:1.55;color:var(--steel)}
.site-footer-social{display:flex;flex-wrap:wrap;justify-content:center;gap:.25rem .6rem;margin-bottom:.9rem}
.site-footer-social a{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;font-size:1.1rem;color:var(--steel);transition:opacity .25s ease}
.footer-legal-links{display:flex;flex-wrap:wrap;justify-content:center;gap:.2rem 1.35rem;margin:0 auto}
.footer-legal-links a,.footer-legal-links button{display:inline-flex;align-items:center;min-height:44px;padding:0;background:none;border:0;font:inherit;letter-spacing:inherit;color:var(--steel);cursor:pointer}
.footer-brand{margin-top:.6rem;font-size:1rem;letter-spacing:.06em;color:var(--ink)}

/* Cleaning price calculator: light form on paper, result on a navy panel like the list sections. */
.calculator{background:var(--soft-white);border-top:1px solid var(--line)}
.calculator h2{max-width:22ch}
.calculator-lead{max-width:62ch;margin-top:1rem;color:var(--muted)}
.calc{margin-top:2.5rem}
.calc-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.1rem 1.25rem;align-items:end}
.calc-field{display:flex;flex-direction:column;gap:.45rem;min-width:0}
.calc-field span{font-size:1rem;line-height:1.3;color:var(--ink)}
.calc-field input,.calc-field select{width:100%;min-height:48px;padding:.6rem .8rem;font:400 16px/1.3 var(--sans);color:var(--ink);background:var(--soft-white);border:1px solid color-mix(in srgb,var(--steel) 55%,transparent);border-radius:0}
.calc-field input:focus-visible,.calc-field select:focus-visible{outline:2px solid var(--blue-accent);outline-offset:2px}
.calc-times{margin-top:1.5rem;border-top:1px solid var(--line);padding-top:1rem}
.calc-times summary{display:flex;align-items:center;gap:.6rem;min-height:44px;cursor:pointer;color:var(--ink);list-style:none}
.calc-times summary::-webkit-details-marker{display:none}
.calc-times summary::before{content:"+";width:1rem;text-align:center;color:var(--steel)}
.calc-times[open] summary::before{content:"\2212"}
.calc-times .calc-fields{margin-top:1rem}
.calc-note{margin-top:1rem;font-size:1rem;color:var(--steel)}
.calc-result{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:1.5rem 2.5rem;align-items:center;margin-top:2rem;padding:2rem;background:var(--ink);color:var(--on-dark)}
.calc-price{display:flex;flex-direction:column;gap:.3rem}
.calc-price span,.calc-lines dt{color:var(--on-dark-muted);font-size:1rem}
.calc-price strong{font-weight:300;font-size:var(--size-section);line-height:1.05;color:var(--on-dark)}
.calc-lines{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin:0}
.calc-lines div{min-width:0}
.calc-lines dd{margin:.25rem 0 0;font-size:1.35rem;color:var(--on-dark)}
.calc-result.is-invalid .calc-price,.calc-result.is-invalid .calc-lines{opacity:.35}
.calc-invalid{grid-column:1/-1;color:var(--on-dark)}
.calc-invalid[hidden]{display:none}
.calc-cta{margin-top:2rem}
.calc-optin[hidden],.calc-optin-row[hidden]{display:none}
.calc-optin{margin-top:1.5rem}
.calc-optin fieldset{margin:0;padding:1.25rem;border:1px solid var(--line)}
.calc-optin legend{padding:0 .4rem;color:var(--ink)}
.calc-optin-check{display:flex;align-items:flex-start;gap:.75rem;min-height:44px;cursor:pointer;color:var(--charcoal)}
.calc-optin-check input{flex:none;width:22px;height:22px;margin:.2rem 0 0;accent-color:var(--ink)}
.calc-optin-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:end;margin-top:1rem}
.calc-optin-row .btn{min-height:48px}
.calc-optin-trap{position:absolute;left:-10000px;width:1px;height:1px;opacity:0}
.calc-optin a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
@media (max-width:600px){.calc-optin-row{grid-template-columns:1fr}.calc-optin-row .btn{width:100%}}

@media (max-width:860px){
  .calc-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
  .calc-result{grid-template-columns:1fr}
  .calc-lines{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:420px){
  .calc-fields{grid-template-columns:1fr}
  .calc-result{padding:1.5rem}
}

/* Refer & Earn: paper band with three numbered steps, like the walkthrough lines. */
.referral{background:var(--soft-white);border-top:1px solid var(--line)}
.referral h2{max-width:22ch}
.referral-lead{max-width:62ch;margin-top:1rem;color:var(--muted)}
.referral-invited[hidden]{display:none}
.referral-invited{max-width:62ch;margin-top:1.25rem;padding:1rem 1.25rem;background:var(--ink);color:var(--on-dark)}
.referral-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:2.5rem 0 0;padding:0;list-style:none;border-top:1px solid var(--line)}
.referral-steps li{padding:1.6rem 1.6rem 1.6rem 0;border-bottom:1px solid var(--line)}
.referral-steps li+li{padding-left:1.6rem;border-left:1px solid var(--line)}
.referral-steps .num{display:block;font-size:1rem;color:var(--steel);margin-bottom:.4rem}
.referral-steps p{color:var(--charcoal);line-height:1.55}
.referral .roles-note a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.referral-actions{margin-top:2rem}
@media (max-width:860px){
  .referral-steps{grid-template-columns:1fr}
  .referral-steps li,.referral-steps li+li{padding:1.25rem 0;border-left:0}
}

/* Cookie notice, styled like the Everitt Ventures banner */
.cookie-notice[hidden]{display:none}
.cookie-notice{position:fixed;left:12px;right:12px;bottom:12px;z-index:200;max-width:760px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1rem;background:rgba(22,38,53,.97);color:var(--on-dark);border:1px solid rgba(247,248,247,.22);box-shadow:0 8px 28px rgba(0,0,0,.2);font:.85rem/1.45 var(--sans)}
.cookie-notice>div{display:flex;gap:.4rem;flex:none}
.cookie-notice button{min-height:44px;padding:.45rem .9rem;border:1px solid rgba(247,248,247,.45);background:transparent;color:var(--on-dark);font:600 .8rem var(--sans);cursor:pointer}
.cookie-notice button:last-child{background:var(--soft-white);color:var(--ink)}

/* Hover only on devices with a real pointer, so tapped links on phones do not stay highlighted */
@media (hover:hover){
  .btn:hover{opacity:.78}
  .site-nav-links a:hover{opacity:.68}
  .store-links a:hover{color:var(--ink)}
  .site-footer-social a:hover{opacity:.6}
  .tab-list button[aria-selected="false"]:hover{background:var(--blue-light)}
  .footer-legal-links a:hover,.footer-legal-links button:hover{color:var(--ink)}
}

@media (max-width:1100px){
  .nav-toggle{display:block}
  .site-nav-links{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;padding:.5rem 0;background:rgba(10,18,26,.98);border-bottom:1px solid var(--line-dark)}
  .site-nav-links.open{display:flex}
  .site-nav-links a{padding:1rem 7vw;border-bottom:1px solid rgba(247,248,247,.12)}
  .site-nav-links .nav-start{border:0;border-bottom:1px solid rgba(247,248,247,.12);padding:1rem 7vw}
  .site-nav-links .lang-switch-nav{padding:.3rem 7vw;border-bottom:1px solid rgba(247,248,247,.12)}
}
@media (max-width:860px){
  .split{grid-template-columns:1fr;gap:1.4rem;align-items:start}
  .plan-grid{grid-template-columns:1fr;max-width:32rem}
  .role-grid{grid-template-columns:1fr}
  .role-grid article,.role-grid article+article{padding:1.4rem 0;border-left:0}
  .walk-steps{grid-template-columns:1fr}
  .walk-steps li,.walk-steps li+li{display:grid;grid-template-columns:4.5rem 1fr;gap:1rem;padding:1.4rem 0;border-left:0}
  .walk-steps .num{padding-top:.4rem}
  .walk-steps h3{margin-top:0}
  .panel-text{grid-template-columns:1fr;gap:.8rem;margin-bottom:1.5rem}
}
@media (max-width:600px){
  :root{--pad:7vw}
  .hero{background-position:62% center}
  .site-nav{min-height:68px}
  .nav-logo{font-size:1.3rem;gap:.65rem}
  .nav-logo img{width:36px;height:36px}
  .hero{min-height:78svh;padding:7.5rem var(--pad) 11rem}
  .actions .btn{flex:1 1 auto}
  .intro,.proof,.roles,.assistants,.calculator,.plans,.referral,.list-section,.walkthrough{padding-top:4.25rem;padding-bottom:4.25rem}
  .walk-steps li,.walk-steps li+li{grid-template-columns:2.6rem 1fr;gap:.6rem;padding:1.25rem 0}
  .feature-lines li{grid-template-columns:2.6rem 1fr;gap:.6rem;padding:1.25rem 0}
  .feature-lines .num{padding-top:.4rem}
  .proof-photos{grid-template-columns:1fr;gap:1.5rem;margin-top:2rem}
  .plan{padding:1.6rem 1.35rem}
  .plan-shot{margin:-1.6rem -1.35rem 1.4rem}
  .hero-shot{margin-top:-8rem;padding-bottom:4rem;background:linear-gradient(180deg,transparent 0,transparent 8rem,var(--soft-white) 8rem)}
  .showcase{padding-top:4.25rem;padding-bottom:4.25rem}
  .shot-browser{width:min(80vw,320px);margin:0 auto;border:6px solid var(--ink);border-radius:30px}
  .shot-browser img{aspect-ratio:1/2}
  .tab-list.is-ready{margin:2rem 0 1.5rem;gap:.5rem}
  .tab-list button{flex:1 1 auto;padding:.5rem .8rem;font-size:1rem}
  .cta-band{padding:3.5rem var(--pad)}
  .cta-band .btn-dark{width:100%}
  .site-footer{padding:2.25rem var(--pad)}
  .site-footer-social{display:grid;grid-template-columns:repeat(7,44px);justify-content:space-between;gap:.25rem 0;max-width:22rem;margin-left:auto;margin-right:auto}
  .footer-legal-links{gap:0 1rem}
  .cookie-notice{display:block}
  .cookie-notice>div{margin-top:.7rem}
  .cookie-notice button{flex:1}
}
@media (max-width:480px){
  .phone-pair{flex-direction:column;align-items:center;gap:2rem}
  .phone-pair figure{width:min(80vw,300px)}
}
@media (max-width:359px){
  .site-footer-social{grid-template-columns:repeat(4,44px);justify-content:center;gap:.25rem 1rem}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}