body{margin:0;background:#000;color:#E9E9EC;font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:#34D378}a:hover{color:#6FD9A3}
.page *,.page *::before,.page *::after{box-sizing:border-box}
.page{background:#000;overflow-x:clip;max-width:100vw}

.c-g{--lc:#34D378;--lcr:52,211,120}
.c-b{--lc:#5AA8FF;--lcr:90,168,255}
.c-a{--lc:#FFB23A;--lcr:255,178,58}

@keyframes endFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes fadeUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@keyframes heroDrift{0%{transform:scale(1) translateY(0)}100%{transform:scale(1.045) translateY(-10px)}}
@keyframes floatY{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes sheen{0%,60%{left:-60%}100%{left:130%}}
@keyframes ring{0%,100%{box-shadow:0 0 0 2px rgba(52,211,120,.9),0 0 18px rgba(52,211,120,.55)}50%{box-shadow:0 0 0 3px rgba(111,217,163,1),0 0 28px rgba(52,211,120,.8)}}
@keyframes flow{0%{background-position:0 0}100%{background-position:28px 0}}
@keyframes flowY{0%{background-position:0 0}100%{background-position:0 28px}}
@property --chapang{syntax:'<angle>';inherits:false;initial-value:0deg}
@keyframes chapspin{to{--chapang:360deg}}

.wrap{position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:0 32px}
.narrow{max-width:920px;margin-left:auto;margin-right:auto}
.is-hidden{display:none !important}


.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:12px 22px;border-radius:999px;font:600 15px Inter,sans-serif;color:#F2F2F2;text-decoration:none;white-space:nowrap;background:#0B0B0C;border:1px solid #34343B;box-shadow:inset 0 1px 0 rgba(255,255,255,.06);transition:border-color .2s,background .2s;cursor:pointer}
.btn:hover{background:#141416;border-color:#4A4A52;color:#fff}
.btn svg{width:16px;height:16px;flex:none}
.btn[disabled]{opacity:.4;cursor:default}
.btn-em{border:1px solid rgba(52,211,120,.62);background:linear-gradient(180deg,rgba(52,211,120,.16),rgba(52,211,120,.04)),#0B0B0C;box-shadow:0 0 24px -8px rgba(52,211,120,.65),inset 0 1px 0 rgba(255,255,255,.08);color:#fff}
.btn-em:hover{border-color:rgba(52,211,120,.85)}
.btn-s{min-height:40px;padding:8px 16px;font-size:14px}
.btns{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:26px}

.h1{font-family:Archivo,sans-serif;font-weight:500;font-size:clamp(40px,5.2vw,68px);line-height:1.03;letter-spacing:-2.2px;margin:0;color:#fff;text-wrap:balance}
.h2{font-family:Archivo,sans-serif;font-weight:500;font-size:clamp(34px,4.6vw,60px);line-height:1.05;letter-spacing:-.03em;margin:0;color:#fff;text-wrap:balance}
.h3{font-family:Archivo,sans-serif;font-weight:500;font-size:24px;line-height:1.15;letter-spacing:-.5px;margin:0;color:#fff}
.grad{background:linear-gradient(90deg,#6FD9A3,#2EBD73);-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.08em;margin-right:-.08em}
.lede{font-size:clamp(16px,1.4vw,19px);line-height:1.55;color:#9A9AA2;margin:0;max-width:600px}
.body{font-size:15.5px;line-height:1.6;color:#9A9AA2;margin:0}
.body strong,.lede strong{color:#fff;font-weight:600}
.fine{font-size:13px;line-height:1.6;color:#7C7C86;margin:0}
.fine a{color:#6FD9A3}
.lbl{font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#8E8E98}
.mono{font-family:'JetBrains Mono',monospace}
.cc{display:inline-block;font-family:'JetBrains Mono',monospace;font-size:.86em;padding:1px 8px;border-radius:7px;background:#16161A;border:1px solid #2E2E34;color:#E2E2E6;white-space:nowrap}

.chip{display:inline-flex;align-items:center;gap:8px;padding:5px 12px 5px 6px;border-radius:999px;border:1.5px solid transparent;background:linear-gradient(#0b0b0d,#0b0b0d) padding-box,linear-gradient(135deg,var(--ul),var(--ud)) border-box;font-family:'JetBrains Mono',monospace;font-weight:700;font-size:11px;letter-spacing:.08em;color:#fff;white-space:nowrap;line-height:1.4;flex:none}
.chip .lt{flex:none;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff 0 8%,var(--ul) 42%,var(--ud) 100%);box-shadow:0 0 0 2px #3c3c44,0 0 0 3px #141417,0 0 12px var(--ul)}
.u-em{--ul:#FF5A4E;--ud:#B8241C}
.u-td{--ul:#FFB23A;--ud:#9A5A00}
.u-wk{--ul:#5AA8FF;--ud:#1A5BB0}
.u-wh{--ul:#34D378;--ud:#0F7A42}

.sec{position:relative;padding:150px 0 120px}
.sec::after{content:"";position:absolute;left:0;right:0;top:0;height:680px;background:radial-gradient(34% 42% at 50% 40%,rgba(var(--lcr),.17),rgba(var(--lcr),.05) 55%,transparent 80%);pointer-events:none;z-index:0}
.sec > .seam{position:absolute;top:0;left:50%;width:min(360px,64%);height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.30),transparent);z-index:3}
.sh{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;margin-bottom:52px}
.sh .lede{margin-left:auto;margin-right:auto}
.gicon{flex:none;width:132px;height:132px;border-radius:32px;overflow:hidden;background:#0b0b0d;margin-bottom:10px;box-shadow:0 0 0 1px rgba(255,255,255,.10),inset 0 1px 0 rgba(255,255,255,.14),0 34px 70px -24px rgba(var(--lcr),.8),0 0 120px -26px rgba(var(--lcr),.55)}
.gicon video{width:100%;height:100%;object-fit:cover;display:block}

.hero{position:relative;padding:40px 0 96px}
.hero::after{content:"";position:absolute;right:0;top:0;width:70%;height:720px;background:radial-gradient(40% 46% at 62% 46%,rgba(var(--lcr),.13),transparent 78%);pointer-events:none;z-index:0}
.hero-g{display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);grid-template-areas:"head art" "rest art";column-gap:28px;align-items:center}
.h-head{grid-area:head;align-self:end;padding-top:40px}
.h-rest{grid-area:rest;align-self:start}
.h-rest .lede{margin-top:20px;max-width:500px}
.h-art{grid-area:art;position:relative;margin-right:-40px}
.h-art .art{position:relative;aspect-ratio:1 / 1;overflow:hidden;-webkit-mask-image:radial-gradient(ellipse closest-side at 50% 50%,#000 60%,transparent 100%);mask-image:radial-gradient(ellipse closest-side at 50% 50%,#000 60%,transparent 100%)}
.h-art.wide .art{aspect-ratio:4 / 3}
.h-art img{width:100%;height:100%;object-fit:cover;display:block;animation:heroDrift 18s ease-in-out infinite alternate}
.facts{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:26px}
.facts span{display:inline-flex;align-items:center;gap:8px;font:700 11px 'JetBrains Mono',monospace;letter-spacing:.12em;text-transform:uppercase;color:#8E8E98}
.facts svg{width:14px;height:14px;color:#34D378;flex:none}

.bigpic{position:relative;width:min(560px,100%);aspect-ratio:1 / 1;margin:0 auto;-webkit-mask-image:radial-gradient(ellipse closest-side at 50% 50%,#000 60%,transparent 100%);mask-image:radial-gradient(ellipse closest-side at 50% 50%,#000 60%,transparent 100%)}
.bigpic.tall{aspect-ratio:1128 / 1400;width:min(480px,100%)}
.bigpic img{width:100%;height:100%;object-fit:cover;display:block;animation:floatY 9s ease-in-out infinite}
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center;max-width:1120px;margin:0 auto}

.lit{position:relative;isolation:isolate}
.lit::before{content:"";position:absolute;z-index:-1;left:-16%;right:-16%;top:-20%;bottom:-20%;border-radius:50%;background:radial-gradient(closest-side,rgba(var(--lcr),.36),rgba(var(--lcr),.13) 56%,transparent 80%);filter:blur(16px);pointer-events:none}
.lit::after{content:"";position:absolute;z-index:-1;left:10%;right:10%;bottom:-26px;height:30px;border-radius:50%;background:radial-gradient(closest-side,rgba(var(--lcr),.5),transparent);filter:blur(8px);pointer-events:none}
@media (max-width:760px){
.lit::before{left:-10%;right:-10%;top:-90px;bottom:-90px;border-radius:44%;background:radial-gradient(closest-side,rgba(var(--lcr),.50),rgba(var(--lcr),.20) 58%,transparent 84%);filter:blur(22px)}
.lit::after{left:6%;right:6%;bottom:-30px;height:36px;background:radial-gradient(closest-side,rgba(var(--lcr),.65),transparent)}
}
.split.art-l{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}

.bento{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
.card{grid-column:span 2;position:relative;border-radius:22px;overflow:hidden;background:#0A0A0B;border:1px solid rgba(255,255,255,.10);box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 40px 90px -50px rgba(0,0,0,.95),0 0 0 1px rgba(var(--lcr),.12),0 0 90px -26px rgba(var(--lcr),.55);text-decoration:none;color:inherit;display:block}
.card.wide{grid-column:span 3}
.card::before{content:"";position:absolute;left:14%;right:14%;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(var(--lcr),.7),transparent);z-index:3}
.card .pic{position:relative;aspect-ratio:1 / 1;overflow:hidden}
.card.wide .pic{aspect-ratio:4 / 3}
.card .pic img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.4s cubic-bezier(.2,.8,.2,1)}
.card:hover .pic img{transform:scale(1.05)}
.card .pic::after{content:"";position:absolute;left:0;right:0;bottom:0;height:40%;background:linear-gradient(180deg,transparent,#0A0A0B);pointer-events:none}
.card .no{position:absolute;left:16px;top:16px;z-index:2;display:inline-flex;align-items:center;gap:8px;padding:6px 11px;border-radius:999px;background:rgba(10,10,11,.72);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.12);font:700 11.5px 'JetBrains Mono',monospace;letter-spacing:.04em;color:#E9E9EC}
.card .no i{width:6px;height:6px;border-radius:50%;background:var(--lc);box-shadow:0 0 8px var(--lc);display:block}
.card .ct{position:relative;padding:0 22px 24px;margin-top:-34px;z-index:2}
.card .t{font-family:Archivo,sans-serif;font-weight:500;font-size:24px;letter-spacing:-.5px;color:#fff;line-height:1.15}
.card .d{font-size:15px;line-height:1.5;color:#9A9AA2;margin-top:6px}
.swipe{display:none}

.lrows{list-style:none;margin:0;padding:0}
.lrows li{display:grid;grid-template-columns:56px minmax(0,1fr);gap:18px;align-items:start;padding:22px 0;border-top:1px solid #1F1F23}
.lrows li:last-child{border-bottom:1px solid #1F1F23}
.lrows.tight li{padding:16px 0;align-items:center}
.lt-ic{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(180deg,#1E1E22,#0E0E10);border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 0 24px -6px rgba(var(--lcr),.5);color:var(--lc)}
.lt-ic svg{width:24px;height:24px}
.lt-ic.off{color:#8A8A92;box-shadow:inset 0 1px 0 rgba(255,255,255,.10)}
.lv{font-size:17.5px;font-weight:600;color:#fff;margin-top:6px;line-height:1.35}
.lv.q{font-weight:400;font-size:16px;color:#D6D6DB;line-height:1.55}
.ld{font-size:15.5px;line-height:1.55;color:#9A9AA2;margin-top:4px}
.lrows .lbl + .ld{margin-top:6px}

.nums{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
.nt{position:relative;overflow:hidden;border-radius:22px;border:1px solid rgba(255,255,255,.10);background:radial-gradient(90% 80% at 0% 0%,rgba(var(--lcr),.18),transparent 62%),linear-gradient(180deg,#111114,#09090A);box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 0 0 1px rgba(var(--lcr),.12),0 0 90px -28px rgba(var(--lcr),.55);padding:28px;min-height:300px;display:flex;flex-direction:column;justify-content:flex-end;grid-column:span 2}
.nt::before{content:"";position:absolute;left:14%;right:14%;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(var(--lcr),.7),transparent);z-index:3}
.nt::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.06),transparent);transform:skewX(-12deg);animation:sheen 7s ease-in-out infinite;pointer-events:none}
.nt:nth-child(2)::after{animation-delay:1.2s}.nt:nth-child(3)::after{animation-delay:2.4s}
.nt.s3{grid-column:span 3}.nt.s4{grid-column:span 4}.nt.s6{grid-column:span 6}
.nt.pic{padding:0;min-height:340px}
.nt.pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.nt.pic .shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(0,0,0,.9));z-index:1}
.nt-c{position:relative;z-index:2;padding:26px 28px}
.big{font-family:Archivo,sans-serif;font-weight:500;font-size:clamp(64px,7vw,104px);line-height:.95;letter-spacing:-.04em;color:#fff;text-shadow:0 0 40px rgba(var(--lcr),.45)}
.big small{font-size:.32em;letter-spacing:-.01em;color:var(--lc);margin-left:8px;font-weight:500}
.nt-t{font-family:Archivo,sans-serif;font-weight:500;font-size:22px;letter-spacing:-.4px;color:#fff;margin-top:10px;line-height:1.15}
.nt-d{font-size:15px;line-height:1.55;color:#A2A2AA;margin-top:8px}

.win{position:relative;border-radius:18px;overflow:hidden;background:linear-gradient(180deg,#0E0E10,#09090A);border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 50px 110px -50px rgba(0,0,0,.95),0 0 0 1px rgba(var(--lcr),.14),0 0 110px -26px rgba(var(--lcr),.6)}
.win::before{content:"";position:absolute;left:14%;right:14%;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(var(--lcr),.7),transparent);z-index:3}
.win-top{display:flex;align-items:center;gap:14px;padding:10px 14px;background:#101013;border-bottom:1px solid #1F1F23}
.dots{display:flex;gap:7px;flex:none}
.dots i{width:11px;height:11px;border-radius:50%;display:block}
.dots i{background:#3a3a42}
.ftab{font:600 12.5px 'JetBrains Mono',monospace;color:#E2E2E6;padding:5px 12px;border-radius:8px;background:#17171B;border:1px solid #26262C}
.url{flex:1;min-width:0;font:500 12.5px 'JetBrains Mono',monospace;color:#9A9AA4;padding:6px 12px;border-radius:999px;background:#17171B;border:1px solid #26262C;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.win-top .btn{margin-left:auto}
.code{display:grid;grid-template-columns:auto minmax(0,1fr);gap:0 18px;padding:18px 18px 20px;font:500 13.5px/1.75 'JetBrains Mono',monospace;color:#CFD3DA;overflow-x:auto}
.code .n{color:#4A4A55;text-align:right;user-select:none}
.code .t{white-space:pre}
.k{color:#6FD9A3}.s{color:#E2E2E6}.p{color:#8DB6E8}.m{color:#6B6B6B}
.hl{border-radius:5px;padding:1px 3px;margin:0 -3px;background:rgba(var(--lcr),.16);box-shadow:0 0 0 1px rgba(var(--lcr),.55)}

.picks{display:flex;gap:18px;overflow-x:auto;scrollbar-width:none;padding:6px 4px 0;justify-content:center}
.picks::-webkit-scrollbar{display:none}
.pick{flex:none;width:128px;display:flex;flex-direction:column;align-items:center;gap:8px;background:none;border:0;color:#8A8A90;cursor:pointer;font:500 13px/1.25 Inter,sans-serif;padding:0 0 14px;text-align:center}
.pick .pi{width:72px;height:72px;border-radius:18px;display:grid;place-items:center;border:1px solid #2E2E34;background:radial-gradient(120% 120% at 30% 20%,#232328 0%,#111114 60%,#0b0b0d 100%);color:#8A8A90;transition:border-color .25s,box-shadow .25s,color .25s}
.pick .pi svg{width:30px;height:30px}
.pick .pi b{font:700 15px 'JetBrains Mono',monospace;letter-spacing:-.02em}
.pick:hover .pi{border-color:#5a5a62}
.pick.on{color:#F2F2F2}
.pick.on .pi{color:var(--lc);border-color:rgba(255,255,255,.28);box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 10px 30px -10px rgba(var(--lcr),.55)}
.track{position:relative;height:2px;border-radius:2px;background:#1F1F23;max-width:560px;margin:0 auto 34px;overflow:hidden}
.track i{position:absolute;top:0;height:2px;border-radius:2px;background:#E9E9EC;box-shadow:0 0 10px rgba(var(--lcr),.9);transition:left .35s cubic-bezier(.2,.8,.2,1),width .35s}

.path{display:flex;flex-wrap:wrap;align-items:center;gap:8px 6px}
.path span{display:inline-flex;align-items:center;min-height:38px;padding:7px 14px;border-radius:999px;background:linear-gradient(180deg,#1E1E22,#101013);border:1px solid rgba(255,255,255,.14);font:600 14px Inter,sans-serif;color:#fff;white-space:nowrap}
.path span.go{border-color:rgba(var(--lcr),.65);box-shadow:0 0 18px -6px rgba(var(--lcr),.8)}
.path svg{width:16px;height:16px;color:#6E6E76;flex:none}

.then{font:700 10.5px 'JetBrains Mono',monospace;letter-spacing:.1em;text-transform:uppercase;color:#6E6E76;font-style:normal}
.then.sep{font-size:0}
.then.sep::before{content:"\203A";font:500 18px Inter,sans-serif;color:#6E6E76}

.steps{list-style:none;margin:0;padding:0;counter-reset:st;position:relative}
.steps li{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr);gap:16px;align-items:start;padding:0 0 26px;font-size:16px;line-height:1.6;color:#B4B4BC}
.steps li:last-child{padding-bottom:0}
.steps li::before{counter-increment:st;content:counter(st);width:40px;height:40px;border-radius:13px;display:grid;place-items:center;font:700 15px 'JetBrains Mono',monospace;color:#fff;background:linear-gradient(180deg,#1E1E22,#0E0E10);border:1px solid rgba(var(--lcr),.6);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 0 22px -6px rgba(var(--lcr),.75);position:relative;z-index:1}
.steps li::after{content:"";position:absolute;left:20px;top:44px;bottom:2px;width:1px;background:linear-gradient(180deg,rgba(var(--lcr),.5),rgba(var(--lcr),.08))}
.steps li:last-child::after{display:none}
.steps li > div{padding-top:7px;min-width:0}
.steps strong{color:#fff;font-weight:600}

.addr{display:flex;align-items:center;gap:10px;padding:8px 8px 8px 16px;border-radius:16px;background:#0A0A0C;border:1px solid #2E2E34;min-width:0;margin-top:12px}
.addr span{flex:1;min-width:0;font:500 13px 'JetBrains Mono',monospace;color:#CFD3DA;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.tp{position:relative;border-radius:20px;overflow:hidden;background:linear-gradient(180deg,#0F0F11,#09090A);border:1px solid rgba(90,168,255,.30);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 60px 120px -50px rgba(0,0,0,.95),0 0 110px -26px rgba(90,168,255,.6)}
.tp::before{content:"";position:absolute;left:14%;right:14%;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(90,168,255,.75),transparent);z-index:3}
.tp-pic{position:relative;aspect-ratio:16 / 10;overflow:hidden}
.tp-pic img{width:100%;height:100%;object-fit:cover;object-position:50% 0;display:block}
.tp-pic .tag{position:absolute;left:14px;bottom:14px;padding:5px 10px;border-radius:8px;background:rgba(0,0,0,.72);font:600 11px Inter,sans-serif;color:#E9E9EC;border:1px solid rgba(255,255,255,.12)}
.tp-pic .box{position:absolute;left:15%;top:8%;width:73%;height:82%;border:1.5px solid rgba(90,168,255,.9);border-radius:6px;box-shadow:0 0 0 1px rgba(0,0,0,.4),0 0 18px rgba(90,168,255,.35)}
.tp-pic .box span{position:absolute;left:6px;top:6px;padding:3px 8px;border-radius:6px;background:rgba(10,20,34,.9);border:1px solid rgba(90,168,255,.8);font:700 10px 'JetBrains Mono',monospace;letter-spacing:.06em;color:#CFE3FF;white-space:nowrap}
.tp-site{position:absolute;right:12px;top:12px;z-index:2;display:inline-flex;align-items:center;gap:7px;padding:5px 11px;border-radius:999px;background:rgba(10,10,11,.86);border:1px solid rgba(52,211,120,.7);font:700 11px 'JetBrains Mono',monospace;color:#6FD9A3;box-shadow:0 0 18px -4px rgba(52,211,120,.7)}
.tp-site i{width:6px;height:6px;border-radius:50%;background:#34D378;box-shadow:0 0 8px #34D378;display:block}
.tp-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #1F1F23}
.tp-row > div{padding:16px 18px;min-width:0}
.tp-row > div + div{border-left:1px solid #1F1F23}
.tp-row b{display:block;font-size:15.5px;color:#fff;font-weight:600;margin-top:8px}
.tp-say{padding:16px 18px 20px;border-top:1px solid #1F1F23}
.tp-say p{margin:8px 0 0;font-size:15.5px;line-height:1.55;color:#E2E2E6}
.tp-cap{margin-top:14px;font:500 11.5px 'JetBrains Mono',monospace;color:#6E6E76;text-align:center}

.drop{position:relative;border-radius:22px;padding:22px;text-align:center;background:radial-gradient(80% 90% at 50% 0%,rgba(52,211,120,.14),transparent 70%),#0A0A0B;border:1px solid rgba(52,211,120,.45);box-shadow:0 0 40px -12px rgba(52,211,120,.45);isolation:isolate}
.drop::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1.5px;background:conic-gradient(from var(--chapang),transparent 0deg,transparent 220deg,rgba(111,217,163,.95) 320deg,transparent 360deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:chapspin 5s linear infinite;pointer-events:none}
.drop-in{border:1.5px dashed rgba(255,255,255,.20);border-radius:16px;padding:26px 16px 24px;display:flex;flex-direction:column;align-items:center;gap:12px}
.drop .cam{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;background:radial-gradient(120% 120% at 30% 20%,#232328,#111114 60%,#0b0b0d);border:1px solid #2E2E34;color:#F2F2F2}
.drop .cam svg{width:26px;height:26px}
.drop-t{font-size:19px;font-weight:600;color:#fff;line-height:1.3}
.drop-d{font-size:14px;color:#8A8A90;line-height:1.5}

.site{padding:22px;background:radial-gradient(70% 60% at 50% 0%,rgba(255,255,255,.05),transparent 70%),#060607;display:flex;flex-direction:column;gap:14px}
.ghost{display:flex;flex-direction:column;gap:8px}
.ghost i{display:block;height:10px;border-radius:5px;background:#1A1A1F}
.ghost.row{flex-direction:row;gap:10px}
.ghost.row i{flex:1;height:54px;border-radius:10px}

.flow{display:grid;grid-template-columns:minmax(0,1fr) 84px minmax(0,1fr);align-items:center;gap:0;max-width:1080px;margin:0 auto}
.arrow{position:relative;height:2px;margin:0 10px;background:repeating-linear-gradient(90deg,rgba(var(--lcr),.9) 0 8px,transparent 8px 14px);animation:flow 1.1s linear infinite}
.arrow::after{content:"";position:absolute;right:-2px;top:50%;width:10px;height:10px;border-top:2px solid var(--lc);border-right:2px solid var(--lc);transform:translateY(-50%) rotate(45deg)}

.phone{position:relative;width:min(290px,78vw);aspect-ratio:9 / 18.5;margin:0 auto;border-radius:46px;padding:11px;background:linear-gradient(145deg,#3a3d42,#121315 40%,#2a2c30);box-shadow:0 0 0 1px rgba(255,255,255,.12),0 50px 110px -30px rgba(var(--lcr),.5),0 30px 60px -20px rgba(0,0,0,.9)}
.phone.sm{width:min(230px,62vw);border-radius:38px;padding:9px}
.screen{position:relative;height:100%;border-radius:36px;overflow:hidden;background:#0b0b0d;display:flex;flex-direction:column;padding:42px 14px 14px;gap:10px}
.phone.sm .screen{border-radius:30px;padding:36px 10px 10px;gap:8px}
.island{position:absolute;top:12px;left:50%;width:84px;height:24px;margin-left:-42px;border-radius:14px;background:#000}
.phone.sm .island{width:68px;height:20px;margin-left:-34px;top:10px}
.pnav{display:flex;justify-content:space-between;align-items:center;font:600 12.5px Inter,sans-serif;color:#0A84FF;min-height:22px}
.pnav b{color:#fff;font-weight:700}
.pnav b.tgtt{padding:3px 8px;border-radius:8px;animation:ring 1.6s ease-in-out infinite}
.ph1{font:800 22px Inter,sans-serif;color:#fff;letter-spacing:-.02em;margin:4px 2px}
.pr{display:flex;align-items:center;gap:8px;min-height:40px;padding:8px 11px;border-radius:12px;background:#1a1a1f;font:500 12px/1.35 Inter,sans-serif;color:#E9E9EC}
.pr.ph{background:#141418;color:transparent}
.pr.ph::after{content:"";display:block;height:7px;width:60%;border-radius:4px;background:#222228}
.pr.tgt{background:rgba(52,211,120,.12);animation:ring 1.6s ease-in-out infinite}
.pr.btnr{justify-content:center;background:#34D378;color:#000;font-weight:700}
.pr.btnr.tgt{background:#34D378}
.pi2{flex:none;width:22px;height:22px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:12px;color:#fff;background:#3a3a42}
.pi2.grn{background:#2EBD73}.pi2.yel{background:#3a3a42}.pi2.blu{background:#0A84FF}.pi2.org{background:#3a3a42}.pi2.pur{background:#7d5bd6}
.tog{margin-left:auto;width:34px;height:20px;border-radius:999px;background:#34D378;position:relative;flex:none}
.tog::after{content:"";position:absolute;right:2px;top:2px;width:16px;height:16px;border-radius:50%;background:#fff}
.plus{position:absolute;right:18px;bottom:22px;width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;font:400 28px Inter,sans-serif;color:#fff;background:#0A84FF;animation:ring 1.6s ease-in-out infinite}
.pphoto{flex:1;min-height:90px;border-radius:12px;background:#24262a center / cover no-repeat}
.psheet{margin-top:auto;border-radius:16px;background:#16161a;padding:10px;display:flex;flex-direction:column;gap:8px}
.side{position:absolute;right:-4px;top:22%;width:4px;height:56px;border-radius:2px;background:#34D378;box-shadow:0 0 14px #34D378}
.pshare{display:flex;gap:8px}
.pshare i{flex:1;aspect-ratio:1 / 1;border-radius:11px;background:#26262c;display:block}

.fold{border-top:1px solid #1F1F23;border-bottom:1px solid #1F1F23;padding:0}
.fold + .fold{border-top:0}
.fold summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:60px;font:600 15.5px Inter,sans-serif;color:#fff}
.fold summary::-webkit-details-marker{display:none}
.fold summary svg{width:18px;height:18px;color:#8E8E98;transition:transform .2s;flex:none}
.fold[open] summary svg{transform:rotate(180deg)}
.fold .fbody{padding:0 0 20px}
.srcs{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.srcs li{font-size:13.5px;line-height:1.55;color:#8E8E98;word-break:break-word}
.srcs a{color:#6FD9A3}

.keys{display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap}
.key{display:inline-grid;place-items:center;min-width:64px;height:60px;padding:0 16px;border-radius:14px;background:linear-gradient(180deg,#2a2a31,#141417);border:1px solid #3a3a42;box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 6px 0 #0a0a0c,0 18px 30px -12px rgba(var(--lcr),.6);font:700 18px 'JetBrains Mono',monospace;color:#fff}
.keys .sep{color:#6E6E76;font:500 15px Inter,sans-serif;margin:0 6px}
.kgrp{display:inline-flex;gap:10px;align-items:center;white-space:nowrap}

.close{position:relative;padding:120px 0 90px;text-align:center}
.close > .seam{position:absolute;top:0;left:50%;width:min(360px,64%);height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.30),transparent);z-index:3}
.close::after{content:"";position:absolute;left:0;right:0;top:0;height:520px;background:radial-gradient(30% 40% at 50% 45%,rgba(232,118,42,.12),rgba(52,211,120,.05) 55%,transparent 80%);pointer-events:none;z-index:0}
.endmark{position:relative;width:min(230px,56vw);margin:0 auto 40px;animation:endFloat 7s ease-in-out infinite}
.endmark-glow{position:absolute;z-index:1;left:-30%;right:-30%;top:-25%;bottom:-25%;border-radius:50%;background:radial-gradient(closest-side,rgba(232,118,42,.20),rgba(52,211,120,.08) 55%,transparent 75%);pointer-events:none}
.endmark-floor{position:absolute;z-index:0;left:12%;right:12%;bottom:-22px;height:22px;border-radius:50%;background:radial-gradient(closest-side,rgba(232,118,42,.38),rgba(52,211,120,.10) 60%,transparent);filter:blur(4px)}
.endmark img{position:relative;z-index:2;display:block;width:100%;height:auto;filter:drop-shadow(0 22px 34px rgba(0,0,0,.7)) drop-shadow(0 0 28px rgba(232,118,42,.22))}
.close .h2{margin:0 auto 26px;max-width:760px}
.pair{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}


@media (max-width:940px){
.hero-g{grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "art" "rest"}
.h-head{padding-top:8px}
.h-art{margin:0 -16px}
.h-rest .lede{margin-top:4px;max-width:none}
.split,.split.art-l{grid-template-columns:minmax(0,1fr);gap:20px}
.flow{grid-template-columns:minmax(0,1fr);gap:0}
.arrow{width:2px;height:54px;margin:8px auto;background:repeating-linear-gradient(180deg,rgba(var(--lcr),.9) 0 8px,transparent 8px 14px);animation:flowY 1.1s linear infinite}
.arrow::after{right:auto;left:50%;top:auto;bottom:-2px;transform:translateX(-50%) rotate(135deg)}
}
@media (max-width:760px){
.bento{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin:0 -16px;padding:0 16px 6px;scrollbar-width:none}
.bento::-webkit-scrollbar{display:none}
.card,.card.wide{flex:0 0 84%;scroll-snap-align:start;scroll-margin-left:16px}
.card.wide .pic{aspect-ratio:1 / 1}
.card .t{font-size:22px}
.swipe{display:flex;justify-content:center;margin-top:16px}
.nums{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.nt,.nt.s3{grid-column:span 2;min-height:0;padding:22px}
.nt.half{grid-column:span 1}
.nt.pic{min-height:300px;padding:0}
.big{font-size:60px}
.nt-c{padding:20px}
.picks{justify-content:flex-start;gap:14px;margin:0 -16px;padding-left:16px;padding-right:16px}
.pick{width:96px}
.pick .pi{width:66px;height:66px}
.track{margin:0 0 28px}
}
@media (max-width:640px){
.wrap{padding:0 16px}
.hero{padding:20px 0 64px}
.h1{letter-spacing:-1.3px}
.sec{padding:104px 0 80px}
.sh{margin-bottom:34px}
.gicon{width:104px;height:104px;border-radius:26px}
.lrows li{grid-template-columns:48px minmax(0,1fr);gap:14px;padding:18px 0}
.lt-ic{width:46px;height:46px;border-radius:13px}
.close{padding:90px 0 64px}
.pair{flex-wrap:nowrap;gap:10px}
.pair .btn{flex:1 1 0;padding:12px 12px;font-size:14px}
.code{font-size:12.5px;padding:14px 12px 16px;gap:0 12px;overflow-x:visible}
.code .t{white-space:pre-wrap;word-break:break-all}
.addr{flex-wrap:wrap;padding:12px}
.addr span{white-space:normal;word-break:break-all;overflow:visible;flex:1 1 100%}
.addr .btn{flex:1 1 100%}
.tp-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.tp-row > div:nth-child(3){grid-column:1 / -1;border-left:0;border-top:1px solid #1F1F23}
.site{padding:14px}
.phone{width:min(230px,62vw);border-radius:38px;padding:9px}
.screen{border-radius:30px;padding:36px 10px 10px;gap:8px}
.pr{min-height:34px;font-size:11px}
.key{min-width:54px;height:54px;font-size:16px}
}
@media (prefers-reduced-motion:reduce){
.endmark,.h-art img,.bigpic img,.nt::after,.drop::before,.arrow,.pr.tgt,.plus,.pnav b.tgtt{animation:none !important}
}

.t-dots::before,.t-grid::before,.t-dia::before{content:"";position:absolute;left:0;right:0;top:0;height:min(100%,980px);pointer-events:none;z-index:0;-webkit-mask-image:radial-gradient(ellipse 62% 58% at 50% 38%,#000 22%,rgba(0,0,0,.45) 52%,transparent 78%);mask-image:radial-gradient(ellipse 62% 58% at 50% 38%,#000 22%,rgba(0,0,0,.45) 52%,transparent 78%)}
.t-dots::before{background-image:radial-gradient(circle,rgba(255,255,255,.22) 1.15px,transparent 1.7px);background-size:20px 20px;background-position:center top}
.t-grid::before{background-image:linear-gradient(rgba(255,255,255,.085) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.085) 1px,transparent 1px);background-size:44px 44px;background-position:center top}
.t-dia::before{background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.085) 0 1px,transparent 1px 22px),repeating-linear-gradient(-45deg,rgba(255,255,255,.085) 0 1px,transparent 1px 22px);background-position:center top}
.hero.t-dots::before,.hero.t-grid::before,.hero.t-dia::before{-webkit-mask-image:radial-gradient(ellipse 60% 62% at 62% 42%,#000 18%,rgba(0,0,0,.4) 50%,transparent 78%);mask-image:radial-gradient(ellipse 60% 62% at 62% 42%,#000 18%,rgba(0,0,0,.4) 50%,transparent 78%)}
@media (max-width:760px){
.t-dots::before,.t-grid::before,.t-dia::before,.hero.t-dots::before,.hero.t-grid::before,.hero.t-dia::before{height:min(100%,760px);-webkit-mask-image:radial-gradient(ellipse 90% 52% at 50% 34%,#000 24%,rgba(0,0,0,.45) 56%,transparent 82%);mask-image:radial-gradient(ellipse 90% 52% at 50% 34%,#000 24%,rgba(0,0,0,.45) 56%,transparent 82%)}
.t-dots::before{background-size:16px 16px}
.t-grid::before{background-size:34px 34px}
}