:root{--bg: #06060b;--ink: #f5f7ff;--muted: #adb6c9;--soft: rgba(245, 247, 255, .12);--mint: #39ffca;--coral: #ff5c7a;--gold: #ffe66d;--blue: #31a8ff;--mx: 58%;--my: 46%;color:var(--ink);background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#app{width:100%;min-width:320px;min-height:100%;margin:0}html,body{overflow:hidden}body{min-height:100svh;isolation:isolate}#app{min-height:100svh;display:grid;place-items:center;overflow:hidden;padding:16px}button,a{-webkit-tap-highlight-color:transparent}.grid,.glow,.grain,.energy{position:fixed;inset:0;pointer-events:none}.grid{inset:auto -8vw -34vh;height:78vh;background:linear-gradient(rgba(49,168,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(49,168,255,.08) 1px,transparent 1px);background-size:58px 58px;transform:perspective(760px) rotateX(62deg);transform-origin:center bottom;animation:grid-move 2.8s linear infinite;opacity:.72;-webkit-mask-image:linear-gradient(to top,black,transparent 86%);mask-image:linear-gradient(to top,black,transparent 86%)}.glow{background:radial-gradient(circle at var(--mx) var(--my),rgba(57,255,202,.22),transparent 18%),radial-gradient(circle at 74% 38%,rgba(49,168,255,.2),transparent 25%),radial-gradient(circle at 28% 22%,rgba(255,92,122,.16),transparent 24%),radial-gradient(circle at 50% 72%,rgba(255,230,109,.1),transparent 28%),linear-gradient(180deg,#06060b1f,#06060be0);z-index:-3}.grain{background:repeating-radial-gradient(circle at 32% 28%,rgba(255,255,255,.04) 0 1px,transparent 1px 5px),repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 7px);mix-blend-mode:screen;opacity:.54;z-index:-1}.energy{width:100%;height:100%;z-index:-2}.stage{width:min(1320px,100%);height:min(690px,calc(100svh - 32px));display:grid;grid-template-columns:minmax(540px,.98fr) minmax(420px,1.02fr);grid-template-rows:minmax(0,1fr) auto;grid-template-areas:"copy reactor" "cta cta";align-items:center;gap:clamp(20px,5vw,76px) clamp(24px,5vw,82px);position:relative;z-index:2;margin-inline:auto}.copy{grid-area:copy;display:grid;align-content:center;gap:20px;width:min(100%,660px);min-width:0}.claim{color:var(--gold);font:850 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.16em;text-transform:uppercase;text-shadow:0 0 24px rgba(255,230,109,.64)}h1{width:fit-content;max-width:100%;margin:0;font-size:clamp(48px,8vw,118px);line-height:.86;letter-spacing:0}.wordmark{display:block;white-space:nowrap}.ideas{display:block;width:fit-content;margin-inline:auto;color:transparent;background:linear-gradient(90deg,var(--mint),var(--blue),var(--coral),var(--gold),var(--mint));background-size:260% 100%;-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 30px rgba(49,168,255,.3));animation:color-flow 6s linear infinite}p{width:100%;max-width:630px;margin:0;color:var(--muted);font-size:clamp(16px,1.9vw,22px);line-height:1.46}.cta{grid-area:cta;width:fit-content;min-height:54px;display:inline-flex;align-items:center;justify-self:center;gap:12px;padding:0 18px;border:1px solid rgba(57,255,202,.58);border-radius:8px;color:var(--ink);background:linear-gradient(90deg,#39ffca1f,#31a8ff12),#06060b9e;text-decoration:none;font-weight:850;box-shadow:0 0 34px #39ffca29,inset 0 0 22px #f5f7ff06;overflow:hidden;position:relative;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.cta:before{content:"";position:absolute;inset:-90% -24%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);transform:translate(-92%) rotate(15deg);animation:glint 3.8s ease-in-out infinite}.cta:hover,.cta:focus-visible{transform:translateY(-2px);border-color:#ffe66db8;box-shadow:0 0 46px #39ffca3b,0 0 38px #31a8ff29}.cta:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.cta svg,.cta span{position:relative;z-index:1}.cta svg{width:20px;height:20px;flex:0 0 auto}.reactor{grid-area:reactor;position:relative;width:min(510px,43vw);aspect-ratio:1;justify-self:center;display:grid;place-items:center;filter:drop-shadow(0 0 44px rgba(49,168,255,.16))}.ring{position:absolute;border:1px solid var(--soft);border-radius:50%}.ring:nth-child(1){inset:0;border-top-color:#39ffcac7;border-right-color:#31a8ffad;border-bottom-color:#ff5c7a47;animation:spin 9s linear infinite;box-shadow:inset 0 0 58px #31a8ff12}.ring:nth-child(2){inset:13%;border-left-color:#ffe66d9e;border-bottom-color:#ff5c7a9e;animation:spin 6.4s linear infinite reverse}.ring:nth-child(3){inset:27%;border-top-color:#31a8ffe0;border-right-color:#39ffca94;animation:spin 4.2s linear infinite}.ring:nth-child(4){inset:40%;border-color:#ffe66d70;animation:spin 2.8s linear infinite reverse}.nucleus{width:31%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 43% 39%,#fff,var(--gold) 14%,var(--mint) 32%,var(--blue) 54%,rgba(255,92,122,.18) 68%,transparent 72%);box-shadow:0 0 58px #39ffcabd,0 0 130px #31a8ff5c;animation:pulse 2.4s ease-in-out infinite}.signal{position:absolute;min-width:142px;padding:12px 13px;border:1px solid rgba(245,247,255,.14);border-radius:8px;background:#06060b94;color:#f5f7ffeb;-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);font:800 11px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;box-shadow:0 0 28px #31a8ff1f;animation:drift 5s ease-in-out infinite}.signal b{display:block;margin-bottom:8px;color:var(--gold);font-size:10px;letter-spacing:.13em;text-transform:uppercase}.signal:after{content:"";display:block;height:4px;margin-top:10px;border-radius:999px;background:linear-gradient(90deg,var(--mint),var(--blue),var(--coral),var(--gold));transform-origin:left;animation:load 3.1s ease-in-out infinite}.s1{left:-6%;top:12%}.s2{right:-5%;top:25%;animation-delay:-1.5s}.s3{left:10%;bottom:8%;animation-delay:-3s}.services{display:flex;justify-content:flex-start;gap:8px;flex-wrap:wrap}.services span{min-height:34px;display:inline-flex;align-items:center;padding:0 10px;border:1px solid rgba(245,247,255,.13);border-radius:8px;background:#ffffff09;color:#f5f7ffd1;font:800 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;box-shadow:0 0 22px #31a8ff14;animation:service-float 4.4s ease-in-out infinite}.services span:nth-child(2){animation-delay:-.7s;color:var(--mint)}.services span:nth-child(3){animation-delay:-1.4s;color:var(--coral)}.services span:nth-child(4){animation-delay:-2.1s;color:var(--blue)}.services span:nth-child(5){animation-delay:-2.8s;color:var(--gold)}.services span:nth-child(6){animation-delay:-3.5s}@keyframes color-flow{to{background-position:260% 0}}@keyframes grid-move{to{background-position:0 58px,58px 0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{transform:scale(1.075);filter:saturate(1.34)}}@keyframes drift{50%{transform:translateY(-13px) translate(7px)}}@keyframes load{0%,to{transform:scaleX(.25);opacity:.64}50%{transform:scaleX(1);opacity:1}}@keyframes glint{42%,to{transform:translate(120%) rotate(15deg)}}@keyframes service-float{50%{transform:translateY(-7px)}}@media(max-width:820px){#app{padding:12px}.stage{width:100%;height:calc(100svh - 24px);grid-template-columns:1fr;grid-template-areas:"reactor" "copy" "cta";align-content:center;justify-items:center;gap:10px;text-align:center}.copy{justify-items:center;gap:14px;width:calc(100vw - 32px);max-width:358px}h1{max-width:100%;font-size:clamp(40px,11.8vw,56px)}.ideas{margin-inline:auto}.reactor{width:min(315px,72vw,36svh)}.signal{min-width:100px;padding:9px 10px;font-size:9px}.signal b{margin-bottom:6px;font-size:8px}.s1{left:0;top:7%}.s2{right:18%;top:23%}.s3{left:25%;bottom:4%}p{max-width:315px;font-size:15px;line-height:1.36}p span{display:block}.services{display:grid;grid-template-columns:repeat(3,auto);justify-content:center;gap:6px;align-self:center}.services span{min-height:29px;padding:0 7px;font-size:9px}}@media(max-height:620px){.services{display:none}.copy{gap:12px}.reactor{width:min(280px,52svh)}.cta{min-height:48px}}@media(min-width:821px)and (max-width:1180px){.stage{grid-template-columns:minmax(430px,.95fr) minmax(330px,1.05fr)}h1{font-size:clamp(56px,7.2vw,86px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}
