/* Hero v3 — the original centered composition, with a tangible, connected core. */
.hero-v3{height:auto;min-height:0;max-height:none;padding-top:140px;overflow:hidden;background:radial-gradient(ellipse at 50% 64%,#e7eddf55,transparent 49%),#f7f8f5;text-align:center}
.hero-v3 .hero-copy{padding:0 24px;pointer-events:auto}
.hero-v3 .hero-copy .eyebrow{justify-content:center;font-size:9px;letter-spacing:1.55px;margin:0 0 24px;color:#6d7961}
.hero-v3 h1{font-size:clamp(60px,6.2vw,94px);font-weight:500;letter-spacing:-5.4px;line-height:1.025}
.hero-v3 h1>span{color:#858f7b}
.hero-v3 .hero-copy>p{font-size:15px;letter-spacing:0;line-height:1.75;color:#727b68;margin:23px auto 0;max-width:530px}
.hero-v3 .hero-actions{justify-content:center;max-width:none;gap:12px;margin-top:25px;flex-wrap:nowrap}
.hero-v3 .hero-actions .btn{padding:14px 23px;min-height:49px;font-size:12px;gap:23px;box-shadow:none}
.hero-v3 .hero-actions .btn-dark{background:#252a21}
.hero-v3 .hero-actions .btn:hover{transform:translateY(-2px)}
.hero-secondary{border:1px solid #cfd6c6;background:#f7f8f555;color:#4e5b41}
.hero-v3 .hero-actions .hero-secondary{gap:10px}
.hero-v3 .hero-actions .play-icon{width:19px;height:19px;display:grid;place-items:center;border:1px solid #94a084;border-radius:50%;font-size:7px;padding-left:2px}
.hero-network{height:330px;width:min(1400px,100%);margin:14px auto 0;position:relative;isolation:isolate}
.network-haze{position:absolute;left:15%;right:15%;top:0;bottom:-10px;pointer-events:none;background:radial-gradient(ellipse at center,#dce7ce70,transparent 60%);z-index:-1;opacity:.7;transition:opacity .9s}
.hero-signals{position:absolute;inset:0;width:100%;height:100%;z-index:-1;overflow:visible;pointer-events:none}
.hero-wire{fill:none;stroke:url(#hero-signal-gradient);stroke-width:.7;opacity:.75;transition:opacity .7s,stroke-width .7s}
.hero-pulse{fill:none;stroke:#91a574;stroke-width:1.25;stroke-dasharray:6 750;animation:hero-signal 12s linear infinite;opacity:.75}
.hero-inputs,.hero-outputs{position:absolute;top:58px;display:flex;flex-direction:column;gap:11px;text-align:left;z-index:3}
.hero-inputs{left:13%}.hero-outputs{right:13%}
.hero-node-label{font-size:8px;letter-spacing:1.25px;color:#89967b;margin-bottom:4px;white-space:nowrap;height:10px}
.hero-node{border:1px solid #dfe6d5;background:#ffffffad;backdrop-filter:blur(8px);width:165px;display:flex;align-items:center;gap:10px;border-radius:11px;padding:13px 15px;text-align:left;font-size:11px;color:#6d7a60;box-shadow:0 4px 10px #374a1904;transition:transform .5s var(--ease),background .3s,border-color .3s,box-shadow .3s}
.hero-node svg{width:16px;height:16px;stroke:#82956e;stroke-width:1.3;fill:none;flex-shrink:0}
.hero-node:hover{transform:translateY(-2px);background:#fff;border-color:#b8cba4;box-shadow:0 8px 20px #485f2820}
.hero-node[aria-pressed=true]{border-color:#9dbb7f;background:#f7fdec;box-shadow:0 0 0 3px #cbddae25}
.node-indicator{height:4px;width:4px;border-radius:50%;background:#bdccaa;margin-left:auto;transition:background .4s,box-shadow .4s}
.hero-node[aria-pressed=true] .node-indicator{background:#7c9f4d;box-shadow:0 0 7px #a0c76f88}
.hero-inputs .hero-node:nth-child(3){margin-left:-19px}.hero-outputs .hero-node:nth-child(3){margin-left:19px}
.core-stage{position:absolute;left:50%;top:29px;transform:translateX(-50%);width:220px;height:243px;perspective:1100px;z-index:4;--core-x:10deg;--core-y:-16deg;--core-r:-7deg}
.intellect-core{position:relative;display:block;width:100%;height:100%;padding:0;background:none;border:0;transform-style:preserve-3d;transform:rotateX(var(--core-x)) rotateY(var(--core-y)) rotateZ(var(--core-r));transition:transform .6s var(--ease);animation:core-suspension 8s ease-in-out infinite}
.intellect-core:hover{--core-r:-4deg}
.intellect-core:focus-visible{outline:2px solid #7d965a;outline-offset:16px;border-radius:38px}
.core-sheet{position:absolute;inset:0;display:block;border-radius:39px;border:1px solid #c4d2b3;background:linear-gradient(135deg,#fcfef7ef,#d5e0c5d9);box-shadow:inset 0 1px 0 #fff,2px 4px 1px #c3cfb5,10px 18px 28px #50673612;transition:transform 1s var(--ease),background .6s}
.core-sheet-back{transform:translate3d(25px,9px,-45px) rotate(10deg);background:linear-gradient(130deg,#f4f8eedd,#c7d7b5aa)}
.core-sheet-mid{transform:translate3d(13px,4px,-22px) rotate(5deg)}
.core-sheet>span{position:absolute;bottom:18px;left:0;right:0;color:#798c60;font-family:monospace;letter-spacing:1px;font-size:7px;opacity:0;transition:opacity .6s}
.core-surface{position:absolute;inset:0;border-radius:38px;border:1px solid #535e47;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;background:linear-gradient(140deg,#414a39,#242c1f 45%,#1d2518);box-shadow:inset 0 1px 2px #eff6dd38,inset 0 -1px 1px #0b110855,1px 4px 0 #192310,2px 6px 0 #29381c,12px 27px 42px #26381b28;transform:translateZ(3px);overflow:hidden;transition:transform 1s var(--ease),box-shadow .8s}
.core-surface:after{content:"";position:absolute;inset:-100%;background:linear-gradient(115deg,transparent 38%,#eef4df08 44%,#eef4df12 46%,transparent 53%);transform:translateX(-23%);pointer-events:none;transition:transform 1.1s var(--ease)}
.intellect-core:hover .core-surface:after{transform:translateX(15%)}
.core-edge{position:absolute;inset:7px;border:1px solid #82916613;border-radius:31px;pointer-events:none}
.core-surface img{height:69px;width:69px;filter:drop-shadow(0 0 13px #c5e89422);transform:translateZ(4px)}
.core-wordmark{color:#eef3e5;font-size:25px;letter-spacing:-1px;font-weight:400}
.core-caption{position:absolute;left:0;right:0;bottom:22px;color:#b0c198;font-size:6px;letter-spacing:1.25px;display:flex;align-items:center;justify-content:center;gap:6px}
.core-caption .live-dot{background:#d4eea7;width:3px;height:3px;box-shadow:0 0 6px #d3eca8}
.core-ground{position:absolute;left:-15%;right:-15%;bottom:-19px;height:40px;z-index:-2;border-radius:50%;background:radial-gradient(ellipse,#657b4033,transparent 70%);filter:blur(12px);transition:transform .8s,opacity .8s;opacity:.8}
.hero-trust{position:absolute;left:50%;bottom:9px;transform:translateX(-50%);display:flex;align-items:center;gap:7px;font-size:9px;color:#7c8e67;letter-spacing:.4px;white-space:nowrap}
.hero-trust svg{height:13px;width:12px;stroke:currentColor;fill:none;stroke-width:1.4}
.hero-network .motion-toggle{bottom:7px;right:15%;width:25px;height:25px;border-color:#d7dfcd;font-size:8px}
.hero-controls{padding-top:20px;padding-bottom:21px;display:flex;flex-direction:column;align-items:center;position:relative;z-index:5}
.hero-v3 .scene-modes{background:#edf1e8a6;border-color:#dce4d3;padding:4px}
.hero-v3 .scene-modes button{padding:10px 17px;font-size:10px}
.hero-v3 .scene-modes button span{font-size:8px;color:#8e9e7c}
.hero-v3 .mode-description{min-height:18px;margin:13px 20px 0;padding:0;color:#7b8b6c;font-size:10px;line-height:1.6;max-width:600px}
.hero-foundation{border-top:1px solid #e0e6d8;border-bottom:1px solid #e0e6d8;padding:21px 20px;display:flex;justify-content:center;gap:35px;font-size:10px;color:#78876a}
.hero-foundation span+span:before{content:"";display:inline-block;width:3px;height:3px;border-radius:50%;background:#b4c2a4;vertical-align:middle;margin-right:35px}
.hero-network[data-mode="1"] .core-sheet-back{transform:translate3d(43px,20px,-76px) rotate(18deg)}
.hero-network[data-mode="1"] .core-sheet-mid{transform:translate3d(22px,8px,-37px) rotate(9deg)}
.hero-network[data-mode="1"] .core-surface{transform:translate3d(-12px,-9px,28px)}
.hero-network[data-mode="1"] .hero-pulse{animation-duration:5s;stroke:#789b4d}
.hero-network[data-mode="1"] .hero-wire{opacity:1}
.hero-network[data-mode="1"] .network-haze{opacity:1}
.hero-network[data-mode="2"] .core-surface{box-shadow:inset 0 1px 2px #eff6dd38,1px 4px 0 #192310,2px 6px 0 #29381c,0 0 0 1px #a9c485,0 0 0 9px #c4d9a22b,0 0 0 22px #c4d9a20c,12px 27px 42px #26381b28}
.hero-network[data-mode="2"] .core-sheet-back{transform:translate3d(13px,5px,-24px) rotate(5deg)}
.hero-network[data-mode="2"] .core-sheet-mid{transform:translate3d(7px,2px,-12px) rotate(3deg)}
.hero-network[data-mode="2"] .hero-node{border-color:#b9caa3;background:#f7fbf2d9}
.hero-network[data-mode="2"] .node-indicator{background:#87a462}
.hero-network[data-mode="2"] .hero-pulse{animation-duration:16s}
.motion-paused .intellect-core,.motion-paused .hero-pulse{animation-play-state:paused}
@keyframes hero-signal{to{stroke-dashoffset:-756}}
@keyframes core-suspension{0%,100%{translate:0 0}50%{translate:0 -6px}}
@media(min-width:1650px){.hero-v3{padding-top:149px}.hero-v3 h1{font-size:100px}.hero-network{height:350px;margin-top:18px}.core-stage{top:35px;width:228px;height:250px}.hero-inputs,.hero-outputs{top:72px}}
@media(max-width:1000px){.hero-v3{padding-top:124px}.hero-v3 h1{font-size:77px;letter-spacing:-4.5px}.hero-network{height:310px}.hero-inputs{left:9%}.hero-outputs{right:9%}.hero-node{width:150px;padding:12px;font-size:10px}.hero-node-label{font-size:7px;letter-spacing:.9px}.core-stage{width:202px;height:224px}.core-surface,.core-sheet{border-radius:34px}.hero-network .motion-toggle{right:11%}}
@media(max-width:650px){.hero-v3{padding-top:120px}.hero-v3 .hero-copy{padding:0 20px;width:100%}.hero-v3 .hero-copy .eyebrow{font-size:7px;letter-spacing:1.2px;margin-bottom:23px}.hero-v3 h1{font-size:clamp(47px,12.3vw,72px);letter-spacing:-3px;line-height:1.05}.hero-v3 .hero-copy>p{font-size:12px;line-height:1.7;margin-top:19px;max-width:350px}.hero-v3 .hero-actions{gap:9px;margin-top:24px}.hero-v3 .hero-actions .btn{font-size:10px;padding:12px 17px;gap:15px;min-height:43px}.hero-v3 .hero-actions .hero-secondary{gap:8px}.hero-v3 .hero-actions .play-icon{width:17px;height:17px;font-size:6px}.hero-network{height:280px;margin-top:18px}.hero-inputs,.hero-outputs{top:55px;gap:8px}.hero-inputs{left:5%}.hero-outputs{right:5%}.hero-node{width:110px;padding:11px 10px;gap:7px;border-radius:8px;font-size:9px}.hero-node svg{width:13px;height:13px}.hero-node-label{font-size:5px;letter-spacing:.8px;margin-bottom:1px}.node-indicator{width:3px;height:3px}.hero-inputs .hero-node:nth-child(3){margin-left:-9px}.hero-outputs .hero-node:nth-child(3){margin-left:9px}.core-stage{top:31px;width:168px;height:188px}.core-surface,.core-sheet{border-radius:29px}.core-surface{gap:14px}.core-surface img{width:53px;height:53px}.core-wordmark{font-size:20px}.core-caption{font-size:5px;letter-spacing:.8px;bottom:17px;gap:5px}.core-edge{inset:6px;border-radius:24px}.core-sheet-back{transform:translate3d(18px,6px,-34px) rotate(9deg)}.core-sheet-mid{transform:translate3d(9px,2px,-17px) rotate(5deg)}.hero-trust{bottom:8px;font-size:8px;letter-spacing:.1px}.hero-controls{padding-top:16px;padding-bottom:24px}.hero-v3 .scene-modes button{padding:10px 14px;font-size:10px}.hero-v3 .scene-modes button span{font-size:7px;margin-right:6px}.hero-v3 .mode-description{font-size:10px;max-width:320px;min-height:32px;margin-top:13px;padding:0 8px}.hero-foundation{font-size:8px;gap:15px;padding:18px 12px}.hero-foundation span+span:before{display:none}.hero-network .motion-toggle{right:6%;bottom:4px;width:23px;height:23px}.hero-network[data-mode="1"] .core-sheet-back{transform:translate3d(26px,12px,-55px) rotate(13deg)}.hero-network[data-mode="1"] .core-sheet-mid{transform:translate3d(15px,5px,-28px) rotate(7deg)}.hero-network[data-mode="1"] .core-surface{transform:translate3d(-7px,-5px,14px)}}
@media(max-width:450px){.hero-v3{padding-top:115px}.hero-v3 .hero-copy>p{font-size:11px;max-width:325px}.hero-network{height:258px;margin-top:20px}.hero-inputs{left:3%}.hero-outputs{right:3%}.hero-node{width:91px;padding:11px 8px;font-size:8px;gap:5px}.hero-node svg{width:11px;height:11px}.hero-node-label{font-size:5px;letter-spacing:.3px}.node-indicator{display:none}.hero-inputs .hero-node:nth-child(3){margin-left:-4px}.hero-outputs .hero-node:nth-child(3){margin-left:4px}.core-stage{top:33px;width:148px;height:168px}.core-surface,.core-sheet{border-radius:26px}.core-surface{gap:13px}.core-surface img{width:46px;height:46px}.core-wordmark{font-size:18px}.core-caption{font-size:4px;letter-spacing:.65px;bottom:15px}.core-edge{border-radius:21px}.hero-trust{font-size:7px;bottom:7px}.hero-inputs,.hero-outputs{top:52px}.core-ground{bottom:-14px}.hero-network[data-mode="1"] .core-sheet-back{transform:translate3d(20px,10px,-50px) rotate(11deg)}.hero-v3 .mode-description{font-size:9px;max-width:300px}.hero-foundation{font-size:7px;gap:14px}}
@media(max-width:360px){.hero-v3 .hero-copy .eyebrow{font-size:6px}.hero-v3 h1{font-size:43px;letter-spacing:-2.9px}.hero-v3 .hero-copy>p{font-size:10px}.hero-v3 .hero-actions .btn{font-size:9px;padding:11px 14px}.hero-network{height:244px}.hero-node{width:78px;font-size:7px;padding:11px 7px}.hero-node svg{display:none}.hero-node-label{font-size:4px}.core-stage{width:130px;height:151px;top:39px}.core-surface,.core-sheet{border-radius:23px}.core-surface img{width:41px;height:41px}.core-wordmark{font-size:16px}.hero-v3 .scene-modes button{padding:10px 11px;font-size:9px}.hero-foundation{gap:10px;font-size:6.5px}.hero-inputs .hero-node:nth-child(3),.hero-outputs .hero-node:nth-child(3){margin-left:0}}
@media(prefers-reduced-motion:reduce){.intellect-core,.hero-pulse{animation:none!important}.hero-v3 *{transition:none!important}}
.hero-offscreen .intellect-core,.hero-offscreen .hero-pulse,.hero-hidden .intellect-core,.hero-hidden .hero-pulse{animation-play-state:paused}
@media(max-width:650px){.hero-foundation{display:grid;grid-template-columns:repeat(2,auto);column-gap:32px;row-gap:9px;font-size:9px;justify-content:center}.hero-foundation span{text-align:left}}
@media(max-width:450px){.hero-node{font-size:9px}.hero-node-label{visibility:hidden}.hero-v3 .hero-copy>p{font-size:12px}}
@media(max-width:360px){.hero-node{font-size:9px}.hero-v3 .hero-copy>p{font-size:11px}.hero-foundation{font-size:9px}}
@media(max-width:450px){.hero-node svg{display:none}.hero-node{font-size:10px}.hero-v3 .hero-copy>p{max-width:360px}}