/* SERPIFAI Homepage Decision Continuity v13.2 - balance, proof-rail and overlap correction */
:root{--sdi132-proof-rail-height:68px;--sdi132-header-budget:70px}
#top.hero{box-sizing:border-box}
#top .hero-grid{align-items:center;gap:clamp(2.25rem,4vw,4.75rem)}
#top .hero-copy{max-width:680px}
#top .hero-copy .hero-lede--focused{max-width:64ch;margin-top:1.35rem;color:#bed0dc;font-size:clamp(1.04rem,1.2vw,1.18rem);line-height:1.72}
#top .hero-copy .trust-line--focused{display:flex;flex-wrap:wrap;gap:.55rem 1rem;margin-top:1.15rem;color:#9fb5c5;font-size:.78rem;letter-spacing:.02em}
#top .hero-copy .trust-line--focused span{display:inline-flex;align-items:center;gap:.48rem}
#top .hero-copy .trust-line--focused span::before{content:"";width:6px;height:6px;border-radius:50%;background:#6ce7f3;box-shadow:0 0 12px rgba(108,231,243,.42)}
.qualification-strip{box-sizing:border-box;display:flex;align-items:center;min-height:var(--sdi132-proof-rail-height);padding-block:0!important}
.qualification-strip .qualification-grid{box-sizing:border-box;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;min-height:var(--sdi132-proof-rail-height);padding-block:9px!important}
.serpifai-decision-continuity-v13-2{--sdi132-height:clamp(565px,60svh,630px);position:relative;align-self:center;width:min(100%,660px);height:var(--sdi132-height);margin-inline:auto;isolation:isolate;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.serpifai-decision-continuity-v13-2::before,.serpifai-decision-continuity-v13-2::after{content:"";position:absolute;z-index:-2;border-radius:999px;pointer-events:none;filter:blur(74px)}
.serpifai-decision-continuity-v13-2::before{width:43%;aspect-ratio:1;left:0;top:5%;background:rgba(154,114,255,.13)}
.serpifai-decision-continuity-v13-2::after{width:40%;aspect-ratio:1;right:0;bottom:4%;background:rgba(108,231,243,.10)}
.sdi132-shell{position:relative;display:grid;grid-template-rows:44px minmax(0,1fr) 50px;width:100%;height:100%;overflow:hidden;contain:layout paint style;border:1px solid rgba(108,231,243,.32);border-radius:28px;background:radial-gradient(circle at 76% 11%,rgba(154,114,255,.11),transparent 43%),linear-gradient(145deg,rgba(8,27,45,.996),rgba(3,12,22,.999));box-shadow:0 38px 96px rgba(0,0,0,.42),0 0 0 1px rgba(154,114,255,.065) inset,0 0 90px rgba(108,231,243,.04) inset;backdrop-filter:blur(18px)}
.sdi132-topbar{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 14px;border-bottom:1px solid rgba(111,177,214,.12);background:linear-gradient(180deg,rgba(9,27,46,.94),rgba(6,20,35,.86))}
.sdi132-brand{display:flex;align-items:center;gap:9px;min-width:0}
.sdi132-mark{display:grid;flex:0 0 29px;place-items:center;width:29px;height:29px;border:1px solid rgba(124,231,245,.40);border-radius:9px;background:linear-gradient(145deg,rgba(101,227,244,.08),rgba(126,80,255,.14));box-shadow:0 0 17px rgba(82,220,241,.08)}
.sdi132-mark svg{display:block;width:21px;height:24px;shape-rendering:geometricPrecision}
.sdi132-brand strong{overflow:hidden;color:#f8fbff;font-size:.70rem;line-height:1.05;letter-spacing:.07em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}
.sdi132-motion-toggle{min-height:29px;padding:0 10px;border:1px solid rgba(108,231,243,.28);border-radius:999px;background:rgba(8,30,46,.78);color:#c6d8e3;font:800 .58rem/1 Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:.045em;text-transform:uppercase;cursor:pointer;transition:border-color .2s ease,background .2s ease,color .2s ease,transform .2s ease}
.sdi132-motion-toggle:hover{border-color:rgba(108,231,243,.58);background:rgba(12,42,60,.92);color:#fff;transform:translateY(-1px)}
.sdi132-motion-toggle:focus-visible,.sdi132-phase-step:focus-visible{outline:2px solid #6ce7f3;outline-offset:2px}
.sdi132-stage{position:relative;z-index:2;min-width:0;min-height:0;overflow:hidden;background:radial-gradient(circle at 50% 45%,rgba(31,97,132,.06),transparent 64%)}
.sdi132-stage::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(rgba(86,167,212,.017) 1px,transparent 1px),linear-gradient(90deg,rgba(86,167,212,.017) 1px,transparent 1px);background-size:40px 40px;mask-image:radial-gradient(circle at 52% 44%,#000 0,transparent 79%)}
.sdi132-poster,.sdi132-animation{position:absolute;inset:0;width:100%;height:100%}
.sdi132-poster{z-index:1;display:block;object-fit:contain;opacity:1;transition:opacity .18s ease}
.sdi132-animation{z-index:2;opacity:0;transition:opacity .18s ease}
.serpifai-decision-continuity-v13-2.is-ready .sdi132-animation{opacity:1}
.serpifai-decision-continuity-v13-2.is-ready .sdi132-poster{opacity:0}
.sdi132-animation svg{display:block;width:100%!important;height:100%!important;shape-rendering:geometricPrecision;text-rendering:optimizeLegibility}
.sdi132-footer{position:relative;z-index:6;padding:6px 8px;border-top:1px solid rgba(111,177,214,.12);background:linear-gradient(180deg,rgba(5,18,31,.76),rgba(5,16,28,.94))}
.sdi132-phase-rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;height:100%}
.sdi132-phase-step{display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;padding:0 7px;border:1px solid transparent;border-radius:11px;background:transparent;color:#8197a8;font:760 .68rem/1 Inter,ui-sans-serif,system-ui,sans-serif;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease}
.sdi132-phase-step i{display:grid;place-items:center;width:20px;height:20px;border-radius:7px;background:#102a3d;color:#7591a4;font-style:normal;font-size:.57rem}
.sdi132-phase-step span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sdi132-phase-step:hover{background:rgba(18,49,70,.58);color:#dce8ee;transform:translateY(-1px)}
.sdi132-phase-step.is-active{border-color:rgba(108,231,243,.28);background:linear-gradient(135deg,rgba(108,231,243,.12),rgba(154,114,255,.08));color:#f6fbff}
.sdi132-phase-step.is-active i{background:#6ce7f3;color:#04141f}
.serpifai-decision-continuity-v13-2[data-active-phase="2"] .sdi132-phase-step.is-active i{background:#9a72ff;color:#fff}
.serpifai-decision-continuity-v13-2[data-active-phase="3"] .sdi132-phase-step.is-active i{background:#f5bd5c;color:#241605}
.serpifai-decision-continuity-v13-2[data-active-phase="4"] .sdi132-phase-step.is-active i{background:#6fe0bd;color:#04141f}
.serpifai-decision-continuity-v13-2.is-user-paused .sdi132-shell{border-color:rgba(154,114,255,.38)}
.serpifai-decision-continuity-v13-2.is-fallback .sdi132-animation,.serpifai-decision-continuity-v13-2.is-reduced-motion .sdi132-animation{display:none}
.serpifai-decision-continuity-v13-2.is-fallback .sdi132-poster,.serpifai-decision-continuity-v13-2.is-reduced-motion .sdi132-poster{opacity:1}
@media (min-width:1100px) and (min-height:800px){
  #top.hero{display:flex;align-items:center;min-height:calc(100vh - 138px);min-height:calc(100svh - 138px);padding-block:clamp(1.35rem,2.4vh,2.4rem)}
  #top .container.hero-grid{width:calc(100% - 48px);max-width:1380px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(3.5rem,4.4vw,5rem)}
  .serpifai-decision-continuity-v13-2{width:min(100%,670px);--sdi132-height:clamp(575px,61svh,640px)}
}
@media (min-width:1600px) and (min-height:900px){
  #top .container.hero-grid{max-width:1440px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .serpifai-decision-continuity-v13-2{width:min(100%,690px);--sdi132-height:clamp(610px,58svh,660px)}
}
@media (min-width:2200px) and (min-height:1100px){
  #top .container.hero-grid{max-width:1480px;grid-template-columns:minmax(0,.97fr) minmax(0,1.03fr)}
  .serpifai-decision-continuity-v13-2{width:min(100%,710px);--sdi132-height:680px}
}
@media (min-width:980px) and (max-height:799px){
  :root{--sdi132-proof-rail-height:64px;--sdi132-header-budget:64px}
  #top.hero{display:flex;align-items:center;min-height:calc(100vh - 128px);min-height:calc(100svh - 128px);padding-block:1rem}
  #top .container.hero-grid{width:calc(100% - 36px);max-width:1280px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,3.2vw,3rem)}
  .serpifai-decision-continuity-v13-2{width:min(100%,600px);--sdi132-height:clamp(455px,60svh,525px)}
  .qualification-strip .qualification-grid{font-size:.78rem;line-height:1.25}
}
@media (max-width:1099px){#top .hero-grid{gap:2.25rem}.serpifai-decision-continuity-v13-2{--sdi132-height:590px;width:min(100%,640px)}}
@media (max-width:979px){
  #top .hero-grid{grid-template-columns:1fr}
  .serpifai-decision-continuity-v13-2{--sdi132-height:580px;width:min(100%,630px);margin-top:.5rem}
  #top .hero-copy .hero-lede--focused{max-width:62ch}
  .qualification-strip .qualification-grid{grid-template-columns:repeat(2,minmax(0,1fr));min-height:auto;padding-block:14px!important;gap:.65rem 1rem}
}
@media (max-width:620px){
  .serpifai-decision-continuity-v13-2{--sdi132-height:570px}
  .sdi132-shell{border-radius:23px;grid-template-rows:42px minmax(0,1fr) 50px}
  .sdi132-topbar{padding-inline:11px}.sdi132-phase-step{gap:5px;padding-inline:3px;font-size:.63rem}
  .sdi132-phase-step i{width:19px;height:19px;font-size:.54rem}
}
@media (max-width:420px){
  .serpifai-decision-continuity-v13-2{--sdi132-height:550px}
  .sdi132-brand strong{font-size:.63rem}.sdi132-motion-toggle{padding-inline:8px}
  .sdi132-phase-step i{display:none}.sdi132-phase-step{font-size:.61rem}
}
@media (prefers-reduced-motion:reduce){
  .serpifai-decision-continuity-v13-2::before,.serpifai-decision-continuity-v13-2::after,.sdi132-poster,.sdi132-animation,.sdi132-motion-toggle,.sdi132-phase-step{transition:none!important}
  .sdi132-motion-toggle{display:none!important}
}
