.sl-scanner{--sc-ink:#202237;--sc-muted:#666b7b;--sc-purple:#6940cf;background:#fcfbff;color:var(--sc-ink);font-family:Inter,sans-serif;padding-top:var(--header-height,80px);overflow:hidden}.sl-scanner *{box-sizing:border-box}.sc-wrap{max-width:1200px;margin:0 auto;padding-left:32px;padding-right:32px}.sl-scanner h1,.sl-scanner h2,.sl-scanner h3{font-family:Outfit,sans-serif;color:var(--sc-ink);margin:0;letter-spacing:-.04em}.sl-scanner h1{font-size:clamp(42px,4.7vw,65px);line-height:1.06;font-weight:700;margin:22px 0}.sl-scanner h1 em{font-style:normal;color:var(--sc-purple)}.sl-scanner h2{font-size:clamp(32px,3.4vw,46px);line-height:1.13;font-weight:600;margin:16px 0 22px}.sl-scanner h3{font-size:23px;line-height:1.25;letter-spacing:-.02em}.sl-scanner p{color:var(--sc-muted);font-size:15px;line-height:1.8}.sc-kicker{font-size:11px;font-weight:700;letter-spacing:1.6px;color:var(--sc-purple);display:inline-flex;gap:9px;align-items:center}.sc-kicker b{width:7px;height:7px;background:#15a884;border-radius:50%}.sc-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:25px;align-items:center;min-height:680px;padding-top:52px;padding-bottom:45px}.sl-scanner .sc-lead{font-size:17px;line-height:1.8;max-width:510px}.sc-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.sc-button{display:inline-flex;align-items:center;justify-content:center;gap:15px;background:var(--sc-purple);color:#fff!important;border:1px solid var(--sc-purple);border-radius:9px;padding:15px 22px;font-size:13px;font-weight:600;text-decoration:none;transition:transform .2s,background .2s}.sc-button:hover{transform:translateY(-2px);background:#5731b8}.sc-button-outline{background:transparent;color:var(--sc-ink)!important;border-color:#d9d6e3}.sc-button-outline:hover{background:#eeebf8}.sl-scanner .sc-small{font-size:12px;margin:15px 0 26px}.sc-hero-benefits{display:flex;flex-wrap:wrap;gap:14px;font-size:11px;font-weight:600;color:#5b6271}.sc-hero-art{height:540px;position:relative}.sc-orbit{position:absolute;inset:55px -5px 20px;border-radius:50%;background:radial-gradient(ellipse,#d9cff9 0,#eee8fc 55%,#fcfbff 72%)}.sc-phone{position:absolute;width:300px;height:470px;overflow:hidden;filter:drop-shadow(0 24px 17px #33245822)}.sc-phone img{width:300px;max-width:none;height:auto;transform:translateY(-165px);display:block}.sc-phone-front{left:0;top:58px;transform:rotate(-6deg)}.sc-phone-back{right:-30px;top:3px;transform:rotate(8deg)}.sc-float{position:absolute;z-index:2;background:#fff;border:1px solid #e9e4f0;border-radius:12px;box-shadow:0 14px 35px #34285112;display:flex;gap:10px;align-items:center;font-size:12px}.sc-float-top{top:26px;left:5px;padding:12px 17px}.sc-check{background:#ddf6eb;color:#188663;border-radius:50%;width:26px;height:26px;display:grid;place-items:center}.sc-float-bottom{bottom:3px;right:0;padding:15px 20px}.sc-float strong{font-size:12px}.sc-float small{display:block;color:#838291;font-size:10px;margin-top:5px}.sc-mini-icon{background:#eee7ff;color:var(--sc-purple);font-size:23px;padding:5px 10px;border-radius:8px}.sc-use-strip{border-block:1px solid #e9e5f0;background:#f7f5fc;text-align:center;padding:24px 0}.sc-use-strip span{font-size:9px;letter-spacing:1.6px;font-weight:700;color:#888497}.sc-use-strip p{font-family:Outfit,sans-serif;font-size:19px!important;font-weight:500;color:#525063;margin:12px 0 0}.sc-use-strip i{font-size:12px;color:#b7a4df;font-style:normal;margin:0 24px}.sc-section{padding-top:90px;padding-bottom:90px}.sc-heading{text-align:center;max-width:600px;margin:0 auto 45px}.sc-heading p{max-width:480px;margin:0 auto}.sc-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.sc-step-number{font-size:10px;letter-spacing:1.6px;color:#777286;font-weight:700;display:block;margin:0 0 15px}.sc-step-image{height:365px;border-radius:18px;overflow:hidden;position:relative;margin-bottom:23px;display:flex;justify-content:center}.sc-step-image img{width:270px;height:auto;max-width:none;position:absolute;top:-149px;filter:drop-shadow(0 15px 12px #2a19331a)}.sc-mint{background:#e7f2ee}.sc-lilac{background:#eee8f8}.sc-peach{background:#f8ede6}.sc-steps p{font-size:13px;line-height:1.8}.sc-product-section{background:#f0edf8;padding:75px 0}.sc-product-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center}.sc-tabs{display:grid;gap:10px;margin-top:30px}.sc-tab{border:1px solid transparent;background:transparent;border-radius:12px;padding:18px 16px;display:flex;align-items:center;gap:16px;text-align:left;cursor:pointer;font-family:inherit;color:var(--sc-ink);width:100%}.sc-tab[aria-selected=true]{background:white;border-color:#e0d8f3;box-shadow:0 5px 15px #39225d07}.sc-tab>span:nth-child(2){flex:1}.sc-tab strong{font-size:13px;display:block}.sc-tab small{font-size:11px;color:var(--sc-muted);display:block;line-height:1.6;margin-top:6px}.sc-tab-icon{font-size:25px;color:var(--sc-purple);width:32px}.sc-app-preview{background:#e3daf5;border-radius:25px;text-align:center;padding:25px 10px 15px}.sc-app-preview [hidden]{display:none!important}.sc-preview-label{font-size:9px;font-weight:700;letter-spacing:1.6px;color:#6a548b}.sc-preview-phone{height:465px;overflow:hidden;position:relative;display:flex;justify-content:center}.sc-preview-phone img{width:330px;height:auto;max-width:none;position:absolute;top:-174px;filter:drop-shadow(0 15px 10px #311c5422)}.sc-app-preview p{font-size:12px;margin:10px 0}.sc-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.sc-feature-grid article{border-top:1px solid #e3deec;padding-top:27px}.sc-feature-icon{width:43px;height:43px;display:grid;place-items:center;background:#efe9fa;color:var(--sc-purple);font-size:25px;border-radius:11px;margin-bottom:22px}.sc-feature-grid p{font-size:13px}.sl-scanner a:not(.sc-button){color:var(--sc-purple)}.sc-feature-grid a,.sc-faq a{font-size:12px;font-weight:600}.sc-team{background:#272039;color:white;border-radius:23px;display:grid;grid-template-columns:1.1fr 1fr;gap:65px;padding:50px;margin-bottom:10px}.sc-team h2,.sc-team h3{color:white}.sc-team .sc-kicker{color:#c7b3f5}.sc-team p{color:#c3bacf;font-size:14px}.sc-team .sc-button{background:#d8c5ff;border-color:#d8c5ff;color:#32234a!important;margin-top:18px}.sc-team-notes article{display:flex;gap:18px;padding:24px 0;border-bottom:1px solid #494055}.sc-team-notes article:last-child{border:0}.sc-team-notes article>span{font-size:11px;color:#a78fc9}.sc-team-notes h3{font-size:20px}.sc-team-notes p{font-size:12px;margin:8px 0 0}.sc-faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.sc-faq details{border-bottom:1px solid #e2dce9;padding:20px 0}.sc-faq summary{cursor:pointer;font-size:14px;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:20px}.sc-faq summary::-webkit-details-marker{display:none}.sc-faq summary:after{content:'+';color:var(--sc-purple);font-size:20px}.sc-faq details[open] summary:after{content:'−'}.sc-faq details p{font-size:13px;padding-right:20px}.sc-final{background:linear-gradient(130deg,#ece5fa,#f4effb 65%,#e5f3ef);border:1px solid #e9e1f4;border-radius:23px;text-align:center;padding-top:55px;padding-bottom:55px;margin-bottom:85px}.sc-final h2{font-size:clamp(38px,4vw,54px)}.sc-final .sc-actions{justify-content:center}.sl-scanner :focus-visible{outline:3px solid #8a61e7;outline-offset:5px}@media(max-width:1050px){.sc-hero{grid-template-columns:1fr 1fr}.sc-hero-art{transform:scale(.85);transform-origin:center}.sc-wrap{padding-left:25px;padding-right:25px}.sc-product-grid{gap:35px}.sc-team{margin-left:25px;margin-right:25px;padding:35px}.sc-final{margin-left:25px;margin-right:25px}.sc-use-strip i{margin:0 12px}}@media(max-width:760px){.sc-wrap{padding-left:22px;padding-right:22px}.sc-hero{grid-template-columns:1fr;padding-top:45px;padding-bottom:25px;gap:15px}.sc-hero h1{font-size:clamp(38px,9vw,60px)}.sc-hero-art{height:485px;width:100%;max-width:470px;margin:auto;transform:none}.sc-phone{width:260px;height:420px}.sc-phone img{width:260px;transform:translateY(-143px)}.sc-phone-front{left:-10px;top:50px}.sc-phone-back{right:-18px;top:0}.sc-float-top{left:0;top:5px;font-size:10px}.sc-float-bottom{bottom:0;right:0;padding:12px}.sc-use-strip p{font-size:14px!important;line-height:2}.sc-use-strip i{margin:0 7px}.sc-section{padding-top:60px;padding-bottom:60px}.sc-steps,.sc-feature-grid,.sc-product-grid,.sc-team,.sc-faq{grid-template-columns:1fr;gap:30px}.sc-steps{max-width:470px;margin:auto;gap:30px}.sc-step-image{height:370px}.sc-step-image img{width:285px;top:-157px}.sc-product-section{padding:50px 0}.sc-product-grid h2{font-size:35px}.sc-team{padding:30px;margin:0 20px}.sc-team h2{font-size:34px}.sc-team-notes article{padding:18px 0}.sc-faq{gap:25px}.sc-final{margin:0 20px 60px;padding:40px 20px}.sc-hero-benefits{gap:10px}.sc-app-preview{max-width:470px;width:100%;margin:auto}}@media(prefers-reduced-motion:reduce){.sc-button{transition:none}}
/* Follow browser appearance; keep the app screenshots in their original colors. */
@media(prefers-color-scheme:dark){
.sl-scanner{--sc-ink:#f0edf8;--sc-muted:#b8b1c8;--sc-purple:#c3a4ff;background:#100c19;color-scheme:dark}
.sl-scanner h1 em{color:#c3a4ff}
.sc-button{background:#8050d8;border-color:#8050d8}.sc-button:hover{background:#9260ed}
.sc-button-outline{background:transparent;border-color:#514261}.sc-button-outline:hover{background:#292035}
.sc-hero-benefits{color:#c1b9cf}
.sc-orbit{background:radial-gradient(ellipse,#402864 0,#271a3d 55%,#100c19 73%)}
.sc-float{background:#251c34;border-color:#493758;box-shadow:0 14px 35px #0004}.sc-float small{color:#c0b2d0}
.sc-check{background:#183b32;color:#80e3bb}.sc-mini-icon{background:#3c2957;color:#d7bcff}
.sc-use-strip{background:#191222;border-color:#352b42}.sc-use-strip span{color:#bdb0cf}.sc-use-strip p{color:#ded5eb}.sc-use-strip i{color:#aa86df}
.sc-step-number{color:#c0b1d1}.sc-mint{background:#19342e}.sc-lilac{background:#302044}.sc-peach{background:#3b292d}
.sc-product-section{background:#1b1428}.sc-tab[aria-selected=true]{background:#30223f;border-color:#604678;box-shadow:0 5px 15px #0002}
.sc-app-preview{background:#35244c}.sc-preview-label{color:#d5b9f8}
.sc-feature-grid article,.sc-faq details{border-color:#3e304e}.sc-feature-icon{background:#342347;color:#c3a4ff}
.sc-team{background:#231930;border:1px solid #473452}.sc-team p{color:#cbbfd8}.sc-team-notes article{border-color:#4b385b}
.sc-final{background:linear-gradient(130deg,#332147,#21192f 65%,#18342e);border-color:#493459}
}

/* Secondary brand color: orange accents balanced against the purple foundation. */
.sl-scanner{--sc-orange:#b95012;--sc-orange-soft:#fff0df;--sc-orange-border:#efc79d}
.sc-kicker b{background:#ed8624}
.sc-step-number{color:var(--sc-orange)}
.sc-steps article:nth-child(3) .sc-step-image{background:linear-gradient(145deg,#fff0d9,#f8e1ce)}
.sc-steps article:nth-child(3) h3{color:var(--sc-orange)}
.sc-feature-grid article:nth-child(2) .sc-feature-icon{background:var(--sc-orange-soft);color:var(--sc-orange)}
.sc-feature-grid article:nth-child(2){border-top-color:var(--sc-orange-border)}
.sc-check{background:var(--sc-orange-soft);color:var(--sc-orange)}
.sc-float-top{border-color:var(--sc-orange-border)}
.sc-orbit{background:radial-gradient(ellipse at 75% 25%,#ffe2bf 0,transparent 46%),radial-gradient(ellipse,#ded1f6 0,#eee8fc 55%,#fcfbff 73%)}
.sc-use-strip i{color:var(--sc-orange)}
.sc-button-outline{border-color:var(--sc-orange-border);background:var(--sc-orange-soft);color:var(--sc-orange)!important}
.sc-button-outline:hover{background:#ffe2bf;border-color:#dc9b5b}
.sc-tab[aria-selected=true]{border-left:3px solid #ed8624}
.sc-tab[aria-selected=true] .sc-tab-icon{color:var(--sc-orange)}
.sc-preview-label{color:var(--sc-orange)}
.sc-team-notes article>span{color:#ffb766}
.sc-team .sc-button{background:#ffb766;border-color:#ffb766;color:#3c2514!important}
.sc-team .sc-button:hover{background:#ffc88b}
.sc-faq summary:after{color:var(--sc-orange)}
.sc-final{background:linear-gradient(125deg,#eee5fa 0,#f5edfb 45%,#fff0df 100%);border-color:var(--sc-orange-border)}
.sc-final .sc-kicker{color:var(--sc-orange)}
@media(prefers-color-scheme:dark){
.sl-scanner{--sc-orange:#ffb766;--sc-orange-soft:#3b261c;--sc-orange-border:#795034}
.sc-orbit{background:radial-gradient(ellipse at 75% 25%,#634024 0,transparent 46%),radial-gradient(ellipse,#402864 0,#271a3d 55%,#100c19 73%)}
.sc-steps article:nth-child(3) .sc-step-image{background:linear-gradient(145deg,#49311e,#342327)}
.sc-button-outline:hover{background:#51331f;border-color:#a46d40}
.sc-final{background:linear-gradient(125deg,#332147 0,#241a32 45%,#412a1c 100%)}
}

