@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
body,button,input,textarea,select{font-family:'DM Sans','Segoe UI',sans-serif}
h1,h2,h3,h4,.brand{font-family:'Space Grotesk','Segoe UI',sans-serif}
.eyebrow,.console-index,.system-tag,.console-tabs button,.hero-footnote,.capability-strip,.card-meta,.practice-tags,.about-stats span{font-size:clamp(11px,.9vw,13px)}
.console-detail p,.certificate-card p,.form-note{font-size:14px}
.hero-copy{min-width:0}.hero-profile{display:grid;grid-template-columns:minmax(130px,.8fr) 1fr;gap:22px;align-items:center;animation:profile-in .65s cubic-bezier(.2,.8,.2,1) both}.hero-profile[hidden]{display:none}.profile-portrait{position:relative;min-height:390px;overflow:hidden;border-radius:26px 90px 26px 90px;transform:perspective(700px) rotateY(-8deg);box-shadow:25px 25px 50px #0003;animation:profile-float 5s ease-in-out infinite}.profile-portrait img{height:390px;object-fit:cover;object-position:76%;filter:saturate(.8)}.profile-portrait:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#101518ca)}.profile-label{position:absolute;bottom:16px;left:16px;z-index:2;color:#fff;font:11px var(--mono)}.profile-halo{position:absolute;inset:10px;border:1px solid #ffffff99;border-radius:20px 82px 20px 82px;z-index:2;pointer-events:none}.profile-facts h2{font-size:clamp(26px,2.8vw,40px);margin:15px 0}.profile-facts ul{padding-left:18px;margin:0 0 22px;color:var(--text);font-size:14px;line-height:1.8}.profile-facts li{margin:8px 0}.profile-facts li::marker{color:var(--accent)}.profile-facts .button{font-size:12px;padding:12px 15px;gap:12px}.profile-back{display:block;border:0;padding:10px 0;margin-top:9px;color:var(--muted);font-size:12px}.meet-trigger{background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0}.scene-grid{position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:34px 34px;opacity:.25;mask-image:radial-gradient(circle,black,transparent 75%)}.focus-scene{position:absolute;inset:0;opacity:0;visibility:hidden;transform:translateY(24px) rotateX(12deg) scale(.88);transition:opacity .7s,transform .7s,visibility .7s;perspective:700px}.system-art[data-state="0"] .scene-build,.system-art[data-state="1"] .scene-secure,.system-art[data-state="2"] .scene-ship{opacity:1;visibility:visible;transform:translateY(0) rotateX(0) scale(1)}.scene-window{position:absolute;width:59%;height:48%;top:18%;left:25%;border:1px solid var(--accent);border-radius:13px;background:linear-gradient(140deg,var(--raised),var(--surface));box-shadow:16px 19px 0 var(--accent-soft),25px 30px 40px #0004;transform:rotateY(-12deg) rotateX(7deg)}.window-head{display:flex;gap:5px;align-items:center;padding:10px;border-bottom:1px solid var(--line);font:9px var(--mono);color:var(--muted)}.window-head b{width:5px;height:5px;background:var(--accent);border-radius:50%}.window-head b:last-of-type{margin-right:8px}.code-line{display:block;height:7px;margin:13px 0 0 16%;background:var(--accent);border-radius:8px;opacity:.8;animation:code-write 5s ease-in-out infinite}.line-one{width:48%}.line-two{width:65%;animation-delay:.4s}.line-three{width:35%;animation-delay:.8s}.line-four{width:55%;animation-delay:1.2s}.bot-head{position:absolute;width:17%;height:17%;left:12%;top:37%;border:2px solid var(--accent);border-radius:40% 40% 25% 25%;background:var(--raised);z-index:3;animation:bot-bob 2s ease-in-out infinite}.bot-head i{position:absolute;top:38%;width:8px;height:8px;background:var(--accent);border-radius:50%}.bot-head i:first-child{left:26%}.bot-head i:nth-child(2){right:26%}.bot-head span{position:absolute;width:34%;height:2px;background:var(--accent);bottom:20%;left:33%}.bot-body{position:absolute;left:14%;top:56%;width:13%;height:17%;background:var(--accent-soft);border:1px solid var(--accent);border-radius:12px;text-align:center;padding-top:8px;font:18px var(--mono);color:var(--accent);z-index:2}.bot-arm{position:absolute;width:19%;height:4px;background:var(--accent);top:61%;transform-origin:left;z-index:4}.arm-left{left:12%;transform:rotate(145deg)}.arm-right{left:25%;transform:rotate(-27deg);animation:bot-type .8s ease-in-out infinite alternate}.scene-chip{position:absolute;z-index:4;padding:8px 11px;border:1px solid var(--accent);border-radius:20px;background:var(--bg);color:var(--accent);font:10px var(--mono);letter-spacing:.1em;box-shadow:0 10px 30px #0003}.chip-build{right:7%;bottom:15%}.shield-rings{position:absolute;width:55%;aspect-ratio:1;left:23%;top:13%;border:1px solid var(--accent);border-radius:50%;box-shadow:0 0 0 20px var(--accent-soft),0 0 0 55px #ffffff08;animation:shield-pulse 3s ease-in-out infinite}.shield-shape{position:absolute;top:22%;left:36%;width:29%;height:52%;background:linear-gradient(120deg,var(--accent),var(--accent-soft));clip-path:polygon(50% 0,100% 20%,94% 65%,50% 100%,6% 65%,0 20%);filter:drop-shadow(12px 17px 5px #0005);display:grid;place-items:center;animation:shield-float 4s ease-in-out infinite}.shield-shape:before{content:"";position:absolute;inset:8px;background:var(--surface);clip-path:inherit}.shield-shape span{position:relative;color:var(--accent);font-size:48px}.threat{position:absolute;color:var(--accent);font:32px var(--mono);animation:threat-repel 3s ease-in-out infinite}.threat-one{left:19%;top:22%}.threat-two{right:17%;top:36%;animation-delay:1s}.threat-three{left:25%;bottom:22%;animation-delay:2s}.chip-secure{right:7%;bottom:13%}.ship-path{position:absolute;left:10%;right:10%;top:55%;height:3px;background:linear-gradient(90deg,transparent,var(--accent),transparent);transform:rotate(-13deg);box-shadow:0 0 22px var(--accent)}.delivery-box{position:absolute;left:28%;top:35%;width:25%;aspect-ratio:1;background:linear-gradient(145deg,var(--accent),var(--accent-soft));border:2px solid var(--accent);border-radius:9px;transform:rotate(-13deg) skewY(-8deg);box-shadow:18px 15px 0 var(--accent-soft),24px 24px 30px #0005;display:grid;place-items:center;color:var(--on-accent);font:700 46px 'Space Grotesk',sans-serif;animation:deliver 5s ease-in-out infinite}.delivery-box:before{content:"";position:absolute;inset:12px;border:1px solid currentColor;opacity:.6}.delivery-trail{position:absolute;left:18%;top:60%;width:18%;height:30px;border-top:2px dashed var(--accent);transform:rotate(-13deg);opacity:.7}.destination{position:absolute;right:13%;top:25%;font-size:65px;color:var(--accent);animation:destination-pulse 2s infinite}.chip-ship{right:8%;bottom:13%}.scene-counter{position:absolute;left:20px;bottom:14px;font:11px var(--mono);color:var(--muted)}.capability-strip{position:relative;overflow:hidden;justify-content:center;gap:clamp(12px,3vw,55px)}.capability-strip:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:var(--accent);transform-origin:left;animation:strip-line 4s ease-out both}.capability-strip span,.capability-strip i{opacity:0;transform:translateY(15px);animation:strip-word .55s ease-out forwards}.capability-strip span:nth-child(1){animation-delay:.3s}.capability-strip i:nth-child(2){animation-delay:.65s}.capability-strip span:nth-child(3){animation-delay:1s}.capability-strip i:nth-child(4){animation-delay:1.35s}.capability-strip span:nth-child(5){animation-delay:1.7s}.capability-strip i:nth-child(6){animation-delay:2.05s}.capability-strip span:nth-child(7){animation-delay:2.4s}@keyframes profile-in{from{opacity:0;transform:translateX(-25px) rotateY(-8deg)}to{opacity:1;transform:none}}@keyframes profile-float{50%{transform:perspective(700px) rotateY(2deg) translateY(-8px)}}@keyframes code-write{0%,15%{transform:scaleX(.12);transform-origin:left}55%,85%{transform:scaleX(1);transform-origin:left}100%{transform:scaleX(.12);transform-origin:left}}@keyframes bot-bob{50%{transform:translateY(-9px)}}@keyframes bot-type{to{transform:rotate(-42deg)}}@keyframes shield-pulse{50%{transform:scale(1.08);opacity:.65}}@keyframes shield-float{50%{transform:translateY(-10px) rotateY(8deg)}}@keyframes threat-repel{50%{transform:translate(-16px,-14px) scale(.7);opacity:.2}}@keyframes deliver{50%{transform:translate(48px,-22px) rotate(-7deg) skewY(-8deg)}}@keyframes destination-pulse{50%{transform:scale(1.2);opacity:.5}}@keyframes strip-line{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes strip-word{to{opacity:1;transform:none}}
@media(max-width:850px){.hero-profile{grid-template-columns:1fr}.profile-portrait,.profile-portrait img{height:250px;min-height:250px}.profile-facts ul{font-size:13px}.scene-chip{font-size:8px}}
@media(max-width:600px){.hero-profile{grid-template-columns:1fr 1fr}.profile-portrait,.profile-portrait img{height:280px;min-height:280px}.profile-facts h2{font-size:24px}.profile-facts ul{font-size:12px}.profile-facts .button{font-size:10px}.capability-strip{gap:12px}.capability-strip span{font-size:10px}}
@media(max-width:390px){.hero-profile{grid-template-columns:1fr}.profile-portrait,.profile-portrait img{height:250px;min-height:250px}}
@media(prefers-reduced-motion:reduce){.hero-profile,.profile-portrait,.code-line,.bot-head,.arm-right,.shield-rings,.shield-shape,.threat,.delivery-box,.destination,.capability-strip:after,.capability-strip span,.capability-strip i{animation:none!important}.capability-strip span,.capability-strip i{opacity:1;transform:none}.focus-scene{transition:none}}

/* The hero stages share a perspective, while each mode owns its color and motion. */
.hero .eyebrow,.console-top .eyebrow{font-family:'DM Sans','Segoe UI',sans-serif;font-size:12px;font-weight:700;letter-spacing:.085em;color:var(--text)}
.hero .eyebrow .status-dot{box-shadow:0 0 0 5px var(--accent-soft),0 0 20px var(--accent)}
.profile-portrait{background:#241527}
.profile-portrait img{object-position:79% center;transform:scale(1.18);transform-origin:74% 36%}
.profile-portrait:after{background:linear-gradient(90deg,#170f2470,transparent 45%),linear-gradient(transparent 55%,#14101d90)}
.profile-facts .eyebrow{line-height:1.5}
.system-art{overflow:hidden;isolation:isolate;background:radial-gradient(circle at 52% 40%,var(--accent-soft),transparent 60%)}
.focus-scene{transform-style:preserve-3d;--scene-a:#fb9867;--scene-b:#ffd675;--scene-c:#a364f8}
.scene-secure{--scene-a:#49d6bd;--scene-b:#9deccd;--scene-c:#458cfa}
.scene-ship{--scene-a:#8e8dff;--scene-b:#ffb569;--scene-c:#d778ff}
.scene-aura{position:absolute;width:74%;aspect-ratio:1;left:13%;top:8%;border-radius:50%;background:radial-gradient(circle,var(--scene-a) 0%,var(--scene-c) 28%,transparent 65%);opacity:.22;filter:blur(22px);animation:aura-breathe 4s ease-in-out infinite}
.scene-platform{position:absolute;left:17%;right:17%;height:19%;bottom:10%;border:2px solid var(--scene-a);border-radius:50%;transform:rotateX(65deg);background:radial-gradient(ellipse,var(--scene-a),transparent 65%);box-shadow:0 0 22px var(--scene-a),0 0 65px var(--scene-c);opacity:.56}
.focus-scene .scene-chip{border-color:var(--scene-a);color:var(--scene-a);box-shadow:0 0 16px color-mix(in srgb,var(--scene-a) 45%,transparent),0 12px 28px #0005}
.scene-build .scene-window{background:linear-gradient(145deg,#28314c,#1b1a32 65%);border:2px solid var(--scene-c);box-shadow:10px 10px 0 #483b82,18px 18px 0 #232947,26px 31px 35px #0008;transform:rotateY(-18deg) rotateX(9deg) translateZ(20px);animation:window-float 4s ease-in-out infinite}
.scene-build .window-head{color:#f6d8ff;border-color:#9b75ff66;font-size:10px}
.scene-build .window-head b:nth-child(1){background:#ff807e}.scene-build .window-head b:nth-child(2){background:#ffcc6a}.scene-build .window-head b:nth-child(3){background:#67e2bf}
.scene-build .code-line{background:linear-gradient(90deg,var(--scene-a),var(--scene-c));height:8px;box-shadow:0 0 10px #a364f866}
.scene-build .line-two{background:linear-gradient(90deg,#54ddce,#6d9cff)}
.scene-build .line-four{background:linear-gradient(90deg,#ffcc6a,#ff837f)}
.scene-build .bot-head{border-color:#a9e9ff;background:linear-gradient(145deg,#fcfeff,#84bbde);box-shadow:inset -9px -9px 0 #5a78b2,7px 11px 0 #33315c,0 0 22px #6fe7ff88;transform:translateZ(65px);animation:bot-bob 2s ease-in-out infinite}
.scene-build .bot-head i{background:#344d85;box-shadow:0 0 8px #6d4aff}
.scene-build .bot-head span{background:#4661a1}
.scene-build .bot-body{background:linear-gradient(135deg,#87ddec,#5977c7);border-color:#a9e9ff;color:#fff;box-shadow:7px 8px 0 #303867,0 0 18px #6defff66}
.scene-build .bot-arm{background:linear-gradient(90deg,#9ce8f4,#5480c1);box-shadow:0 3px 0 #2a3c65}
.scene-secure .shield-rings{border:2px dashed #58e8d0;box-shadow:0 0 0 18px #53dfcc18,0 0 0 48px #448dff15,0 0 26px #4eebd0;transform:rotateX(22deg);animation:shield-spin 13s linear infinite}
.scene-secure .shield-shape{background:linear-gradient(135deg,#7effdf,#3f93ee 55%,#744de3);filter:drop-shadow(10px 17px 3px #142b5c) drop-shadow(0 0 18px #63eacb);animation:shield-float 4s ease-in-out infinite}
.scene-secure .shield-shape:before{background:linear-gradient(145deg,#163d52,#152a4a)}
.scene-secure .shield-shape span{color:#8efce0;text-shadow:0 0 18px #6effdd}
.scene-secure .threat{color:#ff767e;text-shadow:0 0 14px #ff536b;font-weight:700}
.scene-ship .ship-path{height:5px;background:linear-gradient(90deg,transparent,#ae9eff,#ffb867,#a6ffea);box-shadow:0 0 20px #aa85ff,0 0 40px #ec9bff}
.scene-ship .delivery-box{background:linear-gradient(140deg,#ffcf82,#f98c7a 45%,#9155d5);border-color:#ffe4bd;color:#fff;box-shadow:12px 13px 0 #7555b1,19px 23px 0 #3f347c,25px 30px 35px #0008,0 0 25px #e59aff77}
.scene-ship .delivery-box span{text-shadow:0 2px 8px #5c3d89}
.scene-ship .destination{color:#bbaaff;text-shadow:0 0 18px #ac80ff,0 0 35px #a569ff}
.spark{position:absolute;font-size:30px;color:var(--scene-b);text-shadow:0 0 14px var(--scene-b);animation:spark-twinkle 2.4s ease-in-out infinite}.spark-one{left:11%;top:22%}.spark-two{right:11%;top:19%;animation-delay:1s}
.scene-secure .spark-one{left:9%;top:48%}.scene-ship .spark-one{left:15%;top:30%}
.console-tabs button[aria-selected=true]{text-shadow:0 0 12px var(--accent);box-shadow:inset 0 -2px var(--accent),0 0 18px var(--accent-soft)}
.capability-strip{gap:clamp(10px,2vw,28px);padding-block:24px;flex-wrap:wrap}
.capability-strip:after{display:none}
.capability-strip span{font-family:'Space Grotesk','Segoe UI',sans-serif;font-size:clamp(11px,1vw,15px);font-weight:700;line-height:1.2;letter-spacing:.06em;color:var(--text);white-space:nowrap;padding:13px 18px;border:1px solid var(--line);border-radius:999px;background:var(--surface);box-shadow:inset 0 1px #ffffff12;opacity:0;transform:translateY(18px) scale(.85);animation:none;transition:transform .3s,box-shadow .3s,border-color .3s,color .3s}
.capability-strip.is-visible span{animation:keyword-reveal .7s cubic-bezier(.2,.8,.2,1) forwards,keyword-glow 1.3s ease-in-out 2 alternate}
.capability-strip.is-visible span:nth-child(1){animation-delay:.1s,.8s}
.capability-strip.is-visible span:nth-child(2){animation-delay:.8s,1.5s}
.capability-strip.is-visible span:nth-child(3){animation-delay:1.5s,2.2s}
.capability-strip.is-visible span:nth-child(4){animation-delay:2.2s,2.9s}
.capability-strip span:hover{transform:translateY(-5px) rotate(-2deg);border-color:var(--accent);color:var(--accent);box-shadow:0 0 25px var(--accent-soft),inset 0 0 14px var(--accent-soft)}
@keyframes keyword-reveal{0%{opacity:0;transform:translateY(18px) scale(.85)}70%{opacity:1;transform:translateY(-4px) scale(1.04)}100%{opacity:1;transform:none;border-color:var(--accent)}}
@keyframes keyword-glow{50%{box-shadow:0 0 25px var(--accent),0 0 55px var(--accent-soft);color:var(--accent)}}
@keyframes aura-breathe{50%{transform:scale(1.18);opacity:.36}}
@keyframes window-float{50%{transform:rotateY(-12deg) rotateX(5deg) translateY(-9px) translateZ(25px)}}
@keyframes shield-spin{50%{transform:rotate(180deg) rotateX(22deg)}100%{transform:rotate(360deg) rotateX(22deg)}}
@keyframes spark-twinkle{50%{opacity:.3;transform:scale(.65) rotate(25deg)}}
@media(max-width:600px){.capability-strip{display:flex;gap:8px;padding:18px 12px}.capability-strip span{font-size:10px;padding:10px 12px}.hero .eyebrow{font-size:11px}.profile-portrait img{transform:scale(1.25)}}
@media(prefers-reduced-motion:reduce){.scene-aura,.scene-window,.shield-rings,.spark,.capability-strip.is-visible span{animation:none!important}.capability-strip span{opacity:1;transform:none;border-color:var(--accent)}}