/* Stratgik — industries v2 (.sgi-) */
.sgi-hero{position:relative;overflow:hidden;isolation:isolate;color:#fff;background:radial-gradient(1000px 520px at 95% -10%,rgba(221,73,66,.22),transparent 60%),radial-gradient(900px 620px at -10% 110%,rgba(23,89,108,.6),transparent 60%),linear-gradient(160deg,#062B36,#0A3949 55%,#0d4152);padding-block:clamp(40px,5vw,72px) clamp(56px,6vw,88px)}
.sgi-hero__grid{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(ellipse 80% 80% at 30% 30%,#000 25%,transparent 80%);mask-image:radial-gradient(ellipse 80% 80% at 30% 30%,#000 25%,transparent 80%)}
.sgi-hero__inner{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(36px,5vw,72px);align-items:center}
.sgi-crumbs{display:flex;flex-wrap:wrap;gap:6px 8px;font-size:.84rem;color:#A9C4CD;margin-bottom:24px}
.sgi-crumbs a{color:#C2D8E0!important;text-decoration:none}
.sgi-crumbs a:hover{color:#fff!important;text-decoration:underline}
.sgi-kicker{display:inline-flex;align-items:center;gap:10px;margin:0 0 18px!important;padding:5px 16px 5px 5px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.06);font-size:.82rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#F6C8C5}
.sgi-kicker__ic{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--sg-accent)}
.sgi-kicker__ic svg{width:15px;height:15px;stroke:#fff;fill:none}
.sgi-hero .sgi-title{font-family:var(--sg-font-display);font-size:clamp(2.2rem,1.3rem + 2.9vw,3.6rem);line-height:1.05;letter-spacing:-.035em;font-weight:650;color:#fff;margin:0;max-width:18ch;text-wrap:balance}
.sgi-hero .sgi-sub{margin:14px 0 0!important;font-size:.82rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#8FB3BE}
.sgi-hero .sgi-lead{margin:14px 0 0!important;font-size:clamp(1.04rem,1rem + .3vw,1.18rem);line-height:1.65;color:#C2D8E0;max-width:56ch}
.sgi-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.sgi-cta .sg-btn,.sgi-final .sg-btn{gap:10px}
.sgi-cta .sg-btn svg,.sgi-final .sg-btn svg{width:18px;height:18px;stroke:currentColor;fill:none}
.sgi-cta .sg-btn{box-shadow:0 12px 26px -12px rgba(198,58,51,.7)}
.sgi-ghost{display:inline-flex;align-items:center;min-height:52px;padding:0 22px;border-radius:10px;border:1px solid rgba(255,255,255,.28);color:#fff!important;font-weight:600;text-decoration:none!important}
.sgi-ghost:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.5)}

/* day timeline */
.sgi-day{margin:0;background:#fff;color:var(--sg-ink);border-radius:20px;padding:clamp(18px,2.2vw,26px);box-shadow:0 40px 90px -24px rgba(3,24,31,.6)}
.sgi-day__cap{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap;padding-bottom:12px;margin-bottom:6px;border-bottom:1px solid var(--sg-border)}
.sgi-day__cap span{font-size:.74rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--sg-accent)}
.sgi-day__cap small{font-size:.8rem;color:var(--sg-text-3)}
.sgi-day ol.sgi-day__list{list-style:none;margin:0!important;padding:0!important;position:relative}
.sgi-day__list li{margin:0!important;position:relative;display:grid;grid-template-columns:54px 1fr;gap:14px;padding:11px 0;animation:sgiIn .5s var(--sg-ease-out) both;animation-delay:calc(var(--i) * 100ms + 150ms)}
.sgi-day__list li+li{border-top:1px dashed var(--sg-border)}
@keyframes sgiIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.sgi-day__t{font-family:var(--sg-font-mono);font-size:.82rem;font-weight:600;color:var(--sg-ink);padding-top:2px}
.sgi-day__body strong{display:block;font-size:.96rem;line-height:1.35;color:var(--sg-ink)}
.sgi-day__wrong{display:flex;gap:7px;align-items:flex-start;margin-top:4px;font-size:.84rem;line-height:1.45;color:#8F2620}
.sgi-day__wrong svg{flex:none;width:14px;height:14px;margin-top:2px;stroke:var(--sg-accent);fill:none}

/* stages */
.sgi-stages{background:#062B36;border-top:1px solid rgba(255,255,255,.06)}
.sgi-stages__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
.sgi-stage{display:flex;flex-direction:column;gap:6px;padding:22px 20px;border-left:1px solid rgba(255,255,255,.08);color:#A9C4CD!important;text-decoration:none!important;transition:background .2s}
.sgi-stage:first-child{border-left:0}
.sgi-stage:hover{background:rgba(255,255,255,.04)}
.sgi-stage__n{font-family:var(--sg-font-mono);font-size:.76rem;color:#F6C8C5}
.sgi-stage strong{font-family:var(--sg-font-display);font-size:1.1rem;color:#fff}
.sgi-stage p{margin:0!important;font-size:.86rem;line-height:1.5;color:#A9C4CD}
.sgi-stage__go{margin-top:auto;padding-top:8px;display:inline-flex;align-items:center;gap:6px;font-size:.84rem;font-weight:600;color:#fff}
.sgi-stage__go svg{width:14px;height:14px;stroke:currentColor;fill:none;transition:transform .2s}
.sgi-stage:hover .sgi-stage__go svg{transform:translateX(3px)}
.sgi-stages__grid--light{border:1px solid var(--sg-border);border-radius:18px;overflow:hidden;background:#fff}
.sgi-stages__grid--light .sgi-stage{border-left-color:var(--sg-border);color:var(--sg-text-2)!important}
.sgi-stages__grid--light .sgi-stage strong,.sgi-stages__grid--light .sgi-stage__go{color:var(--sg-ink)}
.sgi-stages__grid--light .sgi-stage p{color:var(--sg-text-2)}
.sgi-stages__grid--light .sgi-stage__n{color:var(--sg-accent)}
.sgi-stages__grid--light .sgi-stage:hover{background:var(--sg-surface-2)}

/* shared */
.sgi-h2{font-family:var(--sg-font-display);font-size:var(--sg-fs-h2);line-height:1.1;letter-spacing:-.03em;color:var(--sg-ink);margin:10px 0 0!important;font-weight:650;text-wrap:balance}
.sgi-h2--inv{color:#fff}
.sgi-p{margin:16px 0 0!important;color:var(--sg-text-2);font-size:1.05rem;line-height:1.65}
.sgi-p--inv{color:#C2D8E0}
.sgi-eyebrow-inv{margin:0!important;font-size:.76rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#F6C8C5}
.sgi-head{max-width:760px;margin-bottom:clamp(26px,3.2vw,40px)}
.sgi-head--center{margin-inline:auto;text-align:center}
.sgi-head--row{max-width:none;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(20px,5vw,72px);align-items:end}
.sgi-head--row .sgi-p{margin-top:0!important}
.sgi-head--row .sg-link-arrow{justify-self:end}

/* answer */
.sgi-answer{background:#fff}
.sgi-answer__inner{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(28px,6vw,88px);align-items:start}
.sgi-answer .sgi-answer__a{margin:0!important;font-size:clamp(1.05rem,1rem + .25vw,1.18rem);line-height:1.72;color:var(--sg-ink);padding-left:20px;border-left:3px solid var(--sg-accent)}
.sgi-glance{margin:26px 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--sg-border);border:1px solid var(--sg-border);border-radius:16px;overflow:hidden}
.sgi-glance>div{background:#fff;padding:16px 14px;display:flex;flex-direction:column-reverse;justify-content:flex-end;gap:4px}
.sgi-glance dt{font-size:.8rem;line-height:1.35;color:var(--sg-text-3)}
.sgi-glance dd{margin:0;font-family:var(--sg-font-display);font-size:2rem;font-weight:650;letter-spacing:-.03em;line-height:1;color:var(--sg-accent)}

/* problems */
.sgi-problems{background:var(--sg-surface-2)}
.sgi-problems__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.sgi-prob{background:#fff;border:1px solid var(--sg-border);border-radius:16px;padding:24px 22px;transition:transform .25s var(--sg-ease-out),box-shadow .25s}
.sgi-prob:hover{transform:translateY(-3px);box-shadow:var(--sg-sh-3)}
.sgi-prob__top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
.sgi-prob__ic{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--sg-accent-soft)}
.sgi-prob__ic svg{width:20px;height:20px;stroke:var(--sg-accent);fill:none}
.sgi-prob__n{font-family:var(--sg-font-mono);font-size:.78rem;color:var(--sg-text-3)}
.sgi-prob h3{margin:0;font-family:var(--sg-font-display);font-size:1.14rem;line-height:1.3;color:var(--sg-ink);font-weight:650}
.sgi-prob p{margin:8px 0 0!important;font-size:.95rem;line-height:1.6;color:var(--sg-text-2)}

/* workflows */
.sgi-flows{background:#fff}
.sgi-flows__wrap{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:20px;align-items:start}
.sgi-flows__tabs{display:grid;gap:8px}
.sgi-flows__tabs button{appearance:none;display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;border-radius:12px;border:1px solid var(--sg-border);background:#fff;font:inherit;font-size:.98rem;font-weight:600;color:var(--sg-ink);text-align:left;cursor:pointer;transition:all .15s}
.sgi-flows__tabs button span{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:var(--sg-surface-2);font-family:var(--sg-font-mono);font-size:.76rem;color:var(--sg-text-2)}
.sgi-flows__tabs button:hover{border-color:var(--sg-border-strong);background:var(--sg-surface-2)}
.sgi-flows__tabs button[aria-selected=true]{background:var(--sg-ink);border-color:var(--sg-ink);color:#fff}
.sgi-flows__tabs button[aria-selected=true] span{background:var(--sg-accent);color:#fff}
.sgi-flows__tabs button:focus-visible{outline:3px solid rgba(23,89,108,.35);outline-offset:2px}
.sgi-flow{background:var(--sg-surface-2);border:1px solid var(--sg-border);border-radius:18px;padding:clamp(20px,2.4vw,30px)}
.sgi-flow .sgi-flow__k{margin:0 0 18px!important;font-family:var(--sg-font-display);font-size:1.3rem;font-weight:650;color:var(--sg-ink)}
.sgi-flow ol.sgi-flow__steps{list-style:none;margin:0!important;padding:0!important;display:grid;gap:0;position:relative}
.sgi-flow__steps li{margin:0!important;position:relative;display:grid;grid-template-columns:40px 1fr;gap:14px;padding-bottom:16px;animation:sgiIn .45s var(--sg-ease-out) both;animation-delay:calc(var(--j) * 90ms)}
.sgi-flow__steps li:last-child{padding-bottom:0}
.sgi-flow__steps li:not(:last-child)::after{content:"";position:absolute;left:19px;top:40px;bottom:0;width:2px;background:var(--sg-border-strong)}
.sgi-flow__n{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#fff;border:2px solid var(--sg-ink);font-weight:650;color:var(--sg-ink);font-size:.92rem}
.sgi-flow__steps li:last-child .sgi-flow__n{background:var(--sg-accent);border-color:var(--sg-accent);color:#fff}
.sgi-flow__steps p{margin:0!important;padding:10px 14px;border-radius:10px;background:#fff;border:1px solid var(--sg-border);font-size:.97rem;line-height:1.5;color:var(--sg-ink)}
.sgi-flow .sgi-flow__foot{display:flex;gap:8px;align-items:center;margin:18px 0 0!important;font-size:.86rem;color:var(--sg-text-2)}
.sgi-flow__foot svg{width:16px;height:16px;stroke:var(--sg-good);fill:none}

/* architecture */
.sgi-arch{background:radial-gradient(760px 380px at 100% 0,rgba(221,73,66,.2),transparent 60%),#0A3949;color:#fff}
.sgi-arch__inner{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:clamp(32px,6vw,88px);align-items:center}
.sgi-stack{display:grid;gap:10px;position:relative}
.sgi-layer{position:relative;display:grid;grid-template-columns:170px 1fr;gap:16px;align-items:center;padding:16px 18px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12)}
.sgi-layer:not(:last-child)::after{content:"";position:absolute;left:50%;bottom:-11px;width:2px;height:10px;background:rgba(246,200,197,.5)}
.sgi-layer--2{background:rgba(198,58,51,.14);border-color:rgba(233,119,111,.45)}
.sgi-layer__label strong{display:block;font-size:.98rem;color:#fff}
.sgi-layer__label small{display:block;margin-top:2px;font-size:.8rem;color:#A9C4CD}
.sgi-layer ul.sgi-layer__nodes{list-style:none;margin:0!important;padding:0!important;display:flex;flex-wrap:wrap;gap:6px}
.sgi-layer__nodes li{margin:0!important;padding:6px 10px;border-radius:8px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);font-size:.84rem;color:#E8F2F6}
.sgi-layer--2 .sgi-layer__nodes li{background:rgba(255,255,255,.12)}

/* line */
.sgi-line{background:linear-gradient(180deg,#fff,var(--sg-surface-2))}
.sgi-split{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:0;align-items:stretch;border:1px solid var(--sg-border);border-radius:20px;overflow:hidden;background:#fff;box-shadow:var(--sg-sh-2)}
.sgi-split__col{padding:clamp(20px,2.6vw,32px)}
.sgi-split__col--auto{background:linear-gradient(180deg,#F2FAF7,#fff)}
.sgi-split__col--human{background:linear-gradient(180deg,#FEF6F5,#fff)}
.sgi-split .sgi-split__k{display:flex;align-items:center;gap:10px;margin:0 0 16px!important;font-family:var(--sg-font-display);font-size:1.15rem;font-weight:650;color:var(--sg-ink)}
.sgi-split__k svg{width:22px;height:22px;padding:4px;border-radius:7px;fill:none}
.sgi-split__col--auto .sgi-split__k svg{background:var(--sg-good-soft);stroke:var(--sg-good)}
.sgi-split__col--human .sgi-split__k svg{background:var(--sg-accent-soft);stroke:var(--sg-accent)}
.sgi-split ul{list-style:none;margin:0!important;padding:0!important;display:grid;gap:8px}
.sgi-split li{margin:0!important;position:relative;padding:9px 12px 9px 36px;border-radius:10px;background:#fff;border:1px solid var(--sg-border);font-size:.94rem;line-height:1.45;color:var(--sg-ink)}
.sgi-split li::before{content:"";position:absolute;left:12px;top:50%;width:14px;height:14px;border-radius:50%;transform:translateY(-50%)}
.sgi-split__col--auto li::before{background:var(--sg-good-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='7' fill='none' stroke='%230E8F6F' stroke-width='1.8'%3E%3Cpath d='M1 3.5l2 2 4-4.5'/%3E%3C/svg%3E") center no-repeat}
.sgi-split__col--human li::before{background:var(--sg-accent-soft);box-shadow:inset 0 0 0 4px var(--sg-accent-soft),inset 0 0 0 7px var(--sg-accent)}
.sgi-split__mid{position:relative;width:1px;background:var(--sg-border)}
.sgi-split__mid span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-90deg);white-space:nowrap;padding:6px 12px;border-radius:999px;background:var(--sg-ink);color:#fff;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}

/* decisions + measures */
.sgi-decide{background:#fff}
.sgi-decide__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.sgi-dec{position:relative;padding:26px 24px;border-radius:18px;border:1px solid var(--sg-border);background:#fff}
.sgi-dec__q{display:inline-grid;place-items:center;height:28px;padding:0 10px;border-radius:999px;background:var(--sg-ink);color:#fff;font-family:var(--sg-font-mono);font-size:.76rem;font-weight:600}
.sgi-dec h3{margin:14px 0 0;font-family:var(--sg-font-display);font-size:1.2rem;line-height:1.3;color:var(--sg-ink);font-weight:650}
.sgi-dec p{margin:10px 0 0!important;font-size:.96rem;line-height:1.62;color:var(--sg-text-2)}
.sgi-measure{margin-top:20px;display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:24px;align-items:center;padding:clamp(20px,2.6vw,32px);border-radius:20px;background:var(--sg-ink);color:#fff}
.sgi-measure .sgi-measure__k{margin:0!important;font-size:.76rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#F6C8C5}
.sgi-measure__head p:not(.sgi-measure__k){margin:8px 0 0!important;font-size:1rem;line-height:1.6;color:#C2D8E0}
.sgi-measure__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.sgi-kpi{padding:16px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)}
.sgi-kpi__bar{display:block;height:4px;border-radius:2px;background:rgba(255,255,255,.12);overflow:hidden;margin-bottom:12px}
.sgi-kpi__bar i{display:block;height:100%;width:var(--w);background:linear-gradient(90deg,#3FD3A0,#9ED8EC);border-radius:2px}
.sgi-kpi strong{display:block;font-size:.98rem;color:#fff}
.sgi-kpi p{margin:4px 0 0!important;font-size:.86rem;line-height:1.5;color:#A9C4CD}

/* use + integrations */
.sgi-use{background:var(--sg-surface-2)}
.sgi-use__inner{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(28px,5vw,72px);align-items:start}
.sgi-use__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px}
.sgi-uc{display:grid;grid-template-columns:34px 1fr;gap:12px;padding:20px;border-radius:16px;background:#fff;border:1px solid var(--sg-border)}
.sgi-uc>span{font-family:var(--sg-font-mono);font-size:.8rem;color:var(--sg-accent);padding-top:3px}
.sgi-uc h3{margin:0;font-size:1.04rem;font-weight:650;color:var(--sg-ink);font-family:var(--sg-font-display)}
.sgi-uc p{margin:6px 0 0!important;font-size:.92rem;line-height:1.55;color:var(--sg-text-2)}
.sgi-int{position:sticky;top:calc(var(--sg-header-h-stuck) + 24px);padding:24px;border-radius:18px;background:#fff;border:1px solid var(--sg-border);box-shadow:var(--sg-sh-2)}
.sgi-int .sgi-int__k{margin:0 0 14px!important;font-size:.76rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--sg-accent)}
.sgi-int ul{list-style:none;margin:0!important;padding:0!important;display:flex;flex-wrap:wrap;gap:8px}
.sgi-int li{margin:0!important;padding:7px 12px;border-radius:999px;background:var(--sg-surface-2);border:1px solid var(--sg-border);font-size:.86rem;font-weight:500;color:var(--sg-ink)}
.sgi-int .sgi-int__note{margin:16px 0 0!important;padding-top:14px;border-top:1px dashed var(--sg-border);font-size:.88rem;line-height:1.55;color:var(--sg-text-2)}

/* proof */
.sgi-proof{background:#fff}
.sgi-cases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.sgi-case{display:flex;flex-direction:column;padding:26px;border-radius:18px;background:var(--sg-ink);color:#C2D8E0!important;text-decoration:none!important;position:relative;overflow:hidden;isolation:isolate;min-height:230px;transition:transform .3s var(--sg-ease-out),box-shadow .3s}
.sgi-case::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(380px 200px at 100% 0,rgba(221,73,66,.28),transparent 70%)}
.sgi-case:hover{transform:translateY(-4px);box-shadow:var(--sg-sh-4)}
.sgi-case__k{font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#F6C8C5}
.sgi-case h3{margin:12px 0 0;font-family:var(--sg-font-display);font-size:1.22rem;line-height:1.28;color:#fff;font-weight:650}
.sgi-case p{margin:10px 0 18px!important;font-size:.92rem;line-height:1.55;color:#A9C4CD}
.sgi-case__go{margin-top:auto;display:inline-flex;align-items:center;gap:6px;font-size:.88rem;font-weight:600;color:#fff}
.sgi-case__go svg{width:14px;height:14px;stroke:currentColor;fill:none}
.sgi-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px}
.sgi-links>div{padding:18px 20px;border-radius:14px;background:var(--sg-surface-2);border:1px solid var(--sg-border)}
.sgi-links p{margin:0 0 10px!important;font-size:.74rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--sg-text-3)}
.sgi-links ul{list-style:none;margin:0!important;padding:0!important;display:flex;flex-wrap:wrap;gap:8px}
.sgi-links li{margin:0!important}
.sgi-links a{display:inline-block;padding:7px 12px;border-radius:999px;background:#fff;border:1px solid var(--sg-border);color:var(--sg-ink)!important;font-size:.88rem;font-weight:500;text-decoration:none!important}
.sgi-links a:hover{border-color:var(--sg-ink-3)}

/* faq */
.sgi-faq{background:var(--sg-surface-2)}
.sgi-faq__inner{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,6vw,88px);align-items:start}
.sgi-faq__head{position:sticky;top:calc(var(--sg-header-h-stuck) + 24px)}
.sgi-faq__btn{margin-top:24px}
.sgi-faq__list{display:grid;gap:10px}
.sgi-q{background:#fff;border:1px solid var(--sg-border);border-radius:14px}
.sgi-q[open]{border-color:var(--sg-border-strong);box-shadow:var(--sg-sh-2)}
.sgi-q summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;font-weight:600;color:var(--sg-ink);line-height:1.4}
.sgi-q summary::-webkit-details-marker{display:none}
.sgi-q summary:focus-visible{outline:3px solid rgba(23,89,108,.3);outline-offset:-3px;border-radius:14px}
.sgi-q__ic{flex:none;width:26px;height:26px;border-radius:50%;background:var(--sg-surface-2);position:relative}
.sgi-q__ic::before,.sgi-q__ic::after{content:"";position:absolute;left:50%;top:50%;width:10px;height:2px;margin:-1px 0 0 -5px;background:var(--sg-ink)}
.sgi-q__ic::after{transform:rotate(90deg);transition:transform .2s}
.sgi-q[open] .sgi-q__ic::after{transform:none}
.sgi-q p{margin:0!important;padding:0 20px 20px;color:var(--sg-text-2);line-height:1.65;font-size:.96rem}

/* others + final */
.sgi-others{background:#fff;border-top:1px solid var(--sg-border);padding-block:28px}
.sgi-others__head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}
.sgi-others__head .sg-eyebrow{margin:0}
.sgi-others__row{display:flex;flex-wrap:wrap;gap:8px}
.sgi-chipcard{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;border:1px solid var(--sg-border);color:var(--sg-ink)!important;font-size:.9rem;font-weight:500;text-decoration:none!important;transition:all .15s}
.sgi-chipcard svg{width:16px;height:16px;stroke:var(--sg-accent);fill:none}
.sgi-chipcard:hover{border-color:var(--sg-ink-3);background:var(--sg-surface-2)}
.sgi-final{position:relative;overflow:hidden;isolation:isolate;background:var(--sg-ink);color:#fff}
.sgi-final::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(700px 320px at 100% 120%,rgba(221,73,66,.35),transparent 60%),linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px) 0 0/48px 48px,linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px) 0 0/48px 48px}
.sgi-final__inner{display:flex;justify-content:space-between;align-items:center;gap:32px;padding-block:clamp(48px,5.5vw,72px);flex-wrap:wrap}
.sgi-final h2{font-family:var(--sg-font-display);font-size:clamp(1.7rem,1.2rem + 1.4vw,2.4rem);line-height:1.12;letter-spacing:-.025em;color:#fff;margin:0;font-weight:650;max-width:24ch}
.sgi-final__inner p{margin:12px 0 0!important;color:#C2D8E0;font-size:1.04rem;line-height:1.6;max-width:58ch}
.sgi-final__cta{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.sgi-final__alt{color:#E8F2F6!important;font-size:.92rem;font-weight:500;text-decoration:underline!important;text-underline-offset:3px}

/* index */
.sgi-hero--index{padding-bottom:clamp(88px,9vw,120px)}
.sgi-ix__inner{max-width:none}
.sgi-ix__inner>*{max-width:860px}
.sgi-hero .sgi-title--ix{max-width:20ch}
.sgi-ix{background:var(--sg-surface-2);padding-top:0!important}
.sgi-ix__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:clamp(-64px,-6vw,-48px);position:relative;z-index:2}
.sgi-ixc{display:flex;flex-direction:column;padding:24px;border-radius:18px;background:#fff;border:1px solid var(--sg-border);box-shadow:var(--sg-sh-2);color:var(--sg-text)!important;text-decoration:none!important;position:relative;overflow:hidden;transition:transform .25s var(--sg-ease-out),box-shadow .25s,border-color .25s}
.sgi-ixc::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--sg-accent);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--sg-ease-out)}
.sgi-ixc:hover{transform:translateY(-4px);box-shadow:var(--sg-sh-4);border-color:var(--sg-border-strong)}
.sgi-ixc:hover::after{transform:scaleX(1)}
.sgi-ixc__top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}
.sgi-ixc__ic{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:var(--sg-ink)}
.sgi-ixc__ic svg{width:22px;height:22px;stroke:#fff;fill:none}
.sgi-ixc__n{font-family:var(--sg-font-mono);font-size:.78rem;color:var(--sg-text-3)}
.sgi-ixc .sgi-ixc__k{margin:0!important;font-size:.74rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--sg-accent)}
.sgi-ixc h2{margin:8px 0 0;font-family:var(--sg-font-display);font-size:1.22rem;line-height:1.3;letter-spacing:-.01em;color:var(--sg-ink);font-weight:650}
.sgi-ixc .sgi-ixc__d{margin:8px 0 0!important;font-size:.92rem;line-height:1.55;color:var(--sg-text-2)}
.sgi-ixc ul.sgi-ixc__wf{list-style:none;margin:14px 0 0!important;padding:0!important;display:flex;flex-wrap:wrap;gap:6px}
.sgi-ixc__wf li{margin:0!important;padding:4px 9px;border-radius:999px;background:var(--sg-surface-2);border:1px solid var(--sg-border);font-size:.78rem;color:var(--sg-text-2)}
.sgi-ixc__go{margin-top:auto;padding-top:18px;display:inline-flex;align-items:center;gap:6px;font-size:.9rem;font-weight:600;color:var(--sg-accent)}
.sgi-ixc__go svg{width:14px;height:14px;stroke:currentColor;fill:none;transition:transform .2s}
.sgi-ixc:hover .sgi-ixc__go svg{transform:translateX(3px)}
.sgi-ixc--other{background:var(--sg-ink);border-color:var(--sg-ink)}
.sgi-ixc--other .sgi-ixc__ic{background:var(--sg-accent)}
.sgi-ixc--other h2{color:#fff}
.sgi-ixc--other .sgi-ixc__d{color:#C2D8E0}
.sgi-ixc--other .sgi-ixc__k{color:#F6C8C5}
.sgi-ixc--other .sgi-ixc__go{color:#fff}
.sgi-common{background:#fff}

/* reveal */
.sgi-pre{opacity:0;transform:translateY(14px);transition:opacity .6s var(--sg-ease-out),transform .6s var(--sg-ease-out)}
.sgi-pre.sgi-in{opacity:1;transform:none}

@media (max-width:1100px){
  .sgi-problems__grid,.sgi-ix__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sgi-decide__grid{grid-template-columns:minmax(0,1fr)}
  .sgi-glance{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sgi-layer{grid-template-columns:minmax(0,1fr);gap:10px}
}
@media (max-width:1024px){
  .sgi-hero__inner,.sgi-answer__inner,.sgi-arch__inner,.sgi-use__inner,.sgi-faq__inner,.sgi-head--row,.sgi-measure{grid-template-columns:minmax(0,1fr)}
  .sgi-head--row .sg-link-arrow{justify-self:start}
  .sgi-day{max-width:620px;width:100%}
  .sgi-stages__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sgi-stage:nth-child(3){border-left:0}
  .sgi-stage:nth-child(n+3){border-top:1px solid rgba(255,255,255,.08)}
  .sgi-stages__grid--light .sgi-stage:nth-child(n+3){border-top-color:var(--sg-border)}
  .sgi-flows__wrap{grid-template-columns:minmax(0,1fr)}
  .sgi-flows__tabs{grid-auto-flow:column;grid-auto-columns:max-content;overflow-x:auto;scrollbar-width:none;padding-bottom:4px;margin-inline:-16px;padding-inline:16px}
  .sgi-flows__tabs::-webkit-scrollbar{display:none}
  .sgi-flows__tabs button{white-space:nowrap}
  .sgi-cases{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sgi-int,.sgi-faq__head{position:static}
}
@media (max-width:760px){
  .sgi-split{grid-template-columns:minmax(0,1fr)}
  .sgi-split__mid{width:auto;height:1px}
  .sgi-split__mid span{transform:translate(-50%,-50%)}
}
@media (max-width:640px){
  .sgi-hero .sgi-title{font-size:2.05rem}
  .sgi-cta{flex-direction:column}
  .sgi-cta>*{width:100%;justify-content:center}
  .sgi-day{padding:16px;border-radius:16px}
  .sgi-day__list li{grid-template-columns:46px 1fr;gap:10px}
  .sgi-stages__grid{grid-template-columns:minmax(0,1fr)}
  .sgi-stage{border-left:0!important;border-top:1px solid rgba(255,255,255,.08)}
  .sgi-stage:first-child{border-top:0}
  .sgi-stages__grid--light .sgi-stage{border-top-color:var(--sg-border)}
  .sgi-stage p{display:none}
  .sgi-stage{flex-direction:row;align-items:center;gap:12px;padding:14px 16px}
  .sgi-stage__go{margin:0 0 0 auto;padding:0}
  .sgi-glance dd{font-size:1.6rem}
  .sgi-problems__grid,.sgi-cases,.sgi-links,.sgi-use__list,.sgi-measure__grid,.sgi-ix__grid{grid-template-columns:minmax(0,1fr)}
  .sgi-prob{padding:20px 18px}
  .sgi-flow{padding:18px 14px}
  .sgi-flow__steps li{grid-template-columns:34px 1fr;gap:10px}
  .sgi-flow__n{width:34px;height:34px}
  .sgi-flow__steps li:not(:last-child)::after{left:16px;top:34px}
  .sgi-final__cta,.sgi-final .sg-btn{width:100%}
  .sgi-final .sg-btn{justify-content:center}
  .sgi-final__cta{align-items:center}
  .sgi-answer .sgi-answer__a{padding-left:16px}
}
@media (prefers-reduced-motion:reduce){.sgi-day__list li,.sgi-flow__steps li{animation:none}.sgi-prob,.sgi-case,.sgi-ixc{transition:none;transform:none!important}}
.sgi-ixc__ic svg,.sgi-kicker__ic svg{color:#fff!important;stroke:#fff!important}.sgi-ixc--other .sgi-ixc__ic svg{color:#fff!important}
