/* CREON 4 — interactive code-field design layer */
html{background:#0b0f22}body{position:relative;isolation:isolate}body>header,body>main,body>footer{position:relative;z-index:1}.fx-global-canvas{position:fixed;z-index:0;inset:0;width:100%;height:100%;pointer-events:none;background:#0b0f22}.fx-progress{position:fixed;z-index:200;left:0;right:0;top:0;height:3px;background:rgba(255,255,255,.08);pointer-events:none}.fx-progress i{display:block;width:var(--fx-progress,0%);height:100%;background:linear-gradient(90deg,#2463ff,#8baaff 55%,#ff6846);box-shadow:0 0 18px rgba(36,99,255,.8)}.fx-hud{position:fixed;z-index:90;left:18px;bottom:18px;display:flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid rgba(128,165,255,.28);border-radius:5px;background:rgba(10,15,36,.76);color:#9eb6ff;font:700 9px/1.2 Manrope,monospace;letter-spacing:.12em;backdrop-filter:blur(12px);pointer-events:none}.fx-hud i{width:6px;height:6px;border-radius:50%;background:#ff6846;box-shadow:0 0 0 0 rgba(255,104,70,.55);animation:fxPulse 1.8s infinite}.fx-hud b{color:#fff;font-weight:700}.fx-hud em{color:#63719c;font-style:normal}
main>section{position:relative;isolation:isolate;overflow:hidden}main>section>.wrap,main>section>.hero-inner,main>section>.keyword-tool,main>section>.contact-grid{position:relative;z-index:3}.fx-code-layer{position:absolute;z-index:2;inset:0;overflow:hidden;pointer-events:none;opacity:.48;mix-blend-mode:screen;mask-image:linear-gradient(90deg,transparent 0,#000 16%,#000 88%,transparent 100%)}.fx-code-layer:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(97,134,255,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(97,134,255,.075) 1px,transparent 1px);background-size:46px 46px;animation:fxGrid 18s linear infinite}.fx-code-layer:after{content:"";position:absolute;left:0;right:0;top:-15%;height:20%;background:linear-gradient(transparent,rgba(82,126,255,.11),rgba(255,104,70,.06),transparent);animation:fxScan 9s linear infinite;will-change:transform}.fx-code-line{position:absolute;display:block;color:rgba(142,174,255,.65);text-shadow:0 0 14px rgba(36,99,255,.42);font:600 9px/1.6 Manrope,monospace;letter-spacing:.06em;white-space:nowrap;animation:fxCodeDrift var(--speed,16s) linear infinite;animation-delay:var(--delay,0s)}.fx-code-line:nth-child(2n){color:rgba(255,132,104,.55);animation-direction:reverse}.fx-code-line:nth-child(3n){font-size:8px;opacity:.72}.light .fx-code-layer,.white .fx-code-layer,.what .fx-code-layer,.proof .fx-code-layer,.books .fx-code-layer,.analysis-console .fx-code-layer{opacity:.2;mix-blend-mode:multiply}.light .fx-code-line,.white .fx-code-line,.what .fx-code-line,.proof .fx-code-line,.books .fx-code-line,.analysis-console .fx-code-line{color:rgba(20,61,177,.55);text-shadow:none}.light .fx-code-layer:before,.white .fx-code-layer:before,.what .fx-code-layer:before,.proof .fx-code-layer:before,.books .fx-code-layer:before,.analysis-console .fx-code-layer:before{background-image:linear-gradient(rgba(36,99,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(36,99,255,.07) 1px,transparent 1px)}
.fx-bracket{position:absolute;z-index:4;width:58px;height:58px;pointer-events:none;opacity:.5}.fx-bracket.tl{left:18px;top:18px;border-left:1px solid #6b91ff;border-top:1px solid #6b91ff}.fx-bracket.br{right:18px;bottom:18px;border-right:1px solid #ff8063;border-bottom:1px solid #ff8063}.fx-section-id{position:absolute;z-index:4;right:24px;top:22px;color:rgba(132,162,255,.6);font:700 8px Manrope,monospace;letter-spacing:.16em;pointer-events:none}.light .fx-section-id,.white .fx-section-id,.what .fx-section-id,.proof .fx-section-id{color:rgba(22,67,189,.48)}
.fx-reveal{opacity:0;transform:translateY(34px);filter:blur(5px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.75,.2,1),filter .75s ease}.fx-reveal.fx-in{opacity:1;transform:none;filter:none}.fx-card{--fx-x:50%;--fx-y:50%;position:relative}.fx-card:before{content:"";position:absolute;z-index:0;inset:0;background:radial-gradient(300px circle at var(--fx-x) var(--fx-y),rgba(89,130,255,.16),transparent 50%);opacity:0;transition:opacity .25s;pointer-events:none}.fx-card:hover:before{opacity:1}.fx-card>*{position:relative;z-index:1}
.hero .fx-code-layer{z-index:2;opacity:.72;mask-image:linear-gradient(90deg,transparent 0,#000 45%,#000 100%)}.hero .fx-code-line{font-size:10px}.hero-inner{z-index:4!important}.hero h1{position:relative}.hero h1:after{content:"_";display:inline-block;margin-left:.08em;color:#ff6846;font-weight:400;animation:fxCursor .9s steps(1) infinite}.hero .eyebrow:after{content:" / SYSTEM ONLINE";color:#ff8063}.founder-monogram,.profile-mark{position:relative;overflow:hidden}.founder-monogram:after,.profile-mark:after{content:"01010011 01011001\A STRATEGY.EXECUTE()\A DATA → DECISION";position:absolute;inset:auto 14px 14px;color:rgba(255,255,255,.48);font:700 8px/1.65 Manrope,monospace;letter-spacing:.08em;white-space:pre;text-align:left}
@keyframes fxGrid{to{background-position:46px 46px}}@keyframes fxScan{to{transform:translateY(625%)}}@keyframes fxCodeDrift{0%{transform:translate3d(-18vw,0,0)}100%{transform:translate3d(118vw,0,0)}}@keyframes fxPulse{70%{box-shadow:0 0 0 8px rgba(255,104,70,0)}}@keyframes fxCursor{50%{opacity:0}}
@media(max-width:760px){.fx-hud{left:10px;bottom:10px;padding:7px 9px}.fx-hud em{display:none}.fx-code-layer{opacity:.32}.fx-code-line:nth-child(n+7){display:none}.fx-bracket{width:35px;height:35px}.hero h1:after{display:none}}
@media(prefers-reduced-motion:reduce){.fx-code-layer:before,.fx-code-layer:after,.fx-code-line,.fx-hud i,.hero h1:after{animation:none!important}.fx-code-line{display:none}.fx-reveal{opacity:1;transform:none;filter:none}.fx-progress i{transition:none}}

/* motion polish and boot sequence */
body>header{z-index:100!important}body>main,body>footer{z-index:1}
.fx-ready .hero h1{animation:fxHeroIn 1s .08s both cubic-bezier(.2,.8,.2,1)}.fx-ready .hero .eyebrow{animation:fxHeroIn .7s both}.fx-ready .hero .hero-copy,.fx-ready .hero .hero-lead,.fx-ready .hero .lead,.fx-ready .hero .tags{animation:fxHeroIn .85s .2s both}.fx-ready header .brand,.fx-ready header .brand-lockup{animation:fxNavIn .7s .1s both}.fx-ready header nav{animation:fxNavIn .7s .2s both}
a,button{transition:transform .25s ease,color .25s ease,background-color .25s ease,border-color .25s ease,box-shadow .25s ease}.button:hover,.submit:hover,.nav-cta:hover,.keyword-cta:hover,.founder-link:hover{transform:translateY(-3px);box-shadow:0 10px 28px rgba(36,99,255,.25)!important}.button:active,.submit:active,.nav-cta:active,.keyword-cta:active{transform:translateY(0) scale(.97)}:focus-visible{outline:2px solid #ff6846!important;outline-offset:4px}
.fx-boot{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;background:#0b0f22;color:#fff;animation:fxBootOut .55s .75s forwards;pointer-events:none}.fx-boot-inner{width:min(520px,calc(100% - 44px));font:700 10px Manrope,monospace;letter-spacing:.14em}.fx-boot-brand{display:flex;justify-content:space-between;margin-bottom:14px}.fx-boot-brand b{color:#8eabff}.fx-boot-track{height:2px;background:#242c51;overflow:hidden}.fx-boot-track i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#2463ff,#ff6846);transform-origin:left;animation:fxBootLoad .72s both}.fx-boot-code{margin-top:12px;color:#596487;font-size:8px}
@keyframes fxHeroIn{from{opacity:0;transform:translateY(38px);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}@keyframes fxNavIn{from{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:none}}@keyframes fxBootLoad{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes fxBootOut{to{opacity:0;visibility:hidden}}
@media(prefers-reduced-motion:reduce){.fx-ready .hero h1,.fx-ready .hero .eyebrow,.fx-ready .hero .hero-copy,.fx-ready .hero .hero-lead,.fx-ready .hero .lead,.fx-ready header *{animation:none!important}.fx-boot{display:none}}

/* Multi-tone surfaces — no flat section backgrounds */
body{background-color:#090d20!important;background-image:radial-gradient(circle at 12% 18%,rgba(36,99,255,.3),transparent 31%),radial-gradient(circle at 88% 72%,rgba(255,104,70,.19),transparent 29%),linear-gradient(135deg,#090d20 0%,#121a3c 46%,#0c1128 100%)!important;background-attachment:fixed!important}
header,header.scrolled{background-color:rgba(9,13,32,.82)!important;background-image:linear-gradient(105deg,rgba(15,23,57,.93),rgba(25,31,67,.88) 52%,rgba(43,26,60,.88))!important;box-shadow:0 12px 38px rgba(3,6,18,.18)}
.analysis-console{background-color:#eef1fb!important;background-image:radial-gradient(circle at 8% 10%,rgba(36,99,255,.16),transparent 27%),radial-gradient(circle at 92% 85%,rgba(255,104,70,.14),transparent 28%),linear-gradient(125deg,#f8f6ee 0%,#edf2ff 48%,#fff1ec 100%)!important}
.category-hub{background-color:#0e1430!important;background-image:radial-gradient(circle at 17% 26%,rgba(56,110,255,.32),transparent 27%),radial-gradient(circle at 87% 73%,rgba(143,76,255,.22),transparent 29%),linear-gradient(145deg,#0b1028,#171e48 55%,#1b1232)!important}
.what,.light,.white,.proof,.press{background-color:#f4f5fb!important;background-image:radial-gradient(circle at 3% 6%,rgba(36,99,255,.13),transparent 24%),radial-gradient(circle at 96% 89%,rgba(255,104,70,.11),transparent 26%),linear-gradient(132deg,#faf8f1 0%,#eef3ff 50%,#fff5f0 100%)!important}
.physical{background-color:#1747cf!important;background-image:radial-gradient(circle at 16% 22%,rgba(113,155,255,.55),transparent 27%),radial-gradient(circle at 84% 75%,rgba(255,104,70,.34),transparent 31%),linear-gradient(145deg,#143db4 0%,#2c5df0 48%,#4330a7 100%)!important}
.books{background-color:#f45f42!important;background-image:radial-gradient(circle at 82% 17%,rgba(255,225,176,.42),transparent 26%),radial-gradient(circle at 11% 83%,rgba(86,51,180,.26),transparent 29%),linear-gradient(135deg,#ff7453 0%,#ed5c4c 48%,#b84470 100%)!important}
.founder-home,.soft,.iso{background-color:#10162f!important;background-image:radial-gradient(circle at 12% 21%,rgba(36,99,255,.33),transparent 28%),radial-gradient(circle at 91% 77%,rgba(255,104,70,.21),transparent 27%),linear-gradient(142deg,#0b1027 0%,#19214a 53%,#24152f 100%)!important}
.contact,section.cta,.contact-band{background-color:#1e50db!important;background-image:radial-gradient(circle at 17% 18%,rgba(130,170,255,.48),transparent 25%),radial-gradient(circle at 86% 79%,rgba(255,104,70,.4),transparent 27%),linear-gradient(135deg,#1641be 0%,#2962f0 47%,#6135af 100%)!important}
.keyword-shell{background-color:#eef2ff!important;background-image:radial-gradient(circle at 6% 12%,rgba(36,99,255,.14),transparent 24%),radial-gradient(circle at 93% 82%,rgba(255,104,70,.12),transparent 25%),linear-gradient(135deg,#fbf8f0,#edf3ff 54%,#fff1ec)!important}
footer{background-color:#080c1e!important;background-image:radial-gradient(circle at 15% 0,rgba(36,99,255,.2),transparent 30%),radial-gradient(circle at 90% 100%,rgba(255,104,70,.13),transparent 25%),linear-gradient(120deg,#080c1e,#131a39 58%,#170f26)!important}
.console-shell{background-color:rgba(255,255,255,.92)!important;background-image:linear-gradient(135deg,rgba(255,255,255,.96),rgba(239,244,255,.95) 58%,rgba(255,241,235,.94))!important}.console-panel{background-image:radial-gradient(circle at var(--fx-x,80%) var(--fx-y,10%),rgba(36,99,255,.07),transparent 38%)}
.category-grid a{background-color:#182040!important;background-image:radial-gradient(circle at 85% 10%,rgba(111,151,255,.22),transparent 34%),linear-gradient(145deg,rgba(36,48,94,.96),rgba(18,24,53,.98))!important;box-shadow:0 18px 35px rgba(4,8,24,.18)}.category-grid a:nth-child(3n+1){background-image:radial-gradient(circle at 82% 12%,rgba(255,255,255,.27),transparent 30%),linear-gradient(140deg,#3875ff,#244bd2 58%,#392ca3)!important}.category-grid a:nth-child(4n){background-image:radial-gradient(circle at 80% 12%,rgba(255,229,203,.3),transparent 30%),linear-gradient(140deg,#ff7a58,#e84e59 58%,#a33a7c)!important}
.service,.stack-card,.career article,.scope-grid article,.article-card,.iso-card,.book-row article,.book{background-color:rgba(255,255,255,.92)!important;background-image:radial-gradient(circle at var(--fx-x,85%) var(--fx-y,10%),rgba(70,116,255,.13),transparent 34%),linear-gradient(145deg,rgba(255,255,255,.98),rgba(239,244,255,.96) 62%,rgba(255,242,237,.95))!important;box-shadow:0 18px 42px rgba(17,25,62,.08)}
.soft .service,.soft .stack-card,.soft .career article,.soft .scope-grid article,.soft .article-card,.soft .iso-card{background-color:rgba(24,32,72,.94)!important;background-image:radial-gradient(circle at var(--fx-x,85%) var(--fx-y,10%),rgba(84,130,255,.28),transparent 34%),linear-gradient(145deg,rgba(31,42,92,.98),rgba(17,24,57,.98) 62%,rgba(43,24,61,.96))!important;color:#fff!important;border-color:rgba(137,165,255,.16)!important}
.button,.submit,.nav-cta,.keyword-cta,.founder-link,.analysis-actions .diagnosis{background-color:#315fff!important;background-image:linear-gradient(125deg,#3977ff,#2752da 55%,#793ab7)!important;color:#fff!important;border-color:rgba(255,255,255,.35)!important}.round-link{background-color:#f45b42!important;background-image:linear-gradient(135deg,#ff7b55,#ee4e55 55%,#a93b7e)!important}.ticker{background-color:#245be2!important;background-image:linear-gradient(90deg,#1d4ed1,#326eff 38%,#763bb2 70%,#ed5752)!important}
.article-card,.iso .iso-card{background-color:#172044!important;background-image:radial-gradient(circle at var(--fx-x,85%) var(--fx-y,10%),rgba(98,143,255,.28),transparent 34%),linear-gradient(145deg,#202c60,#141b3d 62%,#29182f)!important;color:#fff!important;border-color:rgba(137,165,255,.18)!important}.article-card p,.iso .iso-card p,.soft .stack-card p,.soft .career p,.soft .scope-grid p,.soft .iso-card p{color:#bdc8e3!important}.article-card small,.iso .iso-card small{color:#8eafff!important}
.keyword-tool{background-color:rgba(255,255,255,.93)!important;background-image:radial-gradient(circle at 92% 8%,rgba(36,99,255,.12),transparent 28%),linear-gradient(140deg,rgba(255,255,255,.98),rgba(237,243,255,.96) 58%,rgba(255,241,236,.94))!important;box-shadow:0 30px 80px rgba(20,35,85,.13)}.service-nav{background-color:rgba(245,247,253,.95)!important;background-image:linear-gradient(90deg,rgba(255,255,255,.98),rgba(236,242,255,.96),rgba(255,241,235,.95))!important;backdrop-filter:blur(15px)}
.proof-card{min-width:0!important;overflow:hidden}.proof-card img,.gallery img{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;aspect-ratio:1600/1131!important;object-fit:contain!important;object-position:center!important}
