/* ============================================================ SubsForLess 2.0 public homepage, Rev 1. Skeleton: rshoprefill (measured). Middle: ours. Motion system ported: house ease, spotlight hero, marquee, floats, staggered reveals. Urbanist 800 hero only. No icon washes. No box-shadow decoration beyond their card ring. ============================================================ */ @font-face{font-family:'Urbanist';font-style:normal;font-weight:800;font-display:swap; src:url(data:font/woff2;base64,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) format('woff2');} :root{ --indigo:#4338CA; --indigo-deep:#3730A3; --glow:#4F46E5; --ink:#171717; --soft:#52525B; --faint:#A1A1AA; --page:#F5F5F6; --card:#FFFFFF; --ring:#E4E4E7; --wash:#EEF0FB; --dots:#C7D2FE; --dark:#0B0B13; --navy:#232B38; --good:#16A34A; --momo:#FFCC00; --orange:#FF7900; --ease:cubic-bezier(.22,1,.36,1); } *{box-sizing:border-box;} /* Scrollbars that belong to the theme instead of the OS. --sb-thumb/--sb-track swap per theme below; the rails that hide their bar keep doing so, because those rules target a class and outrank this one. */ :root{--sb-thumb:#D4D4D8;--sb-track:#F5F5F6;--sb-thumb-hover:#B4B4BB;} html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--sb-thumb) var(--sb-track);} ::-webkit-scrollbar{width:11px;height:11px;} ::-webkit-scrollbar-track{background:var(--sb-track);} ::-webkit-scrollbar-thumb{background:var(--sb-thumb);border-radius:8px;border:3px solid var(--sb-track);} ::-webkit-scrollbar-thumb:hover{background:var(--sb-thumb-hover);} ::-webkit-scrollbar-corner{background:var(--sb-track);} html{overflow-x:clip;} body{margin:0;background:var(--page);color:var(--ink); font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:15px;line-height:1.55; -webkit-font-smoothing:antialiased;overflow-x:hidden;} main{animation:pageSlideIn .5s var(--ease) backwards;} h1,h2,h3,h4{margin:0;} a{color:inherit;text-decoration:none;} button{font-family:inherit;cursor:pointer;} .wrap{max-width:1550px;margin:0 auto;padding:0 24px;} /* ============ keyframes (ported vocabulary) ============ */ @keyframes pageSlideIn{0%{transform:translateY(32px);opacity:0;}100%{transform:translateY(0);opacity:1;}} @keyframes microFadeShift{0%{opacity:0;transform:translateY(14px);}100%{opacity:1;transform:translateY(0);}} @keyframes floatY{0%,100%{transform:translateY(0);}50%{transform:translateY(-8px);}} @keyframes payStrip{0%{transform:translateX(0);}100%{transform:translateX(-50%);}} @keyframes signalPulse{0%{opacity:.65;transform:scale(.55);}80%{opacity:0;}100%{opacity:0;transform:scale(2.4);}} @keyframes valueFlip{0%{opacity:0;transform:translateY(.4em);}100%{opacity:1;transform:translateY(0);}} @keyframes sweep{0%{--tx:-15%;}100%{--tx:115%;}} @keyframes flyX{0%{transform:translateX(-30px);}100%{transform:translateX(30px);}} @keyframes drift{0%,100%{transform:translate(0,0);}50%{transform:translate(14px,-10px);}} /* ============ header ============ */ header{position:sticky;top:0;z-index:50;will-change:transform;} .util{background:#FAFAFA;border-bottom:1px solid var(--ring);font-size:13px;color:var(--ink);} .util .wrap{display:flex;align-items:center;gap:22px;height:36px;} .util .sp{flex:1;} .util .rate{color:var(--soft);font-size:12.5px;} .util a{display:flex;align-items:center;gap:7px;font-weight:500;} .util a:hover{color:var(--indigo);} .util a svg{width:17px;height:17px;flex:none;} .util .flag{height:15px;width:22px;border-radius:3px;object-fit:cover;outline:1px solid var(--ring);} .tl-core{transform-origin:12px 12px;animation:tl-pulse 3s ease-in-out infinite;} .tl-rays{transform-origin:12px 12px;animation:tl-spin 24s linear infinite;} @keyframes tl-spin{to{transform:rotate(360deg);}} @keyframes tl-pulse{0%,100%{transform:scale(1);}50%{transform:scale(1.12);}} .hmain{background:rgba(255,255,255,.72);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);position:relative;transform:translateZ(0);} .hmain::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,transparent,rgba(67,56,202,.30) 18%,rgba(67,56,202,.30) 82%,transparent);} .hrow{display:flex;align-items:center;gap:22px;padding:14px 0 10px;} .logo{display:flex;align-items:center;flex:none;margin-left:52px;} .logo img{height:46px;width:auto;display:block;} .search{flex:1;max-width:600px;margin:0 auto;display:flex;align-items:center;gap:10px;border:1.5px solid #D6D6DC;border-radius:999px;padding:12px 18px;color:var(--faint);background:var(--card);} .search svg{width:16px;height:16px;flex:none;color:var(--indigo);} .search .k{margin-left:auto;font-family:Consolas,monospace;font-size:10.5px;border:1px solid #C9CEF4;background:var(--wash);border-radius:5px;padding:2px 6px;color:var(--indigo);} .hact{display:flex;align-items:center;gap:10px;margin-left:auto;} .pill-btn{display:flex;align-items:center;gap:8px;border:1.5px solid #C9CEF4;background:#fff;border-radius:999px;padding:10px 18px;font-size:13.5px;font-weight:600;color:var(--indigo);cursor:pointer;transition:background-color .2s;} .pill-btn:hover{background:var(--wash);} .icon-btn{width:42px;height:42px;border-radius:13px;border:none;background:#EEEEF1;display:flex;align-items:center;justify-content:center;color:var(--ink);position:relative;cursor:pointer;} .icon-btn.bare{background:transparent;} .search-m{display:none;} .icon-btn svg{width:18px;height:18px;} .icon-btn .badge{position:absolute;top:-5px;right:-5px;background:var(--indigo);color:#fff;font-size:10px;font-weight:700;border-radius:9px;padding:1px 5px;} nav.cats{display:flex;justify-content:center;gap:10px;padding:6px 0 12px;font-size:14px;font-weight:500;flex-wrap:wrap;} nav.cats a{display:flex;align-items:center;gap:8px;color:var(--ink);padding:8px 15px;border-radius:999px;transition:background-color .2s,color .15s;} nav.cats a svg{width:17px;height:17px;color:var(--soft);} nav.cats a:hover{color:var(--indigo);background:var(--wash);} /* ============ hero ============ */ .hero{position:relative;background:#fff;overflow:hidden;} .hero-bg{position:absolute;inset:0;pointer-events:none; background:radial-gradient(720px 380px at 50% -80px,rgba(79,70,229,.09),transparent 70%), radial-gradient(520px 300px at 12% 90%,rgba(79,70,229,.05),transparent 70%), radial-gradient(520px 300px at 88% 85%,rgba(79,70,229,.05),transparent 70%);} /* the brand floor: perspective glass tiles etched with ghost marks, slowly panning. Full-color floating icons live above it. */ .wall-mask{position:absolute;inset:0;pointer-events:none;overflow:hidden; -webkit-mask-image:radial-gradient(ellipse 56% 50% at 50% 40%,transparent 24%,#000 72%),linear-gradient(to bottom,#000 0%,#000 80%,transparent 100%); -webkit-mask-composite:source-in; mask-image:radial-gradient(ellipse 56% 50% at 50% 40%,transparent 24%,#000 72%),linear-gradient(to bottom,#000 0%,#000 80%,transparent 100%); mask-composite:intersect;} .hero-wall{position:absolute;inset:-34% -16% -10%;pointer-events:none;will-change:transform;backface-visibility:hidden; transform:perspective(1300px) rotateX(30deg) rotateZ(-6deg) scale(1.12);transform-origin:50% 30%; display:flex;flex-direction:column;gap:22px;justify-content:center;} .wall-row{display:flex;gap:22px;flex:none;animation:wallpan 30s ease-in-out infinite alternate;will-change:transform;backface-visibility:hidden;} .wall-row:nth-child(even){animation-direction:alternate-reverse;margin-left:-88px;} .wall-card{width:150px;height:96px;border-radius:16px;flex:none; background:rgba(255,255,255,.55);border:1px solid rgba(190,192,205,.55); display:flex;align-items:center;justify-content:center;} .wall-card svg{width:34px;height:34px;opacity:.85;} @keyframes wallpan{0%{transform:translateX(0);}100%{transform:translateX(-190px);}} .hero-shade{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse at 50% 35%,rgba(16,16,26,.045) 30%,rgba(16,16,26,.12) 100%);} .hero-in{position:relative;z-index:2;max-width:1280px;margin:0 auto;padding:72px 20px 106px;text-align:center;pointer-events:none;} .hero-in .htype,.hero-in .hctas a,.hero-in .tiles{pointer-events:auto;} .htype{position:relative;cursor:default;} .htype h1,.htype .glow{font-family:'Urbanist',sans-serif;font-weight:800; font-size:clamp(38px,7vw,78px);line-height:1.06;letter-spacing:0;margin:0;color:var(--ink);text-wrap:balance;} .htype .layer2{position:absolute;inset:0;pointer-events:none; -webkit-mask-image:radial-gradient(circle 170px at var(--mx,-999px) var(--my,-999px),#000 0%,#000 80%,transparent 100%); mask-image:radial-gradient(circle 170px at var(--mx,-999px) var(--my,-999px),#000 0%,#000 80%,transparent 100%);} .htype .glow{color:var(--glow);} .hsub{max-width:690px;margin:22px auto 0;font-size:16.5px;color:var(--ink);line-height:1.6;text-wrap:balance;} .hctas{display:flex;justify-content:center;gap:14px;margin-top:32px;flex-wrap:wrap;} .cta{display:inline-flex;align-items:center;gap:9px;border-radius:12px;padding:14px 22px;font-size:15px;font-weight:600; transition:transform .15s var(--ease),background-color .15s;} .cta svg{width:18px;height:18px;transition:transform .15s var(--ease);} .cta:hover{transform:translateY(-2px);} .cta:hover svg{transform:translateX(2px);} .cta.solid{background:var(--indigo);color:#fff;border:none;} .cta.solid:hover{background:var(--indigo-deep);} .cta.ghost{background:#E4E7FB;color:var(--ink);border:1px solid #C9CEF4;} /* ============ benefit bubbles: circles that expand into a pill ============ */ .tiles{position:relative;z-index:5;margin-top:56px;} .btrack{display:flex;gap:16px;justify-content:center;align-items:center;} .bitem{display:flex;align-items:center;gap:14px;height:104px;width:104px;border-radius:52px; border:1px solid var(--ring);background:var(--card);padding:0 13px;overflow:hidden; cursor:pointer;text-align:left;flex:none;font-family:inherit; transition:width .5s var(--ease),background-color .3s; animation:microFadeShift .5s var(--ease) backwards;} .btrack .bitem:nth-child(1){animation-delay:.05s;} .btrack .bitem:nth-child(2){animation-delay:.12s;} .btrack .bitem:nth-child(3){animation-delay:.19s;} .btrack .bitem:nth-child(4){animation-delay:.26s;} .btrack .bitem:nth-child(5){animation-delay:.33s;} .bitem{background:#fff;border-color:#C6C8D6;position:relative; transition:width .5s cubic-bezier(0,0,.2,1),background-color .25s,border-color .2s,transform .3s cubic-bezier(0,0,.2,1);} .bitem:not(.open):hover{border-style:dashed;border-color:#8F8F9C;} .bitem.open{width:620px;background:rgba(255,255,255,.9);} .bitem.open:hover{transform:translateY(-2px);} /* name tooltip under collapsed chips */ .bitem:not(.open)::after{content:attr(data-tip);position:absolute;left:50%;top:calc(100% + 6px);transform:translateX(-50%) translateY(-4px); background:#26262E;color:#fff;font-size:11px;font-weight:600;padding:4px 10px;border-radius:6px;white-space:nowrap; opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:9;} .bitem:not(.open):hover::after{opacity:1;transform:translateX(-50%) translateY(0);} .bitem.from-left{animation:chipFromLeft .35s cubic-bezier(0,0,.2,1);} .bitem.from-right{animation:chipFromRight .35s cubic-bezier(0,0,.2,1);} @keyframes chipFromLeft{0%{transform:translateX(-40px);opacity:.3;}100%{transform:translateX(0);opacity:1;}} @keyframes chipFromRight{0%{transform:translateX(40px);opacity:.3;}100%{transform:translateX(0);opacity:1;}} .bic{width:78px;height:78px;display:flex;align-items:center;justify-content:center;flex:none;} .bic .illo{width:100%;height:100%;display:block;} .btxt{opacity:0;white-space:nowrap;transition:opacity .25s .18s;min-width:0;} .btxt b{display:block;color:var(--ink);font-size:15.5px;font-weight:700;transition:color .2s;} .bitem.open:hover .btxt b{color:var(--indigo);} .btxt small{color:var(--soft);font-size:13px;} .bmore{opacity:0;transform:translateX(8px);margin-left:auto;font-weight:700;font-size:14px;color:var(--ink);display:flex;align-items:center;gap:4px;white-space:nowrap;padding-right:10px;transition:opacity .25s,transform .25s;pointer-events:none;} .bmore svg{width:15px;height:15px;} .bitem.open .btxt{opacity:1;} .bitem.open:hover .bmore{opacity:1;transform:translateX(0);} /* ============ payment marquee ============ */ .paysec{padding:54px 0 8px;} .sec-title{font-size:20px;font-weight:700;margin-bottom:16px;display:flex;align-items:center;gap:12px;} .sec-title .sp{flex:1;} .pay-strip{overflow:hidden;position:relative;} .pay-track{display:flex;align-items:center;gap:56px;width:max-content;animation:payStrip 40s linear infinite;padding:10px 0;} .pay-strip:hover .pay-track,.pay-strip.paused .pay-track{animation-play-state:paused;} .pay{display:flex;align-items:center;gap:11px;font-size:13px;font-weight:600;color:var(--ink);white-space:normal;} .pay .pico{width:30px;height:30px;flex:none;display:flex;align-items:center;justify-content:center;} .pay .pico svg{width:100%;height:100%;display:block;} .pay .pl{line-height:1.2;max-width:88px;} /* ============ trust stats ============ */ .stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:34px 0 10px;} .stat{display:flex;align-items:center;gap:14px;background:transparent;border:1px solid var(--ring);border-radius:16px;padding:18px 20px;} .stat svg{width:27px;height:27px;color:var(--ink);flex:none;} .stat b{display:block;font-size:15px;} .stat span{font-size:12.5px;color:var(--soft);} /* ============ rails ============ */ .railsec{padding:44px 0 6px;} .rail-head{display:flex;align-items:center;gap:12px;margin-bottom:4px;} .rail-head h2{font-size:21px;font-weight:700;} .rail-head p{margin:2px 0 0;font-size:13px;color:var(--soft);} .rail-head .sp{flex:1;} .seeall{border:1px solid var(--ring);background:var(--card);border-radius:12px;padding:9px 16px;font-size:13px;font-weight:600;color:var(--ink);white-space:nowrap;flex:none;display:inline-flex;align-items:center;line-height:normal;cursor:pointer;} .arrow{width:38px;height:38px;border-radius:50%;border:1px solid var(--ring);background:var(--card);display:flex;align-items:center;justify-content:center;color:var(--ink);} .arrow svg{width:15px;height:15px;} .rail{display:flex;gap:16px;overflow-x:auto;padding:16px 20px;margin:0 calc(50% - 50vw);width:100vw;scrollbar-width:none;} .rail::-webkit-scrollbar{display:none;} .rail .lead{flex:none;width:calc(50vw - 775px + 24px);min-width:0;} .ptile{flex:none;width:168px;} .ptile .cardv{aspect-ratio:16/10;border-radius:15px;overflow:hidden;border:1px solid var(--ring);display:flex;align-items:center;justify-content:center;position:relative;} .ptile .cardv .bl{width:40%;height:52%;transition:transform .3s var(--ease);} .ptile:hover .cardv .bl{transform:scale(1.1);} .cardv .lockup{max-width:76%;max-height:56%;width:auto;height:auto;display:block;transition:transform .3s var(--ease);} .ptile:hover .lockup{transform:scale(1.06);} .ptile h4{font-size:14px;font-weight:600;margin:9px 0 1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .ptile p{margin:0;font-size:12px;color:var(--soft);} /* ============ how it works ============ */ .how{padding:52px 24px 8px;} .how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;} .step-card{border:1px solid var(--ring);border-radius:16px;overflow:hidden;background:var(--card);} .step-art{background:#0E1626;position:relative;overflow:hidden;} .step-art .illo{width:100%;height:auto;display:block;} .step-txt{padding:16px 18px 18px;} .step-txt h3{font-size:15.5px;font-weight:700;margin-bottom:5px;} .step-txt p{margin:0;font-size:13px;color:var(--soft);} .f1{animation:floatY 4.2s ease-in-out infinite;} .f2{animation:floatY 3.6s ease-in-out infinite .6s;} .f3{animation:floatY 4.8s ease-in-out infinite 1.1s;} .ring-pulse{animation:signalPulse 2.6s ease-out infinite;transform-origin:center;} .flip{animation:valueFlip .26s var(--ease);} /* ============ feature scene ============ */ .scene{padding:56px 24px 10px;} .scene-card{background:var(--wash);border:1px solid var(--ring);border-radius:24px;padding:34px 38px;display:grid;grid-template-columns:1fr 1.35fr;gap:30px;align-items:center;} .scene-copy .chip{display:inline-block;background:#fff;border:1px solid var(--ring);color:var(--indigo);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;border-radius:16px;padding:4px 12px;margin-bottom:12px;} .scene-copy h2{font-size:26px;font-weight:700;margin-bottom:10px;text-wrap:balance;} .scene-copy p{margin:0 0 10px;font-size:14.5px;color:var(--soft);max-width:46ch;} .scene-svg svg{width:100%;height:auto;display:block;} /* ============ dark offer panel ============ */ .offer{padding:56px 24px 10px;} .offer-card{position:relative;background:var(--dark);border-radius:40px;overflow:hidden;color:#fff; display:grid;grid-template-columns:1.2fr 1fr;gap:32px;align-items:center;padding:56px 54px;} .offer-media{position:absolute;inset:0;overflow:hidden;} .offer-media video{width:100%;height:100%;object-fit:cover;display:block;} .offer-ov1{position:absolute;inset:0;background:rgba(0,0,0,.68);pointer-events:none;} .offer-ov2{position:absolute;inset:0;background:linear-gradient(to right,rgba(0,0,0,.85),rgba(0,0,0,.55) 55%,rgba(0,0,0,.35));pointer-events:none;} .offer-copy{position:relative;z-index:2;} .offer-copy h2{font-size:28px;font-weight:800;margin-bottom:12px;color:#fff;text-wrap:balance;} .offer-copy p{margin:0 0 10px;font-size:14.5px;color:rgba(255,255,255,.72);max-width:52ch;} .offer-copy .tag3{font-weight:700;color:#fff;font-size:15px;margin-top:16px;line-height:1.7;} .offer-side{position:relative;z-index:2;display:flex;flex-direction:column;gap:14px;align-items:center;} .points-box{border:1px solid rgba(255,255,255,.28);border-radius:18px;padding:18px 26px;text-align:center;width:100%;} .points-box b{display:block;font-size:15px;margin-bottom:4px;color:#fff;} .points-box a{color:#A5B4FC;font-size:13.5px;text-decoration:underline;} .offer-btns{display:flex;gap:10px;} .obtn{display:flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.4);background:transparent;color:#fff;border-radius:12px;padding:12px 20px;font-size:13.5px;font-weight:600;transition:background-color .15s;} .obtn:hover{background:rgba(255,255,255,.1);} /* ============ guest strip ============ */ .guest{padding:40px 24px 6px;} .guest-card{border:1px solid var(--ring);background:var(--card);border-radius:16px;padding:20px 26px;display:flex;align-items:center;gap:18px;flex-wrap:wrap;} .guest-card svg{width:26px;height:26px;color:var(--indigo);flex:none;} .guest-card b{font-size:15px;} .guest-card p{margin:2px 0 0;font-size:13px;color:var(--soft);} .guest-card .sp{flex:1;} .guest-card .cta{padding:11px 18px;font-size:13.5px;} /* ============ testimonials ============ */ .reviews{background:#fff;padding:52px 0 44px;margin-top:40px;} .rev-rail{display:flex;gap:14px;overflow-x:auto;padding:14px 2px;scrollbar-width:none;} .rev-rail::-webkit-scrollbar{display:none;} .rev{flex:none;width:420px;height:300px;border:1px solid #ECECEE;background:#FAFAFB;border-radius:14px;padding:24px 26px;} .rev .top{display:flex;align-items:flex-start;gap:13px;margin-bottom:16px;} .rev:not(.cta-card){display:flex;flex-direction:column;} .rev:not(.cta-card) .top{margin-bottom:26px;} .rev:not(.cta-card) p{margin:auto 0;} .rev .av{width:44px;height:44px;border-radius:50%;background:#EFEFF1;color:var(--soft);font-weight:600;font-size:14px;display:flex;align-items:center;justify-content:center;flex:none;} .rev .who b{display:block;font-size:15.5px;} .rev .who span{display:block;font-size:12.5px;color:var(--faint);margin-top:3px;} .rev .brand{margin-left:auto;text-align:right;flex:none;} .rev .brand img{height:15px;width:auto;display:inline-block;margin-bottom:6px;} .rev .stars{display:block;color:var(--indigo);font-size:15px;letter-spacing:3px;white-space:nowrap;} .rev .stars .off{opacity:.25;} .rev p{margin:0;font-size:14px;color:var(--soft);line-height:1.6;} .rev.cta-card{background:var(--wash);border-color:#E2E5F8;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;} .rev.cta-card h3{font-size:16.5px;margin-bottom:8px;} .rev.cta-card p{margin-bottom:14px;} .rev.cta-card .cta{padding:11px 16px;font-size:13px;flex:none;} .sample-tag{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);border:1px dashed var(--ring);border-radius:4px;padding:2px 7px;} /* ============ FAQ ============ */ .faqsec{padding:64px 24px 44px;max-width:1180px;margin:0 auto;display:grid;grid-template-columns:340px 1fr;gap:64px;align-items:start;} .faq-left{position:sticky;top:175px;} .faq-left h2{font-size:30px;font-weight:700;line-height:1.15;margin-bottom:12px;text-wrap:balance;} .faq-left .fsub{color:var(--soft);font-size:14px;margin:0 0 18px;} .faq-left .fhelp{font-size:14px;color:var(--soft);margin:0;} .faq-left .fhelp a{color:var(--indigo);font-weight:600;} .faq-group{font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);margin:30px 0 4px;} .faq-group:first-child{margin-top:0;} @media (max-width:900px){.faqsec{grid-template-columns:1fr;gap:28px;}} details{border-bottom:1px solid var(--ring);} summary{list-style:none;display:flex;align-items:center;gap:12px;padding:23px 4px;font-size:16px;font-weight:600;cursor:pointer;} summary::-webkit-details-marker{display:none;} summary .plus{margin-left:auto;color:var(--soft);font-size:19px;font-weight:400;transition:transform .25s var(--ease);flex:none;} details[open] summary .plus{transform:rotate(45deg);} details .a{padding:0 4px 18px;font-size:14px;color:var(--soft);max-width:66ch;animation:microFadeShift .3s var(--ease);} /* ============ footer ============ */ footer{background:var(--navy);color:rgba(255,255,255,.75);margin-top:56px;} .ftop{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1fr;gap:36px;padding:52px 0 40px;} .fbrand .logo b{color:#5B8DFF;} .fbrand .tagline{font-size:11px;color:rgba(255,255,255,.5);margin:2px 0 14px;} .fbrand p{font-size:13px;margin:0 0 16px;max-width:34ch;} .socials{display:flex;gap:8px;margin-bottom:22px;} .soc{width:36px;height:36px;border-radius:10px;border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;color:#fff;} .soc svg{width:16px;height:16px;} .fbrand .nl-label{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.5);margin-bottom:8px;} .nl{display:flex;gap:8px;} .nl input{flex:1;background:transparent;border:1px solid rgba(255,255,255,.25);border-radius:10px;padding:10px 12px;color:#fff;font-family:inherit;font-size:13px;} .nl input::placeholder{color:rgba(255,255,255,.4);} .nl button{background:var(--indigo);color:#fff;border:none;border-radius:10px;padding:10px 18px;font-size:13px;font-weight:700;} .fcol h4{color:#fff;font-size:14.5px;margin-bottom:14px;} .fcol a{display:block;font-size:13px;padding:5px 0;color:rgba(255,255,255,.72);} .fcol a:hover{color:#fff;} .fcol .dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--good);margin-left:7px;} .fbot{border-top:1px solid rgba(255,255,255,.12);padding:16px 0 26px 78px;display:flex;align-items:center;gap:18px;flex-wrap:wrap;font-size:12px;color:rgba(255,255,255,.55);} @media (max-width:680px){.fbot{padding-left:0;justify-content:center;}} .fbot .sp{flex:1;} .mode-switch{display:inline-flex;gap:3px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:4px;} .mode-switch button{width:30px;height:30px;border-radius:50%;border:none;background:transparent;color:rgba(255,255,255,.55);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s,color .2s;} .mode-switch button svg{width:15px;height:15px;} .mode-switch button.on{background:var(--indigo);color:#fff;} /* ============ furniture ============ */ .to-top{position:fixed;left:18px;bottom:18px;width:44px;height:44px;border-radius:14px;background:var(--indigo);color:#fff;border:none;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s;z-index:60;} .to-top.on{opacity:1;pointer-events:auto;} .to-top svg{width:18px;height:18px;} .mock-bar{position:fixed;left:50%;transform:translateX(-50%);bottom:14px;z-index:70;background:var(--ink);color:#fff;border-radius:24px;padding:8px 16px;font-size:12px;display:flex;align-items:center;gap:10px;} .mock-bar b{font-weight:700;} .mock-bar button{background:rgba(255,255,255,.14);border:none;color:#fff;border-radius:14px;padding:4px 12px;font-size:12px;font-weight:700;} .mock-bar button.on{background:var(--indigo);} @media (prefers-reduced-motion:reduce){ *,*::before,*::after{animation-duration:.001s !important;animation-iteration-count:1 !important;transition-duration:.001s !important;} .pay-track{animation:none;} } /* ============ dark mode: reference navy family ============ */ html.dark{ --sb-thumb:#3A4657;--sb-track:#232B38;--sb-thumb-hover:#4A5870; --page:#232B38;--card:#2B3442;--ring:rgba(255,255,255,.12); --ink:#F2F4FA;--soft:#A8B3CF;--faint:#7C89A8;--wash:#333D4C; --indigo:#3B82F6;--indigo-deep:#2563EB;--glow:#5B8DFF; } html.dark .hmain::after{background:linear-gradient(90deg,transparent,rgba(59,130,246,.34) 18%,rgba(59,130,246,.34) 82%,transparent);} html.dark .util{background:#1C232E;border-bottom-color:rgba(255,255,255,.08);} html.dark .hmain{background:rgba(35,43,56,.8);} html.dark .search{background:#28303D;border-color:rgba(255,255,255,.16);} html.dark .search .k{background:#333D4C;border-color:#4A5568;color:#5B8DFF;} html.dark .pill-btn{background:transparent;border-color:#4A5568;color:#5B8DFF;} html.dark .pill-btn:hover{background:#333D4C;} html.dark .icon-btn{background:#333D4C;color:#F2F4FA;} html.dark .icon-btn.bare{background:transparent;} .search-m{display:none;} html.dark nav.cats a:hover{background:#333D4C;color:#5B8DFF;} .logo .lg-d{display:none;} html.dark .logo .lg-l{display:none;} html.dark .logo .lg-d{display:block;} html.dark .hero{background:#232B38;} html.dark .hero-shade{background:radial-gradient(ellipse at 50% 35%,rgba(0,0,0,.06) 30%,rgba(0,0,0,.32) 100%);} html.dark .wall-card{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.09);} html.dark .wall-card svg{opacity:.55;} html.dark .htype .glow{color:#5B8DFF;} html.dark .cta.ghost{background:#333D4C;color:#F2F4FA;border-color:#4A5568;} html.dark .bitem{background:#2B3442;border-color:#4A5568;} html.dark .bitem.open{background:#333D4C;} html.dark .bitem:not(.open)::after{background:#E7EAF6;color:#232B38;} html.dark .bic{filter:none;} html.dark .scene-copy .chip{background:#28303D;border-color:#4A5568;color:#5B8DFF;} html.dark .reviews{background:#28303D;} html.dark .rev{background:#2B3442;border-color:rgba(255,255,255,.1);} html.dark .rev .av{background:#39434F;color:#A8B3CF;} html.dark .rev.cta-card{background:#333D4C;border-color:#4A5568;} html.dark .faq-left .fhelp a,html.dark .fcol a[style*="8B9DF8"]{color:#5B8DFF;} html.dark footer{background:#1A202A;} html.dark .rev .brand img{filter:brightness(0) invert(1);} /* ============ responsive ============ */ @media (max-width:1080px){ .bitem.open{width:420px;} .stats{grid-template-columns:1fr 1fr;} .how-grid{grid-template-columns:1fr;} .scene-card{grid-template-columns:1fr;} .offer-card{grid-template-columns:1fr;padding:40px 30px;} .ftop{grid-template-columns:1fr 1fr;} } @media (max-width:680px){ /* header: their mobile anatomy */ .util .wrap{gap:12px;height:32px;} .util .rate{font-size:11.5px;} .util a{font-size:12px;gap:5px;} .logo{margin-left:0;} .logo img{height:29px;} .hrow{gap:8px;padding:10px 0 8px;} .hact{gap:6px;margin-left:auto;} .icon-btn{width:40px;height:40px;} .search{display:none;} .search-m{display:flex;} .pill-btn{display:none;} nav.cats{gap:4px;font-size:13px;overflow-x:auto;justify-content:flex-start;flex-wrap:nowrap;padding:2px 0 10px;scrollbar-width:none;} nav.cats::-webkit-scrollbar{display:none;} nav.cats a{flex:none;padding:7px 12px;} /* hero: 50px title, row CTAs, tight gutters */ .hero-in{padding:40px 12px 84px;} .htype h1,.htype .glow{font-size:48px;line-height:1.1;} .hsub{font-size:16px;margin-top:16px;} .hctas{gap:8px;margin-top:24px;display:grid;grid-template-columns:auto auto;justify-content:center;} .hctas a[href="/scripts"]{grid-column:1 / -1;justify-self:center;} .cta{padding:11px 13px;font-size:13.5px;} .cta svg{width:16px;height:16px;} .hero-wall{gap:14px;} .wall-row{gap:14px;} .wall-card{width:112px;height:72px;border-radius:12px;} .wall-card svg{width:26px;height:26px;} /* chips: only the open one, full width, like theirs */ .tiles{margin-top:36px;} .btrack{gap:0;} .bitem{display:none;} .bitem.open{display:flex;width:100%;height:84px;border-radius:42px;} .bic{width:60px;height:60px;} .btxt{white-space:normal;} .btxt b{font-size:14.5px;} .btxt small{font-size:12px;} .bmore{display:none;} /* section gutters: 16px like theirs */ .wrap{padding:0 16px;} .how{padding:40px 16px 8px;} .scene{padding:44px 16px 10px;} .offer{padding:44px 16px 10px;} .guest{padding:32px 16px 6px;} .reviews{padding:40px 0 32px;} /* marquee compact */ .pay-track{gap:36px;padding:6px 0;} .pay .pico{width:26px;height:26px;} /* stats stack */ .stats{grid-template-columns:1fr;gap:10px;padding:26px 0 6px;} /* rails: same tiles, no arrows, edge padding */ .rail{padding:14px 16px;} .rail .lead{display:none;} .arrow{display:none;} .rail-head h2{font-size:18px;} .rail-head p{font-size:12px;} .seeall{padding:8px 13px;font-size:12.5px;} /* how-it-works: horizontal swipe strip, 288px cards like theirs */ .how-grid{display:flex;overflow-x:auto;gap:14px;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 -16px;padding:0 16px;} .how-grid::-webkit-scrollbar{display:none;} .step-card{flex:none;width:288px;scroll-snap-align:start;} /* scene stacks */ .scene-card{grid-template-columns:1fr;padding:24px 18px;gap:22px;} .scene-copy h2{font-size:21px;} /* offer panel single column, keeps its big radius */ .offer-card{grid-template-columns:1fr;padding:30px 22px;gap:24px;border-radius:32px;} .offer-copy h2{font-size:22px;} /* guest strip stacks */ .guest-card{flex-direction:column;align-items:flex-start;gap:12px;} .guest-card .cta{width:100%;justify-content:center;} /* reviews: near full-width cards */ .rev{width:336px;height:auto;min-height:250px;} /* faq */ .faqsec{padding:44px 16px 32px;} .faq-left{position:static;} .faq-left h2{font-size:24px;} summary{padding:18px 2px;font-size:15px;} /* footer: brand full-width, link columns two-up like theirs */ .ftop{grid-template-columns:1fr 1fr;gap:26px 18px;padding:38px 0 24px;} .fbrand{grid-column:1 / -1;} .fbot{padding-left:0;justify-content:center;text-align:center;gap:12px;} .util .hide-m{display:none;} } /* ---------- auth modal ---------- */ .am{position:fixed;inset:0;z-index:200;display:none;} .am.on{display:block;} .am-bk{position:absolute;inset:0;background:rgba(24,24,27,.45);} .am-wrap{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:16px;pointer-events:none;} .am-pn{pointer-events:auto;position:relative;width:100%;max-width:460px;max-height:92vh;display:flex;flex-direction:column;overflow:hidden;border-radius:12px;background:#1B2331;color:#fff;box-shadow:0 30px 70px rgba(0,0,0,.45);animation:amIn .45s cubic-bezier(.22,1,.36,1);} @keyframes amIn{from{opacity:0;transform:translateY(48px) scale(.97)}to{opacity:1;transform:none}} .am-hd{flex:none;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px 24px 6px;} .am-hd h2{font-size:19px;font-weight:800;margin:0;} .am-sub{margin:5px 0 0;font-size:13px;color:rgba(255,255,255,.65);} .am-x{width:36px;height:36px;flex:none;border:0;border-radius:12px;background:transparent;color:rgba(255,255,255,.7);cursor:pointer;display:flex;align-items:center;justify-content:center;} .am-x:hover{background:rgba(255,255,255,.1);color:#fff;} .am-x svg{width:22px;height:22px;} .am-bd{flex:1;overflow-y:auto;padding:10px 24px 24px;} .am-bd h3{font-size:22px;font-weight:800;margin:0;letter-spacing:-.3px;} .am-lead{margin:6px 0 0;font-size:14px;color:rgba(255,255,255,.65);} .am-goog{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:20px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.05);border-radius:12px;padding:11px 16px;font-size:14px;font-weight:600;color:#fff;} .am-goog:hover{background:rgba(255,255,255,.1);} .am-goog svg{width:20px;height:20px;flex:none;} .am-goog.off{opacity:.45;cursor:not-allowed;} .am-soon{margin:8px 0 0;font-size:12px;color:rgba(255,255,255,.45);text-align:center;} .am-or{display:flex;align-items:center;gap:12px;margin:22px 0;} .am-or span{flex:1;height:1px;background:rgba(255,255,255,.15);} .am-or b{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.5);} .am-f{margin-bottom:16px;} .am-f label{display:block;font-size:13.5px;font-weight:600;color:rgba(255,255,255,.85);margin-bottom:6px;} .am-f input{width:100%;height:44px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.05);border-radius:12px;padding:0 14px;font-family:inherit;font-size:14px;color:#fff;} .am-f input::placeholder{color:rgba(255,255,255,.4);} .am-f input:focus{outline:0;border-color:#5B8DFF;background:rgba(255,255,255,.1);box-shadow:0 0 0 3px rgba(91,141,255,.2);} .am-pw{position:relative;display:block;} .am-pw input{padding-right:46px;} .am-eye{position:absolute;right:6px;top:5px;width:34px;height:34px;border:0;background:transparent;color:rgba(255,255,255,.55);cursor:pointer;display:flex;align-items:center;justify-content:center;} .am-eye:hover{color:#fff;} .am-eye svg{width:19px;height:19px;} .am-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;} .am-ck{display:flex;align-items:center;gap:10px;font-size:13.5px;color:rgba(255,255,255,.75);cursor:pointer;} .am-ck.top{align-items:flex-start;margin-bottom:14px;line-height:1.5;} .am-ck input{width:18px;height:18px;flex:none;accent-color:#5B8DFF;margin:0;} .am-ck.top input{margin-top:2px;} .am-ck a{color:#8FB4FF;text-decoration:underline;text-underline-offset:2px;} .am-link{font-size:13.5px;font-weight:600;color:#8FB4FF;} .am-e{display:block;font-size:12.5px;font-weight:600;color:#FCA5A5;font-style:normal;margin-top:6px;} .am-e.am-top{margin:0 0 12px;text-align:center;} .am-e:empty{display:none;} .am-go{width:100%;height:48px;border:0;border-radius:12px;background:var(--indigo);color:#fff;font-family:inherit;font-size:15px;font-weight:700;cursor:pointer;} .am-go:hover{filter:brightness(1.1);} .am-go:disabled{opacity:.65;cursor:not-allowed;} .am-foot{margin:20px 0 0;padding-top:18px;border-top:1px solid rgba(255,255,255,.12);text-align:center;font-size:13.5px;color:rgba(255,255,255,.65);} .am-foot button{border:0;background:transparent;font-family:inherit;font-size:13.5px;font-weight:700;color:#8FB4FF;cursor:pointer;margin-left:4px;} .am-foot button:hover{text-decoration:underline;} /* signed-in chip */ .acct{position:relative;} .acct-btn{display:flex;align-items:center;gap:8px;border:1px solid var(--ring);background:var(--card);border-radius:999px;padding:4px 12px 4px 4px;font-family:inherit;font-size:13px;font-weight:600;color:var(--ink);cursor:pointer;} .acct-btn:hover{background:var(--wash);} .acct-av{width:28px;height:28px;border-radius:50%;background:var(--indigo);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;flex:none;} .acct-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:214px;background:var(--card);border:1px solid var(--ring);border-radius:14px;padding:8px;box-shadow:0 18px 40px rgba(0,0,0,.16);display:none;z-index:60;} .acct-menu.on{display:block;} .acct-menu .who{display:block;padding:8px 10px 10px;border-bottom:1px solid var(--ring);margin-bottom:6px;} .acct-menu .who b{display:block;font-size:13.5px;} .acct-menu .who span{display:block;font-size:12px;color:var(--soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .acct-menu a,.acct-menu button{display:block;width:100%;text-align:left;border:0;background:transparent;font-family:inherit;font-size:13.5px;color:var(--ink);border-radius:9px;padding:9px 10px;cursor:pointer;} .acct-menu a:hover,.acct-menu button:hover{background:var(--wash);} @media (max-width:680px){.am-pn{max-width:none;}.am-bd{padding:10px 18px 20px;}.am-hd{padding:16px 18px 4px;}.acct-btn span.nm{display:none;}} @media (prefers-reduced-motion:reduce){.am-pn{animation:none;}} .am-ok{margin:0 0 14px;padding:12px 14px;border-radius:12px;background:rgba(22,163,74,.14);color:#86EFAC;font-size:13px;font-weight:600;line-height:1.5;text-align:center;} .am-link{border:0;background:transparent;font-family:inherit;padding:0;cursor:pointer;} .am-link:hover{text-decoration:underline;} /* ---------- two engines: real product surfaces ---------- */ .sr{display:flex;flex-direction:column;gap:16px;} .sr-card{background:var(--card);border:1px solid var(--ring);border-radius:18px;padding:18px 20px;box-shadow:0 10px 30px -18px rgba(16,16,26,.45);} .sr-head,.sr-from,.sr-msg{display:flex;align-items:center;gap:12px;} .sr-title{min-width:0;flex:1;} .sr-title b{display:block;font-size:14.5px;font-weight:700;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .sr-title span{display:block;font-size:12.5px;color:var(--soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .sr-ig{width:30px;height:30px;flex:none;} .sr-nf{width:26px;height:26px;flex:none;} .sr-status{flex:none;display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:#0D9488;} html.dark .sr-status{color:#2DD4BF;} .sr-status i{width:7px;height:7px;border-radius:50%;background:currentColor;animation:srPulse 1.6s ease-in-out infinite;} @keyframes srPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.75)}} .sr-figure{display:flex;align-items:baseline;gap:8px;margin:16px 0 10px;} .sr-figure b{font-size:34px;font-weight:800;letter-spacing:-1px;font-variant-numeric:tabular-nums;} .sr-figure span{font-size:13px;color:var(--soft);} .sr-track{height:8px;border-radius:99px;background:var(--wash);overflow:hidden;} .sr-track i{display:block;height:100%;width:68.6%;border-radius:99px;background:linear-gradient(90deg,#0D9488,#2DD4BF);transition:width 1.6s cubic-bezier(.22,1,.36,1);} .sr.armed .sr-track i{width:0;} .sr-stats{display:flex;justify-content:space-between;gap:12px;margin-top:14px;} .sr-stats span{display:block;} .sr-stats em{display:block;font-size:11px;font-style:normal;letter-spacing:.06em;text-transform:uppercase;color:var(--faint);margin-bottom:3px;} .sr-stats b{font-size:14px;font-weight:700;font-variant-numeric:tabular-nums;} .sr-mail{transition:opacity .5s var(--ease),transform .5s var(--ease);} .sr.armed .sr-mail{opacity:0;transform:translateY(14px);} .sr.armed .sr-mail.in{opacity:1;transform:none;} .sr-av{flex:none;width:30px;height:30px;border-radius:50%;background:var(--indigo);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;} .sr-time{flex:none;font-size:12px;color:var(--faint);} .sr-msg{margin-top:14px;padding-top:14px;border-top:1px solid var(--ring);} .sr-check{flex:none;width:26px;height:26px;border-radius:50%;background:#16A34A;color:#fff;display:flex;align-items:center;justify-content:center;} .sr.armed .sr-check{transform:scale(0);} .sr-check svg{width:15px;height:15px;} .sr.armed .sr-check.pop{animation:srPop .45s cubic-bezier(.34,1.56,.64,1) forwards;} @keyframes srPop{to{transform:scale(1)}} .sr-foot{margin:12px 0 0;font-size:12.5px;color:var(--soft);} @media (max-width:900px){.sr-figure b{font-size:28px;}} @media (max-width:680px){ .sr-card{padding:15px 16px;} .sr-stats{gap:8px;} .sr-stats em{font-size:10px;} .sr-figure b{font-size:26px;} } @media (prefers-reduced-motion:reduce){ .sr-status i{animation:none;} .sr-track i{transition:none;} } /* ---------- wired form states ---------- */ .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;} .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;} .ct-err,.ct-ok{margin:14px 0 0;font-size:13.5px;line-height:20px;font-weight:600;} .ct-err{color:#DC2626;} .ct-ok{color:#0E9F6E;} html.dark .ct-err{color:#FCA5A5;} html.dark .ct-ok{color:#34D399;} .nl-msg{margin:8px 0 0;font-size:12px;line-height:17px;font-weight:600;} .nl-msg.good{color:#6EE7B7;} .nl-msg.bad{color:#FCA5A5;} .ok-ref{font-size:14px;} .ok-ref b{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.04em;} /* a social account we do not have yet: same shape, clearly not clickable */ .soc-soon{opacity:.45;cursor:default;} /* ---------- search palette ---------- */ .search{cursor:pointer;} .sp-back{position:fixed;inset:0;z-index:120;background:rgba(9,12,20,.55); backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px); display:flex;align-items:flex-start;justify-content:center;padding:12vh 20px 20px;} .sp-back[hidden]{display:none;} .sp-panel{width:100%;max-width:620px;background:var(--card);border:1px solid var(--ring); border-radius:15px;box-shadow:0 24px 60px -12px rgba(9,12,20,.45);overflow:hidden;} .sp-top{display:flex;align-items:center;gap:11px;padding:14px 16px;border-bottom:1px solid var(--ring);} .sp-top > svg{width:19px;height:19px;flex:none;color:var(--faint);} .sp-top input{flex:1;min-width:0;border:0;background:transparent;outline:none; font-family:inherit;font-size:16px;line-height:24px;color:var(--ink);-webkit-appearance:none;appearance:none;} .sp-top input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;} .sp-esc{flex:none;border:1px solid var(--ring);border-radius:7px;background:transparent; padding:3px 8px;cursor:pointer;font-family:inherit;font-size:11px;line-height:16px;font-weight:600;color:var(--faint);} .sp-esc:hover{color:var(--ink);border-color:var(--soft);} .sp-body{max-height:min(60vh,460px);overflow-y:auto;padding:8px;} .sp-hint{margin:0;padding:26px 12px;text-align:center;font-size:13.5px;line-height:20px;color:var(--faint);} .sp-group + .sp-group{margin-top:6px;padding-top:6px;border-top:1px solid var(--ring);} .sp-glabel{display:block;padding:8px 10px 6px;font-size:11px;line-height:16px;font-weight:700; letter-spacing:.7px;text-transform:uppercase;color:var(--faint);} .sp-row{display:flex;align-items:center;gap:11px;padding:9px 10px;border-radius:10px; text-decoration:none;color:var(--ink);} .sp-row:hover,.sp-row.on{background:var(--wash);} .sp-mark{display:flex;align-items:center;justify-content:center;width:26px;height:26px;flex:none;} .sp-mark svg{width:19px;height:19px;} .sp-dot{display:block;width:11px;height:11px;border-radius:3px;} .sp-txt{flex:1;min-width:0;} .sp-txt b{display:block;font-size:14px;line-height:20px;font-weight:600; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .sp-txt span{display:block;font-size:12px;line-height:16px;color:var(--faint);} .sp-note{flex:none;font-size:12px;line-height:16px;font-weight:600;color:var(--soft); font-variant-numeric:tabular-nums;white-space:nowrap;} button.search-m{border:0;background:transparent;cursor:pointer;} @media (max-width:640px){ .sp-back{padding:0;} .sp-panel{max-width:none;height:100dvh;border:0;border-radius:0;display:flex;flex-direction:column;} .sp-body{max-height:none;flex:1;} } /* the wallet pill became an anchor, so kill the link defaults and keep the hover honest */ a.pill-btn{text-decoration:none;} a.pill-btn:hover{background:var(--wash);} html.dark a.pill-btn:hover{background:rgba(91,141,255,.12);} /* ========================================================================== Typing on a phone. Safari on iOS zooms the whole page the moment a field with text under 16px takes focus. It never zooms back out, so the page is left magnified and scrolled sideways, and the tap that was meant to start typing turns into a layout accident. Sixteen pixels removes the trigger. There is no other reliable way: the alternative is maximum-scale on the viewport, which also takes pinch zoom away from people who need it. Nothing changes above phone width. ========================================================================== */ @media (max-width:900px){ /* :root:root is not a typo. Several pages carry their own