@font-face{font-family:'Fraunces';font-style:italic;font-weight:500 600;font-display:swap;src:url('fonts/fraunces-italic-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Fraunces';font-style:italic;font-weight:500 600;font-display:swap;src:url('fonts/fraunces-italic-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Nunito';font-style:normal;font-weight:400 900;font-display:swap;src:url('fonts/nunito-normal-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Nunito';font-style:normal;font-weight:400 900;font-display:swap;src:url('fonts/nunito-normal-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
:root{
  --cream:#f7f3ec; --cream-dark:#ede6d7; --paper:#fff;
  --ink:#1a2a44; --ink-2:#4a5a72; --ink-3:#6b7889; --ink-deep:#121e33;
  --red:#C1272D; --red-dark:#9E1F24; --red-light:#FBE5E6;
  --line:rgba(26,42,68,.12); --line-strong:rgba(26,42,68,.22);
  --radius:20px; --radius-lg:28px;
  --shadow:0 1px 2px rgba(26,42,68,.05),0 12px 32px -12px rgba(26,42,68,.18);
  --wrap:1180px; --pad:clamp(20px,4vw,40px);
  --sans:'Nunito',system-ui,-apple-system,'Segoe UI',sans-serif;
  --serif:'Fraunces',Georgia,serif;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:88px;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
h1,h2,h3,p,ul,ol,figure,dl,dd{margin:0}
ul,ol{padding:0;list-style:none}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--red);outline-offset:3px;border-radius:6px}
.wrap{width:100%;max-width:calc(var(--wrap) + 2*var(--pad));margin-inline:auto;padding-inline:var(--pad)}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:12px;top:-60px;background:var(--ink);color:#fff;padding:10px 16px;border-radius:999px;z-index:200;text-decoration:none}
.skip:focus{top:12px}

h1,h2,h3{font-weight:800;letter-spacing:-.02em;line-height:1.08;text-wrap:balance}
h1{font-size:clamp(2.6rem,6.2vw,5rem);line-height:1.04}
h2{font-size:clamp(1.9rem,3.8vw,3rem)}
h3{font-size:1.25rem;line-height:1.25;letter-spacing:-.01em}
h1 em,h2 em{font-family:var(--serif);font-style:italic;font-weight:500;color:var(--red);letter-spacing:-.015em}
.on-dark h2 em{color:#ff8d8f}
.eyebrow{font-weight:700;font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--red);margin-bottom:18px;display:block}
.on-dark .eyebrow{color:#ff9a9c}
.lead{font-size:clamp(1.08rem,1.5vw,1.25rem);color:var(--ink-2);max-width:34em;text-wrap:pretty}
.on-dark .lead{color:rgba(247,243,236,.78)}
p{text-wrap:pretty}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55em;min-height:52px;padding:0 28px;border-radius:999px;border:2px solid transparent;font-weight:800;font-size:1rem;text-decoration:none;cursor:pointer;transition:background .2s,color .2s,border-color .2s,transform .2s;white-space:nowrap}
.btn .arr{display:inline-block;transition:transform .25s cubic-bezier(.2,.7,.2,1)}
.btn:hover .arr{transform:translateX(4px)}
.btn:active{transform:scale(.98)}
.btn-primary{background:var(--red);color:#fff}
.btn-primary:hover{background:var(--red-dark)}
.btn-ghost{border-color:var(--line-strong);color:var(--ink);background:transparent}
.btn-ghost:hover{border-color:var(--ink)}
.on-dark .btn-ghost{border-color:rgba(255,255,255,.35);color:#fff}
.on-dark .btn-ghost:hover{border-color:#fff}
.btn-sm{min-height:44px;padding:0 20px;font-size:.95rem}
.btn[disabled]{opacity:.6;cursor:progress}

/* nav */
.nav{position:fixed;inset:0 0 auto 0;z-index:100;background:rgba(247,243,236,.86);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid transparent;transition:border-color .2s}
.nav.scrolled{border-bottom-color:var(--line)}
.nav-in{display:flex;align-items:center;justify-content:space-between;gap:24px;height:76px}
.nav-logo img{height:42px;width:auto}
.nav-links{display:flex;gap:30px;font-weight:700;font-size:.96rem}
.nav-links a{text-decoration:none;color:var(--ink-2);padding:8px 0;transition:color .15s}
.nav-links a:hover{color:var(--ink)}
.nav .lbl-s{display:none}

/* hero */
.hero{padding:calc(76px + clamp(36px,6vw,80px)) 0 clamp(56px,8vw,104px)}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(32px,5vw,72px);align-items:center}
.hero h1{margin-bottom:26px}
.hero .lead{margin-bottom:34px}
.cta-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.hero-note{margin-top:22px;font-size:.95rem;color:var(--ink-3);display:flex;gap:10px;align-items:flex-start;max-width:32em}
.dot{flex:none;width:9px;height:9px;border-radius:50%;background:var(--red);margin-top:.5em;box-shadow:0 0 0 4px var(--red-light)}
.hero-fig{position:relative}
.hero-fig img{width:100%;aspect-ratio:6/5;object-fit:cover;object-position:72% 50%;border-radius:var(--radius-lg);box-shadow:var(--shadow)}
.hero-fig figcaption{position:absolute;left:18px;bottom:18px;background:rgba(255,255,255,.94);color:var(--ink);font-weight:700;font-size:.88rem;padding:9px 16px;border-radius:999px;display:flex;align-items:center;gap:9px}
.hero-fig figcaption .dot{margin-top:0}

/* sections */
.sec{padding:clamp(64px,9vw,120px) 0}
.sec-head{max-width:46em;margin-bottom:clamp(36px,5vw,60px)}
.sec-head h2{margin-bottom:18px}
.band{background:var(--cream-dark)}
.on-dark{background:var(--ink);color:var(--cream)}

/* facts */
.facts{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:clamp(32px,5vw,72px);align-items:start}
.fact-list{display:grid;gap:18px}
.fact{background:var(--paper);border-radius:var(--radius);padding:28px 30px;display:grid;grid-template-columns:auto 1fr;gap:6px 28px;align-items:center;box-shadow:var(--shadow)}
.fact-num{font-weight:900;font-size:clamp(2.6rem,5vw,3.8rem);letter-spacing:-.04em;line-height:1;color:var(--red);font-variant-numeric:tabular-nums;white-space:nowrap}
.fact-num small{font-size:.5em;font-weight:800;color:var(--ink-3);letter-spacing:-.02em;margin:0 .15em}
.fact p{color:var(--ink);font-weight:600;line-height:1.45}
.fact cite{grid-column:2;font-style:normal;font-size:.85rem;color:var(--ink-3)}
.fact cite a{text-underline-offset:3px}

/* compare */
.cmp{border-radius:var(--radius-lg);overflow:hidden;background:var(--paper);box-shadow:var(--shadow)}
.cmp-row{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1fr) minmax(0,1.15fr)}
.cmp-row+.cmp-row{border-top:1px solid var(--line)}
.cmp-row>*{padding:22px 28px}
.cmp-head>*{font-weight:800;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);padding-block:18px}
.cmp-head .us{color:var(--red)}
.cmp-q{font-weight:800}
.cmp-old{color:var(--ink-3)}
.cmp-new{background:#fdf6f1;font-weight:700;display:flex;gap:12px;align-items:flex-start}
.cmp-head .us{background:#fdf6f1}
.tick{flex:none;width:22px;height:22px;border-radius:50%;background:var(--red);margin-top:.18em;position:relative}
.tick::after{content:"";position:absolute;left:7px;top:5px;width:6px;height:10px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(42deg)}
.fineprint{margin-top:20px;font-size:.92rem;color:var(--ink-3)}

/* demo */
.demo{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(36px,6vw,96px);align-items:center}
.demo .sec-head{margin-bottom:34px}
.steps{display:grid;gap:6px;counter-reset:s}
.step{counter-increment:s;display:grid;grid-template-columns:40px 1fr;gap:16px;align-items:center;width:100%;text-align:left;background:transparent;border:0;border-radius:16px;padding:12px 16px;cursor:pointer;color:rgba(247,243,236,.62);transition:background .2s,color .2s}
.step::before{content:counter(s);display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:2px solid rgba(247,243,236,.25);font-weight:800;transition:all .2s}
.step b{display:block;font-weight:800;font-size:1.06rem;color:inherit}
.step span{display:block;font-size:.93rem;line-height:1.4;max-height:0;overflow:hidden;opacity:0;transition:max-height .3s,opacity .3s}
.step:hover{color:#fff}
.step.done::before{content:"✓";background:rgba(247,243,236,.14);border-color:transparent;color:var(--cream)}
.step.on{background:rgba(247,243,236,.08);color:#fff}
.step.on::before{background:var(--red);border-color:var(--red);color:#fff}
.step.on span{max-height:5em;opacity:.8}
.phone{width:300px;border-radius:44px;background:#0b1424;padding:12px;box-shadow:0 0 0 1.5px rgba(255,255,255,.14),0 24px 48px -30px rgba(0,0,0,.65)}
.screen{border-radius:33px;overflow:hidden;background:var(--cream);color:var(--ink)}
.finder{position:relative;aspect-ratio:1/1;background:radial-gradient(120% 90% at 50% 30%,#3a4c6b 0%,#1c2a44 60%,#131f35 100%);display:grid;place-items:center}
.finder svg{width:74%;height:auto;stroke:var(--cream);fill:none;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;transition:opacity .25s,transform .35s cubic-bezier(.2,.7,.2,1)}
.finder svg text{fill:var(--cream);stroke:none;font-family:var(--sans);font-weight:800}
.finder svg .hl{stroke:#ff8d8f}
.finder.swap svg{opacity:0;transform:scale(.94)}
.finder i{position:absolute;width:26px;height:26px;border:3px solid rgba(255,255,255,.85)}
.finder i:nth-of-type(1){left:18px;top:18px;border-right:0;border-bottom:0;border-top-left-radius:8px}
.finder i:nth-of-type(2){right:18px;top:18px;border-left:0;border-bottom:0;border-top-right-radius:8px}
.finder i:nth-of-type(3){left:18px;bottom:18px;border-right:0;border-top:0;border-bottom-left-radius:8px}
.finder i:nth-of-type(4){right:18px;bottom:18px;border-left:0;border-top:0;border-bottom-right-radius:8px}
.finder-count{position:absolute;top:16px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.4);color:#fff;font-size:.8rem;font-weight:800;padding:4px 12px;border-radius:999px;font-variant-numeric:tabular-nums}
.flash{position:absolute;inset:0;background:#fff;opacity:0;pointer-events:none}
.flash.go{animation:flash .35s ease-out}
@keyframes flash{0%{opacity:.85}100%{opacity:0}}
.sheet{padding:18px 20px 20px;text-align:center}
.sheet b{display:block;font-weight:800;font-size:1.08rem;line-height:1.25}
.sheet p{font-size:.9rem;color:var(--ink-2);line-height:1.4;margin-top:4px;min-height:4.25em}
.shutter{margin:10px auto 0;display:grid;place-items:center;width:64px;height:64px;border-radius:50%;border:3px solid var(--ink);background:transparent;cursor:pointer;padding:0;transition:transform .15s}
.shutter::after{content:"";width:46px;height:46px;border-radius:50%;background:var(--red);transition:transform .15s,background .2s}
.shutter:hover::after{background:var(--red-dark)}
.shutter:active::after{transform:scale(.86)}
.shutter.again{width:auto;height:52px;margin-top:16px;margin-bottom:6px;border-radius:999px;padding:0 22px;font-weight:800;border-width:2px}
.shutter.again::after{display:none}
.demo-note{margin-top:22px;font-size:.85rem;color:rgba(247,243,236,.55);text-align:center}

/* buyers */
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,88px);align-items:center}
.split img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius-lg);box-shadow:var(--shadow)}
.split h2{margin-bottom:18px}
.checks{display:grid;gap:14px;margin:28px 0 34px}
.checks li{display:flex;gap:14px;align-items:flex-start;font-weight:600}
.checks li span:last-child b{font-weight:800}

/* types */
.types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.type{background:var(--paper);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}
.type img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.type:hover img{transform:scale(1.04)}
.type div{padding:22px 24px 26px}
.type h3{margin-bottom:6px}
.type p{color:var(--ink-2);font-size:.98rem}

/* pricing */
.prices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.price{background:var(--paper);border-radius:var(--radius-lg);padding:clamp(28px,3.4vw,44px);box-shadow:var(--shadow);display:flex;flex-direction:column}
.price.alt{background:transparent;box-shadow:none;border:2px solid var(--line-strong)}
.price h3{font-size:1.1rem;color:var(--ink-2);font-weight:800}
.price-val{font-weight:900;font-size:clamp(2.6rem,5vw,3.6rem);letter-spacing:-.04em;line-height:1.05;margin:10px 0 6px}
.price-val.txt{font-size:clamp(1.7rem,3vw,2.2rem);letter-spacing:-.02em;line-height:1.15;padding:.35em 0}
.price-sub{color:var(--ink-3);font-size:.96rem;margin-bottom:22px}
.price .checks{margin:0}

/* form */
.signup{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(32px,6vw,80px);align-items:start}
.signup-copy{position:sticky;top:110px}
.signup-copy h2{margin-bottom:18px}
.signup-copy ul{margin-top:28px;display:grid;gap:12px;color:var(--ink-2);font-weight:600}
.signup-copy li{display:flex;gap:12px}
.card-form{background:var(--paper);border-radius:var(--radius-lg);padding:clamp(24px,3.4vw,44px);box-shadow:var(--shadow)}
fieldset{border:0;padding:0;margin:0 0 26px;min-width:0}
legend,.lab{display:block;font-weight:800;font-size:1rem;margin-bottom:10px;padding:0}
.lab small,legend small{font-weight:600;color:var(--ink-3);font-size:.88rem;margin-left:.3em}
.seg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;background:var(--cream);border-radius:999px;padding:5px}
.seg label{position:relative}
.seg input,.chips input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.seg label>span{display:block;line-height:46px;border-radius:999px;font-weight:800;font-size:.98rem;color:var(--ink-2);transition:background .2s,color .2s;text-align:center;padding:0 8px;white-space:nowrap}
.seg .pre{font-style:normal}
.seg input:checked+span{background:var(--ink);color:#fff}
.seg input:focus-visible+span,.chips input:focus-visible+span{outline:3px solid var(--red);outline-offset:2px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips label{position:relative}
.chips span{display:inline-flex;align-items:center;min-height:46px;padding:0 18px;border-radius:999px;border:2px solid var(--line-strong);font-weight:700;font-size:.97rem;transition:all .15s;user-select:none}
.chips label:hover span{border-color:var(--ink)}
.chips input:checked+span{background:var(--red-light);border-color:var(--red);color:var(--red-dark)}
.field{margin-bottom:22px}
.input{width:100%;min-height:54px;border-radius:14px;border:2px solid var(--line-strong);background:#fff;padding:0 18px;font-size:1.05rem;font-weight:600;transition:border-color .15s}
.input::placeholder{color:#9aa4b2;font-weight:500}
.input:hover{border-color:var(--ink-3)}
.input:focus{outline:0;border-color:var(--ink)}
.input[aria-invalid="true"]{border-color:var(--red)}
.two{display:grid;grid-template-columns:1.4fr 1fr;gap:14px}
.err{color:var(--red-dark);font-weight:700;font-size:.92rem;margin-top:8px;display:none}
.err.show{display:block}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.card-form .btn{width:100%;min-height:58px;font-size:1.08rem}
.legal{margin-top:16px;font-size:.86rem;color:var(--ink-3);line-height:1.5}
.linklike{background:none;border:0;padding:0;text-decoration:underline;text-underline-offset:3px;cursor:pointer;color:inherit;font-size:inherit}
.done-box{text-align:center;padding:clamp(20px,4vw,48px) 0}
.done-box .big-tick{width:72px;height:72px;border-radius:50%;background:var(--red);margin:0 auto 24px;position:relative}
.done-box .big-tick::after{content:"";position:absolute;left:26px;top:15px;width:18px;height:32px;border:solid #fff;border-width:0 6px 6px 0;transform:rotate(42deg)}
.done-box h3{font-size:1.8rem;margin-bottom:10px}
.done-box p{color:var(--ink-2);max-width:26em;margin-inline:auto}
.preview-note{margin-top:22px;background:var(--cream);border-radius:14px;padding:14px 18px;font-size:.9rem;color:var(--ink-2);font-weight:600}
[hidden]{display:none!important}

/* faq */
.faq-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,6vw,80px);align-items:start}
.faq-grid .sec-head{position:sticky;top:110px;margin-bottom:0}
.faq details{border-top:1px solid var(--line-strong)}
.faq details:last-child{border-bottom:1px solid var(--line-strong)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 0;font-weight:800;font-size:1.15rem;letter-spacing:-.01em}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";flex:none;width:14px;height:14px;border:solid var(--red);border-width:0 3px 3px 0;transform:rotate(45deg) translate(-3px,-3px);transition:transform .25s}
.faq details[open] summary::after{transform:rotate(225deg) translate(-3px,-3px)}
.faq details p{padding:0 48px 26px 0;color:var(--ink-2);max-width:40em}

/* closing */
.closing{position:relative;isolation:isolate;overflow:hidden}
.closing img.bg{position:absolute;top:0;right:0;width:60%;height:100%;object-fit:cover;object-position:62% 60%;z-index:-2}
.closing::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,var(--ink) 40%,rgba(26,42,68,.82) 52%,rgba(26,42,68,.15) 80%,rgba(26,42,68,0) 100%)}
.closing .wrap{padding-block:clamp(88px,12vw,160px)}
.closing h2{max-width:9em;margin-bottom:20px;font-size:clamp(2.1rem,4.6vw,3.6rem)}
.closing h2 em{color:#ff9a9c}
.closing p{max-width:22em;color:rgba(247,243,236,.82);font-size:1.15rem;margin-bottom:32px}

/* footer */
.foot{background:var(--ink-deep);color:rgba(247,243,236,.7);padding:48px 0 40px;font-size:.93rem}
.foot-in{display:flex;flex-wrap:wrap;gap:24px 48px;align-items:center;justify-content:space-between}
.foot img{height:38px;width:auto}
.foot a{text-underline-offset:3px}
.foot-meta{display:flex;flex-wrap:wrap;gap:6px 24px}

/* dialog */
dialog{border:0;border-radius:var(--radius-lg);padding:0;max-width:min(640px,calc(100vw - 32px));color:var(--ink);box-shadow:0 40px 100px -20px rgba(0,0,0,.5)}
dialog::backdrop{background:rgba(18,30,51,.6)}
.dlg{padding:clamp(24px,4vw,40px)}
.dlg h2{font-size:1.6rem;margin-bottom:18px}
.dlg h3{font-size:1rem;margin:18px 0 4px}
.dlg p{font-size:.96rem;color:var(--ink-2)}
.dlg .btn{margin-top:26px}

/* reveal */
.js .rv{opacity:0;transform:translateY(22px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d,0s)}
.js .rv.in{opacity:1;transform:none}

@media (max-width:980px){
  .nav-links{display:none}
  .hero-grid,.facts,.demo,.split,.signup,.faq-grid{grid-template-columns:minmax(0,1fr)}
  .faq-grid .sec-head{position:static;margin-bottom:8px}
  .closing img.bg{position:static;width:100%;height:auto;aspect-ratio:16/9;object-position:50% 60%}
  .closing::before{display:none}
  .closing .wrap{padding-block:clamp(64px,10vw,96px) 40px}
  .hero-fig img{aspect-ratio:4/3;object-position:60% 50%}
  .signup-copy{position:static}
  .demo .phone-col{justify-self:center;order:2}
  .demo>div:first-child{display:contents}
  .demo .sec-head{order:1;margin-bottom:0}
  .demo .steps{order:3}
  .split img{order:-1}
  .types{grid-template-columns:minmax(0,1fr);max-width:520px}
  .cmp-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .cmp-q{grid-column:1/-1;padding-bottom:0}
  .cmp-head .cmp-q{display:none}
  .cmp-row>*{padding:18px 20px}
}
@media (max-width:640px){
  body{font-size:16px}
  .nav-in{height:64px;gap:12px}
  .nav-logo img{height:32px}
  .nav .lbl-l{display:none}.nav .lbl-s{display:inline}
  html{scroll-padding-top:76px}
  .hero{padding-top:calc(64px + 32px)}
  .cta-row .btn{width:100%}
  .fact{grid-template-columns:minmax(0,1fr);padding:24px}
  .fact cite{grid-column:1}
  .cmp-row{grid-template-columns:minmax(0,1fr)}
  .cmp-head{display:none}
  .cmp-old::before{content:"Dnes: ";font-weight:800}
  .cmp-old{padding-block:10px 14px!important}
  .prices{grid-template-columns:minmax(0,1fr)}
  .two{grid-template-columns:minmax(0,1fr)}
  .seg .pre{display:none}
  .seg label>span::first-letter{text-transform:uppercase}
  .faq summary{font-size:1.05rem;padding:20px 0}
  .faq details p{padding-right:0}
  .foot-in{flex-direction:column;align-items:flex-start}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}
  .js .rv{opacity:1;transform:none}
}