/* A cinematic, interactive opening for GoldSec. All visuals are conceptual. */
.ai-experience{--gold:#edc77c;--gold-light:#ffe5b0;--text:#f6f3e9}
.ai-experience .site-header{background:rgba(9,13,11,.9)}
.ai-experience .header-inner{height:80px}
.hero-experience{position:relative;isolation:isolate;background:#090d0b;overflow:clip;border-bottom:1px solid rgba(229,200,134,.15)}
.hero-atmosphere{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.atmosphere-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(161,188,140,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(161,188,140,.045) 1px,transparent 1px);background-size:62px 62px;mask-image:radial-gradient(ellipse at 68% 47%,#000 15%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at 68% 47%,#000 15%,transparent 70%);transform:perspective(900px) rotateX(8deg) scale(1.05)}
.atmosphere-light{position:absolute;border-radius:50%;filter:blur(50px);opacity:.7;animation:atmosphere-drift 16s ease-in-out infinite alternate;animation-play-state:paused}
.light-a{width:800px;height:650px;right:1%;top:-30px;background:radial-gradient(ellipse,rgba(147,111,38,.17),transparent 68%)}
.light-b{width:650px;height:600px;right:-3%;bottom:-150px;background:radial-gradient(ellipse,rgba(64,124,91,.13),transparent 65%);animation-delay:-7s;animation-duration:21s}
.hero-circuits{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#a1b777;stroke-width:.7;opacity:.08}
.hero-circuits .circuit-signal{stroke:#f6d690;stroke-width:1.4;stroke-dasharray:35 520;animation:circuit-transit 11s linear infinite;animation-play-state:paused}
.hero-experience.animation-in-view .atmosphere-light,.hero-experience.animation-in-view .circuit-signal{animation-play-state:running}
@keyframes atmosphere-drift{to{transform:translate(-30px,28px) scale(1.12)}}
@keyframes circuit-transit{to{stroke-dashoffset:-1110}}
.hero-experience .hero{grid-template-columns:.88fr 1.12fr;column-gap:20px;min-height:calc(100svh - 80px);max-width:1450px;padding-top:35px;padding-bottom:18px}
.hero-experience .hero::before{display:none}
.hero-experience .hero-copy{padding-bottom:0;max-width:610px}
.hero-experience .hero-kicker{font-size:9px;color:#c3cbb9;letter-spacing:.09em;gap:12px;margin-bottom:29px}
.intelligence-symbol{display:grid;grid-template-columns:repeat(2,5px);gap:3px;transform:rotate(-25deg);animation:symbol-turn 12s cubic-bezier(.45,0,.55,1) infinite;animation-play-state:paused}
.intelligence-symbol i{display:block;width:5px;height:5px;background:var(--gold);border-radius:1px;box-shadow:0 0 9px #efce7b30}
.intelligence-symbol i:nth-child(2),.intelligence-symbol i:nth-child(3){opacity:.45}
.hero-experience.animation-in-view .intelligence-symbol{animation-play-state:running}
@keyframes symbol-turn{0%,25%{transform:rotate(-25deg)}50%,75%{transform:rotate(65deg)}100%{transform:rotate(155deg)}}
.hero-experience .hero-title{font-size:clamp(66px,7.1vw,112px);font-weight:500;line-height:1.015;letter-spacing:-.062em}
.hero-experience .hero-title>span{background:linear-gradient(110deg,#bd9655 3%,#f4d18a 28%,#fff0ca 43%,#d7ad68 63%,#f0cc82 90%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:title-lustre 9s ease-in-out infinite alternate;animation-play-state:paused}
.hero-experience.animation-in-view .hero-title>span{animation-play-state:running}
@keyframes title-lustre{to{background-position:100% 50%}}
.hero-experience .hero-description{font-size:15px;line-height:1.85;color:#adb8a5;max-width:380px;margin-top:29px}
.hero-experience .hero-actions{gap:25px;margin-top:32px;flex-wrap:wrap}
.hero-experience .button-gold{position:relative;overflow:hidden;padding:15px 21px;gap:30px;border:1px solid #f7dea450;box-shadow:0 0 35px #dfb7590c}
.hero-experience .button-gold::before{content:"";position:absolute;left:-50%;top:-80%;height:260%;width:25%;background:linear-gradient(90deg,transparent,#fff4d77a,transparent);transform:rotate(22deg);animation:button-shine 7s ease-in-out infinite;animation-play-state:paused;pointer-events:none}
.hero-experience.animation-in-view .button-gold::before{animation-play-state:running}
@keyframes button-shine{0%,65%{left:-50%}90%,100%{left:140%}}
.hero-platform-link{color:#e4ead9;font-size:12px;gap:15px}
.hero-flow{display:flex;align-items:center;gap:10px;margin-top:54px;max-width:420px}
.flow-node{font:8px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.05em;color:#a3b294;display:flex;flex-direction:column;align-items:center;gap:12px}
.flow-node>i{width:7px;height:7px;display:block;border:1px solid #d2b570;border-radius:50%;background:#4f4e2a;box-shadow:0 0 0 5px #ceb46c06;animation:flow-node-pulse 4.4s ease-in-out infinite;animation-play-state:paused}
.flow-node:nth-of-type(3)>i{animation-delay:.6s}.flow-node:nth-of-type(5)>i{animation-delay:1.2s}.flow-node:nth-of-type(7)>i{animation-delay:1.8s}
.flow-wire{height:1px;position:relative;flex:1;min-width:22px;background:linear-gradient(90deg,#64774b,#9c9259,#64774b);margin-top:-22px;opacity:.6;overflow:visible}
.flow-wire::after{content:"";display:block;position:absolute;top:-1px;width:13px;height:3px;border-radius:50%;background:#ffe0a3;box-shadow:0 0 7px #f3d391;animation:flow-wire-packet 2.8s linear infinite;animation-play-state:paused}
.flow-wire:nth-of-type(4)::after{animation-delay:.8s}.flow-wire:nth-of-type(6)::after{animation-delay:1.6s}
.hero-experience.animation-in-view .flow-node>i,.hero-experience.animation-in-view .flow-wire::after{animation-play-state:running}
@keyframes flow-node-pulse{0%,70%,100%{background:#3f4c2d;box-shadow:0 0 0 4px #ceb46c06}30%{background:#f4d28a;box-shadow:0 0 18px #e4bc7550,0 0 0 6px #ceb46c09}}
@keyframes flow-wire-packet{0%{left:-5px;opacity:0}15%,80%{opacity:1}100%{left:100%;opacity:0}}
.hero-experience .hero-caption{margin-top:24px;font-size:8px;color:#879a79;letter-spacing:.09em}
.hero-experience .hero-art{width:100%;position:relative;padding-left:8px;align-self:center}
.hero-experience .scene-top{font-size:8px;color:#9ba78d;position:relative;z-index:3;letter-spacing:.08em}
.hero-experience .scene-top i{background:#e5c47e;box-shadow:0 0 8px #edc98260}
.hero-experience .scene-index{color:#d6bf89}
.hero-experience .hero-scene{height:clamp(420px,41vw,620px);aspect-ratio:auto;margin:0;isolation:isolate}
.core-monogram{pointer-events:none;position:absolute;left:50%;top:49%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:12px;transition:opacity .8s}
.core-monogram>span{font-size:38px;font-weight:400;color:#ffe1a0;line-height:1;letter-spacing:-.05em;text-shadow:0 0 30px #d5ad6150}
.core-monogram>small{font:7px ui-monospace,monospace;color:#dcc490;letter-spacing:.19em;white-space:nowrap}
.hero-scene[data-formation="orbit"] .core-monogram,.hero-scene[data-formation="lattice"] .core-monogram,.hero-scene[data-formation="wave"] .core-monogram{opacity:0}
.orbit-label{position:absolute;display:flex;gap:11px;align-items:center;padding:12px 14px;background:linear-gradient(115deg,#172016e6,#0c130dcc);border:1px solid #9daf7340;box-shadow:0 10px 35px #0003,inset 0 1px #e3c88309;border-radius:8px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);pointer-events:none;animation:node-levitate 6.5s ease-in-out infinite;animation-play-state:paused;z-index:3}
.orbit-label .orbit-glyph{font-family:Arial,sans-serif;font-size:24px;line-height:1;color:#efd194;text-shadow:0 0 18px #dfc18130}
.orbit-label>div>span{font:8px ui-monospace,SFMono-Regular,monospace;letter-spacing:.09em;color:#d5deb9;display:block}
.orbit-label small{font-size:10px;color:#879c78;display:block;margin-top:4px;white-space:nowrap}
.orbit-label>i{display:block;width:4px;height:4px;background:#e6c482;border-radius:50%;margin-left:3px;box-shadow:0 0 8px #f0ce8c66}
.orbit-label-a{top:13%;left:0;animation-delay:-1s}.orbit-label-b{top:23%;right:-1%;animation-delay:-3s}.orbit-label-c{bottom:19%;left:2%;animation-delay:-4s}.orbit-label-d{bottom:9%;right:0;animation-delay:-2s}
.hero-experience.animation-in-view .orbit-label{animation-play-state:running}
@keyframes node-levitate{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
.hero-experience .cross-a{top:5%;right:25%;color:#72865c}.hero-experience .cross-b{bottom:4%;left:28%;color:#72865c}.cross-c{top:40%;left:3%;color:#384c2f}
.hero-experience .formation-controls{display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid #bda26f30;margin:2px 0 0;padding:17px 0 0}
.hero-experience .formation-controls .mode-buttons{display:flex;gap:5px;align-items:center;background:#121c1066;padding:3px;border:1px solid #798b5030;border-radius:7px}
.hero-experience .formation-controls .mode-buttons>button{font-size:10px;min-height:36px;padding:7px 14px;border-radius:4px;color:#b2bda3}
.hero-experience .formation-controls .mode-buttons>button[aria-pressed="true"]{color:#ffe2a4;background:linear-gradient(135deg,#4c492b,#30391f);border-color:#d9b76b59;box-shadow:0 0 14px #dcba6610}
.hero-experience .formation-controls #auto-cycle{position:relative;border:0;display:flex;gap:8px;align-items:center;min-height:40px;padding:8px 0;font-size:10px;color:#acba9b;white-space:nowrap;background:none;border-radius:0}
.hero-experience .formation-controls #auto-cycle[aria-pressed="true"]{color:#d9c58e}
.auto-orbit{font-size:16px;line-height:1;color:#ddc485}
.cycle-track{position:absolute;left:24px;right:0;bottom:2px;height:1px;background:#6b81523b;overflow:hidden}
#cycle-progress{display:block;width:100%;height:100%;background:#e4c275;transform:scaleX(0);transform-origin:left}
.scene-caption{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-top:15px;color:#819375;font:8px ui-monospace,monospace;letter-spacing:.04em;min-height:15px}
.scene-caption>#scene-focus{color:#b0bda0;font-family:Arial,sans-serif;letter-spacing:0;font-size:10px}
.scene-caption>span:last-child{font-size:7px}
.hero-experience .hero-footer{margin-top:33px;padding-top:19px;color:#7f9471;grid-column:1/-1;width:100%}
.hero-experience .hero-footer>a{color:#c1cfb0}
.hero-experience .hero-footer>a>span{display:inline-block;animation:scroll-cue 2.8s ease-in-out infinite;animation-play-state:paused}
.hero-experience.animation-in-view .hero-footer>a>span{animation-play-state:running}
@keyframes scroll-cue{0%,100%{transform:translateY(-2px)}50%{transform:translateY(3px)}}
@media(min-width:1600px){.hero-experience .hero-title{font-size:116px}.hero-experience .hero-scene{height:630px}.hero-experience .hero{column-gap:45px;padding-top:50px}.hero-experience .hero-description{font-size:16px;max-width:410px}}
@media(max-width:1150px){.hero-experience .hero{grid-template-columns:.92fr 1.08fr;column-gap:8px;padding-top:35px}.hero-experience .hero-title{font-size:7.2vw}.hero-experience .hero-description{font-size:13px;max-width:330px}.hero-experience .hero-kicker{font-size:8px;letter-spacing:.03em}.hero-experience .hero-actions{gap:18px}.hero-experience .button-gold{font-size:12px;gap:23px;padding:13px 17px}.hero-platform-link{font-size:11px;gap:12px}.hero-flow{gap:7px;max-width:355px;margin-top:40px}.hero-experience .hero-caption{font-size:7px}.hero-experience .hero-scene{height:440px}.orbit-label{padding:10px;gap:8px}.orbit-label .orbit-glyph{font-size:20px}.orbit-label>div>span{font-size:7px}.orbit-label small{font-size:9px}.orbit-label>i{display:none}.orbit-label-a{top:8%;left:1%}.orbit-label-b{top:26%;right:-1%}.orbit-label-c{bottom:21%;left:0}.orbit-label-d{bottom:6%;right:1%}.hero-experience .formation-controls{gap:12px}.hero-experience .formation-controls .mode-buttons>button{padding-inline:10px;font-size:9px}.hero-experience .formation-controls #auto-cycle{font-size:9px;gap:6px}.hero-experience .scene-top{font-size:7px;letter-spacing:.03em}.hero-experience .hero-footer{margin-top:30px}}
@media(max-width:900px){.hero-experience .hero{grid-template-columns:.98fr 1.02fr;min-height:660px;padding-top:40px}.hero-experience .hero-title{font-size:7.2vw}.hero-experience .hero-description{font-size:12px;max-width:290px;margin-top:25px}.hero-experience .hero-kicker{font-size:7px;gap:9px}.hero-experience .hero-actions{gap:15px;align-items:flex-start;flex-direction:column;margin-top:25px}.hero-experience .button-gold{font-size:11px;gap:28px;padding:12px 17px}.hero-platform-link{font-size:11px;padding:0}.hero-flow{gap:6px;margin-top:28px;max-width:290px}.flow-node{font-size:7px;gap:10px}.flow-wire{min-width:10px;margin-top:-19px}.hero-experience .hero-caption{font-size:6px;margin-top:20px}.hero-experience .hero-art{padding-left:0}.hero-experience .hero-scene{height:375px}.orbit-label{padding:8px 9px;gap:7px;border-radius:6px}.orbit-label .orbit-glyph{font-size:17px}.orbit-label>div>span{font-size:6px;letter-spacing:.05em}.orbit-label small{font-size:8px}.orbit-label-a{top:7%;left:2%}.orbit-label-b{top:27%;right:-2%}.orbit-label-c{bottom:20%;left:-2%}.orbit-label-d{bottom:5%;right:1%}.hero-experience .formation-controls{flex-direction:column;align-items:stretch;padding-top:13px;gap:8px}.hero-experience .formation-controls .mode-buttons{justify-content:space-between}.hero-experience .formation-controls .mode-buttons>button{flex:1;padding-inline:7px}.hero-experience .formation-controls #auto-cycle{align-self:flex-end;min-height:28px;padding:4px 0;font-size:9px}.scene-caption{margin-top:5px}.scene-caption>span:last-child{font-size:6px}.scene-caption>#scene-focus{font-size:9px}.core-monogram>span{font-size:30px}.core-monogram>small{font-size:6px}.hero-experience .hero-footer{margin-top:32px}}
@media(max-width:700px){.ai-experience .header-inner{height:72px}.hero-experience .hero{display:flex;min-height:0;padding-top:44px;padding-bottom:15px;gap:0}.hero-experience .hero-copy{max-width:none}.hero-experience .hero-kicker{font-size:7px;letter-spacing:.07em;gap:10px;margin-bottom:24px}.intelligence-symbol{grid-template-columns:repeat(2,4px);gap:3px}.intelligence-symbol i{width:4px;height:4px}.hero-experience .hero-title{font-size:clamp(48px,12.4vw,78px);line-height:1.03;letter-spacing:-.065em}.hero-experience .hero-description{font-size:13px;line-height:1.85;max-width:350px;margin-top:24px}.hero-experience .hero-actions{flex-direction:row;align-items:center;gap:21px;margin-top:27px}.hero-experience .button-gold{font-size:11px;gap:22px;padding:12px 15px}.hero-platform-link{font-size:11px;gap:10px}.hero-flow{max-width:340px;margin-top:33px;gap:8px}.flow-node{font-size:7px;gap:10px}.hero-experience .hero-caption{display:none}.hero-experience .hero-art{margin-top:36px;max-width:none;padding-left:0}.hero-experience .scene-top{font-size:7px;letter-spacing:.04em}.hero-experience .hero-scene{height:clamp(350px,100vw,500px);aspect-ratio:auto;max-height:none}.orbit-label{padding:9px 11px;gap:8px}.orbit-label .orbit-glyph{font-size:21px}.orbit-label>div>span{font-size:7px}.orbit-label small{font-size:9px}.orbit-label-a{top:8%;left:1%}.orbit-label-b{top:29%;right:-1%}.orbit-label-c{bottom:23%;left:-1%}.orbit-label-d{bottom:5%;right:0}.core-monogram>span{font-size:30px}.core-monogram>small{font-size:6px;letter-spacing:.14em}.hero-experience .formation-controls{flex-direction:row;align-items:center;padding-top:14px;gap:13px}.hero-experience .formation-controls .mode-buttons{flex:1;gap:2px}.hero-experience .formation-controls .mode-buttons>button{font-size:9px;padding-inline:9px;min-height:35px;flex:1}.hero-experience .formation-controls #auto-cycle{align-self:center;min-height:35px;font-size:8px;gap:5px;flex:none}.auto-orbit{font-size:15px}.cycle-track{left:20px;bottom:0}.scene-caption{margin-top:12px}.scene-caption>#scene-focus{font-size:9px}.scene-caption>span:last-child{font-size:6px}.hero-experience .hero-footer{margin-top:25px;padding-top:14px}.hero-experience .hero-footer>span{display:none}.light-a{width:600px;height:600px;right:-230px;top:250px}.light-b{right:-200px;bottom:-120px}.atmosphere-grid{background-size:44px 44px}.hero-circuits{opacity:.05}}
@media(max-width:360px){.hero-experience .hero-kicker{font-size:6px;letter-spacing:.035em;gap:8px}.hero-experience .hero-title{font-size:12.1vw}.hero-experience .hero-actions{gap:14px}.hero-experience .button-gold{font-size:10px;gap:16px;padding-inline:12px}.hero-experience .hero-platform-link{font-size:10px;gap:8px}.hero-experience .hero-description{font-size:12px}.hero-experience .hero-scene{height:325px}.orbit-label{padding:7px 8px;gap:6px}.orbit-label .orbit-glyph{font-size:17px}.orbit-label>div>span{font-size:6px}.orbit-label small{font-size:8px}.hero-experience .formation-controls{gap:9px}.hero-experience .formation-controls .mode-buttons>button{padding-inline:7px;font-size:8px}.hero-experience .formation-controls #auto-cycle{font-size:7px}.hero-experience .scene-top{font-size:6px}}
@media(prefers-reduced-motion:reduce){html:not([data-motion="on"]) .hero-experience *{animation:none!important}}