body{margin:0;background:#070B14}
a{color:#39D9FF}a:hover{color:#8FE9FF}
@property --n{syntax:'<integer>';initial-value:0;inherits:false}
.wn{--cyan:#39D9FF;background:#070B14;color:#F5F8FF;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.6;position:relative;overflow:hidden}
.wn *{box-sizing:border-box}
.wn a{color:inherit;text-decoration:none}
.wn :focus-visible{outline:2px solid var(--cyan);outline-offset:3px;border-radius:8px}
.wn ::selection{background:rgba(57,217,255,.35)}
.wrap{max-width:1240px;margin:0 auto;padding:0 32px;position:relative}
.h{font-family:'Space Grotesk',Inter,sans-serif;letter-spacing:-0.035em;line-height:1.02;margin:0;font-weight:600}
.h2{font-size:clamp(34px,4.6vw,62px)}
.h3{font-size:22px;letter-spacing:-0.02em;line-height:1.2}
.mono{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:12px;letter-spacing:.14em;text-transform:uppercase}
.cy{color:var(--cyan)}
.mu{color:#A5B1C7}
.lead{font-size:clamp(17px,1.5vw,20px);color:#A5B1C7;max-width:620px}
section{position:relative}
.sec{padding:140px 0}

/* ---------- keyframes ---------- */
@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes spin2{to{transform:rotate(360deg)}}
@keyframes flow{to{stroke-dashoffset:-16}}
@keyframes draw{from{stroke-dashoffset:100}}
@keyframes pulse{50%{box-shadow:0 0 110px 0 rgba(57,217,255,.75),inset 0 0 40px rgba(57,217,255,.3)}}
@keyframes float{50%{transform:translateY(-10px)}}
@keyframes fadeIn{from{opacity:0}}
@keyframes fadeUp{from{opacity:0;transform:translateY(28px)}}
@keyframes wordUp{from{transform:translateY(115%) rotate(5deg);opacity:0}}
@keyframes pop{from{opacity:0;transform:translateY(34px) scale(.82);filter:blur(10px)}}
@keyframes coreIn{from{transform:translate(-50%,-50%) scale(0);opacity:0}}
@keyframes wave{0%{transform:translate(-50%,-50%) scale(1);opacity:.75}100%{transform:translate(-50%,-50%) scale(4.4);opacity:0}}
@keyframes sweep{0%{background-position:100% 0}55%,100%{background-position:0 0}}
@keyframes hue{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes scan{from{top:-2%}to{top:102%}}
@keyframes twinkle{0%,100%{opacity:.1;transform:scale(.6)}50%{opacity:.95;transform:scale(1)}}
@keyframes typing{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes caret{50%{opacity:0}}
@keyframes load{from{transform:translateX(-110%)}to{transform:translateX(260%)}}
@keyframes bounce{0%,60%,100%{transform:translateY(0);opacity:.5}30%{transform:translateY(-4px);opacity:1}}
@keyframes typeShow{0%,6%{opacity:0}10%,34%{opacity:1}38%,100%{opacity:0}}
@keyframes replyShow{0%,36%{opacity:0;transform:translateY(8px)}42%,92%{opacity:1;transform:none}100%{opacity:0}}
@keyframes drawLoop{0%{stroke-dashoffset:100}45%,85%{stroke-dashoffset:0}100%{stroke-dashoffset:-100}}
@keyframes sheen{0%,70%{background-position:150% 0}100%{background-position:-50% 0}}
@keyframes grow{0%,100%{transform:scaleY(.75)}50%{transform:scaleY(1)}}
@keyframes blink{50%{opacity:.25}}
@keyframes marq{to{transform:translateX(-50%)}}
@keyframes wheel{0%{transform:translateY(0);opacity:1}100%{transform:translateY(12px);opacity:0}}
@keyframes navIn{from{transform:translateY(-100%);opacity:0}}
@keyframes count{from{--n:0}}
@keyframes viewIn{from{opacity:0;translate:0 16px;filter:blur(8px)}}
@keyframes ping{from{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.12)}}
@keyframes growX{from{scale:0 1}}
@keyframes rise{from{transform:scaleY(.05);opacity:0}}
@keyframes reveal{from{opacity:0;translate:0 70px;scale:.96}}
@keyframes tiltIn{from{opacity:.15;transform:perspective(1600px) rotateX(24deg) scale(.9)}}
@keyframes lineGrow{from{scale:0 1}}
@keyframes glowShift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes dropIn{from{opacity:0;transform:translateY(-8px)}}
.blink{animation:blink 2.2s ease-in-out infinite}

/* ---------- buttons and links ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 26px;border-radius:999px;font-weight:600;font-size:15px;transition:transform .3s cubic-bezier(.2,.8,.2,1),translate .25s ease-out,box-shadow .35s ease,border-color .35s ease,background-size .5s ease;cursor:pointer;border:0;font-family:inherit;position:relative;overflow:hidden;isolation:isolate}
.btn svg{transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.btn:hover svg{transform:translateX(5px)}
.wn .btn-p{background:var(--cyan);color:#03121A}
.btn-p::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.75) 50%,transparent 70%);transform:translateX(-130%);transition:transform .8s ease}
.btn-p:hover::after{transform:translateX(130%)}
.wn .btn-p:hover{color:#03121A;transform:translateY(-3px);box-shadow:0 0 0 7px rgba(57,217,255,.14),0 18px 50px -10px var(--cyan)}
.btn-idle::after{animation:sheenBtn 4.5s ease-in-out 2.5s infinite}
@keyframes sheenBtn{0%,70%{transform:translateX(-130%)}100%{transform:translateX(130%)}}
.wn .btn-g{border:1px solid #33435F;color:#F5F8FF;background-color:rgba(17,27,46,.45);background-image:linear-gradient(90deg,rgba(57,217,255,.22),rgba(155,123,255,.22));background-repeat:no-repeat;background-size:0% 100%}
.wn .btn-g:hover{border-color:var(--cyan);color:#F5F8FF;transform:translateY(-3px);background-size:100% 100%;box-shadow:0 14px 40px -16px var(--cyan)}
.btn-sm{min-height:44px;padding:0 18px;font-size:14px}
.ul{background-image:linear-gradient(90deg,var(--cyan),#9B7BFF);background-repeat:no-repeat;background-size:0% 1px;background-position:0 100%;transition:background-size .45s cubic-bezier(.7,0,.2,1),color .3s,transform .3s}
.ul:hover{background-size:100% 1px}
.more{margin-top:auto;display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:14px;color:var(--cyan)!important;min-height:44px;align-self:flex-start}
.more .arr{display:inline-block;transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.more:hover .arr{transform:translateX(8px)}
.more span.t{background-image:linear-gradient(var(--cyan),var(--cyan));background-repeat:no-repeat;background-size:0% 1px;background-position:0 100%;transition:background-size .45s cubic-bezier(.7,0,.2,1)}
.more:hover span.t{background-size:100% 1px}

/* ---------- nav ---------- */
.nav{position:sticky;top:0;z-index:50;background:rgba(7,11,20,.7);-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%);border-bottom:1px solid rgba(36,49,72,.7);animation:navIn 1s cubic-bezier(.16,1,.3,1) both}
.navin{display:flex;align-items:center;justify-content:space-between;height:76px;gap:24px}
.brand{display:flex;align-items:center;gap:12px;font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:20px;letter-spacing:-0.02em}
.lspin{transform-origin:20px 20px;animation:spin2 14s linear infinite}
.brand:hover .lspin{animation-duration:2s}
.brand:hover .lcore{filter:drop-shadow(0 0 6px #39D9FF)}
.navlinks{display:flex;gap:4px}
.navlinks a{padding:10px 16px;border-radius:999px;font-size:14px;color:#C9D3E6;transition:background .3s;position:relative}
.navlinks a:hover{background:rgba(84,123,255,.12)}
.navlinks a::after{content:"";position:absolute;left:50%;bottom:4px;width:4px;height:4px;border-radius:50%;background:var(--cyan);transform:translateX(-50%) scale(0);transition:transform .35s cubic-bezier(.2,.8,.2,1);box-shadow:0 0 8px var(--cyan)}
.navlinks a:hover::after{transform:translateX(-50%) scale(1)}
.roll{display:inline-flex;flex-direction:column;overflow:hidden;height:1.6em;vertical-align:top}
.roll span{display:block;transition:transform .5s cubic-bezier(.7,0,.2,1)}
.roll span+span{color:#F5F8FF}
a:hover .roll span{transform:translateY(-100%)}
.menu-btn{display:none;width:46px;height:46px;border-radius:12px;border:1px solid #2A3A56;background:transparent;color:#F5F8FF;align-items:center;justify-content:center;cursor:pointer}
.mmenu{border-top:1px solid #1B2740;padding:16px 20px 24px;display:flex;flex-direction:column;gap:4px}
.mmenu a{padding:14px 8px;font-size:20px;border-bottom:1px solid #141F33;font-family:'Space Grotesk',sans-serif;animation:dropIn .4s both}
.mmenu a:nth-child(2){animation-delay:.05s}.mmenu a:nth-child(3){animation-delay:.1s}.mmenu a:nth-child(4){animation-delay:.15s}.mmenu a:nth-child(5){animation-delay:.2s}.mmenu a:nth-child(6){animation-delay:.25s}

/* ---------- hero ---------- */
.hero{--mx:65%;--my:40%;--px:0;--py:0;padding:96px 0 150px;min-height:860px}
.hero::before{content:"";position:absolute;inset:0;background:radial-gradient(650px circle at var(--mx) var(--my),rgba(57,217,255,.11),transparent 60%);pointer-events:none;z-index:0}
.grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(84,123,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(84,123,255,.07) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 60% 40%,#000 30%,transparent 75%);mask-image:radial-gradient(ellipse 70% 60% at 60% 40%,#000 30%,transparent 75%);pointer-events:none}
.grid-hot{position:absolute;inset:0;background-image:linear-gradient(rgba(57,217,255,.35) 1px,transparent 1px),linear-gradient(90deg,rgba(57,217,255,.35) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(220px circle at var(--mx) var(--my),#000,transparent 70%);mask-image:radial-gradient(220px circle at var(--mx) var(--my),#000,transparent 70%);pointer-events:none;opacity:.6}
.aurora{position:absolute;width:720px;height:720px;right:-140px;top:0;border-radius:50%;background:conic-gradient(from 0deg,rgba(57,217,255,.5),rgba(84,123,255,.15),rgba(155,123,255,.5),rgba(72,214,160,.18),rgba(57,217,255,.5));filter:blur(110px);opacity:.32;animation:spin2 26s linear infinite;pointer-events:none}
.scan{position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(57,217,255,.55) 50%,transparent);box-shadow:0 0 18px rgba(57,217,255,.5);animation:scan 9s linear infinite;pointer-events:none;opacity:.5}
.stars{position:absolute;inset:0;pointer-events:none}
.star{position:absolute;border-radius:50%;background:#CFE9FF;animation:twinkle 4s ease-in-out infinite}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,1fr);gap:48px;align-items:center;z-index:1}
.h1{font-size:clamp(50px,7.6vw,118px);line-height:.94;letter-spacing:-0.05em}
.ln{display:inline-block;overflow:hidden;vertical-align:top;padding:0 .06em .14em 0;margin-bottom:-.14em}
.w{display:inline-block;animation:wordUp 1.2s cubic-bezier(.16,1,.3,1) both}
.outline{color:transparent;-webkit-text-stroke:1.5px rgba(245,248,255,.92);background:linear-gradient(100deg,transparent 38%,rgba(57,217,255,.95) 47%,rgba(155,123,255,.9) 53%,transparent 62%);background-size:300% 100%;background-position:100% 0;-webkit-background-clip:text;background-clip:text;animation:wordUp 1.2s cubic-bezier(.16,1,.3,1) .38s both,sweep 5.5s ease-in-out 1.8s infinite}
.grad{background:linear-gradient(92deg,#39D9FF,#547BFF,#9B7BFF,#48D6A0,#39D9FF);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:wordUp 1.2s cubic-bezier(.16,1,.3,1) .55s both,hue 7s ease-in-out 1.8s infinite;filter:drop-shadow(0 0 30px rgba(57,217,255,.25))}
.fu{animation:fadeUp 1s cubic-bezier(.16,1,.3,1) both}
.type{display:inline-block;white-space:nowrap;animation:typing 1.6s steps(38) .2s both}
.caret{display:inline-block;width:8px;height:14px;background:var(--cyan);margin-left:4px;animation:caret .9s step-end infinite;vertical-align:-2px}
.stage{position:relative;aspect-ratio:1/1;width:100%;max-width:610px;margin-left:auto;transform:perspective(1400px) rotateY(calc(var(--px) * 9deg)) rotateX(calc(var(--py) * -9deg));transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.ring{position:absolute;border-radius:50%;border:1px solid rgba(84,123,255,.22);left:50%;top:50%;transform:translate(-50%,-50%)}
.r1{width:30%;height:30%;border-color:rgba(57,217,255,.38);animation:fadeIn 1s .3s both}
.r2{width:58%;height:58%;border-style:dashed;animation:fadeIn 1.2s .45s both,spin 50s linear infinite}
.r3{width:92%;height:92%;border-color:rgba(155,123,255,.18);animation:fadeIn 1.4s .6s both,spin 110s linear infinite reverse}
.orb{position:absolute;width:9px;height:9px;border-radius:50%;background:#9B7BFF;top:-4.5px;left:50%;box-shadow:0 0 16px 2px #9B7BFF}
.orb.c{background:#39D9FF;box-shadow:0 0 16px 2px #39D9FF}
.orb.b{top:auto;bottom:-4.5px;background:#48D6A0;box-shadow:0 0 16px 2px #48D6A0}
.wave{position:absolute;left:50%;top:50%;width:19%;aspect-ratio:1/1;border-radius:50%;border:1px solid rgba(57,217,255,.55);transform:translate(-50%,-50%);animation:wave 4.5s cubic-bezier(.2,.6,.3,1) 1.4s infinite;pointer-events:none}
.core{position:absolute;left:50%;top:50%;width:19%;aspect-ratio:1/1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 35% 30%,#1F4470,#0B1220 70%);border:1px solid rgba(57,217,255,.55);display:flex;align-items:center;justify-content:center;box-shadow:0 0 70px -6px rgba(57,217,255,.6),inset 0 0 30px rgba(57,217,255,.15);animation:coreIn 1.3s cubic-bezier(.2,.9,.2,1.3) .25s both,pulse 4s ease-in-out 1.6s infinite;z-index:2}
.halo{position:absolute;inset:-9px;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 62%,rgba(57,217,255,.95) 82%,transparent 100%);-webkit-mask:radial-gradient(circle,transparent 66%,#000 67%);mask:radial-gradient(circle,transparent 66%,#000 67%);animation:spin2 2.8s linear infinite}
.halo.v{inset:-18px;background:conic-gradient(from 180deg,transparent 0 70%,rgba(155,123,255,.8) 88%,transparent 100%);animation-duration:4.6s;animation-direction:reverse}
.links{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.draw path{stroke-dasharray:100;animation:draw 1.5s cubic-bezier(.6,0,.2,1) .7s both}
.flow{stroke-dasharray:2 6;animation:fadeIn .6s 1.9s both,flow 1.4s linear infinite}
.parts{animation:fadeIn .8s 2s both}
.pw{position:absolute;width:39%;transform:translate3d(calc(var(--px) * var(--d)),calc(var(--py) * var(--d)),0);transition:transform .7s cubic-bezier(.2,.8,.2,1);z-index:3}
.pn{position:relative;overflow:hidden;background:rgba(13,21,37,.84);border:1px solid #26365A;border-radius:16px;padding:14px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 24px 60px -24px rgba(0,0,0,.9);font-size:12px;line-height:1.45;animation:pop 1s cubic-bezier(.2,.9,.25,1.15) var(--dl) both,float 7s ease-in-out calc(var(--dl) + 1.1s) infinite;transition:border-color .4s,box-shadow .4s}
.pn::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 40%,rgba(255,255,255,.07) 50%,transparent 60%);background-size:250% 100%;animation:sheen 6s ease-in-out var(--dl) infinite;pointer-events:none}
.pn:hover{border-color:rgba(57,217,255,.7);box-shadow:0 0 0 4px rgba(57,217,255,.08),0 24px 70px -20px rgba(57,217,255,.45)}
.pn .mono{font-size:10px;letter-spacing:.12em;margin-bottom:8px;display:flex;align-items:center;gap:6px}
.p1{left:0;top:3%}.p2{right:0;top:0}.p3{right:-1%;top:39%}.p4{left:-1%;top:41%}.p5{left:3%;bottom:1%}.p6{right:2%;bottom:4%}
.bub{padding:7px 10px;border-radius:12px;margin-top:6px;max-width:92%}
.bub.u{background:#1A2742;margin-left:auto;border-bottom-right-radius:4px;width:max-content}
.bub.b{background:rgba(57,217,255,.12);border:1px solid rgba(57,217,255,.25);border-bottom-left-radius:4px}
.typing{position:absolute;left:0;top:6px;display:flex;gap:4px;padding:10px 12px;border-radius:12px;background:rgba(57,217,255,.12);animation:typeShow 7s infinite}
.typing i{width:5px;height:5px;border-radius:50%;background:#39D9FF;animation:bounce 1s infinite}
.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}
.reply{animation:replyShow 7s infinite}
.row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 0;border-bottom:1px solid #1B2740}
.row:last-child{border-bottom:0}
.prog{height:3px;background:#1B2740;border-radius:3px;margin-top:8px;overflow:hidden}
.prog span{display:block;height:100%;width:40%;border-radius:3px;background:linear-gradient(90deg,#39D9FF,#9B7BFF);animation:load 2.2s ease-in-out infinite}
.loop{stroke-dasharray:100;animation:drawLoop 5s ease-in-out 1.8s infinite}
.thumbs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.thumbs div{aspect-ratio:1/1;border-radius:8px;background-size:200% 200%!important;animation:glowShift 4s ease-in-out infinite}
.gb{transform-origin:bottom;animation:grow 2.4s ease-in-out infinite}
.cue{position:absolute;left:50%;bottom:36px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;color:#7F8CA6;animation:fadeIn 1s 2.4s both;z-index:1}
.mouse{width:22px;height:34px;border:1.5px solid #3B4C6E;border-radius:12px;display:flex;justify-content:center;padding-top:6px}
.mouse span{width:3px;height:7px;border-radius:2px;background:var(--cyan);animation:wheel 1.6s ease-in-out infinite}

/* ---------- marquee ---------- */
.marq{border-top:1px solid #16213A;border-bottom:1px solid #16213A;padding:26px 0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);background:rgba(11,18,32,.5)}
.mtrack{display:flex;width:max-content;animation:marq 45s linear infinite}
.marq:hover .mtrack{animation-play-state:paused}
.mgroup{display:flex;gap:44px;padding-right:44px;align-items:center}
.mitem{font-family:'Space Grotesk',sans-serif;font-size:28px;font-weight:500;letter-spacing:-0.02em;white-space:nowrap;display:flex;align-items:center;gap:44px;transition:color .3s}
.mitem::after{content:"";width:9px;height:9px;transform:rotate(45deg);background:var(--cyan);box-shadow:0 0 12px var(--cyan)}
.mitem.o{color:transparent;-webkit-text-stroke:1px #6F7FA0}
.mitem:hover{color:var(--cyan);-webkit-text-stroke-color:var(--cyan)}

/* ---------- section heads ---------- */
.sec-head{display:grid;grid-template-columns:minmax(0,260px) minmax(0,1fr);gap:40px;align-items:start;margin-bottom:72px}
.tag{padding-top:14px;display:flex;gap:12px;align-items:center}
.tag::before{content:"";width:28px;height:1px;background:var(--cyan);box-shadow:0 0 8px var(--cyan)}
.glow{position:absolute;border-radius:50%;filter:blur(90px);pointer-events:none;opacity:.55}

/* ---------- cards with spotlight ---------- */
.card{background:linear-gradient(180deg,rgba(17,27,46,.72),rgba(11,18,32,.72));border:1px solid #243148;border-radius:22px;padding:30px;transition:transform .45s cubic-bezier(.2,.8,.2,1),border-color .4s,box-shadow .45s;position:relative;overflow:hidden}
.card:hover{transform:translateY(-6px);box-shadow:0 40px 80px -36px rgba(57,217,255,.35);border-color:#33466A}
.spot{--cx:50%;--cy:0%}
.spot::before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(460px circle at var(--cx) var(--cy),rgba(57,217,255,.13),transparent 45%);opacity:0;transition:opacity .45s;pointer-events:none}
.spot::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:radial-gradient(280px circle at var(--cx) var(--cy),rgba(57,217,255,1),rgba(155,123,255,.5) 40%,transparent 70%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .45s;pointer-events:none}
.spot:hover::before,.spot:hover::after{opacity:1}
.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;border:1px solid #2A3A56;font-size:12px;color:#C9D3E6;background:rgba(7,11,20,.5)}
.dot{width:7px;height:7px;border-radius:50%;background:#48D6A0;display:inline-block;flex:none}

/* ---------- challenge ---------- */
.chal{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:64px}
.chal-item{display:grid;grid-template-columns:64px minmax(0,1fr);gap:16px;padding:26px 0;border-top:1px solid #1E2B44;align-items:baseline;position:relative}
.chal-item::before{content:"";position:absolute;left:0;top:-1px;height:1px;width:100%;background:linear-gradient(90deg,var(--cyan),#9B7BFF);transform:scaleX(0);transform-origin:left;transition:transform .6s cubic-bezier(.7,0,.2,1)}
.chal-item:hover::before{transform:scaleX(1)}
.chal-item .n{font-family:'JetBrains Mono',monospace;font-size:13px;color:#5E6E8C;transition:color .3s}
.chal-item:hover .n{color:var(--cyan)}
.chal-item h3{margin:0;font-family:'Space Grotesk',sans-serif;font-weight:500;font-size:22px;letter-spacing:-0.02em;line-height:1.25;transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.chal-item:hover h3{transform:translateX(8px)}
.chal-item p{margin:6px 0 0;color:#A5B1C7;font-size:15px}
.resolve{margin-top:72px;padding:44px 48px;border-radius:24px;border:1px solid rgba(57,217,255,.3);background:linear-gradient(110deg,rgba(57,217,255,.1),rgba(84,123,255,.03),rgba(155,123,255,.12),rgba(57,217,255,.1));background-size:300% 100%;animation:glowShift 10s ease-in-out infinite;display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap}

/* ---------- solutions ---------- */
.sol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.sol .card{display:flex;flex-direction:column;gap:16px;padding:32px;min-height:440px}
.ico{width:54px;height:54px;border-radius:15px;border:1px solid #2A3A56;display:flex;align-items:center;justify-content:center;background:rgba(57,217,255,.06);color:var(--cyan);transition:transform .5s cubic-bezier(.2,.9,.2,1.4),background .4s,box-shadow .4s}
.card:hover .ico{transform:rotate(-10deg) scale(1.12);background:rgba(57,217,255,.16);box-shadow:0 0 34px -4px var(--cyan)}
.card .bign{transition:color .4s}
.card:hover .bign{color:var(--cyan)}
.uses{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px;font-size:14px;color:#C9D3E6}
.uses li{display:flex;gap:10px;align-items:baseline;transition:transform .35s ease,color .3s}
.uses li::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--cyan);flex:none;transform:translateY(-2px)}
.card:hover .uses li{color:#F5F8FF}
.card:hover .uses li:nth-child(1){transform:translateX(4px);transition-delay:.02s}
.card:hover .uses li:nth-child(2){transform:translateX(4px);transition-delay:.06s}
.card:hover .uses li:nth-child(3){transform:translateX(4px);transition-delay:.1s}
.card:hover .uses li:nth-child(4){transform:translateX(4px);transition-delay:.14s}
.fine{font-size:12.5px;color:#8E9AB2;border-top:1px dashed #243148;padding-top:12px}

/* ---------- command center ---------- */
.cc{border:1px solid #26365A;border-radius:26px;background:linear-gradient(180deg,#0C1424,#080D18);box-shadow:0 60px 140px -40px rgba(57,217,255,.28),0 0 0 1px rgba(57,217,255,.05);overflow:hidden;position:relative}
.cc::before{content:"";position:absolute;left:10%;right:10%;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);box-shadow:0 0 20px var(--cyan)}
.cc-top{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 22px;border-bottom:1px solid #1B2740;flex-wrap:wrap}
.demo-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:rgba(155,123,255,.12);border:1px solid rgba(155,123,255,.4);color:#D8CCFF;font-size:12px;font-weight:500}
.cc-body{display:flex;flex-wrap:wrap;min-height:560px}
.cc-side{flex:1 1 220px;max-width:260px;border-right:1px solid #1B2740;padding:18px;display:flex;flex-direction:column;gap:6px}
.cc-main{flex:999 1 560px;min-width:0;padding:28px}
.tab{display:flex;align-items:center;gap:12px;width:100%;text-align:left;min-height:48px;padding:0 14px;border-radius:12px;border:1px solid transparent;background:transparent;color:#A5B1C7;font-family:inherit;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s;position:relative}
.tab:hover{color:#F5F8FF;background:rgba(84,123,255,.08);padding-left:18px}
.tab.on{color:#F5F8FF;background:rgba(57,217,255,.1);border-color:rgba(57,217,255,.35);box-shadow:0 0 30px -12px var(--cyan)}
.tab .ix{font-family:'JetBrains Mono',monospace;font-size:11px;color:#5E6E8C}
.tab.on .ix{color:var(--cyan)}
.view{animation:viewIn .6s cubic-bezier(.16,1,.3,1) both}
.stg>*{animation:fadeUp .7s cubic-bezier(.16,1,.3,1) both}
.stg>*:nth-child(2){animation-delay:.08s}.stg>*:nth-child(3){animation-delay:.16s}.stg>*:nth-child(4){animation-delay:.24s}.stg>*:nth-child(5){animation-delay:.32s}.stg>*:nth-child(6){animation-delay:.4s}.stg>*:nth-child(7){animation-delay:.48s}
.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.kpi{border:1px solid #1E2B44;border-radius:16px;padding:16px;background:rgba(17,27,46,.5);transition:border-color .3s,transform .3s}
.kpi:hover{border-color:rgba(57,217,255,.5);transform:translateY(-3px)}
.kpi b{display:block;font-family:'Space Grotesk',sans-serif;font-size:30px;letter-spacing:-0.03em;font-weight:600;margin-top:6px}
.count{--n:var(--to);counter-reset:n var(--n);animation:count 2s cubic-bezier(.2,.8,.2,1) .2s both}
.count::after{content:counter(n)}
.panel{border:1px solid #1E2B44;border-radius:16px;padding:20px;background:rgba(17,27,46,.4)}
.bars{display:flex;align-items:flex-end;gap:10px;height:180px;padding-top:10px}
.bars div{flex:1;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,var(--cyan),rgba(84,123,255,.35));transform-origin:bottom;animation:rise 1s cubic-bezier(.2,.8,.2,1) both;transition:filter .2s,background .2s}
.bars div:hover{background:linear-gradient(180deg,#F5F8FF,var(--cyan));filter:drop-shadow(0 0 10px var(--cyan))}
.flowline{display:flex;flex-wrap:wrap;gap:12px;align-items:stretch}
.node{flex:1 1 150px;border:1px solid #26365A;border-radius:14px;padding:14px;background:rgba(17,27,46,.6);position:relative;transition:border-color .3s,transform .3s}
.node:hover{transform:translateY(-3px);border-color:#3B4C6E}
.node.act{border-color:rgba(57,217,255,.6)}
.node.act::after{content:"";position:absolute;inset:-1px;border-radius:14px;border:1px solid var(--cyan);animation:ping 1.6s ease-out infinite}
.beam{height:2px;background:#1B2740;border-radius:2px;overflow:hidden}
.beam span{display:block;width:25%;height:100%;background:linear-gradient(90deg,transparent,var(--cyan),#9B7BFF);animation:load 2.6s ease-in-out infinite}
.st{font-size:11px;font-weight:600;padding:3px 8px;border-radius:999px;display:inline-block;margin-top:10px}
.st.ok{background:rgba(72,214,160,.14);color:#7BE6BD}
.st.run{background:rgba(57,217,255,.14);color:#8FE9FF}
.st.q{background:rgba(165,177,199,.12);color:#C9D3E6}
.cal{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:10px;overflow-x:auto}
.post{border-radius:10px;padding:10px;font-size:12.5px;margin-top:8px;border:1px solid #26365A;background:rgba(17,27,46,.7);transition:transform .3s,border-color .3s}
.post:hover{transform:translateY(-3px) rotate(-1deg);border-color:var(--cyan)}
.fun{display:flex;flex-direction:column;gap:10px}
.fun div{height:40px;border-radius:10px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;font-size:13px;background:linear-gradient(90deg,rgba(57,217,255,.25),rgba(84,123,255,.1));border:1px solid rgba(57,217,255,.25);transform-origin:left;animation:growX 1s cubic-bezier(.16,1,.3,1) both}
.fun div:nth-child(2){animation-delay:.1s}.fun div:nth-child(3){animation-delay:.2s}.fun div:nth-child(4){animation-delay:.3s}
.dr{stroke-dasharray:100;animation:draw 1.6s cubic-bezier(.6,0,.2,1) .1s both}

/* ---------- steps ---------- */
.steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;position:relative}
.steps::before{content:"";position:absolute;left:0;right:0;top:44px;height:1px;background:linear-gradient(90deg,transparent,#39D9FF 15%,#547BFF 50%,#9B7BFF 85%,transparent);transform-origin:left}
.step{position:relative;cursor:default}
.step .num{font-family:'Space Grotesk',sans-serif;font-size:88px;line-height:1;font-weight:600;color:transparent;-webkit-text-stroke:1px #3B4C6E;background:#070B14;display:inline-block;padding-right:12px;position:relative;transition:color .45s,-webkit-text-stroke-color .45s,text-shadow .45s,transform .45s cubic-bezier(.2,.9,.2,1.3)}
.step:hover .num{color:rgba(57,217,255,.14);-webkit-text-stroke-color:var(--cyan);text-shadow:0 0 40px rgba(57,217,255,.55);transform:translateY(-6px)}
.step h3{font-family:'Space Grotesk',sans-serif;font-size:24px;margin:20px 0 8px;letter-spacing:-0.02em;transition:color .3s}
.step:hover h3{color:var(--cyan)}
.step p{margin:0;color:#A5B1C7;font-size:15px}

/* ---------- outcomes / industries / eco / trust ---------- */
.out{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.viz{height:120px;border-radius:14px;border:1px solid #1E2B44;background:rgba(7,11,20,.6);margin-bottom:22px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}
.viz svg{transition:transform .6s cubic-bezier(.2,.9,.2,1.3)}
.card:hover .viz svg{transform:scale(1.1)}
.mv{stroke-dasharray:3 4;animation:flow 1.2s linear infinite}
.ind{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.ind .card{padding:26px}
.eco{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #1E2B44;border-left:1px solid #1E2B44}
.cell{border-right:1px solid #1E2B44;border-bottom:1px solid #1E2B44;padding:28px;min-height:170px;position:relative;overflow:hidden;transition:background .4s}
.cell::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(57,217,255,.12),rgba(155,123,255,.08));transform:translateY(101%);transition:transform .55s cubic-bezier(.7,0,.2,1);z-index:0}
.cell:hover::before{transform:translateY(0)}
.cell>*{position:relative;z-index:1}
.cell h3{transition:color .3s,transform .4s}
.cell:hover h3{color:var(--cyan);transform:translateX(4px)}
.trust{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.trust .card{padding:24px}
.tico{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#48D6A0;background:rgba(72,214,160,.1);margin-bottom:16px;transition:transform .5s cubic-bezier(.2,.9,.2,1.4)}
.card:hover .tico{transform:scale(1.15) rotate(8deg)}

/* ---------- faq ---------- */
.faq{border-top:1px solid #1E2B44}
.q{width:100%;display:flex;justify-content:space-between;align-items:center;gap:24px;background:transparent;border:0;color:#F5F8FF;font-family:'Space Grotesk',sans-serif;font-size:21px;letter-spacing:-0.01em;text-align:left;padding:24px 0;min-height:56px;cursor:pointer;transition:color .3s,padding .4s cubic-bezier(.2,.8,.2,1)}
.q:hover{color:var(--cyan);padding-left:12px}
.qi{width:38px;height:38px;border-radius:50%;border:1px solid #2A3A56;display:flex;align-items:center;justify-content:center;flex:none;transition:transform .45s cubic-bezier(.2,.9,.2,1.3),border-color .3s,background .3s,color .3s}
.q:hover .qi{border-color:var(--cyan);background:rgba(57,217,255,.1)}
.qi.open{transform:rotate(135deg);border-color:var(--cyan);color:#03121A;background:var(--cyan)}
.a{color:#A5B1C7;padding:0 64px 26px 0;max-width:820px;margin:0;animation:dropIn .45s cubic-bezier(.16,1,.3,1) both}
.fitem{border-bottom:1px solid #1E2B44}

/* ---------- cta ---------- */
.cta{border-radius:32px;border:1px solid #26365A;overflow:hidden;position:relative;background:radial-gradient(ellipse 80% 70% at 20% 0%,rgba(57,217,255,.17),transparent 60%),radial-gradient(ellipse 60% 60% at 100% 100%,rgba(155,123,255,.17),transparent 60%),#0A1120}
.cta-in{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:56px;padding:72px;position:relative}
.net path{stroke-dasharray:100;animation:draw 3s ease 0s both}
.nodep{animation:twinkle 3s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
.form{background:rgba(7,11,20,.72);border:1px solid #26365A;border-radius:22px;padding:28px;display:flex;flex-direction:column;gap:14px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:border-color .4s,box-shadow .4s}
.form:hover{border-color:#33466A;box-shadow:0 30px 80px -40px rgba(57,217,255,.4)}
.fl{display:flex;flex-direction:column;gap:6px;font-size:13px;color:#C9D3E6;font-weight:500}
.fl input,.fl select{min-height:46px;border-radius:12px;border:1px solid #2A3A56;background:#0B1220;color:#F5F8FF;padding:0 14px;font-family:inherit;font-size:15px;transition:border-color .3s,box-shadow .3s}
.fl input:hover,.fl select:hover{border-color:#3B4C6E}
.fl input:focus,.fl select:focus{outline:none;border-color:var(--cyan);box-shadow:0 0 0 4px rgba(57,217,255,.15)}
.fl input::placeholder{color:#6F7D98}
.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}

/* ---------- footer ---------- */
.foot{border-top:1px solid #1B2740;padding:72px 0 40px;margin-top:120px;position:relative}
.foot::before{content:"";position:absolute;top:-1px;left:50%;width:40%;height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,var(--cyan),transparent)}
.fgrid{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(4,minmax(0,1fr));gap:32px}
.fgrid h4{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#7F8CA6;margin:0 0 16px;font-weight:500}
.flink{display:block;color:#C9D3E6;font-size:14px;padding:5px 0;width:max-content}
.flink:hover{color:#F5F8FF;transform:translateX(5px)}
.bigmark{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:clamp(60px,14vw,210px);letter-spacing:-0.06em;line-height:.85;text-align:center;margin-top:64px;color:transparent;-webkit-text-stroke:1px #1E2B44;background:linear-gradient(100deg,transparent 40%,rgba(57,217,255,.5) 50%,transparent 60%);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;animation:sweep 8s ease-in-out infinite;user-select:none}

/* ---------- scroll-driven reveals (progressive enhancement) ---------- */
@supports (animation-timeline: view()){
.rv{animation:reveal linear both;animation-timeline:view();animation-range:entry 0% entry 55%}
.rv.d1{animation-range:entry 8% entry 63%}
.rv.d2{animation-range:entry 16% entry 71%}
.rv.d3{animation-range:entry 24% entry 79%}
.cc.tilt{animation:tiltIn linear both;animation-timeline:view();animation-range:entry 0% cover 35%}
.steps::before{animation:lineGrow linear both;animation-timeline:view();animation-range:entry 30% cover 50%}
}

.still *,.still *::before,.still *::after{animation:none!important;transition:none!important}
.still .typing,.still .scan,.still .wave{display:none}
@media (prefers-reduced-motion:reduce){.wn *,.wn *::before,.wn *::after{animation:none!important;transition:none!important}.typing,.scan,.wave{display:none}}

@media (max-width:1080px){.sol,.ind,.trust{grid-template-columns:repeat(2,minmax(0,1fr))}.out,.eco{grid-template-columns:repeat(2,minmax(0,1fr))}.steps{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:48px}.steps::before{display:none}.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.fgrid{grid-template-columns:repeat(3,minmax(0,1fr))}.cta-in{grid-template-columns:minmax(0,1fr);padding:48px}.navlinks,.hide-md{display:none}.menu-btn{display:inline-flex}}
@media (max-width:860px){.hero-grid{grid-template-columns:minmax(0,1fr)}.stage{margin:0 auto}.sec-head{grid-template-columns:minmax(0,1fr);gap:16px;margin-bottom:48px}.chal{grid-template-columns:minmax(0,1fr)}.cc-side{max-width:none;flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid #1B2740}.tab{width:auto;white-space:nowrap}.cue{display:none}.hero{min-height:0}}
@media (max-width:640px){.wrap{padding:0 20px}.sec{padding:96px 0}.sol,.ind,.trust,.out,.eco,.steps,.two{grid-template-columns:minmax(0,1fr)}.fgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.hide-sm{display:none}.pw{width:47%}.p1{top:2%}.p2{top:auto;bottom:2%;right:0}.p5{left:0;bottom:2%}.cta-in{padding:28px}.cc-main{padding:18px}.a{padding-right:0}.resolve{padding:28px}.hero{padding:48px 0 80px}.type{font-size:10.5px}.mitem{font-size:20px}.aurora{width:420px;height:420px}}
.navlinks a.cur{background:rgba(57,217,255,.1);color:#F5F8FF}









/* ===== multi-page additions ===== */
.phring{position:relative;width:52px;height:52px;border-radius:50%;background:rgba(72,214,160,.15);border:1px solid rgba(72,214,160,.6);display:flex;align-items:center;justify-content:center;color:#7BE6BD;flex:none}
.phring::before,.phring::after{content:"";position:absolute;inset:-1px;border-radius:50%;border:1px solid rgba(72,214,160,.6);animation:ping 1.8s ease-out infinite}
.phring::after{animation-delay:.9s}
.eq{display:flex;align-items:center;gap:4px;height:34px;margin:6px 0 10px}
.eq span{flex:1;height:100%;border-radius:3px;background:linear-gradient(180deg,#39D9FF,#9B7BFF);transform-origin:center;animation:eqb 1.1s ease-in-out infinite}
@keyframes eqb{0%,100%{transform:scaleY(.2)}50%{transform:scaleY(1)}}
.pair{margin:18px 0 0;font-size:15px;color:#A5B1C7}
.pair a{color:var(--cyan)}
.tiles .tile:last-child:nth-child(7){grid-column:1/-1;aspect-ratio:auto;flex-direction:row;align-items:center;gap:14px;justify-content:flex-start}
.relchips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.relchips a{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 14px;border-radius:999px;border:1px solid #2A3A56;font-size:13px;color:#C9D3E6;transition:all .3s}
.relchips a:hover{border-color:var(--cyan);color:#F5F8FF;transform:translateY(-2px)}

.qa{max-width:980px;padding:34px 38px;border-radius:24px;border:1px solid rgba(57,217,255,.32);background:linear-gradient(120deg,rgba(57,217,255,.08),rgba(11,18,32,.6) 45%,rgba(155,123,255,.08));position:relative;overflow:hidden}
.qa::after{content:"";position:absolute;right:-80px;top:-80px;width:220px;height:220px;border-radius:50%;border:1px dashed rgba(57,217,255,.35);animation:spin2 30s linear infinite}
.fitg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.nofit li::before{background:#F5B14C!important;border-radius:2px!important;transform:translateY(-2px) rotate(45deg)!important}
@media (max-width:640px){.fitg{grid-template-columns:minmax(0,1fr)}.qa{padding:24px}}

.sw{position:relative;width:56px;height:32px;border-radius:999px;border:1px solid #33435F;background:#0B1220;cursor:pointer;flex:none;transition:background .35s,border-color .35s,box-shadow .35s;padding:0}
.sw .knob{position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#7F8CA6;transition:transform .45s cubic-bezier(.2,.9,.2,1.3),background .35s}
.sw.on{background:rgba(57,217,255,.25);border-color:var(--cyan);box-shadow:0 0 20px -6px var(--cyan)}
.sw.on .knob{transform:translateX(24px);background:var(--cyan)}
.sw.lock{opacity:.65;cursor:not-allowed}

.phero{min-height:0;padding:64px 0 110px}
.h1p{font-size:clamp(44px,6.2vw,96px);line-height:.95;letter-spacing:-0.05em}
.h1s{font-size:clamp(36px,4.6vw,64px);line-height:1.02;letter-spacing:-0.04em}
.crumbs{display:flex;flex-wrap:wrap;gap:10px;font-size:13px;color:#8391AC;list-style:none;padding:0;margin:0 0 30px;animation:fadeIn .8s .1s both}
.crumbs li+li::before{content:"/";margin-right:10px;color:#3B4C6E}
.crumbs a{transition:color .3s}.crumbs a:hover{color:var(--cyan)}
.crumbs [aria-current]{color:#DCE3F0}
.navlinks a.cur{background:rgba(57,217,255,.1);color:#F5F8FF}
.navlinks a.cur::after{transform:translateX(-50%) scale(1)}
.ph-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:56px;align-items:center;z-index:1}
.ph-one{max-width:980px;z-index:1}
.vis{position:relative;border:1px solid #26365A;border-radius:24px;background:linear-gradient(180deg,#0C1424,#080D18);padding:28px;overflow:hidden;box-shadow:0 50px 120px -50px rgba(57,217,255,.35)}
.vis::before{content:"";position:absolute;left:12%;right:12%;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);box-shadow:0 0 18px var(--cyan)}
.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.tile{aspect-ratio:1/1;border:1px solid #26365A;border-radius:18px;background:rgba(13,21,37,.85);display:flex;flex-direction:column;justify-content:space-between;padding:16px;animation:pop .9s cubic-bezier(.2,.9,.25,1.15) var(--dl) both,float 7s ease-in-out calc(var(--dl) + 1s) infinite;transition:border-color .3s,box-shadow .3s;color:#F5F8FF;font-family:'Space Grotesk',sans-serif;font-weight:500;font-size:15px;line-height:1.2}
.tile:hover{border-color:var(--cyan);box-shadow:0 0 0 4px rgba(57,217,255,.08),0 20px 50px -20px var(--cyan)}
.tile .ico{width:42px;height:42px;border-radius:12px}
.srow{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:64px;align-items:center;padding:88px 0;border-top:1px solid #16213A}
.srow.flip .stext{order:2}
.bignum{font-family:'Space Grotesk',sans-serif;font-size:120px;line-height:.8;font-weight:600;color:transparent;-webkit-text-stroke:1px #2E3D5C;display:block;margin-bottom:24px;transition:-webkit-text-stroke-color .5s,text-shadow .5s,color .5s}
.srow:hover .bignum{-webkit-text-stroke-color:var(--cyan);color:rgba(57,217,255,.08);text-shadow:0 0 50px rgba(57,217,255,.45)}
.uses2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 24px}
.minh{min-height:330px}
.chain{display:flex;flex-direction:column;gap:12px;position:relative;padding-left:34px}
.chain::before{content:"";position:absolute;left:11px;top:14px;bottom:14px;width:2px;background:linear-gradient(#39D9FF,#9B7BFF);opacity:.35}
.chain .pulse{position:absolute;left:7px;width:10px;height:10px;border-radius:50%;background:#39D9FF;box-shadow:0 0 16px 2px #39D9FF;animation:down 3.2s cubic-bezier(.6,0,.4,1) infinite}
@keyframes down{from{top:6px;opacity:0}10%{opacity:1}90%{opacity:1}to{top:calc(100% - 16px);opacity:0}}
.cn{position:relative;border:1px solid #26365A;border-radius:14px;padding:12px 16px;background:rgba(13,21,37,.85);font-size:14px;display:flex;justify-content:space-between;gap:10px;align-items:center;animation:pop .8s cubic-bezier(.2,.9,.25,1.15) var(--dl,0s) both;transition:border-color .3s,transform .3s}
.cn:hover{border-color:var(--cyan);transform:translateX(4px)}
.cn::before{content:"";position:absolute;left:-29px;top:50%;width:12px;height:12px;border-radius:50%;border:2px solid #39D9FF;background:#070B14;transform:translateY(-50%)}
.docl{height:9px;border-radius:5px;background:#1E2B44;margin:12px 0}
.hlbar{position:absolute;left:28px;right:28px;height:22px;border-radius:6px;background:rgba(57,217,255,.14);border:1px solid rgba(57,217,255,.45);animation:docScan 4s ease-in-out infinite}
@keyframes docScan{0%,100%{top:64px}50%{top:150px}}
.wave-path{stroke-dasharray:6 6;animation:flow 1.6s linear infinite}
.band{display:flex;flex-wrap:wrap;align-items:center;gap:14px;justify-content:center}
.bstep{padding:14px 22px;border-radius:999px;border:1px solid #26365A;background:rgba(17,27,46,.6);font-family:'Space Grotesk',sans-serif;font-size:18px;transition:all .35s}
.bstep:hover{border-color:var(--cyan);color:var(--cyan);transform:translateY(-3px)}
.barrow{width:40px;height:2px;background:linear-gradient(90deg,#39D9FF,#9B7BFF);position:relative;overflow:hidden}
.barrow::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,#fff,transparent);animation:load 1.8s linear infinite}
.seg{display:inline-flex;padding:5px;border-radius:999px;border:1px solid #26365A;background:#0B1220;gap:4px}
.seg button{min-height:44px;padding:0 22px;border-radius:999px;border:0;background:transparent;color:#A5B1C7;font-family:inherit;font-weight:600;font-size:14px;cursor:pointer;transition:all .35s cubic-bezier(.2,.8,.2,1)}
.seg button:hover{color:#F5F8FF}
.seg button.on{background:var(--cyan);color:#03121A;box-shadow:0 8px 30px -8px var(--cyan)}
.sl{display:flex;gap:16px;align-items:center;padding:16px 18px;border:1px solid #1E2B44;border-radius:14px;background:rgba(17,27,46,.5);transition:border-color .3s,transform .3s}
.sl:hover{border-color:#3B4C6E;transform:translateX(6px)}
.sl .sn{font-family:'JetBrains Mono',monospace;font-size:12px;color:#5E6E8C;width:24px}
.tagh{font-size:11px;font-weight:600;padding:4px 10px;border-radius:999px;margin-left:auto;white-space:nowrap}
.tagh.m{background:rgba(245,177,76,.14);color:#F7C77A}
.tagh.a{background:rgba(57,217,255,.14);color:#8FE9FF}
.tagh.p{background:rgba(155,123,255,.16);color:#D8CCFF}
.tagh.h{background:rgba(72,214,160,.14);color:#7BE6BD}
.cflow{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:18px}
.cflow .chip{transition:border-color .3s,color .3s}
.card:hover .cflow .chip{border-color:rgba(57,217,255,.5);color:#F5F8FF}
.ar{color:#5E6E8C;font-size:13px}
.ixw{display:flex;flex-wrap:wrap;border:1px solid #26365A;border-radius:26px;overflow:hidden;background:linear-gradient(180deg,#0C1424,#080D18);box-shadow:0 60px 140px -50px rgba(57,217,255,.25)}
.ixl{flex:1 1 260px;max-width:330px;border-right:1px solid #1B2740;padding:18px;display:flex;flex-direction:column;gap:6px}
.ixm{flex:999 1 520px;min-width:0;padding:44px}
.ucg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:28px}
.uc{border:1px solid #1E2B44;border-radius:16px;padding:18px;background:rgba(17,27,46,.5);transition:border-color .3s,transform .3s}
.uc:hover{border-color:rgba(57,217,255,.5);transform:translateY(-3px)}
.tl{position:relative;padding-left:132px}
.tl::before{content:"";position:absolute;left:47px;top:10px;bottom:60px;width:2px;background:linear-gradient(#39D9FF,#547BFF 50%,#9B7BFF);opacity:.5}
.tls{position:relative;padding-bottom:100px}
.tld{position:absolute;left:-121px;top:-6px;width:76px;height:76px;border-radius:50%;border:1px solid #2E3D5C;background:#0B1220;display:flex;align-items:center;justify-content:center;font-family:'Space Grotesk',sans-serif;font-size:24px;font-weight:600;transition:border-color .4s,box-shadow .4s,color .4s}
.tls:hover .tld{border-color:var(--cyan);color:var(--cyan);box-shadow:0 0 0 8px rgba(57,217,255,.08),0 0 40px rgba(57,217,255,.4)}
.tlc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:28px}
.chips{display:flex;gap:8px;flex-wrap:wrap}
.fchip{min-height:44px;padding:0 18px;border-radius:999px;border:1px solid #2A3A56;background:transparent;color:#C9D3E6;font-family:inherit;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s}
.fchip:hover{border-color:var(--cyan);color:#F5F8FF;transform:translateY(-2px)}
.fchip.on{background:var(--cyan);color:#03121A;border-color:var(--cyan);box-shadow:0 8px 30px -10px var(--cyan)}
.search{display:flex;align-items:center;gap:10px;min-height:54px;padding:0 18px;border-radius:16px;border:1px solid #2A3A56;background:rgba(11,18,32,.8);max-width:520px;transition:border-color .3s,box-shadow .3s}
.search:focus-within{border-color:var(--cyan);box-shadow:0 0 0 4px rgba(57,217,255,.12)}
.search input{flex:1;min-width:0;background:transparent;border:0;color:#F5F8FF;font-family:inherit;font-size:15px;min-height:50px}
.search input:focus{outline:none}
.cover{position:relative;aspect-ratio:16/9;border-radius:16px;overflow:hidden;isolation:isolate}
.cover::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(7,11,20,.65));z-index:2}
.co1,.co2{position:absolute;aspect-ratio:1/1;border-radius:50%;border:1px solid rgba(255,255,255,.4);transition:scale .9s cubic-bezier(.2,.8,.2,1)}
.co1{width:75%;right:-18%;top:-40%;animation:spin2 40s linear infinite}
.co2{width:45%;left:-8%;bottom:-30%;border-style:dashed;border-color:rgba(255,255,255,.3);animation:spin2 26s linear infinite reverse}
.cgrid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:28px 28px}
.cdot{position:absolute;width:14px;height:14px;border-radius:50%;background:#F5F8FF;box-shadow:0 0 24px 6px rgba(255,255,255,.6);left:56%;top:44%;animation:pulse2 3s ease-in-out infinite}
@keyframes pulse2{50%{transform:scale(1.4);opacity:.7}}
.ccat{position:absolute;left:14px;bottom:12px;z-index:3;color:#F5F8FF}
.pcard{display:flex;flex-direction:column;gap:14px;padding:16px}
.pcard:hover .co1,.pcard:hover .co2,.feat:hover .co1{scale:1.25}
.pcard h3{transition:color .3s}
.pcard:hover h3{color:var(--cyan)}
.pgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.feat{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:44px;align-items:center;padding:20px}
.feat .cover{aspect-ratio:16/10}
.progw{position:sticky;top:76px;z-index:45;height:3px;background:rgba(36,49,72,.5)}
.progb{height:100%;background:linear-gradient(90deg,#39D9FF,#9B7BFF);transform-origin:left;box-shadow:0 0 12px var(--cyan)}
.artg{display:flex;flex-wrap:wrap;gap:64px;align-items:flex-start}
.toc{flex:1 1 220px;max-width:260px;display:flex;flex-direction:column;gap:2px;border-top:1px solid #1E2B44;padding-top:18px}
.toc a{font-size:14px;color:#A5B1C7;padding:8px 0 8px 14px;border-left:1px solid #1E2B44;transition:color .3s,border-color .3s,padding .3s}
.toc a:hover{color:#F5F8FF;border-left-color:var(--cyan);padding-left:20px}
.article{flex:999 1 560px;min-width:0;max-width:740px;font-size:18px;line-height:1.8;color:#D3DBEA}
.article h2{font-family:'Space Grotesk',sans-serif;font-size:32px;line-height:1.15;color:#F5F8FF;margin:60px 0 16px;letter-spacing:-0.025em;font-weight:600;scroll-margin-top:110px}
.article p{margin:0 0 22px}
.article ul,.article ol{margin:0 0 24px;padding-left:24px}
.article li{margin:0 0 10px;padding-left:6px}
.article li::marker{color:var(--cyan);font-family:'JetBrains Mono',monospace}
.article strong{color:#F5F8FF}
.article a{color:var(--cyan)}
.pull{margin:56px 0;padding:0;font-family:'Space Grotesk',sans-serif;font-size:clamp(24px,2.6vw,32px);line-height:1.3;letter-spacing:-0.02em;color:#F5F8FF;position:relative}
.pull::before{content:"\201C";display:block;font-size:110px;line-height:.6;height:48px;background:linear-gradient(135deg,#39D9FF,#9B7BFF);-webkit-background-clip:text;background-clip:text;color:transparent}
.callout{margin:40px 0;padding:26px 28px;border-radius:18px;border:1px solid rgba(57,217,255,.35);background:linear-gradient(120deg,rgba(57,217,255,.09),rgba(155,123,255,.07));font-size:16px;line-height:1.7}
.share{display:flex;gap:10px;flex-wrap:wrap}
.sbtn{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:999px;border:1px solid #2A3A56;color:#C9D3E6;font-size:13px;font-weight:500;background:transparent;font-family:inherit;cursor:pointer;transition:all .3s}
.sbtn:hover{border-color:var(--cyan);color:#F5F8FF;transform:translateY(-2px)}
.manifesto{font-family:'Space Grotesk',sans-serif;font-size:clamp(34px,5.2vw,78px);line-height:1.06;letter-spacing:-0.04em;font-weight:600;margin:0;background:linear-gradient(90deg,#F5F8FF 50%,#2E3D5C 50%);background-size:200% 100%;background-position:0 0;-webkit-background-clip:text;background-clip:text;color:transparent}
.portrait{position:relative;width:min(100%,380px);aspect-ratio:1/1;margin:0 auto}
.portrait .pr{position:absolute;inset:0;border-radius:50%;border:1px dashed #3B4C6E;animation:spin2 40s linear infinite}
.portrait .pr2{position:absolute;inset:-22px;border-radius:50%;border:1px solid rgba(155,123,255,.25);animation:spin2 60s linear infinite reverse}
.portrait .pin{position:absolute;inset:14%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#1F3354,#0B1220 70%);border:1px solid #2E3D5C;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;color:#7F8CA6;font-size:13px;text-align:center}
.pill{position:relative;display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:999px;border:1px solid #2A3A56;cursor:pointer;font-size:14px;color:#C9D3E6;transition:all .3s}
.pill:hover{border-color:#4A5D82;color:#F5F8FF}
.pill input{position:absolute;opacity:0;pointer-events:none}
.pill:has(input:checked){border-color:var(--cyan);background:rgba(57,217,255,.12);color:#F5F8FF}
.pill:has(input:focus-visible){outline:2px solid var(--cyan);outline-offset:3px}
.fl textarea{min-height:110px;border-radius:12px;border:1px solid #2A3A56;background:#0B1220;color:#F5F8FF;padding:12px 14px;font-family:inherit;font-size:15px;resize:vertical;transition:border-color .3s,box-shadow .3s}
.fl textarea:focus{outline:none;border-color:var(--cyan);box-shadow:0 0 0 4px rgba(57,217,255,.15)}
.opt{color:#7F8CA6;font-weight:400}
.check{display:flex;gap:12px;align-items:flex-start;font-size:13px;color:#A5B1C7;line-height:1.5}
.check input{width:20px;height:20px;accent-color:#39D9FF;margin:0;flex:none}
.okc{stroke-dasharray:100;animation:draw 1s cubic-bezier(.6,0,.2,1) .2s both}
.step3{display:flex;gap:18px;padding:22px 0;border-top:1px solid #1E2B44}
.step3 .n{width:44px;height:44px;border-radius:50%;border:1px solid #2E3D5C;display:flex;align-items:center;justify-content:center;font-family:'JetBrains Mono',monospace;font-size:13px;color:var(--cyan);flex:none;transition:all .4s}
.step3:hover .n{background:var(--cyan);color:#03121A;box-shadow:0 0 30px -4px var(--cyan)}
@supports (animation-timeline: view()){
.manifesto{animation:wipe linear both;animation-timeline:view();animation-range:entry 30% cover 55%}
.tld{animation:lightUp linear both;animation-timeline:view();animation-range:entry 60% cover 40%}
}
@supports (animation-timeline: scroll()){
.progb{animation:growX linear both;animation-timeline:scroll(root)}
}
@keyframes wipe{from{background-position:100% 0}to{background-position:0 0}}
@keyframes lightUp{from{border-color:#2E3D5C;color:#5E6E8C;box-shadow:none}to{border-color:#39D9FF;color:#39D9FF;box-shadow:0 0 0 8px rgba(57,217,255,.08),0 0 40px rgba(57,217,255,.35)}}
@media (max-width:1080px){.pgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.tlc{grid-template-columns:minmax(0,1fr)}}
@media (max-width:860px){.ph-grid,.srow,.feat{grid-template-columns:minmax(0,1fr)}.srow.flip .stext{order:0}.ixl{max-width:none;flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid #1B2740}.ixm{padding:28px}.tl{padding-left:0}.tl::before{display:none}.tld{position:relative;left:0;top:0;margin-bottom:20px}.toc{max-width:none}}
@media (max-width:640px){.uses2,.ucg,.pgrid{grid-template-columns:minmax(0,1fr)}.bignum{font-size:84px}.barrow{display:none}}
/*VIVID-START*/
@property --ang{syntax:'<angle>';initial-value:0deg;inherits:false}
@keyframes angspin{to{--ang:360deg}}
@keyframes cardSheen{from{background-position:160% 0,0 0,0 0}to{background-position:-60% 0,0 0,0 0}}
@keyframes gradShift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes navLine{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
.wn{--grad:linear-gradient(120deg,var(--cyan) 0%,#5B8CFF 50%,#A57CFF 100%);--ink:#F7FAFF;--soft:#C9D3E6;
 background:radial-gradient(1300px 900px at 88% 0%,rgba(84,123,255,.22),transparent 60%),radial-gradient(1000px 800px at 0% 22%,rgba(57,217,255,.13),transparent 60%),radial-gradient(1100px 900px at 100% 55%,rgba(155,123,255,.15),transparent 60%),radial-gradient(1000px 800px at 6% 82%,rgba(72,214,160,.09),transparent 60%),#060A14;color:var(--ink)}
.mu{color:#C3CDE0!important}
.lead{color:#CFD8E8}
.chal-item p,.step p,.uses,.a{color:#C6D0E2}
.mono.cy,.tag{color:var(--cyan);text-shadow:0 0 14px rgba(57,217,255,.45)}
.h2,.h3,.chal-item h3{background:linear-gradient(180deg,#FFFFFF 35%,#BFE0FF 110%);-webkit-background-clip:text;background-clip:text;color:transparent}
.cy{color:var(--cyan)}
.outline{-webkit-text-stroke:2px #EAF6FF!important;filter:drop-shadow(0 0 18px rgba(57,217,255,.35))}
.grad{filter:drop-shadow(0 0 26px rgba(57,217,255,.45)) drop-shadow(0 0 60px rgba(155,123,255,.25))!important}
.glow{opacity:.24!important;filter:blur(110px)}
.aurora{opacity:.55!important}
.grid-bg{background-image:linear-gradient(rgba(91,140,255,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(91,140,255,.11) 1px,transparent 1px)}
.star{background:#E6F6FF;box-shadow:0 0 6px rgba(200,235,255,.9)}
.core{box-shadow:0 0 90px -4px rgba(57,217,255,.8),inset 0 0 36px rgba(57,217,255,.25)}
/* nav */
.nav{background:rgba(6,10,20,.66);border-bottom:1px solid transparent;position:sticky}
.nav::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(57,217,255,.7),rgba(165,124,255,.7),transparent);background-size:200% 100%;animation:navLine 8s ease-in-out infinite}
.navlinks a{color:#DCE4F2}
.navlinks a:hover{background:rgba(57,217,255,.1);box-shadow:inset 0 0 0 1px rgba(57,217,255,.35),0 0 24px -6px rgba(57,217,255,.6)}
.roll span+span{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent!important}
/* buttons */
.wn .btn-p{background:linear-gradient(120deg,var(--cyan),#5B8CFF 55%,#A57CFF);background-size:200% 100%;color:#04101C;box-shadow:0 10px 34px -10px rgba(57,217,255,.75),inset 0 1px 0 rgba(255,255,255,.45);animation:gradShift 6s ease-in-out infinite}
.wn .btn-p:hover{color:#04101C;box-shadow:0 0 0 6px rgba(57,217,255,.16),0 18px 60px -10px rgba(57,217,255,.9),inset 0 1px 0 rgba(255,255,255,.5)}
.wn .btn-g{border:1px solid transparent;background:linear-gradient(rgba(10,16,30,.92),rgba(10,16,30,.92)) padding-box,linear-gradient(120deg,var(--cyan),#A57CFF) border-box;color:#FFFFFF}
.wn .btn-g:hover{background:linear-gradient(120deg,rgba(57,217,255,.22),rgba(165,124,255,.22)) padding-box,linear-gradient(120deg,var(--cyan),#A57CFF) border-box;box-shadow:0 14px 44px -14px rgba(57,217,255,.8);color:#FFFFFF}
/* text links */
.ul{background-image:linear-gradient(90deg,var(--cyan),#A57CFF);background-size:0% 2px;transition:background-size .45s cubic-bezier(.7,0,.2,1),color .3s,text-shadow .3s}
.ul:hover{background-size:100% 2px;text-shadow:0 0 16px rgba(57,217,255,.55)}
.article a,.pair a{text-decoration:none;background-image:linear-gradient(90deg,var(--cyan),#A57CFF);background-repeat:no-repeat;background-position:0 100%;background-size:100% 1px;transition:background-size .4s,color .3s}
.article a:hover,.pair a:hover{background-size:100% 2px;color:#FFFFFF;text-shadow:0 0 14px rgba(57,217,255,.6)}
.more{gap:12px!important}
.more .arr{display:inline-flex!important;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:1px solid rgba(57,217,255,.55);font-size:15px;transition:transform .45s cubic-bezier(.2,.8,.2,1),background .35s,color .35s,box-shadow .35s}
.more:hover .arr{transform:translateX(6px) rotate(-45deg)!important;background:var(--cyan);color:#04101C;box-shadow:0 0 22px -2px var(--cyan)}
.more:hover span.t{text-shadow:0 0 14px rgba(57,217,255,.55)}
.flink{position:relative;transition:color .3s,padding-left .35s cubic-bezier(.2,.8,.2,1)!important;transform:none!important}
.flink::before{content:"";position:absolute;left:0;top:50%;width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan);transform:translateY(-50%) scale(0);transition:transform .35s cubic-bezier(.2,.9,.2,1.4)}
.flink:hover{padding-left:16px;color:#FFFFFF!important}
.flink:hover::before{transform:translateY(-50%) scale(1)}
.crumbs a:hover{color:#FFFFFF;text-shadow:0 0 12px rgba(57,217,255,.7)}
.toc a:hover{color:#FFFFFF;border-left-color:var(--cyan);box-shadow:-1px 0 0 0 var(--cyan),-8px 0 16px -8px var(--cyan)}
.relchips a:hover,.fchip:hover,.chip:hover{box-shadow:0 0 22px -6px var(--cyan)}
/* cards: glass + animated gradient border + sheen */
.card{border:1px solid rgba(130,165,255,.2);background:linear-gradient(160deg,rgba(28,44,78,.78),rgba(10,17,33,.9));box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 24px 60px -34px rgba(0,0,0,.9)}
.card:hover{border-color:transparent;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.09) 50%,transparent 60%) padding-box,linear-gradient(160deg,rgba(32,52,92,.92),rgba(11,19,37,.95)) padding-box,conic-gradient(from var(--ang),var(--cyan),#5B8CFF,#A57CFF,#48D6A0,var(--cyan)) border-box;background-size:250% 100%,auto,auto;background-repeat:no-repeat;animation:angspin 4s linear infinite,cardSheen 1.1s ease both;transform:translateY(-8px);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 34px 90px -34px rgba(57,217,255,.55)}
.ico{border-color:rgba(57,217,255,.4);background:linear-gradient(140deg,rgba(57,217,255,.18),rgba(165,124,255,.12));box-shadow:inset 0 1px 0 rgba(255,255,255,.15)}
.bignum,.step .num{-webkit-text-stroke:1.5px #5D7BB3!important}
.srow:hover .bignum,.step:hover .num{-webkit-text-stroke-color:var(--cyan)!important}
.pn,.vis,.cc,.ixw,.form{border-color:rgba(130,165,255,.28);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 40px 100px -40px rgba(57,217,255,.35)}
.kpi,.panel,.node,.uc,.sl,.post{border-color:rgba(130,165,255,.2);background:linear-gradient(160deg,rgba(26,40,72,.6),rgba(12,19,36,.7))}
.chal-item,.fitem,.faq,.eco,.cell,.step3,.row{border-color:#2A3B5C!important}
.chip{border-color:rgba(130,165,255,.3);color:#E2E9F5}
.mitem.o{-webkit-text-stroke:1px #9DB1D6}
.q{color:#FFFFFF}
.q:hover{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.q:hover .qi{color:var(--cyan)}
.fl input,.fl select,.fl textarea{background:#0A1222;border-color:#34476B}
.resolve,.qa{border-color:rgba(57,217,255,.45)!important;box-shadow:0 30px 90px -40px rgba(57,217,255,.45)}
/* Solutions mega menu */
.dd{position:relative;display:flex}
.ddp{position:absolute;top:calc(100% + 14px);left:50%;width:min(760px,92vw);transform:translate(-36%,12px) scale(.98);opacity:0;visibility:hidden;transition:opacity .3s ease,transform .4s cubic-bezier(.2,.8,.2,1),visibility .3s;z-index:60;padding:14px;border-radius:22px;border:1px solid transparent;background:linear-gradient(rgba(9,15,29,.97),rgba(9,15,29,.97)) padding-box,linear-gradient(130deg,rgba(57,217,255,.7),rgba(165,124,255,.6),rgba(57,217,255,.2)) border-box;box-shadow:0 40px 100px -30px rgba(0,0,0,.9),0 0 60px -20px rgba(57,217,255,.5)}
.ddp::before{content:"";position:absolute;left:0;right:0;top:-16px;height:16px}
.dd:hover .ddp,.dd:focus-within .ddp{opacity:1;visibility:visible;transform:translate(-36%,0) scale(1)}
.ddg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.ddi{display:flex!important;gap:14px;align-items:flex-start;padding:14px!important;border-radius:14px!important;transition:background .3s,box-shadow .3s!important}
.ddi:hover{background:linear-gradient(120deg,rgba(57,217,255,.12),rgba(165,124,255,.1))!important;box-shadow:inset 0 0 0 1px rgba(57,217,255,.35)!important}
.ddi::after{display:none!important}
.ddi .ico{width:40px;height:40px;border-radius:11px;flex:none;transition:transform .5s cubic-bezier(.2,.9,.2,1.4)}
.ddi:hover .ico{transform:rotate(-10deg) scale(1.1);box-shadow:0 0 24px -4px var(--cyan)}
.ddi b{display:block;font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:15px;color:#FFFFFF}
.ddi small{display:block;font-size:12.5px;color:#AEBBD3;line-height:1.45;margin-top:2px}
.newb{display:inline-block;margin-left:8px;font-size:10px;font-weight:700;letter-spacing:.06em;padding:2px 7px;border-radius:999px;background:linear-gradient(120deg,#48D6A0,var(--cyan));color:#04101C;vertical-align:2px}
.ddf{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:8px;padding:12px 14px 4px;border-top:1px solid #22314F;font-size:13px;color:#AEBBD3}
.ddf a{color:var(--cyan)!important;font-weight:600;padding:0!important}
.ddf a::after{display:none!important}
.caretd{display:inline-block;margin-left:6px;transition:transform .3s;font-size:10px;opacity:.7}
.dd:hover .caretd,.dd:focus-within .caretd{transform:rotate(180deg)}
.msub{display:flex;flex-direction:column;padding:0 0 8px 16px;border-left:1px solid #22314F;margin:0 0 6px 8px}
.msub a{font-size:15px!important;padding:9px 8px!important;border-bottom:0!important;color:#C9D3E6}
@media (prefers-reduced-motion:reduce){.card:hover{transform:none}}
@media (max-width:640px){.h1p{font-size:10.2vw!important}.h1s{font-size:8.4vw!important}.h2{font-size:clamp(30px,8.6vw,40px)}.qa .h,.resolve .h{font-size:24px!important}.bigmark{font-size:15vw}.more .arr{width:28px;height:28px}}
@media (min-width:641px) and (max-width:1080px){.h1p{font-size:clamp(52px,8vw,80px)}.cc-body{min-height:0}}
/* header: menu always visible */
.lbl-sm{display:none}
.navstrip{display:none}
@media (max-width:1240px){.navlinks a{padding:9px 11px;font-size:13.5px}.navlinks{gap:2px}.lbl-lg{display:none}.lbl-sm{display:inline}}
@media (min-width:901px) and (max-width:1080px){.navlinks{display:flex!important}.hide-md{display:inline-flex!important}.menu-btn{display:none!important}.navin{gap:12px}.brand{font-size:18px}}
@media (max-width:900px){.navlinks{display:none!important}.menu-btn{display:inline-flex!important}.navin{height:64px}
.navstrip{display:flex;gap:8px;overflow-x:auto;padding:0 20px 12px;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent)}
.navstrip::-webkit-scrollbar{display:none}
.navstrip a{flex:none;display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 15px;border-radius:999px;border:1px solid rgba(130,165,255,.3);background:rgba(17,27,46,.6);color:#E2E9F5;font-size:14px;white-space:nowrap;transition:all .3s}
.navstrip a:hover,.navstrip a.cur{border-color:var(--cyan);color:#FFFFFF;box-shadow:0 0 18px -6px var(--cyan);background:rgba(57,217,255,.12)}
.navstrip a .newb{margin-left:2px}
.navstrip a.go{background:linear-gradient(120deg,var(--cyan),#5B8CFF 55%,#A57CFF);color:#04101C;border-color:transparent;font-weight:600}}
/* ===== BRIGHT & SHINING PASS ===== */
@keyframes reveal{from{translate:0 46px;scale:.975}}
@keyframes tiltIn{from{transform:perspective(1600px) rotateX(18deg) scale(.94)}}
@keyframes h2shine{0%,55%{background-position:100% 0}100%{background-position:0 0}}
@keyframes edgeShine{0%,100%{background-position:-60% 0,0 0}50%{background-position:160% 0,0 0}}
body{background:#0A1230}
.wn{background:radial-gradient(1400px 1000px at 85% -4%,rgba(70,112,255,.42),transparent 60%),radial-gradient(1100px 900px at -6% 16%,rgba(0,200,255,.24),transparent 60%),radial-gradient(1200px 1000px at 106% 46%,rgba(168,85,247,.28),transparent 60%),radial-gradient(1100px 900px at -4% 74%,rgba(0,220,200,.16),transparent 60%),radial-gradient(1300px 900px at 92% 96%,rgba(70,112,255,.26),transparent 60%),linear-gradient(180deg,#0C1638 0%,#0A1230 50%,#0C1638 100%)!important}
.lead,.chal-item p,.step p,.uses,.a,.article{color:#DEE6F5!important}
.mu{color:#D2DCEE!important}
.h2{background:linear-gradient(110deg,#FFFFFF 0%,#FFFFFF 40%,#7DF2FF 50%,#FFFFFF 60%,#EAF3FF 100%)!important;background-size:250% 100%!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;animation:h2shine 7s ease-in-out infinite;filter:drop-shadow(0 2px 18px rgba(80,170,255,.25))}
.h3,.chal-item h3{background:none!important;color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF}
.mono.cy,.tag,.cy{color:#5BE7FF!important;text-shadow:0 0 16px rgba(57,217,255,.6)}
.tag::before{height:2px;background:linear-gradient(90deg,#5BE7FF,#A57CFF);box-shadow:0 0 12px #5BE7FF}
.glow{opacity:.36!important}
.aurora{opacity:.7!important}
.nav{background:rgba(12,22,56,.72)!important}
.card{border:1px solid rgba(140,180,255,.34);background:linear-gradient(90deg,transparent,rgba(91,231,255,.95),transparent) top/100% 1px no-repeat,linear-gradient(160deg,rgba(46,74,138,.74),rgba(17,30,64,.92));box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 26px 60px -30px rgba(0,0,0,.75),0 0 40px -28px rgba(91,231,255,.5)}
.ico{background:linear-gradient(140deg,rgba(57,217,255,.42),rgba(165,124,255,.38))!important;border-color:rgba(160,220,255,.6)!important;color:#FFFFFF!important;box-shadow:0 0 26px -6px rgba(57,217,255,.8),inset 0 1px 0 rgba(255,255,255,.35)!important}
.pn{background:rgba(20,34,72,.88)!important;border-color:rgba(140,180,255,.45)!important}
.cc,.vis,.ixw{background:linear-gradient(180deg,#16244F,#0E1838)!important;border-color:rgba(140,180,255,.4)!important}
.form{background:rgba(16,28,62,.85)!important;border-color:rgba(140,180,255,.4)!important}
.kpi,.panel,.node,.uc,.sl,.post{background:linear-gradient(160deg,rgba(40,64,120,.62),rgba(18,30,64,.8))!important;border-color:rgba(140,180,255,.3)!important}
.fl input,.fl select,.fl textarea{background:#0F1A3C!important;border-color:#3E557F!important;color:#FFFFFF}
.chip{background:rgba(30,48,96,.6);border-color:rgba(150,190,255,.4);color:#F0F5FF}
.marq{background:rgba(20,34,72,.55)!important}
.mitem{color:#FFFFFF}.mitem.o{-webkit-text-stroke:1.2px #B6C8EA}
.cta{background:radial-gradient(ellipse 80% 70% at 15% 0%,rgba(57,217,255,.32),transparent 60%),radial-gradient(ellipse 70% 70% at 100% 100%,rgba(168,85,247,.34),transparent 60%),linear-gradient(160deg,#16244F,#0E1838)!important;border-color:rgba(140,180,255,.45)!important}
.qa,.resolve{background:linear-gradient(120deg,rgba(57,217,255,.2),rgba(30,48,100,.55) 45%,rgba(168,85,247,.2))!important}
.manifesto{background:linear-gradient(90deg,#FFFFFF 50%,#7F95C4 50%)!important;background-size:200% 100%!important;-webkit-background-clip:text!important;background-clip:text!important}
.bignum,.step .num{-webkit-text-stroke:1.5px #7C9AD6!important}
.outline{-webkit-text-stroke:2.2px #FFFFFF!important}
.chal-item,.fitem,.faq,.eco,.cell,.step3,.row{border-color:#33476F!important}
.st.ok{background:rgba(72,214,160,.22);color:#9BF5CF}.st.run{background:rgba(57,217,255,.22);color:#B5F4FF}.st.q{background:rgba(190,205,230,.18);color:#E6EDF8}
.demo-badge{background:rgba(155,123,255,.22);color:#EDE6FF;border-color:rgba(180,150,255,.6)}
.foot{background:linear-gradient(180deg,transparent,rgba(12,22,56,.6))}
.bigmark{-webkit-text-stroke:1px #3E5A8F!important}
/* ===== DARK RHYTHM: elevated navy bands (no white) ===== */
.sec{padding-top:112px!important;padding-bottom:112px!important}
.tone{background:linear-gradient(180deg,rgba(24,40,88,.62),rgba(17,30,68,.62));border-top:1px solid rgba(140,180,255,.16);border-bottom:1px solid rgba(140,180,255,.16)}
.tone::before{content:"";position:absolute;top:-1px;left:50%;transform:translateX(-50%);width:min(900px,70%);height:1px;background:linear-gradient(90deg,transparent,rgba(91,231,255,.9),rgba(165,124,255,.7),transparent);box-shadow:0 0 18px rgba(91,231,255,.6);pointer-events:none}
.tone .card{background:linear-gradient(90deg,transparent,rgba(91,231,255,.95),transparent) top/100% 1px no-repeat,linear-gradient(160deg,rgba(54,86,156,.72),rgba(22,38,80,.92))}
.tone .step .num{background:#13224D}
@media (max-width:640px){.sec{padding-top:76px!important;padding-bottom:76px!important}}
/*VIVID-END*/
/* ===== WordPress integration ===== */
html,body{margin:0}
body.wn{overflow:visible!important}
.wp-site-blocks{overflow-x:clip}
.wp-site-blocks>*{margin-block-start:0!important}
.wn-header{position:sticky;top:var(--wp-admin--admin-bar--height,0px);z-index:50}
.wn-header .nav{position:relative}
.wn-main{display:block}
.wn .wp-block-group{box-sizing:border-box}
.wn p,.wn h1,.wn h2,.wn h3,.wn ul{margin:0}
.wn .wrap{max-width:1240px;margin-left:auto;margin-right:auto}
.sec-head .sh-body{min-width:0}
.sec-head .lead{margin-top:24px}
.sol .card{display:flex;flex-direction:column;gap:16px}
.card-top{display:flex;justify-content:space-between;align-items:center}
.more-p{margin-top:auto!important}
.more-p.rv{margin-top:40px!important}
.card-wide{grid-column:1/-1;min-height:0!important;flex-direction:row!important;flex-wrap:wrap;align-items:center;gap:28px!important}
.card-wide .wide-body{flex:1 1 380px;display:flex;flex-direction:column;gap:8px}
.card-wide .more-p{margin-top:0!important}
.chal-item .ci-body h3{margin:0}
.chal-item .ci-body p{margin:6px 0 0}
.resolve-t{font-size:clamp(24px,2.6vw,34px);max-width:760px;font-weight:500}
.qa-band{padding:100px 0 0}
.qa-band .qa{max-width:980px}
.qa-h{font-size:clamp(26px,2.8vw,38px)!important;margin:12px 0 14px!important}
.qa-p{font-size:19px;line-height:1.7;color:#DCE3F0}
.step .num{display:inline-block}
.step h3{margin:20px 0 8px!important}
.out .card .h3{margin:0}
.out .card p.mu{margin:10px 0 0;font-size:15px}
.ind .card{padding:26px}
.ind-h{font-size:20px;margin:14px 0 16px!important;letter-spacing:-0.02em;line-height:1.2}
.cell-h{margin:14px 0 8px!important;font-size:19px!important}
.trust .card{padding:24px}
.trust-h{font-size:18px;margin:0 0 8px!important}
.trust .card p{font-size:14px}
.about-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:56px;align-items:center}
.about-grid .tag{margin-bottom:28px}
.about-r{display:flex;flex-direction:column;gap:20px}
.about-lg{font-size:19px;color:#DCE3F0}
.about-md{font-size:17px}
.founder{display:flex;align-items:center;gap:16px;padding-top:20px;border-top:1px solid #33476F}
.founder-ph{width:56px;height:56px;border-radius:50%;border:1px dashed #5D7BB3;display:flex;align-items:center;justify-content:center;font-size:11px;color:#9FB0CF}
.founder-n{font-weight:600}.founder-r{font-size:14px}
.btnrow{margin-top:64px}
.wp-block-buttons{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.wp-block-button{margin:0}
.wn-p .wp-block-button__link,.wn-g .wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 26px;border-radius:999px;font-weight:600;font-size:15px;line-height:1.2;font-family:inherit;text-decoration:none;position:relative;overflow:hidden;isolation:isolate;transition:transform .3s cubic-bezier(.2,.8,.2,1),translate .25s ease-out,box-shadow .35s ease,background-size .5s ease}
.wn-p .wp-block-button__link{background:linear-gradient(120deg,var(--cyan),#5B8CFF 55%,#A57CFF);background-size:200% 100%;color:#04101C!important;box-shadow:0 10px 34px -10px rgba(57,217,255,.75),inset 0 1px 0 rgba(255,255,255,.45);animation:gradShift 6s ease-in-out infinite}
.wn-p .wp-block-button__link::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.75) 50%,transparent 70%);transform:translateX(-130%);transition:transform .8s ease}
.wn-p .wp-block-button__link:hover{transform:translateY(-3px);box-shadow:0 0 0 6px rgba(57,217,255,.16),0 18px 60px -10px rgba(57,217,255,.9)}
.wn-p .wp-block-button__link:hover::after{transform:translateX(130%)}
.wn-g .wp-block-button__link{border:1px solid transparent;background:linear-gradient(rgba(10,16,30,.92),rgba(10,16,30,.92)) padding-box,linear-gradient(120deg,var(--cyan),#A57CFF) border-box;color:#FFFFFF!important}
.wn-g .wp-block-button__link:hover{transform:translateY(-3px);background:linear-gradient(120deg,rgba(57,217,255,.22),rgba(165,124,255,.22)) padding-box,linear-gradient(120deg,var(--cyan),#A57CFF) border-box;box-shadow:0 14px 44px -14px rgba(57,217,255,.8)}
.faq{border-top:1px solid #33476F}
.faqd{border-bottom:1px solid #33476F;margin:0}
.faqd summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:24px;cursor:pointer;padding:24px 0;font-family:'Space Grotesk',sans-serif;font-size:21px;letter-spacing:-0.01em;color:#FFFFFF;transition:color .3s,padding .4s cubic-bezier(.2,.8,.2,1)}
.faqd summary::-webkit-details-marker{display:none}
.faqd summary::after{content:"+";flex:none;width:38px;height:38px;border-radius:50%;border:1px solid #3E557F;display:flex;align-items:center;justify-content:center;font-size:20px;font-family:Inter,sans-serif;transition:transform .45s cubic-bezier(.2,.9,.2,1.3),background .3s,color .3s,border-color .3s}
.faqd[open] summary::after{transform:rotate(135deg);background:var(--cyan);color:#03121A;border-color:var(--cyan)}
.faqd summary:hover{color:var(--cyan);padding-left:12px}
.faqd summary:hover::after{border-color:var(--cyan)}
.faqd p{color:#DEE6F5;padding:0 64px 26px 0;max-width:820px;animation:dropIn .45s cubic-bezier(.16,1,.3,1) both}
.cta-sec{padding:40px 0 0}
.cta-c{position:relative;padding:clamp(32px,6vw,80px);display:flex;flex-direction:column;align-items:center;text-align:center;gap:24px}
.cta-h{font-size:clamp(32px,4.4vw,60px)!important;max-width:900px}
.cta-c .wp-block-buttons{justify-content:center}
.wn-plain{padding:80px 32px;min-height:50vh}
@media (max-width:640px){.faqd p{padding-right:0}.wn-plain{padding:56px 20px}}
@media (prefers-reduced-motion:reduce){.mot{display:none}}

.wn-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.wn-form form{display:flex;flex-direction:column;gap:16px}
.wn-err{padding:14px 16px;border-radius:12px;border:1px solid rgba(255,107,129,.5);background:rgba(255,107,129,.12);color:#FFB3BE;font-size:14px;margin-bottom:16px}
.wn-done{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;padding:40px 10px}
.wn-done .h{font-size:32px}
.wn-form .btn{width:100%}
.page-hd{padding:64px 0 40px}
.page-hd .h1p{margin:18px 0 18px}
.contact-grid{display:flex;flex-wrap:wrap;gap:48px;align-items:flex-start}
.contact-grid>.wn-form-col{flex:999 1 560px;min-width:0}
.contact-grid>.wn-side{flex:1 1 300px;display:flex;flex-direction:column;gap:22px}
.wn-side .card{padding:24px}
.wn-side .card p+p{margin-top:10px}

.step3 .s3-b{min-width:0}.s3-h{font-size:19px!important;margin:0 0 6px!important}
.step3>.n{width:44px;height:44px;border-radius:50%;border:1px solid #3E557F;display:flex;align-items:center;justify-content:center;font-family:'JetBrains Mono',monospace;font-size:13px;color:var(--cyan);flex:none}
.wn-side>.wp-block-group:not(.card) .mono{margin-bottom:12px}
.page-hd .crumbs{margin-bottom:22px}

[hidden]{display:none!important}
@media (min-width:901px){.mmenu{display:none!important}}

.ln .grad,.ln .outline{filter:none!important}

.page-hd{padding-bottom:24px!important}
.page-hd+.sec{padding-top:48px!important}
/* ===== Website assistant ===== */
.wnc-launch{position:fixed;right:22px;bottom:22px;z-index:9998;width:62px;height:62px;border-radius:50%;border:0;cursor:pointer;display:flex;align-items:center;justify-content:center;background:linear-gradient(120deg,var(--cyan,#39D9FF),#5B8CFF 55%,#A57CFF);box-shadow:0 14px 40px -10px rgba(57,217,255,.8),inset 0 1px 0 rgba(255,255,255,.5);transition:transform .35s cubic-bezier(.2,.9,.2,1.3),box-shadow .35s}
.wnc-launch:hover{transform:translateY(-3px) scale(1.06);box-shadow:0 0 0 6px rgba(57,217,255,.18),0 20px 50px -10px rgba(57,217,255,.95)}
.wnc-launch.on{transform:rotate(90deg)}
.wnc-ping{position:absolute;inset:0;border-radius:50%;border:2px solid rgba(57,217,255,.7);animation:ping 2.2s ease-out infinite;pointer-events:none}
.wnc-launch.on .wnc-ping{display:none}
.wnc-panel{position:fixed;right:22px;bottom:96px;z-index:9999;width:min(380px,calc(100vw - 28px));height:min(560px,calc(100vh - 130px));display:flex;flex-direction:column;border-radius:22px;overflow:hidden;border:1px solid transparent;background:linear-gradient(#0E1838,#0B142E) padding-box,linear-gradient(130deg,rgba(57,217,255,.8),rgba(165,124,255,.7),rgba(57,217,255,.25)) border-box;box-shadow:0 40px 100px -30px rgba(0,0,0,.9),0 0 60px -20px rgba(57,217,255,.55);font-family:Inter,system-ui,sans-serif;color:#F5F8FF;animation:dropIn .35s cubic-bezier(.16,1,.3,1) both}
.wnc-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid #22314F;background:linear-gradient(120deg,rgba(57,217,255,.14),rgba(165,124,255,.12))}
.wnc-ht strong{display:block;font-family:'Space Grotesk',sans-serif;font-size:16px}
.wnc-sub{font-size:12px;color:#AEBBD3}
.wnc-x{width:36px;height:36px;border-radius:50%;border:1px solid #3E557F;background:transparent;color:#F5F8FF;font-size:20px;line-height:1;cursor:pointer}
.wnc-x:hover{border-color:var(--cyan,#39D9FF)}
.wnc-log{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px}
.wnc-msg{max-width:88%;padding:10px 13px;border-radius:14px;font-size:14px;line-height:1.55;word-wrap:break-word}
.wnc-msg p{margin:0}.wnc-msg p+p{margin-top:8px}
.wnc-bot{align-self:flex-start;background:rgba(57,217,255,.1);border:1px solid rgba(57,217,255,.28);border-bottom-left-radius:4px}
.wnc-user{align-self:flex-end;background:#1E2E57;border-bottom-right-radius:4px}
.wnc-typing{letter-spacing:3px;animation:blink 1.2s ease-in-out infinite}
.wnc-links{display:flex;flex-direction:column;gap:6px;margin-top:10px}
.wnc-links a{color:var(--cyan,#39D9FF);font-weight:600;font-size:13px;text-decoration:none}
.wnc-links a:hover{text-decoration:underline}
.wnc-chips{display:flex;flex-wrap:wrap;gap:6px;padding:0 16px 10px}
.wnc-chip{min-height:34px;padding:0 12px;border-radius:999px;border:1px solid rgba(130,165,255,.4);background:rgba(17,27,46,.6);color:#E2E9F5;font-size:12.5px;cursor:pointer;font-family:inherit}
.wnc-chip:hover{border-color:var(--cyan,#39D9FF);color:#fff}
.wnc-form{display:flex;gap:8px;padding:12px;border-top:1px solid #22314F}
.wnc-in{flex:1;min-width:0;min-height:44px;border-radius:12px;border:1px solid #3E557F;background:#0A1222;color:#F5F8FF;padding:0 12px;font-size:14px;font-family:inherit}
.wnc-in:focus{outline:none;border-color:var(--cyan,#39D9FF);box-shadow:0 0 0 3px rgba(57,217,255,.15)}
.wnc-go{width:44px;height:44px;border-radius:12px;border:0;cursor:pointer;color:#04101C;background:linear-gradient(120deg,var(--cyan,#39D9FF),#A57CFF)}
.wnc-note{margin:0;padding:0 14px 10px;font-size:11px;color:#8E9AB2;text-align:center}
@media (max-width:520px){.wnc-launch{right:14px;bottom:14px;width:56px;height:56px}.wnc-panel{right:14px;bottom:82px}}

/* ===== v1.1 additions: blog author, newsletter, thank-you, cookie banner ===== */
.wn-avatar{width:48px;height:48px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:16px;color:#03121A;background:linear-gradient(135deg,#39D9FF,#9B7BFF);box-shadow:0 0 24px -6px rgba(57,217,255,.6)}
.wn-avatar-lg{width:72px;height:72px;font-size:22px}
.founder-ph{border:0!important;font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:18px!important;color:#03121A!important;background:linear-gradient(135deg,#39D9FF,#9B7BFF);box-shadow:0 0 24px -6px rgba(57,217,255,.6)}
.wn-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wn-form,.wn-done{scroll-margin-top:120px}
.wn-done:focus{outline:none}
.wn-done .grad{display:inline-block;animation:hue 7s ease-in-out infinite}
.wn-done p strong{color:#F5F8FF;font-weight:600}
.wn-done-sm{flex-direction:row;text-align:left;padding:0;gap:16px;align-items:center}
.wn-done-sm svg{width:56px;height:56px;flex:none}
.wn-done-sm .h{font-size:22px!important}
.wn-done-sm p{margin:6px 0 0}
.wn-nl .wn-err{margin-bottom:10px}
.btn.busy{opacity:.7;pointer-events:none}
.pcard[hidden]{display:none!important}
.wn-cb{position:fixed;left:16px;bottom:16px;z-index:9998;max-width:440px;padding:18px 20px;border-radius:18px;border:1px solid rgba(140,180,255,.4);background:rgba(10,18,48,.96);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#D3DBEA;font-size:14px;box-shadow:0 30px 80px -30px rgba(0,0,0,.8);display:flex;flex-direction:column;gap:12px}
.wn-cb p{margin:0}.wn-cb a{color:var(--cyan)}
.wn-cb div{display:flex;gap:10px;justify-content:flex-end}
@media (max-width:640px){.wn-cb{left:12px;right:12px;bottom:12px;max-width:none}}
body .article h2{margin:60px 0 16px}
body .article h3{margin:36px 0 12px;font-family:'Space Grotesk',sans-serif;font-size:24px;color:#F5F8FF;line-height:1.25}
body .article > h2:first-child{margin-top:0}
body .article p{margin:0 0 22px}
body .article ul,body .article ol{margin:0 0 24px}
body .article img{max-width:100%;height:auto;border-radius:16px}
body .article > *{margin-block-start:0}
.wn-nl form{flex-direction:row!important;flex-wrap:wrap;align-items:stretch;gap:10px}
.wn-nl .search{flex:1 1 160px;height:54px;min-height:54px}
.wn-nl .search:nth-of-type(2){flex:2 1 220px}
.wn-nl .btn{flex:0 0 auto}

/* Faster first paint on phones: headline words appear sooner */
@media (max-width:640px){.hero .w{animation-duration:.6s!important;animation-delay:0s!important}.hero .fu{animation-delay:0s!important}}