:root{--bg:#020611;--panel:#071326;--panel2:#0a1d36;--line:rgba(99,174,255,.2);--text:#f3f8ff;--muted:#8198b8;--blue:#55c9ff;--electric:#3979ff;--violet:#8b62ff;--green:#59efae;--mx:50vw;--my:20vh;--progress:0;--font:"Manrope",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;min-height:100vh;overflow-x:hidden;color:var(--text);font:15px/1.6 var(--font);background:radial-gradient(circle at 72% 4%,rgba(31,102,255,.16),transparent 30%),linear-gradient(180deg,#020611,#040b19 48%,#020611)}a{color:inherit}button,a{tap-highlight-color:transparent}.info-page:before{content:"";position:fixed;inset:0;z-index:-5;background-image:linear-gradient(rgba(76,141,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(76,141,255,.035) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(#000,transparent 92%)}.page-noise{position:fixed;inset:0;z-index:50;pointer-events:none;opacity:.045;mix-blend-mode:screen;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.91' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.page-cursor{position:fixed;z-index:-2;left:var(--mx);top:var(--my);width:520px;height:520px;pointer-events:none;border-radius:50%;background:radial-gradient(circle,rgba(54,158,255,.11),transparent 68%);transform:translate(-50%,-50%);transition:left .08s linear,top .08s linear}.page-progress{position:fixed;z-index:100;left:0;top:0;width:calc(var(--progress)*100%);height:3px;background:linear-gradient(90deg,#3675ff,#66dbff,#a1f3ff);box-shadow:0 0 18px #42baff}.sky{position:fixed;inset:0;z-index:-3;pointer-events:none;overflow:hidden}.sky i{position:absolute;width:3px;height:3px;border-radius:50%;background:#aeeeff;box-shadow:0 0 14px #4ac6ff;animation:star-drift 13s linear infinite}.sky i:nth-child(1){left:7%;top:82%;animation-delay:-2s}.sky i:nth-child(2){left:19%;top:33%;animation-delay:-8s}.sky i:nth-child(3){left:36%;top:71%;animation-delay:-5s}.sky i:nth-child(4){left:52%;top:21%;animation-delay:-11s}.sky i:nth-child(5){left:68%;top:88%;animation-delay:-7s}.sky i:nth-child(6){left:80%;top:42%;animation-delay:-3s}.sky i:nth-child(7){left:93%;top:72%;animation-delay:-10s}.sky i:nth-child(8){left:58%;top:55%;animation-delay:-1s}@keyframes star-drift{0%{opacity:0;transform:translateY(80px) scale(.4)}20%{opacity:.35}80%{opacity:.18}100%{opacity:0;transform:translateY(-190px) scale(1.8)}}
.page-nav{position:sticky;z-index:40;top:0;width:min(1420px,calc(100% - 40px));height:88px;margin:auto;padding:0 16px;display:flex;align-items:center;justify-content:space-between;gap:26px;border:1px solid rgba(104,169,255,.15);border-top:0;border-radius:0 0 24px 24px;background:rgba(2,8,20,.7);backdrop-filter:blur(24px) saturate(140%);box-shadow:0 18px 60px rgba(0,0,0,.2)}.page-brand{display:flex;align-items:center;gap:12px;text-decoration:none;flex:0 0 auto}.page-brand img{width:50px;height:50px;object-fit:contain;border:1px solid rgba(97,190,255,.42);border-radius:16px;box-shadow:0 0 32px rgba(40,130,255,.25)}.page-brand span,.page-brand b,.page-brand small{display:block}.page-brand b{font-size:18px;letter-spacing:.09em}.page-brand small{margin-top:-4px;color:#6985a9;font-size:9px;letter-spacing:.2em}.page-nav nav{display:flex;gap:34px}.page-nav nav a{position:relative;color:#8398b5;text-decoration:none;font-size:13px;font-weight:750}.page-nav nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-10px;height:2px;background:#63d5ff;transition:.25s}.page-nav nav a:hover,.page-nav nav a.active{color:white}.page-nav nav a:hover:after,.page-nav nav a.active:after{right:0}.nav-action,.page-primary,.page-secondary{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:50px;border-radius:14px;padding:0 20px;text-decoration:none;font-weight:900}.nav-action{border:1px solid rgba(93,176,255,.34);background:linear-gradient(135deg,rgba(18,54,96,.9),rgba(12,27,63,.9));color:#e8f5ff}.nav-action:hover{border-color:#63d4ff;box-shadow:0 0 35px rgba(52,149,255,.2)}
.landing-page main,.subpage-main,.bio-main{width:min(1420px,calc(100% - 40px));margin:auto}.landing-hero{position:relative;min-height:850px;padding:115px 0 95px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:72px;isolation:isolate}.hero-grid{position:absolute;inset:7% -18% 0;z-index:-2;background-image:linear-gradient(rgba(65,132,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(65,132,255,.035) 1px,transparent 1px);background-size:45px 45px;mask-image:radial-gradient(ellipse at 65% 48%,black,transparent 70%);transform:perspective(700px) rotateX(67deg) translateY(44%);animation:grid-travel 12s linear infinite}@keyframes grid-travel{to{background-position:0 90px}}.online-pill{display:inline-flex;align-items:center;gap:8px;margin-bottom:25px;padding:7px 12px;border:1px solid rgba(74,178,255,.33);border-radius:999px;background:rgba(5,32,65,.64);color:#aacdef;font-size:10px;font-weight:850;letter-spacing:.04em}.online-pill i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 15px var(--green);animation:online-pulse 1.8s ease-in-out infinite}@keyframes online-pulse{50%{opacity:.42;transform:scale(.68)}}.page-kicker{margin:0 0 16px;color:#65d1ff;font-size:10px;font-weight:950;letter-spacing:.22em}.landing-copy h1{max-width:800px;margin:0;font-size:clamp(64px,6.4vw,96px);line-height:.9;letter-spacing:-.075em}.landing-copy h1 em,.subpage-hero h1 em{font-style:normal;color:transparent;background:linear-gradient(100deg,#58c9ff,#8cecff 42%,#5574ff 92%);background-size:220%;-webkit-background-clip:text;animation:text-flow 4.5s ease-in-out infinite alternate;filter:drop-shadow(0 0 35px rgba(60,154,255,.25))}@keyframes text-flow{to{background-position:100%;filter:drop-shadow(0 0 45px rgba(63,186,255,.42))}}.landing-lead{max-width:650px;margin:29px 0 32px;color:#8da4c2;font-size:17px;line-height:1.75}.landing-actions{display:flex;align-items:center;gap:12px}.page-primary{border:1px solid rgba(151,225,255,.42);background:linear-gradient(135deg,#64d9ff,#357cff 58%,#5958ec);color:#020817;box-shadow:0 18px 52px rgba(41,126,255,.3),inset 0 1px rgba(255,255,255,.55);transition:.25s}.page-primary:hover{transform:translateY(-4px);filter:brightness(1.1);box-shadow:0 26px 70px rgba(41,126,255,.4)}.page-secondary{border:1px solid rgba(88,151,230,.27);background:rgba(7,20,42,.7);color:#dcecff}.page-secondary:hover{border-color:#58caff;background:rgba(13,43,79,.78)}.live-numbers{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;margin:28px auto 0;padding:18px 22px;width:min(720px,100%);border:1px solid rgba(89,152,229,.16);border-radius:18px;background:rgba(5,16,36,.45);color:#7186a3;font-size:11px}.live-numbers>span{display:flex;align-items:center;gap:7px}.live-numbers i{width:7px;height:7px;border-radius:50%;background:#50e7a5;box-shadow:0 0 12px #50e7a5}.live-numbers strong{color:#dff6ff;font-size:16px;letter-spacing:-.02em}.live-numbers b{color:#476282}.live-numbers small{font-size:11px}
.funpay-scene{position:relative;min-height:610px;display:grid;place-items:center;isolation:isolate}.funpay-scene:before{content:"";position:absolute;width:82%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(42,146,255,.27),rgba(27,61,190,.06) 45%,transparent 68%);filter:blur(5px);animation:scene-breathe 5s ease-in-out infinite}@keyframes scene-breathe{50%{transform:scale(1.09);opacity:.68}}.scene-globe{position:relative;z-index:3;width:min(390px,70%);aspect-ratio:1;display:grid;place-items:center;animation:globe-float 6s ease-in-out infinite}.scene-globe img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 35px 45px rgba(0,30,100,.6)) drop-shadow(0 0 28px rgba(66,187,255,.35));transform:translate3d(calc(var(--px,0)*.35),calc(var(--py,0)*.35),0)}.scene-globe span{position:absolute;inset:18%;z-index:-1;border-radius:50%;background:#168cff;filter:blur(65px);opacity:.24}@keyframes globe-float{50%{transform:translateY(-14px) rotate(1deg)}}.scene-orbit{position:absolute;z-index:2;border:1px solid rgba(81,180,255,.28);border-radius:50%;animation:scene-spin 18s linear infinite}.scene-orbit i{position:absolute;width:10px;height:10px;border-radius:50%;background:#a7efff;box-shadow:0 0 20px #50c9ff}.orbit-a{width:95%;height:56%;transform:rotate(-17deg)}.orbit-a i{left:15%;top:12%}.orbit-b{width:72%;height:95%;transform:rotate(34deg);animation-direction:reverse;animation-duration:24s}.orbit-b i{right:12%;bottom:20%}@keyframes scene-spin{to{transform:rotate(343deg)}}.fp-window{position:absolute;z-index:5;right:-3%;bottom:5%;width:330px;border:1px solid rgba(93,170,255,.28);border-radius:20px;overflow:hidden;background:rgba(4,15,34,.86);box-shadow:0 30px 90px rgba(0,0,0,.5);backdrop-filter:blur(19px);animation:window-float 5.2s ease-in-out infinite}@keyframes window-float{50%{transform:translateY(-10px) rotate(.5deg)}}.fp-head{height:47px;padding:0 15px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(94,157,233,.16);font-size:10px}.fp-head>span{display:flex;align-items:center;gap:8px;color:#b8cde6;font-weight:850}.fp-head>span i{display:grid;place-items:center;width:23px;height:23px;border-radius:7px;background:#3186ff;color:white;font-style:normal}.fp-head>b{color:#5ee3a8;font-size:8px;letter-spacing:.09em}.fp-order,.fp-status{display:flex;align-items:center;gap:11px;margin:13px;padding:12px;border:1px solid rgba(91,154,230,.15);border-radius:13px;background:rgba(8,27,54,.62)}.fp-order>i,.fp-status>b{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:9px;background:linear-gradient(145deg,#5ed8ff,#376eff);color:#031022;font-style:normal;font-weight:950}.fp-order span,.fp-order small,.fp-order b,.fp-status span,.fp-status small,.fp-status strong{display:block}.fp-order small,.fp-status small{color:#7089a8;font-size:8px}.fp-order b,.fp-status strong{font-size:10px}.fp-order>strong{margin-left:auto;color:#76dcff;font-size:11px}.fp-line{display:flex;align-items:center;margin:0 24px}.fp-line span{height:1px;flex:1;background:linear-gradient(90deg,transparent,#438cff)}.fp-line i{width:7px;height:7px;border-radius:50%;background:#70e1ff;box-shadow:0 0 15px #52bfff;animation:line-run 1.8s linear infinite}@keyframes line-run{from{transform:translateX(-230px)}}.scene-chip{position:absolute;z-index:6;display:flex;align-items:center;gap:9px;min-width:135px;padding:10px 12px;border:1px solid rgba(91,174,255,.25);border-radius:14px;background:rgba(4,16,37,.75);box-shadow:0 15px 45px rgba(0,20,65,.38);backdrop-filter:blur(16px);animation:chip-fly 8s ease-in-out infinite}.scene-chip>i{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:linear-gradient(145deg,#65dfff,#3372ff);color:#031024;font-style:normal;font-weight:950}.scene-chip span,.scene-chip small,.scene-chip b{display:block}.scene-chip small{color:#7088a5;font-size:8px}.scene-chip b{font-size:10px}.chip-one{left:-2%;top:17%}.chip-two{right:-1%;top:25%;animation-delay:-2.6s}.chip-three{left:8%;bottom:8%;animation-delay:-5.2s}@keyframes chip-fly{50%{transform:translateY(-15px);box-shadow:0 25px 65px rgba(20,102,255,.25)}}.data-stream{position:absolute;inset:0;z-index:1}.data-stream i{position:absolute;width:2px;height:80px;background:linear-gradient(transparent,#5acfff,transparent);opacity:.18;animation:data-fall 4s linear infinite}.data-stream i:nth-child(1){left:13%;top:8%}.data-stream i:nth-child(2){left:34%;top:67%;animation-delay:-1.5s}.data-stream i:nth-child(3){right:17%;top:9%;animation-delay:-2.8s}.data-stream i:nth-child(4){right:4%;top:62%;animation-delay:-.8s}.data-stream i:nth-child(5){left:62%;top:48%;animation-delay:-3.5s}@keyframes data-fall{to{transform:translateY(180px);opacity:0}}
.trust-strip{display:flex;align-items:center;justify-content:center;gap:32px;min-height:74px;margin:0 calc((100vw - min(1420px,calc(100vw - 40px)))/-2);border-block:1px solid rgba(89,152,229,.15);overflow:hidden;color:#7791b2;font-size:10px;font-weight:900;letter-spacing:.18em;white-space:nowrap}.trust-strip i{color:#60d5ff;text-shadow:0 0 17px #399bff}.intro-section{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:end;padding:140px 0 80px}.intro-section h2,.flow-copy h2,.landing-cta h2,.subpage-hero h1,.bio-about h2,.bio-section-title h2,.bio-contact h2{margin:0;font-size:clamp(48px,5vw,72px);line-height:.98;letter-spacing:-.06em}.intro-section>p{max-width:600px;margin:0;color:#8197b5;font-size:17px;line-height:1.8}.capability-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.capability-grid article{position:relative;min-height:390px;padding:30px;border:1px solid var(--line);border-radius:28px;overflow:hidden;background:radial-gradient(circle at 100% 0,rgba(47,133,255,.15),transparent 38%),linear-gradient(145deg,rgba(10,29,57,.93),rgba(3,11,25,.96));box-shadow:inset 0 1px rgba(255,255,255,.05);transition:.2s}.capability-grid article:after{content:"";position:absolute;inset:0;background:radial-gradient(420px circle at var(--cx,80%) var(--cy,0%),rgba(73,179,255,.16),transparent 42%);pointer-events:none}.capability-grid article>span{position:absolute;right:25px;top:14px;color:rgba(99,163,235,.17);font-size:64px;font-weight:950}.capability-grid article>i{display:grid;place-items:center;width:55px;height:55px;margin-bottom:85px;border:1px solid rgba(89,184,255,.36);border-radius:17px;background:rgba(14,58,105,.58);color:#70dcff;font-size:24px;font-style:normal}.capability-grid h3{margin:0;font-size:29px}.capability-grid p{min-height:76px;color:#7e94b0}.capability-grid article>b{color:#61ccff;font-size:9px;letter-spacing:.15em}.flow-section{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px;align-items:center;margin:130px 0 0;padding:75px;border:1px solid rgba(89,162,246,.22);border-radius:36px;background:radial-gradient(circle at 90% 10%,rgba(40,125,255,.18),transparent 40%),linear-gradient(145deg,#08182e,#040a17);overflow:hidden}.flow-copy a{display:inline-flex;gap:20px;margin-top:28px;color:#73d9ff;text-decoration:none;font-weight:850}.flow-track{display:grid;gap:12px}.flow-track>div{display:flex;align-items:center;gap:16px;padding:19px;border:1px solid rgba(88,149,220,.18);border-radius:17px;background:rgba(3,12,27,.58)}.flow-track>div>i{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,#55d2ff,#3b6dff);color:#031022;font-style:normal;font-weight:950}.flow-track span,.flow-track b,.flow-track small{display:block}.flow-track small{color:#7188a6}.flow-track>em{width:1px;height:19px;margin:-12px 0 -12px 38px;background:#3c8dff;box-shadow:0 0 12px #3f9cff}.landing-cta{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:45px;margin:120px 0;padding:65px;border:1px solid rgba(97,177,255,.25);border-radius:34px;overflow:hidden;background:linear-gradient(135deg,rgba(12,40,77,.95),rgba(4,10,25,.97));box-shadow:0 35px 110px rgba(0,0,0,.36)}.landing-cta:after{content:"";position:absolute;right:-80px;top:-180px;width:400px;height:400px;border:1px solid rgba(89,186,255,.25);border-radius:50%;box-shadow:0 0 80px rgba(36,123,255,.18)}.landing-cta>img{position:relative;z-index:2;width:120px;height:120px;object-fit:contain;filter:drop-shadow(0 0 28px rgba(71,180,255,.32))}.landing-cta>div,.landing-cta>a{position:relative;z-index:2}.landing-cta h2{font-size:clamp(39px,4vw,62px)}
.page-footer{width:min(1420px,calc(100% - 40px));min-height:150px;margin:auto;padding:35px 0 45px;display:flex;align-items:center;gap:40px;border-top:1px solid rgba(94,157,230,.18);color:#7288a4}.page-footer>p{margin-right:auto}.page-footer nav{display:flex;gap:22px}.page-footer nav a{color:#8da1bc;text-decoration:none}.page-footer nav a:hover{color:#72d9ff}.reveal{opacity:0;transform:translateY(35px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:none}.reveal-now{animation:reveal-now .9s both}@keyframes reveal-now{from{opacity:0;transform:translateY(25px)}}
.subpage-main{padding-bottom:120px}.subpage-hero{min-height:520px;padding:115px 0 80px;display:flex;flex-direction:column;justify-content:center;border-bottom:1px solid rgba(90,158,238,.17)}.subpage-hero h1{font-size:clamp(72px,8vw,118px)}.subpage-hero>p:last-child{max-width:690px;color:#879db9;font-size:18px}.faq-layout{display:grid;grid-template-columns:340px 1fr;gap:80px;padding-top:90px}.faq-layout aside{position:sticky;top:125px;align-self:start;padding:27px;border:1px solid var(--line);border-radius:24px;background:rgba(7,21,43,.75)}.faq-layout aside>span{color:#62d2ff;font-size:9px;font-weight:950;letter-spacing:.18em}.faq-layout aside h2{margin:11px 0 8px;font-size:30px;line-height:1.05}.faq-layout aside p{color:#7c92ad}.faq-layout aside .page-primary{width:100%;margin-top:15px}.big-faq{border-top:1px solid var(--line)}.big-faq details{border-bottom:1px solid var(--line)}.big-faq summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px 4px;cursor:pointer;list-style:none;font-size:21px;font-weight:800}.big-faq summary::-webkit-details-marker{display:none}.big-faq summary b{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(91,172,255,.28);border-radius:11px;color:#68d7ff;transition:.25s}.big-faq details[open] summary b{transform:rotate(45deg);background:rgba(22,80,139,.55)}.big-faq details p{max-width:820px;margin:0;padding:0 55px 28px 4px;color:#8499b5;font-size:16px}
.bio-page{background:radial-gradient(circle at 14% 9%,rgba(95,42,210,.19),transparent 31%),radial-gradient(circle at 90% 38%,rgba(29,112,255,.14),transparent 30%),linear-gradient(180deg,#05030f,#060a19 48%,#03040c)}.bio-page:before{background-image:linear-gradient(rgba(122,91,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(122,91,255,.035) 1px,transparent 1px)}.bio-aurora{position:fixed;inset:0;z-index:-4;pointer-events:none;background:conic-gradient(from 180deg at 50% 50%,transparent,#6d48ff14,transparent,#219fff12,transparent);filter:blur(70px);animation:bio-rotate 25s linear infinite}@keyframes bio-rotate{to{transform:rotate(360deg) scale(1.1)}}.bio-main{padding-bottom:130px}.violet{border-color:rgba(149,102,255,.34);background:rgba(45,20,95,.46)}.violet-button{background:linear-gradient(135deg,#b079ff,#6558ff 55%,#3c8cff);color:white;box-shadow:0 18px 55px rgba(102,69,255,.28)}.bio-hero{min-height:880px;padding:120px 0 100px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:80px}.bio-hero h1{margin:10px 0 20px;font-size:clamp(105px,14vw,210px);line-height:.72;letter-spacing:-.095em}.bio-hero h1 span{color:#8c68ff;text-shadow:0 0 45px rgba(116,77,255,.45)}.bio-hero h2{margin:42px 0 24px;font-size:clamp(42px,4.5vw,67px);line-height:1;letter-spacing:-.06em}.bio-hero>div>p:not(.page-kicker){max-width:720px;color:#8a9ab5;font-size:17px}.bio-portrait{position:relative;min-height:610px;display:grid;place-items:center;isolation:isolate}.bio-portrait:before{content:"";position:absolute;width:75%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(121,73,255,.24),transparent 67%);filter:blur(20px)}.bio-portrait img{position:relative;z-index:2;width:min(480px,88%);filter:hue-rotate(30deg) drop-shadow(0 0 45px rgba(101,83,255,.32));animation:globe-float 6s ease-in-out infinite}.portrait-ring{position:absolute;z-index:1;width:90%;height:55%;border:1px solid rgba(135,96,255,.3);border-radius:50%;transform:rotate(-17deg);animation:scene-spin 20s linear infinite}.bio-portrait strong{position:absolute;z-index:3;bottom:45px;left:6%;font-size:68px;letter-spacing:-.07em;text-shadow:0 15px 45px #000}.bio-portrait>span{position:absolute;z-index:3;bottom:35px;right:8%;color:#7e71bb;font-size:9px;letter-spacing:.2em}.bio-about{display:grid;grid-template-columns:280px 1fr;gap:80px;padding:130px 0;border-block:1px solid rgba(112,91,215,.18)}.bio-about h2{font-size:clamp(45px,5vw,74px)}.bio-about>div p{max-width:880px;color:#8999b4;font-size:17px;line-height:1.85}.bio-numbers{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(112,93,219,.2);border-radius:26px;margin-top:80px;background:rgba(8,10,28,.62)}.bio-numbers div{padding:31px;border-right:1px solid rgba(112,93,219,.18)}.bio-numbers div:last-child{border:0}.bio-numbers strong,.bio-numbers span{display:block}.bio-numbers strong{font-size:32px;letter-spacing:-.05em}.bio-numbers span{color:#7d8da8;font-size:11px}.bio-section{padding-top:145px}.bio-section-title{display:grid;grid-template-columns:70px 1fr;align-items:start;margin-bottom:50px}.bio-section-title>span{grid-row:1/4;color:#8f71ff;font-size:12px;font-weight:950}.bio-section-title .page-kicker,.bio-section-title h2{grid-column:2}.bio-section-title h2{font-size:clamp(50px,6vw,82px)}.bio-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.bio-cards article{position:relative;min-height:330px;padding:34px;border:1px solid rgba(119,91,229,.2);border-radius:28px;overflow:hidden;background:radial-gradient(circle at 100% 0,rgba(109,69,226,.16),transparent 42%),linear-gradient(145deg,rgba(13,15,42,.94),rgba(5,7,20,.97));transition:.2s}.bio-cards article>i{display:grid;place-items:center;width:58px;height:58px;margin-bottom:72px;border:1px solid rgba(145,105,255,.34);border-radius:18px;background:rgba(66,36,137,.42);color:#b39bff;font-size:23px;font-style:normal}.bio-cards h3{margin:0;font-size:30px}.bio-cards p{max-width:530px;color:#8190aa}.process-line{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(118,92,224,.2);border-radius:28px;overflow:hidden}.process-line article{min-height:330px;padding:30px;border-right:1px solid rgba(118,92,224,.18);background:rgba(8,10,29,.64)}.process-line article:last-child{border:0}.process-line b{color:#987bff;font-size:11px}.process-line h3{margin:100px 0 12px;font-size:25px}.process-line p{color:#7f8da6}.bio-manifest{margin-top:150px;padding:100px 8%;border-block:1px solid rgba(120,92,228,.2);text-align:center}.bio-manifest blockquote{max-width:1100px;margin:20px auto 28px;font-size:clamp(40px,5.3vw,76px);line-height:1.07;letter-spacing:-.055em}.bio-manifest>span{color:#8e78d0}.stack-wall{display:flex;flex-wrap:wrap;gap:10px}.stack-wall span{padding:13px 17px;border:1px solid rgba(124,98,223,.24);border-radius:13px;background:rgba(21,17,53,.68);color:#b5aed1;transition:.25s}.stack-wall span:hover{transform:translateY(-5px);border-color:#9a77ff;color:white;box-shadow:0 15px 40px rgba(94,61,214,.22)}.ecosystem-map{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center}.ecosystem-map article{min-height:260px;padding:28px;border:1px solid rgba(123,95,224,.2);border-radius:24px;background:rgba(10,11,32,.72)}.ecosystem-map article span{color:#9679ff;font-size:10px;font-weight:950}.ecosystem-map h3{margin:90px 0 8px;font-size:23px}.ecosystem-map p{color:#7d8ca6}.ecosystem-map>i{padding:0 15px;color:#8168dc;font-style:normal}.bio-contact{display:grid;grid-template-columns:1fr auto;align-items:end;gap:60px;margin-top:150px;padding:80px;border:1px solid rgba(129,97,240,.25);border-radius:36px;background:radial-gradient(circle at 90% 10%,rgba(111,65,242,.22),transparent 38%),linear-gradient(145deg,#11102f,#050817)}.bio-contact p:not(.page-kicker){max-width:720px;color:#8493ad}.bio-contact h2{font-size:clamp(52px,6vw,85px)}
@media(max-width:1100px){.landing-hero,.bio-hero{grid-template-columns:1fr;gap:40px}.landing-copy{max-width:900px}.funpay-scene{width:min(800px,100%);margin:auto}.intro-section{gap:50px}.flow-section{grid-template-columns:1fr}.bio-about{grid-template-columns:1fr}.process-line{grid-template-columns:1fr 1fr}.process-line article:nth-child(2){border-right:0}.process-line article:nth-child(-n+2){border-bottom:1px solid rgba(118,92,224,.18)}.ecosystem-map{grid-template-columns:1fr 1fr;gap:12px}.ecosystem-map>i{display:none}.header-stats{display:none}}
@media(max-width:760px){.page-nav{width:calc(100% - 20px);height:70px;padding:0 10px}.page-brand img{width:42px;height:42px;border-radius:13px}.page-brand b{font-size:14px}.page-brand small{font-size:7px}.nav-action{min-height:43px;padding:0 13px;font-size:10px}.landing-page main,.subpage-main,.bio-main{width:calc(100% - 28px)}.landing-hero{min-height:auto;padding:75px 0 55px}.landing-copy h1{font-size:clamp(51px,14vw,68px)}.landing-lead{font-size:14px}.landing-actions{display:grid}.funpay-scene{min-height:500px}.scene-globe{width:70%}.fp-window{right:0;width:280px}.scene-chip{min-width:115px;transform:scale(.82)}.chip-one{left:-6%}.chip-two{right:-5%}.trust-strip{gap:22px;justify-content:flex-start;padding-left:20px}.intro-section{grid-template-columns:1fr;padding:90px 0 50px}.intro-section h2,.flow-copy h2,.landing-cta h2{font-size:43px}.intro-section>p{font-size:14px}.capability-grid{grid-template-columns:1fr}.capability-grid article{min-height:330px}.flow-section{margin-top:85px;padding:35px 20px}.landing-cta{grid-template-columns:1fr;margin:80px 0;padding:38px 24px}.landing-cta>img{width:85px;height:85px}.page-footer{width:calc(100% - 28px);display:grid}.page-footer>p{margin:0}.page-footer nav{flex-wrap:wrap}.subpage-hero{min-height:420px;padding:75px 0 50px}.subpage-hero h1{font-size:58px}.faq-layout{grid-template-columns:1fr;gap:35px;padding-top:55px}.faq-layout aside{position:static}.big-faq summary{font-size:16px}.big-faq details p{padding-right:5px;font-size:14px}.bio-hero{min-height:auto;padding:80px 0 70px}.bio-hero h1{font-size:105px}.bio-hero h2{font-size:39px}.bio-portrait{min-height:450px}.bio-portrait strong{font-size:50px}.bio-about{padding:85px 0;gap:30px}.bio-about h2,.bio-section-title h2{font-size:43px}.bio-about>div p{font-size:14px}.bio-numbers{grid-template-columns:1fr 1fr}.bio-numbers div:nth-child(2){border-right:0}.bio-numbers div:nth-child(-n+2){border-bottom:1px solid rgba(112,93,219,.18)}.bio-section{padding-top:95px}.bio-section-title{grid-template-columns:42px 1fr}.bio-cards{grid-template-columns:1fr}.process-line{grid-template-columns:1fr}.process-line article{border-right:0;border-bottom:1px solid rgba(118,92,224,.18)!important}.process-line article:last-child{border-bottom:0!important}.process-line h3{margin-top:55px}.bio-manifest{margin-top:95px;padding:70px 0}.bio-manifest blockquote{font-size:38px}.ecosystem-map{grid-template-columns:1fr}.bio-contact{grid-template-columns:1fr;margin-top:95px;padding:42px 23px}.bio-contact h2{font-size:44px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.page-cursor{display:none}}
.fp-pulse{position:absolute;z-index:7;display:flex;align-items:center;gap:9px;padding:9px 13px;border:1px solid rgba(91,180,255,.25);border-radius:999px;background:rgba(3,14,34,.84);color:#a9c2df;font-size:9px;font-weight:800;box-shadow:0 15px 45px rgba(0,25,70,.42);backdrop-filter:blur(18px);animation:pulse-travel 6s ease-in-out infinite}.fp-pulse b{display:grid;place-items:center;min-width:25px;height:25px;padding:0 6px;border-radius:9px;background:#4fbdff;color:#031025;font-size:8px}.pulse-one{top:4%;left:31%}.pulse-two{right:4%;bottom:0;animation-delay:-3s}@keyframes pulse-travel{50%{transform:translate3d(12px,-16px,0);border-color:rgba(105,221,255,.55);box-shadow:0 22px 60px rgba(31,125,255,.3)}}
.bio-nav{justify-content:space-between}.bio-footer .footer-contact{margin-left:auto;color:#c9baff;font-weight:900;text-decoration:none}.product-marquee{display:flex;gap:45px;margin:0 calc((100vw - min(1420px,calc(100vw - 40px)))/-2) 30px;padding:18px 30px;border-block:1px solid rgba(123,95,224,.2);overflow:hidden;color:#8f79dc;font-size:10px;font-weight:950;letter-spacing:.18em;white-space:nowrap}.product-marquee span{animation:marquee-drift 9s ease-in-out infinite}.product-marquee span:nth-child(even){animation-delay:-4.5s}@keyframes marquee-drift{50%{transform:translateX(28px);color:#d0c5ff;text-shadow:0 0 20px #765dff}}.bio-projects{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.bio-projects article{position:relative;min-height:310px;padding:31px;border:1px solid rgba(126,98,230,.22);border-radius:25px;overflow:hidden;background:radial-gradient(circle at 90% 10%,rgba(110,73,235,.18),transparent 38%),rgba(8,10,30,.76);transition:.3s}.bio-projects article:hover{transform:translateY(-8px);border-color:rgba(159,128,255,.55);box-shadow:0 28px 80px rgba(68,42,170,.2)}.bio-projects article:after{content:"";position:absolute;right:-50px;bottom:-70px;width:170px;height:170px;border:1px solid rgba(139,106,255,.2);border-radius:50%;animation:project-orbit 8s linear infinite}.bio-projects b{color:#9d83ff;font-size:11px}.bio-projects h3{margin:110px 0 10px;font-size:25px}.bio-projects p{color:#7f8eaa}@keyframes project-orbit{to{transform:rotate(360deg) scale(1.12)}}
@media(max-width:900px){.bio-projects{grid-template-columns:1fr}.bio-projects article{min-height:240px}.bio-projects h3{margin-top:70px}.fp-pulse{display:none}}
@media(max-width:760px){.bio-nav .nav-action{font-size:9px}.bio-footer .footer-contact{margin-left:0}.product-marquee{gap:22px}}

/* Bio header and first screen: compact status instead of an extra navigation action. */
.bio-hero{min-height:780px;padding-top:80px;padding-bottom:90px}
.bio-header-status{display:flex;align-items:center;gap:12px;padding:10px 17px;border:1px solid rgba(130,100,255,.3);border-radius:15px;background:rgba(30,19,72,.52)}
.bio-header-status>i{width:8px;height:8px;border-radius:50%;background:#55e1ae;box-shadow:0 0 18px #55e1ae}
.bio-header-status span,.bio-header-status b,.bio-header-status small{display:block}
.bio-header-status b{font-size:11px;letter-spacing:.1em}
.bio-header-status small{color:#8076a9;font-size:7px;letter-spacing:.16em}
@media(max-width:760px){.bio-header-status{padding:8px 10px}.bio-header-status small{display:none}.bio-header-status b{font-size:8px}}

@media(prefers-reduced-motion:reduce){.fp-pulse,.product-marquee span,.bio-projects article:after{animation:none!important}}
.bio-timeline{display:grid;border-top:1px solid rgba(127,98,230,.22)}.bio-timeline article{display:grid;grid-template-columns:180px 1fr;gap:60px;padding:42px 10px;border-bottom:1px solid rgba(127,98,230,.2);transition:.3s}.bio-timeline article:hover{padding-left:24px;background:linear-gradient(90deg,rgba(101,68,219,.12),transparent)}.bio-timeline time{color:#997eff;font-size:10px;font-weight:950;letter-spacing:.16em}.bio-timeline h3{margin:0 0 12px;font-size:31px}.bio-timeline p{max-width:850px;margin:0;color:#8291ac;font-size:16px;line-height:1.8}.bio-manifest-secondary{margin-top:120px;border:1px solid rgba(129,97,240,.24);border-radius:35px;background:radial-gradient(circle at 50% 100%,rgba(115,73,241,.2),transparent 48%)}.bio-manifest-secondary blockquote{max-width:900px}.bio-manifest-secondary>span{font-size:10px;letter-spacing:.18em}
@media(max-width:760px){.bio-timeline article{grid-template-columns:1fr;gap:12px;padding:30px 4px}.bio-timeline article:hover{padding-left:10px}.bio-timeline h3{font-size:24px}.bio-timeline p{font-size:14px}}

/* ==========================================================================
   Единый стиль кнопок
   ========================================================================== */
.nav-action,.page-primary,.page-secondary{
  gap:10px;min-height:48px;padding:0 22px;
  font-size:13px;line-height:1;white-space:nowrap;
  border-radius:14px;cursor:pointer;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,filter .22s ease;
}
.nav-action b,.page-primary b,.page-secondary b{font-size:12px;transition:transform .22s ease}
.nav-action:hover b,.page-primary:hover b,.page-secondary:hover b{transform:translate(2px,-2px)}
.nav-action:active,.page-primary:active,.page-secondary:active{transform:translateY(1px) scale(.985)}
.nav-action:focus-visible,.page-primary:focus-visible,.page-secondary:focus-visible,
.page-nav nav a:focus-visible{outline:2px solid #6ad6ff;outline-offset:3px;border-radius:10px}

/* ==========================================================================
   Адаптив. Навигация всегда живёт в верхней панели: отдельная плавающая
   панель снизу перекрывала контент на невысоких и узких экранах.
   Заголовки задаются через vw, иначе длинные строки обрезались по краю.
   ========================================================================== */
h1,h2,h3,blockquote{overflow-wrap:break-word}
.page-nav{gap:clamp(10px,2vw,26px)}
.page-nav nav{align-items:center;gap:clamp(9px,2.4vw,34px);min-width:0}

@media(max-width:1100px){
  .page-nav{height:76px}
  .page-nav nav a{font-size:12px}
}

@media(max-width:760px){
  .page-nav{height:66px}
  /* Подпись под логотипом первой начинает ломать строку — прячем, знак остаётся. */
  .page-brand span{display:none}
  .page-nav nav a{font-size:11px;font-weight:800}
  .nav-action{min-height:38px;padding:0 12px;font-size:10px;gap:7px}
  .nav-action b{font-size:11px}

  .landing-copy h1{font-size:clamp(30px,8.6vw,56px)}
  .subpage-hero h1{font-size:clamp(33px,9.8vw,58px)}
  .bio-hero h1{font-size:clamp(58px,19vw,105px)}
  .bio-hero h2{font-size:clamp(26px,7.6vw,39px)}
  .intro-section h2,.flow-copy h2,.landing-cta h2,
  .bio-about h2,.bio-section-title h2,.bio-contact h2{font-size:clamp(27px,7.6vw,43px)}
  .bio-manifest blockquote{font-size:clamp(24px,7.2vw,38px)}
  .bio-portrait strong{font-size:clamp(32px,9vw,50px)}
  .capability-grid h3,.bio-cards h3,.bio-projects h3,.bio-timeline h3{font-size:clamp(20px,5.6vw,25px)}
}

@media(max-width:430px){
  .page-nav{height:62px;padding:0 9px}
  .page-brand img{width:34px;height:34px;border-radius:11px}
  .page-nav nav{gap:9px}
  .page-nav nav a{font-size:10px}
  .nav-action{min-height:34px;padding:0 10px;font-size:9px;gap:5px}
}

@media(max-width:360px){
  .page-nav nav{gap:7px}
  .page-nav nav a{font-size:9px}
  /* Ниже 360px подпись кнопки не помещается рядом с четырьмя ссылками. */
  .nav-action{padding:0 8px;font-size:0}
  .nav-action b{font-size:12px}
}

/* ==========================================================================
   Showcase bento — анимированные карточки в стиле продающей витрины
   ========================================================================== */
.showcase-bento{
  display:grid;grid-template-columns:1.15fr .85fr;gap:14px;margin:20px 0 40px;
}
.show-card{
  position:relative;overflow:hidden;border:1px solid rgba(91,162,246,.22);
  border-radius:28px;padding:28px;min-height:340px;
  background:radial-gradient(circle at 90% 0,rgba(40,125,255,.16),transparent 42%),linear-gradient(160deg,#08182e,#040a17 70%);
  box-shadow:inset 0 1px rgba(255,255,255,.05);
  display:grid;gap:22px;align-content:start;
}
.show-chat{grid-row:span 2;min-height:720px;grid-template-rows:auto 1fr}
.show-copy h3{margin:0 0 10px;font-size:clamp(24px,2.4vw,32px);letter-spacing:-.04em;line-height:1.05}
.show-copy p:not(.page-kicker){margin:0 0 14px;color:#7f96b4;font-size:14px;line-height:1.65;max-width:420px}
.show-copy a{color:#6ed6ff;text-decoration:none;font-weight:850;font-size:13px}
.show-copy a:hover{color:#fff}

/* FunPay chat */
.fp-chat{
  position:relative;align-self:end;border:1px solid rgba(80,210,140,.28);
  border-radius:22px;background:rgba(6,12,18,.92);
  box-shadow:0 30px 90px rgba(0,0,0,.45),0 0 60px rgba(40,180,110,.12);
  overflow:hidden;isolation:isolate;
}
.fp-chat:before{
  content:"";position:absolute;inset:-30% -20%;z-index:0;
  background:radial-gradient(circle at 30% 40%,rgba(55,200,120,.18),transparent 45%);
  pointer-events:none;
}
.fp-chat-bar{
  position:relative;z-index:1;display:flex;align-items:center;gap:10px;
  padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.06);
}
.fp-chat-bar .dots{display:flex;gap:5px}
.fp-chat-bar .dots i{width:9px;height:9px;border-radius:50%;background:#ff5f57}
.fp-chat-bar .dots i:nth-child(2){background:#febc2e}
.fp-chat-bar .dots i:nth-child(3){background:#28c840}
.fp-chat-bar b{color:#e8f0f7;font-size:12px}
.fp-chat-bar em{margin-left:auto;color:#5ee3a8;font-style:normal;font-size:9px;letter-spacing:.08em;font-weight:900}
.fp-chat-body{position:relative;z-index:1;display:grid;gap:10px;padding:14px;min-height:360px}
.chat-line{opacity:0;transform:translateY(12px)}
.fp-chat.is-playing .chat-line{animation:chat-in .5s ease forwards;animation-delay:calc(var(--d)*.85s)}
@keyframes chat-in{to{opacity:1;transform:none}}
.chat-line.info{
  display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;
  background:rgba(255,255,255,.04);color:#9aadc4;font-size:12px;
}
.chat-line.info i{
  display:grid;place-items:center;width:18px;height:18px;border-radius:50%;
  background:#3b82f6;color:#fff;font-size:10px;font-style:normal;font-weight:900;
}
.chat-line.info strong{margin-left:auto;color:#f5a623;letter-spacing:1px}
.chat-line.bot,.chat-line.buyer{padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.05)}
.chat-line.buyer{margin-left:18%;background:rgba(40,120,255,.12)}
.chat-line.bot>div,.chat-line.buyer>div{display:flex;align-items:center;gap:7px;margin-bottom:5px}
.chat-line b{font-size:12px;color:#d7e7ff}
.chat-line em{
  display:inline-grid;place-items:center;padding:2px 6px;border-radius:6px;
  background:#2f6dff;color:#fff;font-style:normal;font-size:8px;font-weight:950;
}
.chat-line time{margin-left:auto;color:#617891;font-size:10px}
.chat-line p{margin:0;color:#c5d5e8;font-size:13px;line-height:1.45}
.chat-spark{
  position:absolute;right:8%;top:18%;z-index:2;color:#7ce7ff;font-size:42px;
  text-shadow:0 0 30px #3db8ff;animation:spark-pulse 2.8s ease-in-out infinite;
}
@keyframes spark-pulse{50%{transform:scale(1.15) rotate(8deg);opacity:.7}}

/* Devices */
.device-stage{position:relative;min-height:180px;display:grid;place-items:center}
.desk-frame{
  width:78%;aspect-ratio:16/10;border:1px solid rgba(90,160,240,.25);border-radius:16px;
  background:linear-gradient(160deg,#0b1a30,#06101f);padding:12px;box-shadow:0 20px 50px rgba(0,0,0,.35);
}
.desk-bar{height:4px;width:28%;border-radius:99px;background:linear-gradient(90deg,#5ad4ff,#3a7bff);margin-bottom:12px}
.desk-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;height:calc(100% - 16px)}
.desk-grid b{border-radius:10px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.04)}
.desk-grid b.on{background:linear-gradient(145deg,rgba(70,180,255,.45),rgba(40,90,255,.35));box-shadow:0 0 24px rgba(60,160,255,.35);animation:tile-glow 2.4s ease-in-out infinite}
.desk-grid b.on:nth-child(5){animation-delay:.4s}
.desk-grid b.on:nth-child(9){animation-delay:.8s}
@keyframes tile-glow{50%{filter:brightness(1.25)}}
.phone-frame{
  position:absolute;right:4%;bottom:0;width:28%;aspect-ratio:9/16;
  border:1px solid rgba(90,160,240,.3);border-radius:14px;padding:10px 8px;
  background:linear-gradient(180deg,#0d213d,#071222);box-shadow:0 18px 40px rgba(0,0,0,.4);
  animation:phone-float 4.5s ease-in-out infinite;
}
@keyframes phone-float{50%{transform:translateY(-8px)}}
.phone-bar{height:3px;width:40%;margin:0 auto 10px;border-radius:99px;background:rgba(255,255,255,.15)}
.phone-bubbles{display:grid;gap:7px}
.phone-bubbles i{display:block;height:14px;border-radius:8px;background:rgba(255,255,255,.08)}
.phone-bubbles i:nth-child(1){width:70%;background:rgba(70,170,255,.35)}
.phone-bubbles i:nth-child(2){width:88%;margin-left:auto}
.phone-bubbles i:nth-child(3){width:55%;background:rgba(70,170,255,.22)}

/* Пульс магазина — горизонтальные полосы вместо чужого weekly-чарта */
.u7-pulse{min-height:200px;padding-top:4px}
.pulse-head{display:flex;align-items:baseline;gap:10px;margin-bottom:22px}
.pulse-head strong{font-size:34px;letter-spacing:-.04em;background:linear-gradient(100deg,#fff,#7ad8ff);-webkit-background-clip:text;color:transparent}
.pulse-head span{color:#7188a6;font-size:12px}
.pulse-rows{display:grid;gap:12px}
.pulse-rows>div{display:grid;grid-template-columns:88px 1fr 36px;align-items:center;gap:10px}
.pulse-rows span{color:#9bb0c9;font-size:12px;font-weight:750}
.pulse-rows i{display:block;height:10px;width:0;border-radius:99px;background:linear-gradient(90deg,#3a7bff,#6ce7ff);box-shadow:0 0 18px rgba(60,160,255,.28);transition:width 1.1s cubic-bezier(.2,.8,.2,1)}
.u7-pulse.is-on .pulse-rows i{width:var(--w)}
.pulse-rows b{color:#dff4ff;font-size:13px;text-align:right}

/* Совместимость: старый класс графика, если где-то остался */
.u7-chart{min-height:200px}

/* Code terminal */
.code-terminal{
  position:relative;border:1px solid rgba(90,160,240,.22);border-radius:18px;
  background:#050d1a;overflow:hidden;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  box-shadow:0 20px 50px rgba(0,0,0,.35);
}
.code-bar{display:flex;align-items:center;gap:6px;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.06)}
.code-bar span{width:9px;height:9px;border-radius:50%;background:#ff5f57}
.code-bar span:nth-child(2){background:#febc2e}
.code-bar span:nth-child(3){background:#28c840}
.code-bar b{margin-left:8px;color:#7f96b4;font-size:11px;font-weight:700}
.code-terminal pre{margin:0;padding:14px 16px 22px;overflow:hidden;min-height:160px}
.code-terminal code{display:block;color:#c7d7ec;font-size:12px;line-height:1.65;white-space:pre}
.c-kw{color:#c792ea}.c-fn{color:#82aaff}.c-str{color:#c3e88d}.c-muted{color:#546e7a}
.code-cursor{
  position:absolute;left:16px;bottom:14px;width:8px;height:14px;background:#6ad6ff;
  animation:blink 1s steps(1) infinite;
}
@keyframes blink{50%{opacity:0}}
.code-terminal.is-typing code{animation:code-reveal 4.5s steps(48) infinite}
@keyframes code-reveal{
  0%,8%{clip-path:inset(0 100% 0 0)}
  55%,92%{clip-path:inset(0 0 0 0)}
  100%{clip-path:inset(0 100% 0 0)}
}

.show-wide{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:28px}
@media(max-width:980px){
  .showcase-bento{grid-template-columns:1fr}
  .show-chat{grid-row:auto;min-height:auto}
  .show-wide{grid-template-columns:1fr}
  .fp-chat-body{min-height:300px}
}
@media(max-width:760px){
  .show-card{padding:20px;border-radius:22px;min-height:auto}
  .show-copy h3{font-size:24px}
  .chat-spark{display:none}
  .chart-head strong{font-size:28px}
  .code-terminal code{font-size:11px}
}

/* FAQ visual strip */
.faq-visual{
  margin:0 0 40px;padding:28px;border:1px solid rgba(91,162,246,.2);border-radius:26px;
  background:linear-gradient(145deg,rgba(10,28,55,.9),rgba(4,10,22,.95));
  display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:center;
}
.faq-visual .code-terminal{min-height:210px}
@media(max-width:760px){.faq-visual{grid-template-columns:1fr;padding:20px}}

/* Bio programming stage */
.bio-code-stage{
  position:relative;min-height:520px;display:grid;place-items:center;isolation:isolate;
}
.bio-code-stage .code-rain{
  position:absolute;inset:8% 5%;z-index:0;overflow:hidden;opacity:.28;
  mask-image:radial-gradient(circle at 50% 45%,#000 20%,transparent 72%);
  font:11px/1.4 ui-monospace,Menlo,Consolas,monospace;color:#8b7cff;white-space:pre;
}
.bio-code-stage .code-rain span{display:block;animation:rain-fall 7s linear infinite;opacity:.55}
.bio-code-stage .code-rain span:nth-child(2){animation-delay:-1.4s;margin-left:12%}
.bio-code-stage .code-rain span:nth-child(3){animation-delay:-2.8s;margin-left:28%}
.bio-code-stage .code-rain span:nth-child(4){animation-delay:-4.1s;margin-left:48%}
.bio-code-stage .code-rain span:nth-child(5){animation-delay:-5.5s;margin-left:68%}
@keyframes rain-fall{from{transform:translateY(-40%);opacity:0}20%{opacity:.6}to{transform:translateY(55%);opacity:0}}
.bio-code-stage .bio-core{
  position:relative;z-index:2;width:min(340px,72%);aspect-ratio:1;display:grid;place-items:center;
}
.bio-code-stage .bio-core img{
  width:100%;filter:drop-shadow(0 0 40px rgba(120,90,255,.45));
  animation:globe-float 6s ease-in-out infinite;
}
.bio-code-stage .orbit-ring{
  position:absolute;inset:-8%;border:1px solid rgba(140,110,255,.35);border-radius:50%;
  animation:scene-spin 18s linear infinite;
}
.bio-code-stage .orbit-ring:nth-child(2){inset:-18%;border-color:rgba(70,160,255,.22);animation-direction:reverse;animation-duration:26s}
.bio-code-stage .bio-tag{
  position:absolute;z-index:3;padding:10px 12px;border:1px solid rgba(140,110,255,.3);
  border-radius:14px;background:rgba(12,10,32,.82);backdrop-filter:blur(12px);
  box-shadow:0 14px 40px rgba(0,0,0,.35);animation:chip-fly 7s ease-in-out infinite;
}
.bio-code-stage .bio-tag small{display:block;color:#8a7fc0;font-size:8px;letter-spacing:.12em}
.bio-code-stage .bio-tag b{font-size:11px}
.bio-tag.t1{left:-2%;top:18%}
.bio-tag.t2{right:-4%;top:28%;animation-delay:-2.2s}
.bio-tag.t3{left:8%;bottom:10%;animation-delay:-4.4s}
.bio-terminal-card{
  margin-top:40px;border:1px solid rgba(130,100,255,.28);border-radius:22px;overflow:hidden;
  background:#0a0820;box-shadow:0 25px 70px rgba(40,20,100,.25);
}
.bio-terminal-card .code-bar b{color:#a898e8}
.bio-terminal-card pre{margin:0;padding:18px 20px 24px}
.bio-terminal-card code{display:block;font:13px/1.7 ui-monospace,Menlo,Consolas,monospace;color:#d2c9ff;white-space:pre}
.bio-terminal-card .c-kw{color:#c792ea}.bio-terminal-card .c-fn{color:#82aaff}
.bio-terminal-card .c-str{color:#c3e88d}.bio-terminal-card .c-muted{color:#6b6294}
@media(max-width:760px){
  .bio-code-stage{min-height:420px}
  .bio-tag.t2{display:none}
}

@media(prefers-reduced-motion:reduce){
  .chat-line,.code-terminal.is-typing code,.chart-line polyline,.desk-grid b.on,.phone-frame,.chat-spark,.bio-code-stage .code-rain span{animation:none!important}
  .chat-line,.u7-chart .chart-bars i,.u7-chart .chart-bars b{opacity:1;transform:none;height:var(--h)}
  .chart-line polyline{stroke-dashoffset:0}
}

/* ==========================================================================
   Bio solo — личная страница без магазинной навигации
   ========================================================================== */
.bio-solo .page-nav,.bio-solo .bio-nav{display:none}
.bio-top{
  width:min(1100px,calc(100% - 36px));margin:18px auto 0;padding:14px 18px;
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  border:1px solid rgba(140,110,255,.22);border-radius:22px;
  background:rgba(10,8,28,.72);backdrop-filter:blur(18px);
}
.bio-mark{display:flex;align-items:center;gap:12px}
.bio-mark img{width:46px;height:46px;border-radius:15px;object-fit:cover;border:1px solid rgba(160,130,255,.35);box-shadow:0 0 28px rgba(110,80,255,.28)}
.bio-mark b{display:block;font-size:16px;letter-spacing:.08em}
.bio-mark small{display:block;color:#7f74b0;font-size:8px;letter-spacing:.16em}
.bio-top-cta{min-height:42px;padding:0 16px;font-size:12px}
.bio-solo .bio-main{width:min(1100px,calc(100% - 36px));padding-bottom:80px}
.bio-hero-solo{
  min-height:auto;padding:70px 0 50px;display:grid;grid-template-columns:.9fr 1.1fr;
  gap:48px;align-items:center;
}
.bio-avatar-stage{position:relative;min-height:420px;display:grid;place-items:center}
.bio-avatar{
  position:relative;z-index:2;width:min(300px,70%);aspect-ratio:1;border-radius:32px;object-fit:cover;
  border:1px solid rgba(160,130,255,.35);
  box-shadow:0 30px 80px rgba(0,0,0,.45),0 0 60px rgba(110,80,255,.28);
  animation:globe-float 7s ease-in-out infinite;
}
.avatar-glow{
  position:absolute;width:70%;aspect-ratio:1;border-radius:50%;
  background:radial-gradient(circle,rgba(130,90,255,.35),transparent 68%);filter:blur(18px);
}
.avatar-orbit{
  position:absolute;border:1px solid rgba(140,110,255,.28);border-radius:50%;
  animation:scene-spin 22s linear infinite;
}
.avatar-orbit.o1{width:88%;height:52%;transform:rotate(-18deg)}
.avatar-orbit.o2{width:62%;height:90%;transform:rotate(28deg);animation-direction:reverse;animation-duration:30s;border-color:rgba(70,160,255,.2)}
.avatar-chip{
  position:absolute;z-index:3;padding:10px 12px;border:1px solid rgba(140,110,255,.28);
  border-radius:14px;background:rgba(12,10,32,.84);backdrop-filter:blur(12px);
  box-shadow:0 14px 40px rgba(0,0,0,.35);animation:chip-fly 7s ease-in-out infinite;
}
.avatar-chip small{display:block;color:#8a7fc0;font-size:8px;letter-spacing:.12em}
.avatar-chip b{font-size:11px}
.avatar-chip.c1{left:2%;top:18%}
.avatar-chip.c2{right:0;bottom:16%;animation-delay:-2.4s}
.bio-hero-copy h1{margin:8px 0 16px;font-size:clamp(72px,12vw,140px);line-height:.78;letter-spacing:-.09em}
.bio-hero-copy h1 span{color:#8c68ff;text-shadow:0 0 40px rgba(116,77,255,.45)}
.bio-lead{max-width:560px;margin:0 0 26px;color:#8a9ab5;font-size:17px;line-height:1.75}
.bio-cta-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px}
.bio-soft-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;max-width:480px}
.bio-soft-stats div{padding:14px 12px;border:1px solid rgba(130,100,255,.2);border-radius:16px;background:rgba(12,10,30,.55)}
.bio-soft-stats strong,.bio-soft-stats span{display:block}
.bio-soft-stats strong{font-size:18px;letter-spacing:-.03em}
.bio-soft-stats span{margin-top:2px;color:#7d8da8;font-size:10px}
.bio-code-band{margin:10px 0 30px;overflow:hidden;border-block:1px solid rgba(130,100,255,.18);padding:16px 0}
.code-drift{display:flex;gap:28px;width:max-content;color:#8b7cff;font-size:11px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;animation:drift-left 28s linear infinite}
.code-drift span{opacity:.7}
@keyframes drift-left{to{transform:translateX(-40%)}}
.bio-solo-footer{
  width:min(1100px,calc(100% - 36px));margin:0 auto;padding:28px 0 40px;
  display:flex;justify-content:space-between;border-top:1px solid rgba(130,100,255,.18);color:#7d8da8;
}
.bio-solo-footer a{color:#c9baff;text-decoration:none;font-weight:850}
.bio-solo-footer a:hover{color:#fff}

@media(max-width:900px){
  .bio-hero-solo{grid-template-columns:1fr;gap:28px;padding-top:40px}
  .bio-avatar-stage{min-height:320px;order:-1}
  .bio-soft-stats{grid-template-columns:repeat(2,1fr);max-width:none}
}
@media(max-width:760px){
  .bio-top{width:calc(100% - 24px);padding:10px 12px}
  .bio-mark small{display:none}
  .bio-mark img{width:38px;height:38px;border-radius:12px}
  .bio-top-cta{min-height:36px;padding:0 12px;font-size:11px}
  .bio-solo .bio-main{width:calc(100% - 24px)}
  .bio-hero-copy h1{font-size:clamp(64px,20vw,96px)}
  .bio-lead{font-size:15px}
  .avatar-chip.c2{display:none}
  .bio-solo-footer{width:calc(100% - 24px)}
}
@media(prefers-reduced-motion:reduce){
  .code-drift,.bio-avatar,.avatar-orbit,.avatar-chip{animation:none!important}
  .u7-pulse .pulse-rows i{width:var(--w)}
}