html{scroll-behavior:smooth}.land{background:#fff;color:#0f172a}.wrap{max-width:1180px;margin:0 auto;padding:0 24px}
.nv{position:sticky;top:0;z-index:40;background:#fff;border-bottom:1px solid #e6eaf0}.nv .wrap{display:flex;align-items:center;gap:22px;height:68px}
.brandl{display:flex;align-items:center;gap:4px;font-weight:700;font-size:20px;text-decoration:none;color:#0f172a}.brandl .ic{width:30px;height:30px;margin:0 4px 0 0;vertical-align:middle}
.nl{display:flex;gap:26px;flex:1;justify-content:center}.nl a{text-decoration:none;font-size:14px;font-weight:500;color:#334155}
.pill{display:inline-block;border-radius:99px;padding:11px 22px;font-weight:600;font-size:15px;border:1px solid #0f172a;cursor:pointer;text-decoration:none}.pill.dk{background:#0f172a;color:#fff}.pill.ol{background:#fff;color:#0f172a;border-color:#cbd5e1}.pill.or{background:#ff5a1f;border-color:#ff5a1f;color:#fff}
.hero{background:#eaf1fb;padding:72px 0 0;text-align:center;border-radius:0 0 36px 36px;overflow:hidden}
.tag{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid #d5deeb;border-radius:99px;padding:6px 14px;font-size:13px;font-weight:600}.tag i{width:8px;height:8px;border-radius:50%;background:#ff5a1f}
.hd{font-size:clamp(34px,5.6vw,64px);line-height:1.06;letter-spacing:-.02em;margin:18px auto 16px;max-width:860px}.sub{font-size:19px;color:#475569;max-width:640px;margin:0 auto 28px}
.ctas{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:10px}.note{font-size:13px;color:#64748b;margin:0 0 40px}
.browser{--sh:560px;max-width:1120px;margin:0 auto;background:#fff;border:1px solid #cfd8e6;border-bottom:0;border-radius:18px 18px 0 0;box-shadow:0 -4px 40px #0f172a14;text-align:left;overflow:hidden}
.bchrome{display:flex;align-items:center;gap:12px;padding:0 14px;background:#f1f5f9;border-bottom:1px solid #e2e8f0;height:46px;color:#0f172a}.dots{display:flex;gap:6px}.dots i{width:11px;height:11px;border-radius:50%;background:#cbd5e1}.dots i:first-child{background:#ff5a1f}
.url{flex:1;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:4px 12px;font-size:12px;color:#64748b;white-space:nowrap;overflow:hidden}.vas{font-size:12px;color:#475569;display:flex;gap:6px;align-items:center;margin:0}.vas select{width:auto;padding:4px 8px;font-size:12px}
.bchrome button{padding:5px 12px;font-size:12px;background:#0f172a;border-color:#0f172a;white-space:nowrap}
#sw{position:relative;transform:translateZ(0);height:560px;overflow:hidden;background:var(--bg);color:var(--text)}#stage{height:100%;overflow:auto}
#sw #nav{height:var(--sh)}#sw #shell{min-height:var(--sh)}#sw[data-theme=sand] #nav{height:auto}
.browser.full{position:fixed;inset:0;z-index:100;max-width:none;border-radius:0;display:flex;flex-direction:column;--sh:calc(100vh - 46px)}.browser.full #sw{height:auto;flex:1}
.strip{display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap;padding:38px 24px}.strip b{font-size:14px;color:#475569;margin-right:8px}.strip span{display:flex;align-items:center;gap:6px;background:#fff;border:1px solid #e2e8f0;border-radius:99px;padding:7px 16px 7px 10px;font-weight:600;font-size:14px}.strip .ic{width:24px;height:24px;margin:0}
.sec{padding:84px 0}.st{font-size:clamp(28px,3.6vw,42px);line-height:1.12;letter-spacing:-.015em;text-align:center;margin:0 auto 12px;max-width:720px}.ss{text-align:center;color:#475569;max-width:600px;margin:0 auto 44px}
.bento{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.bc{background:#f4f6f9;border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:8px;min-height:340px}.bc.w2{grid-column:span 2}.bc h3{font-size:20px;margin:6px 0 0}.bc p{margin:0;color:#475569;font-size:14.5px}
.mw{margin-top:auto;background:#fff;border-radius:14px;padding:14px;font-size:13px;border:1px solid #e6eaf0}.mw .r2{display:flex;justify-content:space-between;gap:10px;padding:5px 0;border-bottom:1px solid #eef1f5}.mw .r2:last-child{border:0}.mw select,.mw input{padding:5px 8px;font-size:13px;width:auto;max-width:120px}
.big{width:44px!important;height:44px!important;margin:0 0 4px!important}.pdo{font-size:20px;font-weight:700;color:#ff5a1f;margin-top:6px}
.bars{display:flex;align-items:flex-end;gap:6px;height:90px}.bars i{flex:1;background:#0f172a;border-radius:4px 4px 0 0}.bars i:nth-child(3n){background:#ff5a1f}
.hb{height:8px;border-radius:9px;background:#e6eaf0;margin:4px 0 10px;overflow:hidden}.hb i{display:block;height:100%;background:#0f172a}.on2{display:inline-block;width:8px;height:8px;border-radius:50%;background:#16a34a;margin-right:6px}.off2{background:#94a3b8}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.stat{background:#eaf1fb;border-radius:20px;padding:26px}.stat b{display:block;font-size:44px;line-height:1}.stat span{color:#475569;font-size:14px}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.step{border:1px solid #e2e8f0;border-radius:20px;padding:26px}.step h3{margin:8px 0 6px}.step p{margin:0;color:#475569}.stepn{color:#ff5a1f;font-weight:700;font-size:13px}
.shots{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.shots figure{margin:0}.shots img{width:100%;border-radius:14px;border:1px solid #dbe3ee;display:block}.shots figcaption{font-size:14px;color:#475569;margin-top:8px}
.rgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}.rc{display:flex;flex-direction:column;gap:4px;background:#f4f6f9;border-radius:16px;padding:18px;text-decoration:none;color:#0f172a;border:1px solid transparent}.rc:hover{border-color:#ff5a1f}.rc b{font-size:16px}.rc span{color:#475569;font-size:13px}.rc small{color:#64748b;font-size:13px}.rc .ic{color:#0f172a}
.pickw{background:#fff;color:#0f172a;min-height:100%;padding:36px 28px}.pickw h1{font-size:28px}
.dark{background:#0f172a;color:#cbd5e1;border-radius:36px;margin:0 16px}.dark .st{color:#fff}.dark .ss{color:#94a3b8}.dark .bc{background:#1e293b;min-height:0}.dark .bc h3{color:#fff}.dark .bc p{color:#94a3b8}.dark .ic{color:#e2e8f0;--icg:#0f172a}
.q{max-width:760px;margin:0 auto}.q details{border-bottom:1px solid #e2e8f0;padding:16px 0}.q summary{cursor:pointer;font-weight:600;font-size:17px}.q p{color:#475569;margin:10px 0 0}
.cta{background:#0f172a;color:#fff;border-radius:36px;text-align:center;padding:64px 24px;margin:0 16px}.cta h2{font-size:clamp(26px,3.4vw,40px);margin:0 0 12px}.cta p{color:#94a3b8;margin:0 0 24px}
.lf{padding:44px 0 30px;border-top:0;color:#475569}.lf .wrap{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.lf a{display:block;color:#475569;text-decoration:none;margin:6px 0;font-size:14px}.lf b{color:#0f172a}.lf .cp{grid-column:1/-1;border-top:1px solid #e2e8f0;padding-top:18px;font-size:13px}
@media(max-width:820px){.nl{display:none}.bento,.stats,.steps,.shots,.lf .wrap{grid-template-columns:1fr}.bc.w2{grid-column:auto}.nv .wrap{gap:10px}.pill{padding:9px 14px;font-size:13px}.vas{display:none}.url{display:none}.hero{padding-top:44px}}
.nv{position:fixed;top:14px;left:0;right:0;padding:0 16px;background:transparent;border:0}.nv .nvin{max-width:1080px;margin:0 auto;background:#fffffff2;border:1px solid #dbe4f0;border-radius:99px;padding:8px 10px 8px 20px;display:flex;align-items:center;gap:18px;box-shadow:0 8px 32px #0f172a1a;backdrop-filter:blur(10px)}
.nl{gap:4px}.nl a{padding:8px 14px;border-radius:99px;font-weight:600}.nl a:hover{background:#eef2f8}.pill{padding:10px 20px}
.hero{position:relative;padding:150px 0 0}.hero:before{content:"";position:absolute;width:560px;height:560px;border-radius:50%;background:#dbe8fa;left:-200px;top:140px}.hero:after{content:"";position:absolute;width:380px;height:380px;border-radius:50%;background:#ffe5d8;right:-120px;top:40px}.hero>*{position:relative;z-index:1}
.hd{font-weight:800;font-size:clamp(36px,6vw,70px)}.hl{background:#ffd3bf;padding:0 .14em;border-radius:.16em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.stagewrap{position:relative;max-width:1120px;margin:0 auto}.fl{position:absolute;z-index:5;background:#fff;border-radius:16px;padding:12px 18px 12px 12px;display:flex;gap:10px;align-items:center;box-shadow:0 14px 44px #0f172a26;font-size:13px;line-height:1.35;color:#0f172a}.fl .ic{width:38px;height:38px;margin:0}.fl small{color:#64748b}
@media(max-width:1240px){.fl{display:none}}
.eb{display:block;text-align:center;color:#ff5a1f;font-weight:800;font-size:13px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px}.sec{padding:96px 0}
.strip{max-width:1080px;margin:36px auto;border:1px solid #e2e8f0;border-radius:28px;padding:22px 28px}
.bc{border:1px solid #e6eaf0;box-shadow:0 2px 0 #eef1f5}.bc.t1{background:#eaf1fb}.bc.t2{background:#fff1ea}.bc.t3{background:#eaf7ef}.bc.dk{background:#0f172a;border-color:#0f172a}.bc.dk h3{color:#fff}.bc.dk p{color:#94a3b8}.bc.dk .mw{background:#1e293b;border-color:#334155}.bc.dk .bars i{background:#475569}.bc.dk .bars i:nth-child(3n){background:#ff5a1f}.bc.dk .ic{color:#fff;--icg:#0f172a}
.statband{background:#0f172a;border-radius:32px;padding:20px}.stats{gap:0}.stat{background:transparent;border-radius:0;border-left:1px solid #1e293b;padding:22px 28px}.stat:first-child{border:0}.stat b{color:#fff;font-size:56px;font-weight:800}.stat b:after{content:"";display:block;width:34px;height:4px;border-radius:4px;background:#ff5a1f;margin:10px 0 12px}.stat span{color:#94a3b8}
.step{position:relative;overflow:hidden;background:#fff;box-shadow:0 10px 30px #0f172a0d}.step:after{content:attr(data-n);position:absolute;right:20px;top:4px;font-size:110px;font-weight:800;color:#f1f4f8;line-height:1}.step>*{position:relative;z-index:1}
.shots img{box-shadow:0 18px 44px #0f172a1f;transition:transform .2s}.shots figure:hover img{transform:translateY(-4px)}.rc{background:#fff;border:1px solid #e2e8f0;transition:transform .15s,box-shadow .15s}.rc:hover{transform:translateY(-3px);box-shadow:0 14px 30px #0f172a1a}
.dark{margin:0 16px}.cta{position:relative;overflow:hidden}.cta:before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:#ff5a1f33;left:-70px;bottom:-110px}.cta:after{content:"";position:absolute;width:200px;height:200px;border-radius:50%;background:#3b82f633;right:-50px;top:-80px}.cta>*{position:relative;z-index:1}
.lf{background:#0f172a;color:#94a3b8;border-radius:36px 36px 0 0;margin-top:56px;padding:56px 0 28px}.lf b{color:#fff}.lf a{color:#94a3b8}.lf .cp{border-color:#1e293b}.lf .cp a{color:#fff}
@media(max-width:820px){.nv .nvin{padding:6px 8px 6px 14px}.stat{border:0;border-top:1px solid #1e293b}.hero:before,.hero:after{display:none}.statband{padding:6px}}