/* Unified 3D summit: semantic content remains outside the decorative canvas. */
body { overflow-x: clip; }
.ambient-orb { position:fixed; }
.live-summit.hero { display:grid; grid-template-columns:43% 57%; align-items:center; gap:0; min-height:650px; padding:30px 0 48px; }
.live-summit .hero-copy { max-width:none; padding-right:24px; }
.live-summit h1 { font-size:clamp(3.4rem,6.5vw,6.2rem); max-width:9ch; line-height:1; }
.live-summit .lead { font-size:clamp(1rem,1.15vw,1.1rem); line-height:1.7; max-width:46ch; }
.summit-wrap { min-width:0; }
.summit-stage { position:relative; height:560px; overflow:hidden; border-radius:24px; background:transparent; background-size:cover; background-position:center; isolation:isolate; }
.summit-stage canvas { position:relative; z-index:1; display:block; max-width:100%; touch-action:pan-y; }
.summit-stage::after { content:''; position:absolute; inset:0; z-index:2; pointer-events:none; background:linear-gradient(180deg,#080b18,transparent 15%),linear-gradient(0deg,#080b18,transparent 16%),linear-gradient(90deg,#080b18,transparent 12%); }
.summit-fallback { position:absolute; width:110px; height:auto; top:42%; left:50%; transform:translate(-50%,-50%); opacity:.6; }
.summit-active .summit-fallback { visibility:hidden; }
.unavailable .summit-fallback { visibility:visible; }
.unavailable canvas { display:none; }
.summit-controls { display:none; gap:14px; align-items:center; justify-content:space-between; margin-top:12px; color:#93a2bf; font-size:11px; }
.summit-enhanced .summit-controls { display:flex; }
.summit-controls>div { display:flex; gap:8px; }
.summit-controls button { padding:9px 12px; border:1px solid #6e89bf40; border-radius:7px; color:#cbd7ec; background:#0b1423; cursor:pointer; font:inherit; }
.summit-controls button:disabled { opacity:.5; cursor:default; }
.summit-controls button:focus-visible,.summit-cta a:focus-visible { outline:2px solid #48d6ff; outline-offset:4px; }
.summit-cta { display:flex; flex-wrap:wrap; gap:10px; margin-top:26px; }
.summit-cta a { padding:12px 16px; border:1px solid #6384ad55; border-radius:8px; background:#101b2b; font-size:13px; text-decoration:none; }
.summit-cta a:first-child { border-color:#40b7d877; background:#12323e; }
.final-scene { display:block; border-top:1px solid #819eca20; margin-top:24px; padding-top:48px; }
.final-scene .scene-head { width:min(820px,100%); margin:0; }
.final-scene h2 { font-size:clamp(2.4rem,3.5vw,3.8rem); }
.scene { min-height:auto; padding-block:64px; }
.scene-head { margin-bottom:28px; }
.final-scene { padding-bottom:30px; }
.contact-section { margin-top:32px; }
footer { padding-top:28px; padding-bottom:30px; }
@media(max-width:800px) {
  .live-summit.hero { grid-template-columns:1fr; padding:30px 0 38px; min-height:0; }
  .live-summit .hero-copy { padding-right:0; }
  .live-summit h1 { font-size:clamp(2.7rem,10.7vw,4rem); }
  .live-summit .lead { font-size:1rem; }
  .live-summit .summit-wrap { margin-top:24px; }
  .summit-stage { height:440px; border-radius:16px; }
  .final-scene { display:block; }
  .final-scene h2 { font-size:clamp(2.05rem,10.4vw,2.85rem); }
  .summit-controls { flex-wrap:wrap; }
  .summit-controls>span { flex:1; }
  .scene { padding-block:44px; }
  .scene-head { margin-bottom:22px; }
  .final-scene { padding-bottom:24px; }
  .storage-layer { gap:8px; }
  .storage-layer strong { font-size:.8rem; }
  .storage-layer span { font-size:.75rem; text-align:right; }
  .storage-layer:nth-child(3) { width:85%; }
  .storage-layer:nth-child(4) { width:78%; }
  .product-spoke { width:128px; }
  .product-spoke span { font-size:.72rem; letter-spacing:.04em; }
  .product-spoke small,.product-hub small { font-size:.62rem; letter-spacing:.06em; }
  .product-spoke.api,.product-spoke.hooks { left:0; }
  .product-spoke.mcp,.product-spoke.dash { right:0; }
  .product-hub { top:44%; }
  .flow-label { font-size:27px; letter-spacing:0; }
  .flow-core-label { font-size:25px; letter-spacing:0; }
}

.projection-map { padding:40px 28px 28px; border:1px solid #84a5ce24; border-radius:24px; background:radial-gradient(ellipse at 50% 0,#20425830,transparent 70%); }
.projection-source { display:flex; flex-direction:column; align-items:center; gap:10px; text-align:center; }
.projection-source small { color:#849ab8; font-size:11px; letter-spacing:.13em; }
.projection-source strong { color:#def8ff; font-size:24px; font-weight:500; }
.projection-source>span { color:#8fabc0; font-size:13px; }
.projection-bus { height:48px; margin:0 calc(10% - 8px); border-bottom:1px solid #49bed56b; position:relative; }
.projection-bus::before { content:''; position:absolute; left:50%; top:0; bottom:0; width:2px; background:linear-gradient(#67e7ec,#43849e); }
.projection-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:20px; }
.projection-card { display:flex; flex-direction:column; align-items:center; gap:10px; padding:24px 12px; margin-top:22px; border:1px solid #77a1c540; border-radius:14px; position:relative; text-align:center; background:#09132190; }
.projection-card::before { content:''; position:absolute; width:1px; height:23px; top:-23px; background:#49bed56b; }
.projection-card>span { color:#d6f3fc; font-size:16px; font-weight:600; letter-spacing:.08em; }
.projection-card small { font-size:12px; color:#93a7c4; }
.projection-note { color:#8398b4; text-align:center; margin:24px 0 0; font-size:13px; line-height:1.6; }
@media(max-width:600px) {
  .projection-map { padding:28px 14px 20px; }
  .projection-grid { gap:8px; }
  .projection-bus { margin-inline:calc(16.6667% - 2.6667px); }
  .projection-card { padding:20px 6px; }
  .projection-card>span { font-size:13px; }
  .projection-card small { font-size:11px; line-height:1.5; }
  .projection-source>span { font-size:12px; }
}

.projection-card em { color:#a99ed4; font-size:10px; font-style:normal; letter-spacing:.08em; text-transform:uppercase; }
@media(max-width:800px) {
 .projection-grid { grid-template-columns:repeat(6,minmax(0,1fr)); }
 .projection-card { grid-column:span 2; }
 .projection-card.planned { grid-column:span 3; margin-top:0; }
 .projection-card.planned::before { display:none; }
 .projection-bus { margin-inline:calc(16.6667% - 2.6667px); }
}

/* Labelled architecture illustrations, deliberately distinct per section. */
.connect-map { display:grid;grid-template-columns:1.3fr .25fr 1fr .8fr;align-items:center;gap:24px;padding:32px;border:1px solid #7895c32b;border-radius:24px;background:radial-gradient(ellipse at 55% 50%,#304d7833,transparent 65%); }
.connect-sources { display:grid;gap:14px; }
.connect-map article,.connect-result,.storage-tiers article,.infra-grid article { border:1px solid #7c9ccb30;border-radius:16px;padding:22px;background:#0b1423b0;display:flex;flex-direction:column;gap:12px; }
.connect-map small,.storage-model small,.infra-grid small { color:#8e9fc6;font-size:10px;letter-spacing:.12em; }
.connect-map strong,.storage-model strong,.infra-grid strong { color:#e2eaff;font-weight:500;font-size:20px; }
.connect-map span,.storage-model span,.infra-grid span { color:#94a7c4;font-size:13px;line-height:1.6; }
.connect-hub { text-align:center;align-items:center;box-shadow:0 0 50px #6954e51c; }
.connect-hub img { width:76px;height:76px;margin:12px; }
.connect-transfer { display:grid;gap:100px; }
.connect-transfer i { height:2px;background:linear-gradient(90deg,#55dbef,#8f62ff);box-shadow:0 0 12px #6cc5ee55; }
.connect-result { border-color:#64d1e44a; }
.storage-model { display:grid;grid-template-columns:.85fr 1.4fr;gap:48px;align-items:center;max-width:1120px;margin:auto; }
.storage-intro { display:flex;flex-direction:column;gap:20px; }
.storage-intro strong { font-size:30px;line-height:1.3; }
.storage-tiers { display:grid;grid-template-columns:1fr 1fr;gap:16px; }
.storage-tiers strong { font-size:28px; }
.storage-tiers i { height:34px;margin-top:10px;background:repeating-linear-gradient(90deg,#70b9e97d 0 2px,transparent 2px var(--density));mask-image:linear-gradient(90deg,#000,transparent); }
.analytics-details { display:flex;gap:18px;flex-wrap:wrap;font-size:12px;color:#9daccc;margin:14px 0; }
.analytics-details small { margin-left:auto;color:#7689a8; }
.analytics-details i { display:inline-block;width:14px;height:2px;vertical-align:middle;margin-right:6px; }
.cyan-key { background:#72ddff; }.violet-key { background:#9975ff; }
.chart-context { fill:none;stroke:#9975ff;stroke-width:2;opacity:.6; }
.infra-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:24px; }
.infra-grid article { padding:30px;min-height:240px;background:linear-gradient(150deg,#18243b88,#080e1c); }
.infra-mini { display:flex;align-items:center;justify-content:center;gap:12px;height:68px;color:#6d99ce; }
.infra-mini i { width:35px;height:28px;border:1px solid #70c6ea88;border-radius:6px;background:#4380ab22; }
.infra-mini.layers i { transform:skewY(-15deg);border-color:#a185ed88; }
.infra-mini.bars i { width:16px;background:#718ce766; }.infra-mini.bars i:nth-child(2){height:44px}.infra-mini.bars i:nth-child(3){height:20px}.infra-mini.bars i:nth-child(4){height:52px}
.phone-spark { padding:12px 0; }.phone-spark svg { width:100%;height:60px; }.phone-spark path { fill:none;stroke:#73d8f3;stroke-width:2; }
@media(max-width:800px){ .connect-map { grid-template-columns:1fr;gap:20px;padding:20px; }.connect-transfer { display:none; }.connect-sources { grid-template-columns:1fr; }.connect-hub img { width:56px;height:56px;margin:0; }.storage-model { grid-template-columns:1fr;gap:24px; }.infra-grid { grid-template-columns:1fr;gap:14px; }.infra-grid article { min-height:0; }.analytics-details small { margin-left:0; } }
@media(prefers-reduced-motion:reduce){ .chart-context { animation:none; } }

.pipeline-record { margin:28px 0 20px;padding:22px 26px;border:1px solid #789ec535;border-radius:14px;background:linear-gradient(90deg,#1d39502b,#3329552b); }
.pipeline-record>small { font-size:10px;letter-spacing:.12em;color:#80b5cf; }
.pipeline-record>div { display:flex;align-items:center;justify-content:space-between;gap:16px;margin:18px 0;color:#d9e5f8;font-size:14px; }
.pipeline-record i { color:#7b90db;font-style:normal; }.pipeline-record p { font-size:12px;color:#91a3bf;margin:0;line-height:1.6; }
.anywhere-desktop { position:relative;width:57%;margin:50px auto 50px 5%;padding:26px;border:1px solid #91acc745;border-radius:18px;background:linear-gradient(145deg,#16243ce8,#0a1021);box-shadow:0 24px 60px #0005; }
.anywhere-toolbar { display:flex;justify-content:space-between;gap:16px;color:#8c9abb;font-size:10px;letter-spacing:.06em;margin-bottom:24px; }
.anywhere-toolbar small { color:#71bbc7; }.anywhere-desktop>strong { color:#dce8fc;font-size:22px;font-weight:500; }.anywhere-chart { margin:26px 0;background:repeating-linear-gradient(0deg,transparent 0 31px,#7298c215 32px 33px); }.anywhere-chart svg { width:100%;height:130px; }.anywhere-chart path { fill:none;stroke:#67d0eb;stroke-width:2; }.anywhere-chart .context { stroke:#9274e9;opacity:.7; }.anywhere-panels { display:flex;gap:8px; }.anywhere-panels span { flex:1;padding:12px 8px;border:1px solid #829bc12b;border-radius:8px;color:#bccce2;font-size:11px; }.anywhere-desktop p { color:#8ea2c0;font-size:13px;line-height:1.6; }
.mobile-console:has(.anywhere-desktop) .phone { position:absolute;right:9%;top:55px;transform:rotate(4deg) scale(.88);transform-origin:top right; }
.mobile-console:has(.anywhere-desktop) .mobile-sidecard { display:none; }
@media(max-width:800px){ .pipeline-record>div { flex-direction:column;align-items:flex-start;gap:10px; }.pipeline-record i { transform:rotate(90deg);margin-left:24px; }.anywhere-desktop { width:auto;margin:22px;padding:20px; }.anywhere-toolbar { flex-wrap:wrap; }.anywhere-desktop>strong { font-size:19px; }.anywhere-panels { flex-wrap:wrap; }.mobile-console:has(.anywhere-desktop) .phone { position:relative;right:auto;top:auto;transform:none;margin:28px auto; } }

.final-outcome { position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;min-height:390px;padding:48px;border:1px solid #8396d132;border-radius:26px;background:radial-gradient(ellipse at 28% 40%,#37307555,transparent 55%),linear-gradient(140deg,#101c2e,#090e1b); }
.outcome-field { height:240px;position:relative;display:grid;place-items:center;perspective:600px; }
.outcome-field img { width:120px;filter:drop-shadow(0 0 28px #6555ff70);z-index:1; }
.outcome-field span { position:absolute;width:270px;height:270px;border:1px solid #778ce950;border-radius:50%;transform:rotateX(58deg) rotateZ(-20deg);box-shadow:0 0 30px #548aff12; }
.outcome-field span:nth-child(2){width:340px;height:340px;border-color:#60cce638;transform:rotateX(58deg) rotateZ(20deg);}.outcome-field span:nth-child(3){width:210px;height:210px;border-color:#a085ff60;}
.outcome-caption small { font-size:10px;letter-spacing:.15em;color:#8eadd2; }.outcome-caption strong { display:block;font-size:36px;line-height:1.2;color:#dce9ff;font-weight:500;margin:18px 0; }.outcome-caption p { color:#9aabc6;font-size:14px;line-height:1.7;max-width:360px; }
.outcome-projections { grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:16px; }.outcome-projections article { padding:20px;border-top:1px solid #8a9fe746;display:flex;flex-direction:column;gap:10px; }.outcome-projections small { color:#8395b5;letter-spacing:.1em;font-size:10px; }.outcome-projections strong { color:#c8d9fc;font-size:20px;font-weight:500; }.outcome-projections span { color:#8fa6c4;font-size:12px; }
@media(max-width:600px){.final-outcome { grid-template-columns:1fr;padding:24px;gap:16px; }.outcome-field { height:190px; }.outcome-field span:nth-child(2){width:290px;height:290px;}.outcome-field img {width:92px;}.outcome-caption strong {font-size:28px;}.outcome-projections {gap:6px;}.outcome-projections article {padding:16px 4px;}.outcome-projections small {font-size:8px;}.outcome-projections span {font-size:11px;line-height:1.5;} }

.outcome-contact { grid-column:1/-1;justify-self:start;display:inline-flex;gap:28px;align-items:center;padding:14px 20px;border:1px solid #73bed654;border-radius:10px;color:#d9efff;background:#24566632;font-size:14px;text-decoration:none; }.outcome-contact:hover { background:#24566666; }.outcome-contact:focus-visible {outline:2px solid #78dcff;outline-offset:4px;}
@media(max-width:600px){.outcome-projections { grid-template-columns:1fr; }.outcome-projections article {padding:14px 4px;}.outcome-projections small {font-size:10px;}.outcome-projections span {font-size:12px;}.outcome-projections strong {font-size:20px;} }

@media(max-width:600px){.anywhere-desktop {margin:16px;padding:18px;}.anywhere-toolbar {margin-bottom:16px;}.anywhere-chart {margin:18px 0;}.anywhere-chart svg {height:90px;}.anywhere-desktop p {margin-bottom:0;}.mobile-console:has(.anywhere-desktop) .phone {width:220px;margin:12px auto 24px;animation:none;}.mobile-console:has(.anywhere-desktop) .phone-screen {min-height:0;padding:20px 12px 12px;}.mobile-console:has(.anywhere-desktop) .phone-kpi {padding:12px;margin-bottom:10px;}.mobile-console:has(.anywhere-desktop) .phone-spark {padding:6px 0;} }

@media(min-width:801px) and (max-width:1000px){ .desktop-nav {display:none;} }

/* Directional source links and a coherent event trace. */
.connect-transfer i { position:relative; }
.connect-transfer i::after { content:'';position:absolute;right:0;top:-3px;width:6px;height:6px;border-top:1px solid #88beed;border-right:1px solid #88beed;transform:rotate(45deg); }
.connect-result { position:relative; }
.connect-result::before { content:'';position:absolute;width:24px;height:2px;left:-25px;top:50%;background:linear-gradient(90deg,#8875e4,#69d0e9); }
.pipeline-record>div span { padding:10px 14px;border:1px solid #7896c02b;border-radius:8px;background:#0b152a88; }
.pipeline-record>div span:last-child { border-color:#63c4db55;color:#bcecf8; }
.connect-sources article { border-left:2px solid #5fbcdb66; }.connect-sources article:nth-child(2){border-left-color:#8581e877;}.connect-sources article:nth-child(3){border-left-color:#ad78df77;}
@media(max-width:800px){
 .connect-hub { position:relative;margin-top:16px; }.connect-hub::before { content:'↓';position:absolute;top:-28px;color:#839fe1;font-size:20px; }
 .connect-result { margin-top:16px; }.connect-result::before { content:'↓';width:auto;height:auto;left:50%;top:-28px;background:none;color:#72c9df;font-size:20px; }
 .pipeline-record>div span { width:100%;box-sizing:border-box; }
}

.storage-interval {font-size:11px;font-style:normal;color:#a6b9d4;line-height:1.5;}.projection-card em {padding:4px 8px;border:1px solid #a48ad34d;border-radius:20px;background:#77619b18;}.projection-card.planned {border-style:dashed;}
.summit-controls button:not(:disabled):hover {background:#192844;border-color:#7eb4d57d;}.summit-cta a:hover {border-color:#8edcea99;}

.contact-error {color:#f4a9b7;font-size:12px;line-height:1.5;}.contact-error:empty {display:none;}.contact-form [aria-invalid="true"] {border-color:#ed879e;}.contact-submit:disabled {opacity:.6;cursor:wait;}

/* Compact navigation keeps the same section links on mobile and tablet. */
.menu-toggle { display:none; }
@media(max-width:1000px) {
 .menu-toggle { display:flex; align-items:center; gap:8px; margin-left:auto; min-height:44px; padding:8px 12px; border:1px solid #819eca40; border-radius:9px; background:#10182b; color:#dce8fc; font:inherit; font-size:12px; cursor:pointer; }
 .menu-toggle:focus-visible,.desktop-nav a:focus-visible { outline:2px solid #72ddff; outline-offset:3px; }
 .desktop-nav.menu-open { display:flex; position:absolute; top:100%; left:14px; right:14px; margin:0; padding:12px; flex-direction:column; align-items:stretch; gap:0; border:1px solid #819eca40; border-radius:12px; background:#0b1222; box-shadow:0 18px 40px #0008; }
 .desktop-nav.menu-open a { display:flex; align-items:center; min-height:44px; padding:8px 14px; box-sizing:border-box; border-radius:7px; }
 .desktop-nav.menu-open a:hover { background:#1b2940; }
}