/* Zihnelo "Wow" — homepage sections (v14). Requires zw.css. */
.anchor{position:absolute;top:-80px;display:block;width:1px;height:1px}
section{position:relative}
/* ---------- HERO ---------- */
.hero{min-height:min(100svh,980px);display:grid;align-items:center;padding:clamp(110px,16vh,170px) 0 clamp(70px,10vh,110px);overflow:hidden;isolation:isolate}
.hero-vis{position:absolute;inset:0;z-index:-1;pointer-events:none}
.hero-vis::after{content:"";position:absolute;inset:0;background:radial-gradient(60% 55% at 50% 42%,transparent 0 40%,rgba(5,4,10,.55) 75%,var(--bg) 100%),linear-gradient(180deg,rgba(5,4,10,0) 70%,var(--bg))}
#mind{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity 1.4s var(--e)}
#mind.on{opacity:1}
.hero-fb{position:absolute;left:50%;top:44%;width:min(70vmin,620px);height:auto;transform:translate(-50%,-50%);opacity:.16;filter:blur(1px) drop-shadow(0 0 60px rgba(255,79,163,.5));transition:opacity 1s var(--e)}
.hero.gl .hero-fb{opacity:0}
.hero-in{position:relative;text-align:center;display:flex;flex-direction:column;align-items:center}
.hero-chip{display:inline-flex;margin-bottom:26px;text-decoration:none}
.hero-chip .pill{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.hero-chip:hover .pill{border-color:rgba(255,195,90,.5)}
.hero h1{max-width:15ch;margin:0 auto;text-wrap:balance;text-shadow:0 10px 60px rgba(5,4,10,.65)}
.hero .lead{max-width:60ch;margin:26px auto 0;color:var(--ink2);text-shadow:0 2px 20px rgba(5,4,10,.9)}
.hero-cta{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:34px}
.hero-facts{list-style:none;padding:0;margin:44px 0 0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px 28px;color:var(--mute);font-size:.88rem}
.hero-facts li{display:flex;gap:6px;align-items:baseline}
.hero-facts b{color:var(--ink);font-weight:650;font-variant-numeric:tabular-nums}
.hero-facts li+li::before{content:"";width:4px;height:4px;border-radius:50%;background:var(--faint);align-self:center;margin-inline-end:22px;margin-inline-start:-6px}
.hero-scroll{position:absolute;left:50%;bottom:26px;transform:translateX(-50%);width:26px;height:42px;border:1.5px solid var(--line2);border-radius:20px;display:grid;justify-items:center;padding-top:8px}
.hero-scroll span{width:3px;height:8px;border-radius:3px;background:var(--ink2)}
html.mo-full .hero-scroll span{animation:hs 2s var(--e) infinite}
@keyframes hs{0%{transform:translateY(0);opacity:1}70%{transform:translateY(12px);opacity:0}100%{opacity:0}}
@media (max-width:640px){.hero-facts li+li::before{display:none}.hero-facts{gap:8px 18px}.hero-scroll{display:none}}
/* ---------- DEMO ---------- */
.demo-sec{padding-top:clamp(40px,6vw,80px)}
.demo{max-width:860px;margin:0 auto;padding:0;overflow:hidden;--glowc:rgba(255,79,163,.22)}
.demo-bar{display:flex;align-items:center;gap:14px;padding:14px 18px;border-bottom:1px solid var(--line);flex-wrap:wrap}
.dots{display:inline-flex;gap:6px}.dots i{width:11px;height:11px;border-radius:50%;background:#2a2533}
.dots i:nth-child(1){background:#ff5f57}.dots i:nth-child(2){background:#febc2e}.dots i:nth-child(3){background:#28c840}
.demo-title{font-size:.8rem;color:var(--ink2);flex:1;min-width:120px}
.seg{display:inline-flex;padding:3px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid var(--line)}
.seg button{border:0;background:none;color:var(--mute);font-size:.8rem;font-weight:600;padding:6px 12px;border-radius:999px;cursor:pointer;transition:color .2s,background .2s}
.seg button:hover{color:var(--ink)}
.seg button[aria-checked=true]{background:rgba(255,255,255,.1);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line2)}
.demo-log{height:clamp(240px,34vh,360px);overflow-y:auto;padding:22px clamp(16px,3vw,28px);display:flex;flex-direction:column;gap:16px;scroll-behavior:smooth;overscroll-behavior:contain}
.dmsg{display:flex;gap:12px;align-items:flex-start;max-width:100%}
.dmsg .av{flex:none;width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.05);border:1px solid var(--line)}
.dmsg .av svg{width:22px;height:22px}
.dmsg.user{justify-content:flex-end}
.dmsg.user .md{background:linear-gradient(135deg,rgba(34,242,196,.14),rgba(255,79,163,.16));border:1px solid rgba(255,255,255,.1);padding:10px 15px;border-radius:18px 18px 4px 18px;max-width:80%;overflow-wrap:anywhere}
[dir=rtl] .dmsg.user .md{border-radius:18px 18px 18px 4px}
.dmsg.bot .md{flex:1;min-width:0;color:var(--ink);line-height:1.65;overflow-wrap:anywhere}
.md p{margin:0 0 .7em}.md p:last-child{margin-bottom:0}
.md ul,.md ol{margin:.2em 0 .8em;padding-inline-start:1.3em}.md li{margin:.25em 0}
.md code{background:rgba(255,255,255,.07);padding:.1em .38em;border-radius:6px;font-size:.88em}
.md pre{background:#07060c;border:1px solid var(--line);border-radius:12px;padding:14px;overflow-x:auto;font-size:.85rem;line-height:1.55}
.md pre code{background:none;padding:0}
.md a{color:var(--mint)}
.md strong{color:#fff}
.md h3,.md h4{font-size:1rem;margin:1em 0 .4em}
.dmsg .meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:10px;font-size:.76rem;color:var(--mute)}
.dmsg .meta .eng{display:inline-flex;align-items:center;gap:6px}
.dmsg .meta .eng::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--mint)}
.dmsg .meta button{border:1px solid var(--line);background:none;color:var(--ink2);border-radius:999px;padding:3px 10px;font-size:.74rem;cursor:pointer}
.dmsg .meta button:hover{color:#fff;border-color:var(--line2)}
.dmsg .meta a{color:var(--ink2)}
.typing{display:inline-flex;gap:5px;align-items:center;height:22px;color:var(--mute);font-size:.86rem}
.typing i{width:6px;height:6px;border-radius:50%;background:var(--ink2);opacity:.4}
html:not(.mo-off) .typing i{animation:ty 1.2s infinite}.typing i:nth-child(2){animation-delay:.15s!important}.typing i:nth-child(3){animation-delay:.3s!important}
@keyframes ty{0%,60%,100%{opacity:.25;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}
.caret::after{content:"";display:inline-block;width:.5em;height:1.05em;margin-inline-start:2px;vertical-align:-.15em;background:var(--grad);border-radius:2px}
html.mo-full .caret::after{animation:blink 1s steps(2) infinite}
@keyframes blink{50%{opacity:0}}
.fups{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.fups button,.demo-sugg button{border:1px solid var(--line2);background:rgba(255,255,255,.035);color:var(--ink2);border-radius:999px;padding:7px 14px;font-size:.82rem;cursor:pointer;transition:all .2s var(--e);text-align:start;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fups button:hover,.demo-sugg button:hover{color:#fff;border-color:rgba(255,79,163,.5);background:rgba(255,79,163,.08);transform:translateY(-1px)}
.demo-sugg{display:flex;gap:8px;padding:0 clamp(16px,3vw,28px) 14px;overflow-x:auto;scrollbar-width:none}
.demo-sugg::-webkit-scrollbar{display:none}
.demo-sugg button{flex:none;max-width:320px}
.demo-form{display:flex;gap:10px;align-items:center;margin:0 clamp(12px,2vw,18px) 12px;padding:6px 6px 6px 18px;border-radius:18px;background:rgba(255,255,255,.045);border:1px solid var(--line2);transition:border-color .2s,box-shadow .2s}
[dir=rtl] .demo-form{padding:6px 18px 6px 6px}
.demo-form:focus-within{border-color:rgba(255,79,163,.55);box-shadow:0 0 0 4px rgba(255,79,163,.12)}
.demo-form input{flex:1;min-width:0;background:none;border:0;outline:0;color:var(--ink);font-size:1rem;padding:10px 0}
.demo-form input::placeholder{color:var(--mute)}
.send{flex:none;width:42px;height:42px;border-radius:13px;border:0;background:var(--grad);color:#120914;display:grid;place-items:center;cursor:pointer;transition:transform .2s var(--e),filter .2s}
.send:hover{transform:scale(1.05);filter:brightness(1.08)}
.send svg{width:20px;height:20px}.send .i-x{display:none}
.busy .send .i-s{display:none}.busy .send .i-x{display:block}
.demo-note{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:0 20px 16px;margin:0;font-size:.78rem;color:var(--mute)}
.tool-card{margin-top:12px;border:1px solid var(--line2);border-radius:16px;padding:14px 16px;background:rgba(255,255,255,.03);display:grid;gap:6px}
.tool-card.ok{border-color:rgba(63,224,161,.4);background:rgba(63,224,161,.06)}
.tool-card.warn{border-color:rgba(255,195,90,.4);background:rgba(255,195,90,.06)}
.tool-card.bad{border-color:rgba(255,92,108,.45);background:rgba(255,92,108,.07)}
.tool-card .tc-h{font-size:.74rem;text-transform:uppercase;letter-spacing:.08em;color:var(--mute);display:flex;gap:8px;align-items:center}
.tool-card code{font-size:.8rem;word-break:break-all}
.price-card{margin-top:12px;display:grid;grid-template-columns:auto 1fr auto;gap:4px 14px;align-items:center;border:1px solid var(--line2);border-radius:16px;padding:14px 16px;background:linear-gradient(135deg,rgba(155,123,255,.12),rgba(34,242,196,.06))}
.price-card .pl{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#9945ff,#14f195);color:#fff;font-weight:800;grid-row:span 2}
.price-card .pv{font-size:1.35rem;font-weight:700;font-variant-numeric:tabular-nums}
.price-card .pc{font-weight:650;font-size:.85rem}
.price-card .ps{grid-column:2/-1;font-size:.72rem;color:var(--mute)}
.up{color:var(--green)}.down{color:var(--red)}
/* ---------- STORY ---------- */
.story{padding:clamp(80px,12vw,160px) 0 clamp(40px,6vw,80px)}
.story-pin{padding-bottom:clamp(40px,6vw,70px)}
.story-h{font-size:clamp(1.9rem,4.6vw,3.6rem);line-height:1.12;letter-spacing:-.035em;font-weight:650}
.story-h .w{color:rgba(246,243,251,.16);transition:color .5s var(--e)}
.story-h .w.on{color:var(--ink)}
html.mo-off .story-h .w,html.mo-calm .story-h .w{color:var(--ink)}
.story-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.step{padding:28px}
.step-n{display:inline-block;font-size:.8rem;color:var(--mint);margin-bottom:28px;padding:4px 10px;border:1px solid rgba(34,242,196,.3);border-radius:999px}
.step h3{font-size:1.4rem;margin-bottom:8px}
.step p{color:var(--ink2);margin:0}
@media (max-width:860px){.story-steps{grid-template-columns:1fr}}
/* ---------- BENTO ---------- */
.bento{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:minmax(190px,auto);gap:16px}
.b{padding:26px;display:flex;flex-direction:column;gap:10px;text-decoration:none;color:inherit;overflow:hidden;position:relative;min-width:0}
.b h3{font-size:1.18rem;margin:0}
.b p{color:var(--ink2);margin:0;font-size:.94rem}
.b-ico{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:rgba(255,255,255,.05);border:1px solid var(--line);margin-bottom:6px;color:var(--ink)}
.b-ico svg{width:22px;height:22px}
.b-go{margin-top:auto}
a.b:hover h3{color:#fff}
.b-ai{grid-column:span 4;grid-row:span 2;display:grid;grid-template-columns:1fr 1.1fr;gap:26px;align-items:center}
.b-ai .b-txt{display:flex;flex-direction:column;gap:10px}
.b-ai .b-go{grid-column:1;margin-top:0}
.b-chat{display:flex;flex-direction:column;gap:10px;grid-row:span 2;padding:16px;border-radius:18px;background:rgba(5,4,10,.6);border:1px solid var(--line)}
.bc{font-size:.86rem;line-height:1.5;padding:10px 13px;border-radius:14px;max-width:92%}
.bc.u{align-self:flex-end;background:linear-gradient(135deg,rgba(34,242,196,.16),rgba(255,79,163,.18))}
.bc.a{background:rgba(255,255,255,.05);color:var(--ink2)}
.bc.a b{color:#fff}
.bc.chips{display:flex;gap:6px;flex-wrap:wrap;padding:0;background:none}
.bc.chips span{border:1px solid var(--line2);border-radius:999px;padding:4px 10px;font-size:.76rem;color:var(--ink2)}
.b-chk{grid-column:span 2;grid-row:span 2}
.chk-demo{display:grid;gap:8px;margin-top:auto}
.cl{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:12px;border:1px solid var(--line);font-size:.82rem;background:rgba(255,255,255,.025)}
.cl svg,.cl b{width:20px;height:20px;flex:none;border-radius:50%;display:grid;place-items:center;font-size:.75rem}
.cl code{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem}
.cl span{font-size:.72rem;font-weight:650;text-transform:uppercase;letter-spacing:.06em}
.cl.ok{border-color:rgba(63,224,161,.35)}.cl.ok svg{color:var(--green)}.cl.ok span{color:var(--green)}
.cl.bad{border-color:rgba(255,92,108,.35)}.cl.bad b{background:var(--red);color:#fff}.cl.bad span{color:var(--red)}
.cl.old{border-color:rgba(255,195,90,.3)}.cl.old b{background:var(--amber);color:#1a1205}.cl.old span{color:var(--amber)}
.b-price{grid-column:span 2;background:linear-gradient(160deg,rgba(153,69,255,.13),rgba(20,241,149,.05) 70%),var(--card)}
.pt-head{display:flex;align-items:center;gap:10px;font-size:.9rem}
.pt-head .pill{margin-inline-start:auto;font-variant-numeric:tabular-nums}
.pt-logo{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(135deg,#9945ff,#14f195);color:#fff;font-weight:800}
.pt-val{font-size:clamp(2rem,3.2vw,2.6rem)!important;font-weight:700;letter-spacing:-.03em;color:var(--ink)!important;font-variant-numeric:tabular-nums;margin-top:6px!important}
.pt-try{font-size:.95rem!important;font-variant-numeric:tabular-nums}
.pt-spark{width:100%;height:46px;margin-top:auto}
.pt-spark path{fill:none;stroke:url(#zg);stroke-width:2;vector-effect:non-scaling-stroke}
.pt-src{font-size:.72rem!important}
.b-aka,.b-dict,.b-news{grid-column:span 2}
.b-num{position:absolute;inset-inline-end:18px;bottom:-24px;font-size:7.5rem;font-weight:800;letter-spacing:-.06em;line-height:1;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;opacity:.22;pointer-events:none}
.marq{margin-top:auto;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.marq div{display:flex;gap:8px;width:max-content}
html.mo-full .marq div{animation:mq 28s linear infinite}
[dir=rtl] .marq div{animation-direction:reverse}
@keyframes mq{to{transform:translateX(-50%)}}
.marq span{border:1px solid var(--line2);border-radius:999px;padding:5px 12px;font-size:.78rem;color:var(--ink2);white-space:nowrap}
.b-safe,.b-apps{grid-column:span 2}
.b-coin{grid-column:span 6;display:grid;grid-template-columns:auto 1fr auto;column-gap:22px;align-items:center;background:radial-gradient(60% 140% at 100% 0%,rgba(255,79,163,.18),transparent 60%),radial-gradient(40% 120% at 0% 100%,rgba(34,242,196,.1),transparent 60%),var(--card)}
.b-coin .coin-mini{grid-row:span 2}.b-coin h3{align-self:end}.b-coin p{align-self:start}.b-coin .pill{grid-column:3;grid-row:1/span 2;margin:0;align-self:center}
.apps-row{display:flex;gap:6px;flex-wrap:wrap;margin-top:auto}
.b-apps .soon{position:absolute;top:22px;inset-inline-end:22px}
.coin-mini{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:#0f0b18;border:1px solid var(--line2);box-shadow:0 0 40px rgba(255,79,163,.25)}
.coin-mini svg{width:34px;height:34px}
.b-coin .pill{margin-top:auto;align-self:flex-start}
@media (max-width:1020px){.bento{grid-template-columns:repeat(2,1fr)}.b-coin{grid-column:1/-1!important}.b-ai{grid-column:span 2;grid-row:auto;grid-template-columns:1fr}.b-chat{grid-row:auto}.b-chk,.b-price,.b-aka,.b-dict,.b-news,.b-safe,.b-apps,.b-coin{grid-column:span 1;grid-row:auto}}
@media (max-width:620px){.b-coin{grid-template-columns:auto 1fr}.b-coin .pill{grid-column:1/-1;grid-row:auto;justify-self:start;margin-top:8px}.bento{grid-template-columns:1fr}.b-ai,.b-chk,.b-price,.b-aka,.b-dict,.b-news,.b-safe,.b-apps,.b-coin{grid-column:auto}}
/* ---------- ARCHITECTURE ---------- */
.arch{display:grid;grid-template-columns:1.25fr 1fr;gap:18px;align-items:stretch}
.arch-dia{position:relative;min-height:470px;padding:24px}
.arch-wires{position:absolute;inset:24px;width:calc(100% - 48px);height:calc(100% - 48px)}
.arch-wires .w{fill:none;stroke:rgba(255,255,255,.1);stroke-width:1.5;vector-effect:non-scaling-stroke}
.arch-wires .p{fill:none;stroke:url(#wg);stroke-width:2.5;stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-dasharray:14 400;stroke-dashoffset:0;opacity:0}
html.mo-full .arch-dia.in .arch-wires .p,html.mo-calm .arch-dia.in .arch-wires .p{opacity:1;animation:flow 3.2s linear infinite}
.arch-wires .p:nth-of-type(2){animation-delay:.6s!important}.arch-wires .p:nth-of-type(3){animation-delay:.9s!important}.arch-wires .p:nth-of-type(4){animation-delay:1.2s!important}.arch-wires .p:nth-of-type(5){animation-delay:1.8s!important}
@keyframes flow{from{stroke-dashoffset:420}to{stroke-dashoffset:0}}
.node{position:absolute;transform:translate(-50%,-50%);display:grid;justify-items:center;text-align:center;gap:3px;padding:12px 16px;border-radius:16px;background:rgba(12,10,20,.92);border:1px solid var(--line2);min-width:140px;max-width:46%;box-shadow:0 20px 50px -20px rgba(0,0,0,.8);transition:border-color .4s,box-shadow .4s}
.node svg{width:22px;height:22px;color:var(--ink2);margin-bottom:2px}
.node b{font-size:.86rem;font-weight:650;line-height:1.25}
.node small{font-size:.7rem;color:var(--mute);line-height:1.35}
.node.hot{border-color:rgba(255,79,163,.5);box-shadow:0 0 0 4px rgba(255,79,163,.08),0 20px 60px -20px rgba(255,79,163,.45);max-width:78%}
.node.lit{border-color:rgba(34,242,196,.55);box-shadow:0 0 30px -6px rgba(34,242,196,.45)}
.n1{left:50%;top:calc(24px + (100% - 48px)*.075)}
.n2{left:50%;top:calc(24px + (100% - 48px)*.38)}
.n3{left:calc(24px + (100% - 48px)*.183);top:calc(24px + (100% - 48px)*.72)}
.n4{left:50%;top:calc(24px + (100% - 48px)*.72)}
.n5{left:calc(24px + (100% - 48px)*.817);top:calc(24px + (100% - 48px)*.72)}
.n6{left:50%;top:calc(24px + (100% - 48px)*.95)}
.n3,.n4,.n5{min-width:0;max-width:31%;padding:10px}
.term{padding:0;overflow:hidden;display:flex;flex-direction:column;background:#07060c}
.term-bar{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line);font-size:.78rem}
.term-out{margin:0;padding:18px 18px 22px;font-size:.82rem;line-height:1.75;color:#cfc9dc;white-space:pre-wrap;word-break:break-word;flex:1;min-height:300px}
.term-out .c{color:var(--mint)}.term-out .k{color:var(--pink)}.term-out .ok{color:var(--green)}.term-out .m{color:var(--mute)}
.term-out .cur{display:inline-block;width:.55em;height:1.1em;vertical-align:-.2em;background:var(--ink2)}
html.mo-full .term-out .cur{animation:blink 1s steps(2) infinite}
.arch-honest{display:flex;gap:12px;align-items:flex-start;margin:22px 0 0;padding:16px 20px;border-radius:16px;border:1px dashed var(--line2);color:var(--ink2);font-size:.92rem;max-width:none}
.arch-honest svg{width:20px;height:20px;flex:none;color:var(--pink);margin-top:2px}
@media (max-width:960px){.arch{grid-template-columns:1fr}}
@media (max-width:560px){.arch-dia{min-height:540px;padding:14px}.arch-wires{inset:14px;width:calc(100% - 28px);height:calc(100% - 28px)}.node{min-width:0;padding:9px 10px}.node small{display:none}.n2 small{display:block}.node b{font-size:.76rem}}
/* ---------- COIN ---------- */
.coin-sec{background:radial-gradient(60% 50% at 80% 30%,rgba(255,79,163,.08),transparent 70%)}
.coin-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:28px 40px;align-items:start}
.coin-facts{list-style:none;padding:0;margin:28px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:18px;overflow:hidden}
.coin-facts li{background:var(--bg2);padding:16px 18px;display:grid;gap:4px}
.coin-facts span{font-size:.76rem;color:var(--mute);text-transform:uppercase;letter-spacing:.06em}
.coin-facts b{font-size:1.02rem;font-variant-numeric:tabular-nums}
.coin-card{padding:28px;display:grid;gap:14px;--glowc:rgba(255,138,76,.2)}
.cc-top{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.cc-top .pill{margin-inline-start:auto}
.cc-logo{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;background:#0f0b18;border:1px solid var(--line2);box-shadow:0 0 50px rgba(255,79,163,.3)}
.cc-logo svg{width:38px;height:38px}
.cc-name{display:block;font-size:1.3rem}
.cc-tk{font-size:.85rem;color:var(--mute)}
.cc-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--mute);margin:6px 0 0}
.cc-status{font-size:.9rem;color:var(--ink2);margin:0}
.cc-acts{display:flex;flex-wrap:wrap;gap:10px}
.cc-old{font-size:.82rem;color:var(--ink2);margin:0;padding:12px 14px;border-radius:14px;background:rgba(255,195,90,.06);border:1px solid rgba(255,195,90,.25)}
.cc-old b{color:var(--amber)}
.cc-old code{word-break:break-all;font-size:.76rem;text-decoration:line-through;text-decoration-color:rgba(255,92,108,.7);color:var(--mute)}
.coin-safe{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr;gap:6px 30px;padding:24px 28px;border-radius:var(--r);border:1px solid var(--line);background:rgba(255,255,255,.02)}
.coin-safe h3{font-size:1.05rem;grid-row:span 2}
.coin-safe ol{margin:0;padding-inline-start:1.2em;display:grid;gap:6px;color:var(--ink2);font-size:.93rem}
.coin-safe .small{font-size:.8rem;margin:6px 0 0}
@media (max-width:900px){.coin-grid{grid-template-columns:1fr}.coin-safe{grid-template-columns:1fr}}
/* ---------- ROADMAP ---------- */
.rm{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;position:relative}
.rm::before{display:none;content:"";position:absolute;top:9px;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--mint),var(--pink) 40%,rgba(255,255,255,.1) 60%)}
[dir=rtl] .rm::before{background:linear-gradient(-90deg,var(--mint),var(--pink) 40%,rgba(255,255,255,.1) 60%)}
.rm-i{position:relative;padding:58px 22px 24px;border:1px solid var(--line,rgba(255,255,255,.08));border-radius:20px;background:linear-gradient(160deg,rgba(255,255,255,.045),rgba(255,255,255,.01));transition:transform .35s,border-color .35s}
.rm-i:hover{transform:translateY(-4px);border-color:rgba(255,79,163,.35)}
.rm-i.done{border-color:rgba(34,242,196,.28)}.rm-i.now{border-color:rgba(255,79,163,.45);box-shadow:0 0 40px -12px rgba(255,79,163,.45)}
.rm-goal{margin:-4px 0 14px;font-size:.86rem;color:var(--mute)}.rm-goal b{color:var(--ink2);font-weight:600}
.rm-dot{position:absolute;top:22px;inset-inline-start:22px;width:20px;height:20px;border-radius:50%;background:var(--bg);border:2px solid var(--line2)}
.rm-i.done .rm-dot{border-color:var(--mint);background:var(--mint);box-shadow:0 0 20px var(--mint)}
.rm-i.now .rm-dot{border-color:var(--pink);box-shadow:0 0 0 6px rgba(255,79,163,.18)}
html.mo-full .rm-i.now .rm-dot{animation:pr 2.4s infinite}
@keyframes pr{50%{box-shadow:0 0 0 12px rgba(255,79,163,0)}}
.rm-ph{position:absolute;top:24px;inset-inline-start:54px;font-size:.74rem;text-transform:uppercase;letter-spacing:.1em;color:var(--mute);margin:0 0 6px}
.rm-i.done .rm-ph{color:var(--mint)}.rm-i.now .rm-ph{color:var(--pink)}
.rm-i h3{font-size:1.3rem;margin-bottom:12px}
.rm-i ul{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.rm-i li{position:relative;padding-inline-start:18px;color:var(--ink2);font-size:.92rem}
.rm-i li::before{content:"";position:absolute;inset-inline-start:0;top:.62em;width:6px;height:6px;border-radius:50%;background:var(--faint)}
.rm-i.done li::before{background:var(--mint)}
@media (max-width:900px){.rm{grid-template-columns:1fr 1fr;row-gap:18px}.rm::before{display:none}}
@media (max-width:560px){.rm{grid-template-columns:1fr}}
/* ---------- FOUNDER ---------- */
.founder{display:grid;grid-template-columns:300px 1fr;gap:clamp(24px,5vw,60px);align-items:center;padding:clamp(22px,4vw,44px)}
.fd-photo{margin:0;border-radius:24px;overflow:hidden;aspect-ratio:4/5;background:#120e1b;box-shadow:0 30px 80px -30px rgba(255,79,163,.4)}
.fd-photo img{width:100%;height:100%;object-fit:cover}
.fd-body blockquote{margin:14px 0 22px;padding:0;border:0}
.fd-body blockquote p{font-size:clamp(1.2rem,2.2vw,1.6rem);line-height:1.45;letter-spacing:-.02em;color:var(--ink);font-weight:500;max-width:none}
.fd-body blockquote p::before{content:"“";display:block;font-size:4rem;line-height:.6;height:.4em;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:800}
.fd-name{margin:0 0 16px}
@media (max-width:760px){.founder{grid-template-columns:1fr}.fd-photo{max-width:280px}}
/* ---------- COMMUNITY ---------- */
.cm-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.cm{padding:28px;text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.cm h3{font-size:1.25rem;margin:0}
.cm p{color:var(--ink2);margin:0 0 auto;font-size:.94rem}
.cm .link-arrow,.cm .pill{margin-top:12px}
.cm-ico{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:#fff;color:#000;margin-bottom:8px}
.cm-ico svg{width:24px;height:24px}
.cm-ico.tg{background:#2aabee;color:#fff}
.cm-ico.ai{background:var(--grad);color:#120914}
@media (max-width:860px){.cm-grid{grid-template-columns:1fr}}
/* ---------- FAQ ---------- */
.faq{margin-top:26px;border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;padding:20px 40px 20px 0;font-weight:600;font-size:1.05rem;position:relative}
[dir=rtl] .faq summary{padding:20px 0 20px 40px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";position:absolute;inset-inline-end:6px;top:50%;width:12px;height:12px;border-right:2px solid var(--mute);border-bottom:2px solid var(--mute);transform:translateY(-70%) rotate(45deg);transition:transform .3s var(--e)}
.faq details[open] summary::after{transform:translateY(-30%) rotate(-135deg)}
.faq details p{margin:0 0 22px;color:var(--ink2);overflow-wrap:anywhere}
.risk{margin-top:40px;padding:24px 26px;border-color:rgba(255,195,90,.25)}
.risk h3{font-size:1rem;color:var(--amber);margin-bottom:8px}
.risk p{color:var(--ink2);margin:0;font-size:.92rem}
.risk a{color:var(--ink)}
/* hero copy animates with pure CSS (no JS wait → fast LCP) */
html.js .hero .rv{opacity:1;transform:none;transition:none}
html.js.mo-full .hero .rv{animation:zw-rise 1s var(--e) var(--d,0s) both}
@keyframes zw-rise{from{opacity:0;transform:translateY(22px);filter:blur(8px)}}
.tool-badge{display:block;margin-top:10px;font-size:.76rem;color:var(--green)}
.price-card .ph{font-size:.9rem}
@media (max-width:560px){.n3,.n4,.n5{width:30%;max-width:30%;padding:8px 5px}.n3 b,.n4 b,.n5 b{font-size:.7rem}.node svg{width:18px;height:18px}}
