/* 02 — An original architectural glass hub. All imagery is inline geometry. */
body.website-variant-2 { background:radial-gradient(ellipse at 58% 56%,#e6f1fb 0,transparent 51%),linear-gradient(135deg,#fff 0,#f8fafc 54%,#edf3f7 100%); color:#17242e; }
.website-variant-2 .website-shell { max-width:1600px; padding-inline:clamp(24px,4.4vw,72px); }
.website-variant-2 .website-nav { min-height:72px; border-bottom:1px solid rgb(47 75 102 / 10%); }
.website-variant-2 .website-brand { font-size:20px; font-weight:600; }
.website-variant-2 main.website-main { display:flex; flex-direction:column; gap:16px; width:100%; max-width:none; padding:18px 0; margin:auto; }
.website-variant-2 .website-intro { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:20px 32px; width:100%; padding:0; }
.website-variant-2 .website-v2-wordmark { min-width:0; }
.website-variant-2 .website-intro h1 { margin:0; font-size:clamp(76px,10.4vw,150px); font-weight:450; line-height:.98; letter-spacing:-.075em; white-space:nowrap; }
.website-variant-2 .website-intro h1>span { display:inline; margin:0; color:#185adb; font:inherit; letter-spacing:inherit; }
.website-variant-2 .website-description { margin:14px 0 0 6px; color:#526b7e; font-size:18px; font-weight:450; line-height:1.5; letter-spacing:.02em; }
.website-variant-2 .website-actions { justify-content:flex-end; margin:0; }
.website-variant-2 .website-start { min-width:154px; }
.website-variant-2 .website-demo { width:100%; min-width:0; }
.website-variant-2 .website-canvas { height:clamp(360px,43svh,430px); width:100%; max-width:none; margin:0; padding:0; }
.website-variant-2 .website-canvas__environment { inset:0; overflow:visible; border-radius:0; }
.website-variant-2 .website-v2-floor { position:absolute; inset:72% 9% 0; border-radius:50%; background:radial-gradient(ellipse at center,rgb(74 114 151 / 18%),transparent 66%); }
.website-variant-2 .website-v2-aura { position:absolute; inset:2% 15% 10%; background:radial-gradient(ellipse,#fff 5%,rgb(220 237 251 / 25%) 52%,transparent 72%); }
.website-variant-2 .website-v2-architecture { position:absolute; left:50%; top:50%; width:clamp(570px,58vw,790px); height:106%; transform:translate(-50%,-50%); z-index:-1; pointer-events:none; }
.website-variant-2 .website-v2-architecture>svg { width:100%; height:100%; display:block; overflow:visible; filter:drop-shadow(0 19px 12px rgb(87 125 157 / 13%)); }
.website-variant-2 .website-flow { position:absolute; inset:0; display:block; margin:0; padding:0; }
.website-variant-2 .website-node { position:absolute; width:19%; min-width:0; max-width:240px; min-height:110px; padding:16px; border:1px solid rgb(255 255 255 / 93%); border-radius:24px; background:linear-gradient(150deg,rgb(255 255 255 / 91%),rgb(244 251 255 / 52%)),rgb(235 246 255 / 54%); box-shadow:inset 0 1px 2px #fff,0 14px 32px rgb(57 96 125 / 10%); backdrop-filter:blur(14px) saturate(125%); -webkit-backdrop-filter:blur(14px) saturate(125%); transform:none; z-index:2; }
.website-variant-2 .website-node--input { left:0; right:auto; top:60%; bottom:auto; }
.website-variant-2 .website-node--source { left:26%; right:auto; top:4%; bottom:auto; }
.website-variant-2 .website-node--ai { left:51%; right:auto; top:60%; bottom:auto; display:block; }
.website-variant-2 .website-node--output { left:auto; right:0; top:4%; bottom:auto; }
.website-variant-2 .website-node__head { margin:0 0 9px; gap:8px; font-size:10px; color:#5a7184; }
.website-variant-2 .website-node__icon { width:24px; height:24px; color:#185adb; background:rgb(223 237 255 / 74%); border-radius:7px; }
.website-variant-2 .website-node--source .website-node__icon { color:#347f6e; background:#e7f3ee; }
.website-variant-2 .website-node--ai .website-node__icon { color:#185adb; background:#dbeaff; }
.website-variant-2 .website-node--output .website-node__icon { color:#526e84; background:#e8f1f7; }
.website-variant-2 .website-node strong { color:#17242e; font-size:18px; font-weight:550; line-height:1.4; }
.website-variant-2 .website-node small { margin-top:6px; font-size:12px; line-height:1.6; color:#526b7e; }
.website-variant-2 .website-node--ai strong { color:#185adb; }
.website-variant-2 .website-art-caption { position:absolute; bottom:0; left:0; font:9px/1.4 var(--font-mono); letter-spacing:.13em; color:#6c8294; }
.website-variant-2 .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(47 75 102 / 14%); border-radius:0; background:none; box-shadow:none; backdrop-filter:none; -webkit-backdrop-filter:none; }
.website-variant-2 .website-explore__top { display:flex; flex-direction:column; align-items:flex-start; gap:6px; }
.website-variant-2 .website-scene-caption { display:flex; align-items:center; justify-content:space-between; width:100%; gap:10px; color:#526b7e; font-size:11px; }
.website-variant-2 .website-motion.btn { margin:0; }
.website-variant-2 .website-scenarios { gap:4px; flex-wrap:wrap; }
.website-variant-2 .website-scenarios>.btn { padding-inline:13px; font-size:12px; }
.website-variant-2 .website-scenario-copy { margin:0; padding:0; min-width:0; }
.website-variant-2 .website-scenario-copy h2 { margin:0; color:#243746; font-size:14px; line-height:1.5; }
.website-variant-2 .website-scenario-copy p { margin:4px 0 0; color:#526b7e; font-size:12px; line-height:1.6; }
.website-variant-2 .website-scenario-copy p.website-result { margin-top:5px; font-size:12px; }
.website-variant-2 .website-scenario-start { position:static; inset:auto; transform:none; justify-self:end; }
.website-variant-2 .website-footer { min-height:48px; padding-block:8px; color:#5a7184; }
@media(min-width:761px) and (max-height:780px) {
  .website-variant-2 .website-nav { min-height:60px; }
  .website-variant-2 main.website-main { padding:10px 0; gap:12px; }
  .website-variant-2 .website-intro h1 { font-size:clamp(76px,9.2vw,118px); }
  .website-variant-2 .website-description { margin-top:10px; font-size:16px; }
  .website-variant-2 .website-canvas { height:340px; }
  .website-variant-2 .website-v2-architecture { height:100%; }
  .website-variant-2 .website-node { padding:14px; min-height:106px; }
  .website-variant-2 .website-node strong { font-size:16px; }
  .website-variant-2 .website-explore { margin-top:12px; padding-top:10px; }
  .website-variant-2 .website-footer { min-height:44px; }
}
@media(max-width:1100px) and (min-width:761px) {
  .website-variant-2 .website-shell { padding-inline:28px; }
  .website-variant-2 .website-nav { min-height:56px; }
  .website-variant-2 .website-intro { gap:20px; }
  .website-variant-2 .website-intro h1 { font-size:clamp(72px,9.2vw,101px); }
  .website-variant-2 .website-description { margin:10px 0 0 4px; font-size:16px; }
  .website-variant-2 .website-canvas { height:340px; }
  .website-variant-2 .website-node { width:20%; padding:12px; }
  .website-variant-2 .website-node strong { font-size:15px; }
  .website-variant-2 .website-node__head { gap:6px; }
  .website-variant-2 .website-explore { grid-template-columns:minmax(225px,.8fr) minmax(0,1.2fr) 36px; gap:20px; }
}
@media(max-width:760px) {
  .website-variant-2 .website-shell { padding-inline:20px; }
  .website-variant-2 main.website-main { padding:24px 0; gap:28px; }
  .website-variant-2 .website-intro { display:flex; align-items:flex-start; flex-direction:column; gap:20px; }
  .website-variant-2 .website-intro h1 { font-size:clamp(50px,12vw,87px); }
  .website-variant-2 .website-description { margin:12px 0 0; font-size:16px; }
  .website-variant-2 .website-actions { justify-content:flex-start; margin:0; }
  .website-variant-2 .website-canvas { height:auto; padding:270px 0 25px; }
  .website-variant-2 .website-v2-architecture { top:126px; left:50%; width:min(100%,460px); height:290px; transform:translate(-50%,-50%); }
  .website-variant-2 .website-v2-floor { inset:210px 0 auto; height:70px; }
  .website-variant-2 .website-v2-aura { inset:0 0 auto; height:270px; }
  .website-variant-2 .website-flow { position:relative; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px; }
  .website-variant-2 .website-node,.website-variant-2 .website-node--input,.website-variant-2 .website-node--source,.website-variant-2 .website-node--ai,.website-variant-2 .website-node--output { position:relative; inset:auto; width:auto; max-width:none; min-height:122px; padding:12px; transform:none; }
  .website-variant-2 .website-node:nth-child(3) { grid-column:2; grid-row:2; }
  .website-variant-2 .website-node:nth-child(4) { grid-column:1; grid-row:2; }
  .website-variant-2 .website-node strong { font-size:15px; }
  .website-variant-2 .website-node__head { gap:6px; font-size:10px; }
  .website-variant-2 .website-art-caption { bottom:0; font-size:8px; }
  .website-variant-2 .website-explore { grid-template-columns:minmax(0,1fr) 44px; gap:16px; margin-top:16px; padding-top:16px; }
  .website-variant-2 .website-explore__top { grid-column:1 / -1; }
  .website-variant-2 .website-scenario-copy { grid-column:1; }
  .website-variant-2 .website-scenario-start { grid-column:2; }
  .website-variant-2 .website-footer { padding-block:12px; }
}
@media(max-width:360px) { .website-variant-2 .website-node strong { font-size:14px; }.website-variant-2 .website-node__icon { width:22px; height:22px; }.website-variant-2 .website-node__head { gap:4px; } }
@media(prefers-reduced-motion:reduce) { .website-variant-2 :is(.website-v2-architecture,.website-node) { animation:none; transition:none; } }
@media(prefers-reduced-transparency:reduce) { body.website-variant-2 { background:#f6f8fa; }.website-variant-2 .website-node { background:#f4f9fd; backdrop-filter:none; -webkit-backdrop-filter:none; }.website-variant-2 .website-v2-aura { display:none; } }
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) { .website-variant-2 .website-node { background:#f5f9fd; } }
@media(forced-colors:active) {
  body.website-variant-2,.website-variant-2 .website-node { background:Canvas; color:CanvasText; border-color:CanvasText; box-shadow:none; }
  .website-variant-2 :is(.website-canvas__environment,.website-v2-architecture,.website-art-caption) { display:none; }
  .website-variant-2 :is(.website-intro h1>span,.website-description,.website-node strong,.website-node small,.website-node__head,.website-node__icon,.website-scene-caption,.website-scenario-copy h2,.website-scenario-copy p,.website-footer) { color:CanvasText; }
  .website-variant-2 .website-explore { border-color:CanvasText; }
}