:root{--bg: #080f24;--bg-2: #0b0d1a;--panel: rgba(255, 255, 255, .04);--line: rgba(255, 255, 255, .09);--text: #e8eaf6;--muted: #8c90b0;--cyan: #3ef2ff;--violet: #8b5cff;--pink: #ff4fd8;--grad: linear-gradient(100deg, var(--cyan), var(--violet) 50%, var(--pink));--sans: "Space Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;--mono: "JetBrains Mono", ui-monospace, "Cascadia Code", Consolas, monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%}#field{display:block;position:fixed;top:0;left:0;max-width:100vw;z-index:0;pointer-events:none}.wrap{position:relative;z-index:1;max-width:1180px;margin:0 auto;padding-inline:24px}nav{position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#05060d99;border-bottom:1px solid var(--line)}nav .wrap{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;height:68px}nav .wrap>.btn{justify-self:end}.menu-toggle{display:none;width:40px;height:40px;padding:0;place-items:center;border-radius:12px;cursor:pointer;background:var(--panel);border:1px solid var(--line);color:var(--text)}.menu-toggle svg{width:20px;height:20px}.mobile-menu{display:none}.logo{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.02em}.logo-mark{display:inline-block;flex:none;background:var(--grad);-webkit-mask:var(--logo) center / contain no-repeat;mask:var(--logo) center / contain no-repeat}.hero-logo{display:flex;justify-content:center;margin-bottom:28px;filter:drop-shadow(0 0 24px rgba(139,92,255,.55));animation:float-logo 6s ease-in-out infinite}@keyframes float-logo{50%{transform:translateY(-10px)}}.links{display:flex;gap:28px;font-size:14px;color:var(--muted)}.links a:hover{color:var(--text)}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:999px;font-weight:500;font-size:15px;border:1px solid var(--line);transition:transform .2s,box-shadow .2s,background .2s;cursor:pointer}.btn:hover{transform:translateY(-2px)}.btn.primary{background:var(--grad);color:#05060d;border:none;box-shadow:0 0 30px #8b5cff73}.btn.primary:hover{box-shadow:0 0 50px #3ef2ff8c}.btn.ghost{background:var(--panel)}nav .btn{padding:9px 18px;font-size:14px}.hero{min-height:calc(100vh - 68px);display:grid;place-items:center;text-align:center;padding-block:80px}.tag{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--cyan);border:1px solid rgba(62,242,255,.3);padding:6px 14px;border-radius:999px;background:#3ef2ff0f}.tag .dot{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan);animation:pulse 1.6s infinite}@keyframes pulse{50%{opacity:.3}}h1{font-size:clamp(44px,9vw,112px);line-height:.95;letter-spacing:-.04em;margin:28px 0 24px}.grad-text{background:var(--grad);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shift 6s linear infinite}@keyframes shift{to{background-position:200% center}}.lead{font-size:clamp(17px,2vw,21px);color:var(--muted);max-width:720px;margin:0 auto 40px}.cta-row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.typed{font-family:var(--mono);color:var(--text)}.caret{display:inline-block;width:.55em;height:1.1em;vertical-align:-.2em;background:var(--cyan);animation:pulse 1s steps(1) infinite}section{padding-block:110px}.eyebrow{font-family:var(--mono);font-size:13px;color:var(--violet);letter-spacing:.14em;text-transform:uppercase}h2{font-size:clamp(32px,5vw,56px);line-height:1.05;letter-spacing:-.03em;margin:14px 0 18px}.sub{color:var(--muted);max-width:620px;font-size:18px}.one{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center}.checks{list-style:none;padding:0;margin:28px 0 0;display:grid;gap:12px}.checks li{display:flex;gap:12px;align-items:flex-start}.checks li:before{content:"✔";color:var(--cyan);font-weight:700}.compare{display:grid;gap:16px}.compare .box{padding:26px;border-radius:20px;border:1px solid var(--line);background:var(--panel)}.compare .label{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.compare .old ul{margin:14px 0 0;padding:0;list-style:none;display:grid;gap:10px}.compare .old li{display:flex;gap:10px;color:var(--muted);text-decoration:line-through;text-decoration-color:#ff4fd899}.compare .old li span{text-decoration:none}.compare .new{border-color:#3ef2ff59;background:linear-gradient(135deg,#3ef2ff1a,#8b5cff1f);box-shadow:0 0 40px #8b5cff2e}.compare .new p{margin:10px 0 0;font-size:20px;font-weight:500}.compare .arrow{text-align:center;color:var(--cyan);font-size:22px;line-height:1}.duo{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:56px}.duo .card ul{margin:0;padding-left:20px;color:var(--muted);display:grid;gap:10px;position:relative}.duo .card li::marker{color:var(--cyan)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:56px}.card{position:relative;padding:30px;border-radius:20px;background:var(--panel);border:1px solid var(--line);transition:transform .3s,border-color .3s;overflow:hidden}.card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(400px circle at var(--mx, 50%) var(--my, 50%),rgba(139,92,255,.18),transparent 40%);opacity:0;transition:opacity .3s}.card:hover{transform:translateY(-6px);border-color:#8b5cff66}.card:hover:before{opacity:1}.card .ico{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:#3ef2ff14;border:1px solid rgba(62,242,255,.25);color:var(--cyan);margin-bottom:20px}.card h3{margin:0 0 8px;font-size:20px;position:relative}.card p{margin:0;color:var(--muted);position:relative}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center;border-block:1px solid var(--line);padding-block:60px}.stat b{display:block;font-size:clamp(36px,5vw,58px);letter-spacing:-.03em;line-height:1}.stat span{color:var(--muted);font-size:14px;font-family:var(--mono)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:56px;counter-reset:s}.step{padding-top:26px;border-top:2px solid;border-image:var(--grad) 1}.step:before{counter-increment:s;content:"0" counter(s);font-family:var(--mono);color:var(--cyan);font-size:14px}.step h3{margin:10px 0 6px;font-size:22px}.step p{margin:0;color:var(--muted)}.step p a{color:var(--cyan);text-decoration:underline;text-underline-offset:3px}.step p a:hover{color:var(--text)}.manifesto{text-align:center}.manifesto blockquote{font-size:clamp(26px,4vw,44px);line-height:1.2;letter-spacing:-.02em;max-width:900px;margin:0 auto;font-weight:500}.manifesto cite{display:block;margin-top:24px;font-style:normal;color:var(--muted);font-family:var(--mono);font-size:14px}.final{text-align:center;border-radius:28px;padding:80px 24px;background:radial-gradient(circle at 20% 0%,rgba(62,242,255,.18),transparent 50%),radial-gradient(circle at 80% 100%,rgba(255,79,216,.18),transparent 50%),var(--bg-2);border:1px solid var(--line)}.final h2{max-width:820px;margin-inline:auto}.final .sub{margin:0 auto 36px}.contact-line{margin-top:22px;font-family:var(--mono);font-size:14px;color:var(--muted);overflow-wrap:anywhere}.contact-line b{color:var(--text);font-weight:600}footer{border-top:1px solid var(--line);padding-block:36px;color:var(--muted);font-size:14px}footer .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px}.reveal{opacity:0;transform:translateY(30px);transition:opacity .9s ease,transform .9s ease}.reveal.in{opacity:1;transform:none}@media (max-width: 900px){.one,.grid,.steps,.duo{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr);row-gap:40px}.links{display:none}nav .wrap{grid-template-columns:1fr auto auto;gap:10px}.menu-toggle{display:grid}.mobile-menu.open{display:grid;padding:8px 24px 20px;border-top:1px solid var(--line)}.mobile-menu a{padding:12px 0;font-size:17px;color:var(--muted);border-bottom:1px solid var(--line)}.mobile-menu a:last-child{border-bottom:none}.mobile-menu a:hover{color:var(--text)}section{padding-block:80px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}.product-card{display:flex;flex-direction:column;gap:10px;padding:36px;border-radius:24px;border:1px solid rgba(62,242,255,.35);background:linear-gradient(135deg,#3ef2ff1a,#8b5cff1f);box-shadow:0 0 40px #8b5cff2e}.product-card.reveal.in{transition:opacity .9s ease,transform .3s ease,box-shadow .3s}a.product-card:hover{transform:translateY(-6px);box-shadow:0 0 60px #3ef2ff4d}.product-card .label{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan)}.product-card h3{margin:0;font-size:clamp(30px,4vw,44px);letter-spacing:-.03em}.product-card p{margin:0;color:var(--muted);max-width:560px}.product-card .more{margin-top:auto;padding-top:14px;font-weight:500}.product-card.soon{border-style:dashed;border-color:var(--line);background:var(--panel);box-shadow:none}.product-card.soon .label{color:var(--muted)}.footer-links{display:flex;flex-wrap:wrap;gap:20px;font-family:var(--mono)}.footer-links a:hover{color:var(--text)}h1.motto{font-size:clamp(40px,7.4vw,92px)}.footer-motto{display:block;font-style:normal;color:var(--text);margin-bottom:4px}.page-head{padding-block:120px 40px;text-align:center}.page-head .sub{margin-inline:auto}.page-title{font-size:clamp(44px,8vw,96px);margin:14px 0 18px}.project-list{padding-block:20px 110px}.product-card.project{gap:16px}.tags{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:4px 0 10px}.tags li{font-family:var(--mono);font-size:12px;padding:5px 12px;border-radius:999px;border:1px solid rgba(62,242,255,.3);color:var(--cyan);background:#3ef2ff0f}.warp-btn{position:relative}.warp-btn:hover,.warp-btn:focus-visible,.warp-btn.jumping{transform:translateY(-2px) scale(1.04);box-shadow:0 0 30px #3ef2ffb3,0 0 80px #8b5cff99,0 0 140px #ff4fd859}.typed-line{display:block;height:1.6em;margin-top:6px;white-space:nowrap}
