/* 03 — Intelligence cast in an original continuous glass form. No image assets. */
body.website-variant-3 { --color-text-primary:#eff8ff; --color-text-secondary:#b8cbdc; --color-text-tertiary:#a3b8cf; --color-border:rgb(182 217 246 / 19%); --glass-border:rgb(178 215 249 / 42%); --color-primary-light:rgb(92 158 237 / 15%); background:radial-gradient(ellipse at 54% 59%,rgb(39 79 126 / 26%),transparent 48%),linear-gradient(130deg,#050d17,#0a1829 54%,#081320); color:var(--color-text-primary); }
.website-variant-3 .website-shell { max-width:1600px; padding-inline:clamp(24px,4.4vw,72px); }
.website-variant-3 .website-nav { min-height:72px; border-bottom:1px solid rgb(180 216 246 / 13%); }
.website-variant-3 .website-brand { color:#eff8ff; font-size:20px; font-weight:550; }
.website-variant-3 .website-brand__cn { color:#b8cbdc; }
.website-variant-3 .website-nav__category { border:0; padding:0; font:10px/1.4 var(--font-mono); letter-spacing:.13em; color:#96b1cd; }
.website-variant-3 .btn:not(.primary) { --btn-fg:#ecf6ff; --btn-bg:rgb(92 137 188 / 18%); --btn-reflection:linear-gradient(150deg,rgb(215 239 255 / 16%),rgb(62 108 166 / 2%) 55%,rgb(168 212 253 / 9%)); --btn-hover:rgb(112 163 225 / 25%); --btn-active:rgb(71 121 180 / 31%); --btn-shadow:inset 0 1px 2px rgb(234 247 255 / 17%),inset 0 -2px 5px rgb(1 9 23 / 25%),0 5px 15px rgb(0 5 17 / 20%); }
.website-variant-3 .btn.ghost:not(.primary) { --btn-fg:#c4d6e8; --btn-bg:transparent; --btn-reflection:linear-gradient(transparent,transparent); --btn-shadow:none; }
.website-variant-3 :where(a,button):focus-visible { outline-color:#b5ddff; }
.website-variant-3 main.website-main { display:flex; flex-direction:column; align-items:stretch; gap:16px; width:100%; max-width:none; margin:auto; padding:18px 0; }
.website-variant-3 .website-intro { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:24px; width:100%; padding:0; }
.website-variant-3 .website-intro h1 { margin:0; font-size:clamp(78px,10.7vw,152px); font-weight:450; line-height:1; letter-spacing:-.077em; white-space:nowrap; color:#f0f8ff; }
.website-variant-3 .website-intro h1>span { display:inline; margin:0; font:inherit; letter-spacing:inherit; color:#a5d4ff; }
.website-variant-3 .website-intro__body { grid-column:auto; grid-row:auto; min-width:0; }
.website-variant-3 .website-description { margin:0; color:#d8eafa; font-size:22px; font-weight:450; line-height:1.4; letter-spacing:-.025em; }
.website-variant-3 .website-actions { margin-top:15px; }
.website-variant-3 .website-start { min-width:150px; }
.website-variant-3 .website-demo { width:100%; min-width:0; }
.website-variant-3 .website-canvas { height:clamp(360px,43svh,430px); width:100%; max-width:none; margin:0; padding:0; }
.website-variant-3 .website-canvas__environment { inset:0; overflow:visible; border-radius:0; }
.website-variant-3 .website-forge-horizon { position:absolute; left:15%; right:15%; top:50%; height:1px; background:linear-gradient(90deg,transparent,rgb(90 149 220 / 35%),transparent); }
.website-variant-3 .website-forge-pool { position:absolute; inset:13% 21% 8%; border-radius:50%; background:radial-gradient(ellipse,rgb(65 129 214 / 13%),transparent 63%); }
.website-variant-3 .website-forge-form { position:absolute; left:50%; top:49%; width:clamp(590px,57vw,790px); height:124%; transform:translate(-50%,-50%); z-index:-1; pointer-events:none; }
.website-variant-3 .website-forge-form>svg { display:block; width:100%; height:100%; overflow:visible; filter:drop-shadow(0 24px 15px rgb(0 4 12 / 35%)); }
.website-variant-3 .website-flow { position:absolute; inset:0; display:block; padding:0; margin:0; }
.website-variant-3 .website-node { position:absolute; min-width:0; width:18%; max-width:230px; min-height:113px; padding:16px; border:1px solid var(--glass-border); border-radius:24px; background:linear-gradient(145deg,rgb(160 206 245 / 12%),rgb(84 128 178 / 2%) 60%),rgb(14 35 57 / 73%); box-shadow:inset 0 1px 2px rgb(231 248 255 / 9%),0 16px 30px rgb(0 5 16 / 20%); backdrop-filter:blur(14px) saturate(135%); -webkit-backdrop-filter:blur(14px) saturate(135%); transform:none; z-index:2; }
.website-variant-3 .website-node--input { left:1%; right:auto; top:6%; bottom:auto; }
.website-variant-3 .website-node--source { left:12%; right:auto; top:63%; bottom:auto; }
.website-variant-3 .website-node--output { left:auto; right:1%; top:43%; bottom:auto; }
.website-variant-3 .website-node__head { margin:0 0 8px; gap:8px; font-size:10px; letter-spacing:.025em; color:#b5cbde; }
.website-variant-3 .website-node__icon { width:24px; height:24px; color:#a2d0ff; background:rgb(84 142 214 / 18%); border-radius:7px; }
.website-variant-3 .website-node--source .website-node__icon { color:#a2decf; background:rgb(70 142 124 / 18%); }
.website-variant-3 .website-node--output .website-node__icon { color:#c9dfed; background:rgb(105 153 186 / 15%); }
.website-variant-3 .website-node strong { color:#eff8ff; font-size:17px; font-weight:550; line-height:1.4; }
.website-variant-3 .website-node small { margin-top:5px; color:#b7cddd; font-size:12px; line-height:1.6; }
.website-variant-3 .website-node--ai { left:calc(50% - 91px); right:auto; top:calc(50% - 91px); bottom:auto; width:182px; max-width:none; height:182px; min-height:0; padding:0; border:0; background:none; box-shadow:none; backdrop-filter:none; -webkit-backdrop-filter:none; transform:none; }
.website-variant-3 .website-node__ai-copy { position:relative; display:flex; flex-direction:column; justify-content:center; align-items:center; width:182px; height:182px; padding:20px; border:1px solid rgb(211 236 255 / 61%); border-radius:91px; background:radial-gradient(circle at 29% 19%,rgb(211 238 255 / 26%),transparent 56%),linear-gradient(145deg,rgb(35 93 168 / 71%),rgb(9 27 52 / 85%)); box-shadow:inset 0 1px 4px rgb(231 248 255 / 16%),inset 0 -8px 18px rgb(1 14 34 / 22%),0 14px 36px rgb(0 4 15 / 23%); backdrop-filter:blur(15px) saturate(140%); -webkit-backdrop-filter:blur(15px) saturate(140%); text-align:center; }
.website-variant-3 .website-node__ai-copy::before { display:none; }
.website-variant-3 .website-node__ai-copy .website-node__head { font-size:10px; margin-bottom:5px; }
.website-variant-3 .website-node__ai-copy .website-node__icon { display:none; }
.website-variant-3 .website-forge-ai { position:relative; z-index:2; color:#e7f5ff; font-size:42px; font-weight:450; line-height:1.1; letter-spacing:-.07em; margin-bottom:4px; }
.website-variant-3 .website-node__ai-copy strong { position:relative; z-index:2; color:#d5ecff; font-size:15px; }
.website-variant-3 .website-node__ai-copy small { font-size:12px; line-height:1.5; }
.website-variant-3 .website-art-caption { position:absolute; right:0; bottom:0; color:#8ba6c2; font:9px/1.4 var(--font-mono); letter-spacing:.13em; }
.website-variant-3 .website-explore { position:relative; display:grid; grid-template-columns:minmax(225px,.7fr) minmax(0,1.3fr) 44px; align-items:center; gap:28px; width:100%; margin:14px 0 0; padding:12px 0 0; border:0; border-top:1px solid rgb(177 213 245 / 20%); border-radius:0; background:none; box-shadow:none; backdrop-filter:none; -webkit-backdrop-filter:none; }
.website-variant-3 .website-explore__top { display:flex; flex-direction:column; align-items:flex-start; gap:6px; }
.website-variant-3 .website-scene-caption { display:flex; align-items:center; justify-content:space-between; gap:10px; width:100%; font-size:11px; color:#a8c0d7; }
.website-variant-3 .website-motion.btn { margin:0; }
.website-variant-3 .website-scenarios { gap:4px; flex-wrap:wrap; }
.website-variant-3 .website-scenarios>.btn { padding-inline:13px; font-size:12px; }
.website-variant-3 .website-scenario-copy { margin:0; padding:0; min-width:0; }
.website-variant-3 .website-scenario-copy h2 { margin:0; color:#e7f4ff; font-size:14px; line-height:1.5; font-weight:550; }
.website-variant-3 .website-scenario-copy p { margin:4px 0 0; color:#b8cbdc; font-size:12px; line-height:1.6; }
.website-variant-3 .website-scenario-copy p.website-result { margin-top:5px; font-size:12px; }
.website-variant-3 .website-result>span:first-child { color:#a3d0ff; }
.website-variant-3 .website-scenario-start { position:static; inset:auto; transform:none; justify-self:end; }
.website-variant-3 .website-footer { border-top:0; min-height:48px; padding-block:8px; color:#9bb5cd; }
.website-variant-3 .website-footer>span:first-child { font-family:var(--font-sans); font-size:11px; letter-spacing:0; }
.website-variant-3 .website-noscript { background:#122339; color:#d7eafb; }
@media(min-width:761px) and (max-height:780px) {
  .website-variant-3 .website-nav { min-height:60px; }
  .website-variant-3 main.website-main { padding:10px 0; gap:12px; }
  .website-variant-3 .website-intro h1 { font-size:clamp(72px,9.2vw,118px); }
  .website-variant-3 .website-description { font-size:19px; }
  .website-variant-3 .website-actions { margin-top:12px; }
  .website-variant-3 .website-canvas { height:340px; }
  .website-variant-3 .website-forge-form { height:116%; }
  .website-variant-3 .website-node { padding:14px; min-height:106px; }
  .website-variant-3 .website-node strong { font-size:16px; }
  .website-variant-3 .website-node--ai { padding:0; min-height:0; }
  .website-variant-3 .website-node__ai-copy strong { font-size:15px; }
  .website-variant-3 .website-explore { margin-top:12px; padding-top:10px; }
  .website-variant-3 .website-footer { min-height:44px; }
}
@media(max-width:1100px) and (min-width:761px) {
  .website-variant-3 .website-shell { padding-inline:28px; }
  .website-variant-3 .website-nav { min-height:56px; }
  .website-variant-3 .website-nav__category { display:none; }
  .website-variant-3 .website-intro { gap:20px; }
  .website-variant-3 .website-intro h1 { font-size:clamp(72px,9.2vw,101px); }
  .website-variant-3 .website-description { font-size:18px; }
  .website-variant-3 .website-canvas { height:340px; }
  .website-variant-3 .website-node { width:21%; padding:12px; }
  .website-variant-3 .website-node strong { font-size:15px; }
  .website-variant-3 .website-node__head { gap:6px; }
  .website-variant-3 .website-node--source { left:8%; }
  .website-variant-3 .website-node--ai { left:calc(50% - 85px); top:calc(50% - 85px); width:170px; height:170px; padding:0; }
  .website-variant-3 .website-node__ai-copy { width:170px; height:170px; border-radius:85px; padding:18px; }
  .website-variant-3 .website-explore { grid-template-columns:minmax(225px,.8fr) minmax(0,1.2fr) 36px; gap:20px; }
}
@media(max-width:760px) {
  .website-variant-3 .website-shell { padding-inline:20px; }
  .website-variant-3 main.website-main { padding:24px 0; gap:26px; }
  .website-variant-3 .website-intro { display:flex; align-items:flex-start; flex-direction:column; gap:20px; }
  .website-variant-3 .website-intro h1 { font-size:clamp(50px,12vw,87px); }
  .website-variant-3 .website-description { font-size:20px; }
  .website-variant-3 .website-description br { display:none; }
  .website-variant-3 .website-actions { margin-top:16px; }
  .website-variant-3 .website-canvas { height:auto; padding:36px 0 24px; }
  .website-variant-3 .website-forge-form { top:24%; width:min(100%,530px); height:310px; transform:translate(-50%,-50%); opacity:.68; }
  .website-variant-3 .website-forge-horizon { top:100px; }
  .website-variant-3 .website-forge-pool { inset:0 0 auto; height:250px; }
  .website-variant-3 .website-flow { position:relative; display:flex; flex-direction:column; align-items:center; gap:36px; }
  .website-variant-3 .website-node,.website-variant-3 .website-node--input,.website-variant-3 .website-node--source,.website-variant-3 .website-node--output { position:relative; inset:auto; width:min(82%,310px); max-width:none; min-height:112px; padding:14px; transform:none; }
  .website-variant-3 .website-node--input { align-self:flex-start; }
  .website-variant-3 .website-node--source { align-self:flex-end; }
  .website-variant-3 .website-node--output { align-self:flex-end; }
  .website-variant-3 .website-node--ai { position:relative; inset:auto; width:182px; height:182px; min-height:0; padding:0; transform:none; }
  .website-variant-3 .website-node__ai-copy { width:182px; height:182px; padding:20px; border-radius:91px; }
  .website-variant-3 .website-node strong { font-size:16px; }
  .website-variant-3 .website-node__ai-copy strong { font-size:15px; }
  .website-variant-3 .website-art-caption { bottom:0; font-size:8px; }
  .website-variant-3 .website-explore { grid-template-columns:minmax(0,1fr) 44px; gap:16px; margin-top:16px; padding-top:16px; }
  .website-variant-3 .website-explore__top { grid-column:1 / -1; }
  .website-variant-3 .website-scenario-copy { grid-column:1; }
  .website-variant-3 .website-scenario-start { grid-column:2; }
  .website-variant-3 .website-footer { padding-block:12px; }
}
@media(prefers-reduced-motion:reduce) { .website-variant-3 :is(.website-forge-form,.website-node,.website-node__ai-copy) { animation:none; transition:none; } }
@media(prefers-reduced-transparency:reduce) { body.website-variant-3 { background:#0a1829; }.website-variant-3 .website-node,.website-variant-3 .website-node__ai-copy { background:#173452; backdrop-filter:none; -webkit-backdrop-filter:none; }.website-variant-3 .website-node--ai { background:none; }.website-variant-3 .website-forge-pool { display:none; } }
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) { .website-variant-3 .website-node,.website-variant-3 .website-node__ai-copy { background:#173452; }.website-variant-3 .website-node--ai { background:none; } }
@media(forced-colors:active) {
  body.website-variant-3,.website-variant-3 .website-node,.website-variant-3 .website-node__ai-copy,.website-variant-3 .website-noscript { background:Canvas; color:CanvasText; border-color:CanvasText; box-shadow:none; }
  .website-variant-3 :is(.website-canvas__environment,.website-forge-form,.website-art-caption) { display:none; }
  .website-variant-3 .website-node--ai { background:none; }
  .website-variant-3 :is(.website-brand,.website-brand__cn,.website-nav__category,.website-intro h1,.website-intro h1>span,.website-description,.website-node strong,.website-node small,.website-node__head,.website-node__icon,.website-forge-ai,.website-scene-caption,.website-scenario-copy h2,.website-scenario-copy p,.website-result>span:first-child,.website-footer) { color:CanvasText; }
  .website-variant-3 .website-explore { border-color:CanvasText; }
  .website-variant-3 .btn:not(.primary) { --btn-fg:ButtonText; --btn-bg:ButtonFace; --btn-reflection:linear-gradient(transparent,transparent); --btn-shadow:none; }
  .website-variant-3 :where(a,button):focus-visible { outline-color:Highlight; }
}