:root{
  --sv3d-paper:#faf6ef;
  --sv3d-ink:#0d2b33;
  --sv3d-teal:#2f8f86;
  --sv3d-amber:#f4b26a;
  --sv3d-lav:#b9a9d8;
  --sv3d-progress:0;
}

html{background:#faf6ef;scroll-behavior:smooth}
body.home{position:relative;isolation:isolate;background-color:transparent!important;background-image:none!important}

#sv3d-background{position:fixed;z-index:0;inset:0;width:100%;height:100%;pointer-events:none;opacity:.98}
.sv3d-veil{position:fixed;z-index:1;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(250,246,239,.84) 0%,rgba(250,246,239,.56) 34%,rgba(250,246,239,.08) 68%,rgba(250,246,239,0) 100%);transition:background .8s ease}
.sv3d-fallback{position:fixed;z-index:0;right:8vw;top:19vh;width:340px;height:430px;display:none;pointer-events:none;opacity:.5}
.sv3d-fallback .strand{position:absolute;left:50%;top:50%;width:255px;height:72px;margin:-36px 0 0 -128px;border:2px solid rgba(47,143,134,.43);border-radius:50%;transform:rotate(calc(var(--r)*28deg)) translateY(calc((var(--r) - 3)*35px));box-shadow:0 0 30px rgba(47,143,134,.12)}
.sv3d-fallback .strand:nth-child(even){border-color:rgba(185,169,216,.42)}
.sv3d-fallback .plane{position:absolute;width:170px;height:95px;border:1px solid rgba(13,43,51,.12);border-radius:20px;background:rgba(255,255,255,.36);box-shadow:0 20px 50px rgba(23,62,63,.09);backdrop-filter:blur(10px)}
.sv3d-fallback .p1{left:0;top:35px;transform:rotate(-8deg)}.sv3d-fallback .p2{right:0;top:180px;transform:rotate(7deg)}.sv3d-fallback .p3{left:28px;bottom:10px;transform:rotate(-4deg)}
.sv3d-no-webgl #sv3d-background{display:none}.sv3d-no-webgl .sv3d-fallback{display:block}

.topline,#main-content,.site-footer,.ai-chat-widget{position:relative;z-index:3}
.topline{position:relative;z-index:1002!important;background:rgba(11,53,88,.98)!important;backdrop-filter:blur(12px)}
.site-header{position:sticky!important;top:0;z-index:1001!important;isolation:isolate;background:rgba(250,246,239,.985)!important;backdrop-filter:blur(22px) saturate(1.08);-webkit-backdrop-filter:blur(22px) saturate(1.08);border-bottom-color:rgba(13,43,51,.13)!important;box-shadow:0 10px 34px rgba(23,62,63,.11)!important}
.site-header .header-inner{position:relative;z-index:2}
.site-header.is-fixed{box-shadow:0 16px 42px rgba(23,62,63,.16)!important}
body.admin-bar .site-header{top:32px!important}
@media(max-width:782px){body.admin-bar .site-header{top:46px!important}}
.site-footer{background:rgba(9,39,48,.96)!important;backdrop-filter:blur(16px)}

.sv3d-review-chip{display:none}
.sv3d-review-chip i{width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,#f4b26a,#2f8f86);box-shadow:0 0 12px rgba(47,143,134,.55)}

/* Keep the mounted homepage structure and content; only make its surfaces reveal the new scene. */
#svhome{position:relative;z-index:2}
#svhome .hero{background:linear-gradient(90deg,rgba(250,246,239,.92) 0%,rgba(250,246,239,.64) 44%,rgba(240,233,219,.16) 75%,rgba(240,233,219,.03) 100%)!important}
#svhome .hero .mesh{opacity:.28!important}
#svhome .hero-inner{position:relative;z-index:3}
#svhome .sv-cinema{background:linear-gradient(145deg,rgba(255,255,255,.53),rgba(232,244,240,.40))!important;border-color:rgba(255,255,255,.73)!important;box-shadow:0 34px 90px rgba(23,66,60,.15),inset 0 1px rgba(255,255,255,.9)!important;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
#svhome .sv-cinema::before{opacity:.55}
#svhome .sv-node,#svhome .sv-controls,#svhome .sv-status{background:rgba(255,255,255,.69)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}

#svhome .sec{background:linear-gradient(90deg,rgba(250,246,239,.82),rgba(250,246,239,.66))!important}
#svhome .lanes-wrap{background:linear-gradient(120deg,rgba(240,233,219,.80),rgba(250,246,239,.60))!important}
#svhome .integrate{background:linear-gradient(105deg,rgba(250,246,239,.84),rgba(240,233,219,.62))!important}
#svhome .band{background:linear-gradient(140deg,rgba(14,44,46,.95),rgba(23,62,63,.88) 55%,rgba(38,85,90,.82))!important;backdrop-filter:blur(4px)}
#svhome .final .sun{background:radial-gradient(120% 90% at 50% 120%,rgba(244,178,106,.95) 0,rgba(231,154,88,.92) 22%,rgba(47,143,134,.89) 60%,rgba(23,62,63,.94) 100%)!important}

#svhome .glass,#svhome .tier:not(.feat),#svhome .pcard,#svhome .vscol.bad,#svhome .vcard{background:rgba(255,255,255,.60)!important;border-color:rgba(255,255,255,.78)!important;box-shadow:0 20px 55px -26px rgba(23,62,63,.34);backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(13px)}
#svhome .step.dark,#svhome .tier.feat,#svhome .vscol.good{background:linear-gradient(160deg,rgba(23,62,63,.96),rgba(14,44,46,.93))!important;backdrop-filter:blur(12px)}
#svhome .stage{background:linear-gradient(160deg,rgba(14,44,46,.94),rgba(23,62,63,.90) 60%,rgba(38,85,90,.88))!important;backdrop-filter:blur(10px)}
#svhome .nextcard{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
#svhome .final .panel{background:rgba(255,255,255,.16)!important;backdrop-filter:blur(18px)!important}

/* Background motion is driven by scroll while the mounted cards stay legible. */
#svhome .step,#svhome .lane,#svhome .tier,#svhome .pcard,#svhome .vscol,#svhome .vcard,#svhome .nextcard{will-change:transform;transform:translate3d(0,var(--sv3d-lift,0px),0);transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
#svhome .step:hover,#svhome .lane:hover,#svhome .tier:hover,#svhome .pcard:hover,#svhome .vcard:hover{transform:translate3d(0,calc(var(--sv3d-lift,0px) - 4px),12px)}

html[data-sv-bg-phase="integrate"] .sv3d-veil{background:linear-gradient(90deg,rgba(250,246,239,.90),rgba(250,246,239,.65) 42%,rgba(223,242,236,.14) 100%)}
html[data-sv-bg-phase="proof"] .sv3d-veil{background:linear-gradient(90deg,rgba(250,246,239,.91),rgba(250,246,239,.68) 43%,rgba(239,229,247,.14) 100%)}
html[data-sv-bg-phase="closing"] .sv3d-veil{background:linear-gradient(90deg,rgba(250,246,239,.86),rgba(250,246,239,.55) 44%,rgba(244,178,106,.09) 100%)}

@media(max-width:980px){
  #sv3d-background{opacity:.88}
  .sv3d-veil{background:linear-gradient(180deg,rgba(250,246,239,.08) 0%,rgba(250,246,239,.28) 25%,rgba(250,246,239,.76) 58%,rgba(250,246,239,.90) 100%)}
  #svhome .hero{background:linear-gradient(180deg,rgba(250,246,239,.18),rgba(250,246,239,.68) 54%,rgba(240,233,219,.82))!important}
  #svhome .sec,#svhome .lanes-wrap,#svhome .integrate{background:rgba(250,246,239,.88)!important}
}
@media(max-width:680px){
  .sv3d-review-chip{display:none}
  #svhome .sv-cinema{background:linear-gradient(145deg,rgba(255,255,255,.63),rgba(232,244,240,.52))!important}
  #svhome .glass,#svhome .tier:not(.feat),#svhome .pcard,#svhome .vscol.bad,#svhome .vcard{background:rgba(255,255,255,.74)!important}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  #svhome .step,#svhome .lane,#svhome .tier,#svhome .pcard,#svhome .vscol,#svhome .vcard,#svhome .nextcard{transform:none!important;transition:none!important}
  #sv3d-background{opacity:.76}
}
