/* ================================================================
   SeeThru Corporate Suite — frontend styles
   All section components are scoped under .stx-corp so they cannot
   leak into / be overridden by Rey theme styles. Tokens live on
   .stx-corp itself so every widget inherits them.
   ================================================================ */

@import url('https://fonts.googleapis.com/css2?family=Geist:wght@100..900&family=Geist+Mono:wght@100..900&display=optional');

.stx-corp{
	--ink-1000:#000;--ink-950:#0A0A0B;--ink-900:#101012;--ink-850:#161618;--ink-800:#1C1C1F;
	--ink-700:#26262A;--ink-600:#3A3A40;--ink-500:#5C5C63;--ink-400:#86868B;--ink-300:#B5B5BA;
	--ink-200:#D6D6D9;--ink-100:#ECECEE;--ink-50:#F5F5F7;--ink-0:#FFFFFF;
	--titanium:#F5F5F7;--titanium-soft:#FFFFFF;--titanium-dark:#86868B;
	--font-display:'Geist','Inter Tight',system-ui,sans-serif;
	--font-body:'Geist','Inter',system-ui,sans-serif;
	--font-mono:'Geist Mono','JetBrains Mono',ui-monospace,monospace;
	--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--s-8:64px;--s-9:96px;--s-10:128px;--s-11:160px;
	--container:1440px;--container-n:1040px;--gutter:max(24px,4vw);
	--ease-out:cubic-bezier(0.16,1,0.3,1);--dur-fast:180ms;--dur-base:320ms;

	font-family:var(--font-body);font-size:16px;line-height:1.55;color:var(--ink-200);
	background:var(--ink-950);
	-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
}
.stx-corp,.stx-corp *,.stx-corp *::before,.stx-corp *::after{box-sizing:border-box}
.stx-corp img,.stx-corp svg{display:block;max-width:100%}
.stx-corp a{color:inherit;text-decoration:none}
.stx-corp button{font:inherit;cursor:pointer;background:transparent;border:0;color:inherit}
.stx-corp h1,.stx-corp h2,.stx-corp h3,.stx-corp h4,.stx-corp h5,.stx-corp p,.stx-corp ul{margin:0;padding:0}
.stx-corp ul{list-style:none}

/* shared utilities */
.stx-corp .eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:0.18em;text-transform:uppercase;color:var(--ink-400);font-weight:500}
.stx-corp .btn{display:inline-flex;align-items:center;gap:10px;height:48px;padding:0 24px;font-size:14px;font-weight:500;letter-spacing:0.02em;border-radius:999px;border:1px solid transparent;transition:all 320ms var(--ease-out);white-space:nowrap;cursor:pointer;line-height:1}
.stx-corp .btn-primary,.stx-corp a.btn-primary:link,.stx-corp a.btn-primary:visited{background:var(--ink-50) !important;color:var(--ink-950) !important}
.stx-corp .btn-primary:hover{background:var(--ink-0) !important;color:var(--ink-950) !important;transform:translateY(-1px)}
.stx-corp .btn-ghost,.stx-corp a.btn-ghost:link,.stx-corp a.btn-ghost:visited{background:transparent !important;color:var(--ink-50) !important;border-color:rgba(255,255,255,0.18) !important}
.stx-corp .btn-ghost:hover{background:rgba(255,255,255,0.06) !important;color:var(--ink-50) !important;border-color:rgba(255,255,255,0.32) !important}

.stx-corp .img-slot{position:relative;width:100%;height:100%;background:radial-gradient(120% 80% at 50% 40%,rgba(255,255,255,0.05),transparent 70%),linear-gradient(180deg,#0F0F12 0%,#060608 100%);border:1px solid var(--ink-700);overflow:hidden;display:block}
.stx-corp .img-slot::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,0.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.025) 1px,transparent 1px);background-size:18px 18px;mix-blend-mode:screen;pointer-events:none}
.stx-corp .img-slot__label{position:absolute;left:16px;bottom:14px;font-family:var(--font-mono);font-size:10px;letter-spacing:0.08em;text-transform:uppercase;color:var(--ink-500);max-width:calc(100% - 32px)}
.stx-corp .stx-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}

.stx-corp .section-head{display:grid;grid-template-columns:1fr 1.6fr;gap:var(--s-7);align-items:end;margin-bottom:var(--s-8)}
.stx-corp .section-head__num{font-family:var(--font-mono);font-size:11px;letter-spacing:0.18em;text-transform:uppercase;color:var(--ink-500);margin-bottom:8px}
.stx-corp .section-head h2{font-size:clamp(36px,4.4vw,72px);line-height:0.98;letter-spacing:-0.04em;font-weight:300;color:var(--ink-50);max-width:16ch}
.stx-corp .section-head__lede{font-size:18px;line-height:1.55;color:var(--ink-300);max-width:48ch}

/* ---------- HERO ---------- */
.stx-corp .hero{position:relative;padding:132px var(--gutter) var(--s-9);background:var(--ink-950);overflow:hidden}
.stx-corp .hero__inner{max-width:var(--container);margin-inline:auto;position:relative}
.stx-corp .hero__eyebrow{display:flex;align-items:center;gap:14px;margin-bottom:var(--s-5)}
.stx-corp .hero__eyebrow::before{content:"";width:32px;height:1px;background:var(--ink-500)}
.stx-corp .hero__title{font-family:var(--font-display);font-size:clamp(48px,8.4vw,144px);line-height:0.94;letter-spacing:-0.045em;font-weight:200;color:var(--ink-50);max-width:16ch}
.stx-corp .hero__title em{font-style:italic;font-weight:200;color:var(--ink-400)}
.stx-corp .hero__row{margin-top:var(--s-7);display:grid;grid-template-columns:1.4fr 1fr;gap:var(--s-8);align-items:end}
.stx-corp .hero__lede{font-size:clamp(18px,1.4vw,22px);line-height:1.5;color:var(--ink-300);max-width:48ch}
.stx-corp .hero__cta{display:flex;gap:var(--s-3);justify-content:flex-end;align-items:center;flex-wrap:wrap}
.stx-corp .hero__stage{margin-top:var(--s-8);position:relative;aspect-ratio:21/9;border:1px solid var(--ink-700);background:#000;overflow:hidden}
.stx-corp .hero__stage .img-slot{width:100%;height:100%}
.stx-corp .hero__stage::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,0.7) 100%);pointer-events:none;z-index:1}
.stx-corp .hero__stage-caption{position:absolute;left:var(--s-6);bottom:var(--s-5);z-index:2}
.stx-corp .hero__stage-caption .lbl{font-family:var(--font-mono);font-size:10px;letter-spacing:0.18em;text-transform:uppercase;color:var(--ink-300)}
.stx-corp .hero__stage-caption .val{display:block;color:var(--ink-100);font-size:14px;margin-top:4px;letter-spacing:-0.005em}

/* ---------- SPEC STRIP ---------- */
.stx-corp .spec-strip{border-top:1px solid var(--ink-700);border-bottom:1px solid var(--ink-700);background:var(--ink-950)}
.stx-corp .spec-strip__inner{max-width:var(--container);margin-inline:auto;padding:var(--s-5) var(--gutter);display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-6)}
.stx-corp .spec-strip__item{display:flex;flex-direction:column;gap:6px;border-left:1px solid var(--ink-700);padding-left:var(--s-4)}
.stx-corp .spec-strip__item:first-child{border-left:0;padding-left:0}
.stx-corp .spec-strip__num{font-family:var(--font-display);font-size:36px;line-height:1;letter-spacing:-0.03em;font-weight:300;color:var(--ink-50)}
.stx-corp .spec-strip__num .unit{font-size:16px;color:var(--ink-400);font-family:var(--font-mono);margin-left:4px;letter-spacing:0}
.stx-corp .spec-strip__label{font-family:var(--font-mono);font-size:11px;letter-spacing:0.18em;text-transform:uppercase;color:var(--ink-400)}

/* ---------- USE CASES ---------- */
.stx-corp .usecases{background:var(--ink-950);padding-block:var(--s-11)}
.stx-corp .usecases__inner{max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter)}
.stx-corp .usecase-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--s-4)}
.stx-corp .usecase{position:relative;overflow:hidden;border:1px solid var(--ink-700);background:var(--ink-900);aspect-ratio:4/5;cursor:pointer;transition:border-color var(--dur-base) var(--ease-out);display:block;color:inherit}
.stx-corp .usecase:hover{border-color:var(--ink-500)}
.stx-corp .usecase--wide{grid-column:span 5}
.stx-corp .usecase--med{grid-column:span 4;aspect-ratio:auto}
.stx-corp .usecase--sm{grid-column:span 3;aspect-ratio:auto}
.stx-corp .usecase--row2{grid-column:span 6;aspect-ratio:16/10}
.stx-corp .usecase__img{position:absolute;inset:0}
.stx-corp .usecase__img .img-slot{width:100%;height:100%}
.stx-corp .usecase__shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 40%,rgba(0,0,0,0.85) 100%);pointer-events:none;z-index:1}
.stx-corp .usecase__content{position:absolute;left:0;right:0;bottom:0;padding:var(--s-5);z-index:2}
.stx-corp .usecase__num{font-family:var(--font-mono);font-size:11px;letter-spacing:0.18em;text-transform:uppercase;color:var(--ink-300);margin-bottom:12px;display:flex;justify-content:space-between;gap:12px}
.stx-corp .usecase__title{font-size:clamp(22px,2vw,32px);line-height:1.1;letter-spacing:-0.02em;font-weight:300;color:var(--ink-50);margin:0 0 8px}
.stx-corp .usecase__sub{font-size:13px;color:var(--ink-300);max-width:30ch}
.stx-corp .usecase__arrow{position:absolute;top:var(--s-5);right:var(--s-5);width:36px;height:36px;border:1px solid rgba(255,255,255,0.18);border-radius:50%;display:grid;place-items:center;color:var(--ink-50);transition:all var(--dur-base) var(--ease-out);z-index:2}
.stx-corp .usecase:hover .usecase__arrow{background:var(--ink-50);color:var(--ink-950);transform:rotate(-45deg)}

/* ---------- MARQUEE ---------- */
.stx-corp .marquee{background:var(--ink-1000);padding:var(--s-6) 0;border-block:1px solid var(--ink-700);overflow:hidden;position:relative}
.stx-corp .marquee-track{display:flex;gap:var(--s-7);animation:stx-marquee 60s linear infinite;width:max-content}
.stx-corp .marquee-item{font-family:var(--font-display);font-size:clamp(32px,4vw,64px);letter-spacing:-0.03em;font-weight:200;color:var(--ink-700);white-space:nowrap;display:flex;align-items:center;gap:var(--s-7)}
.stx-corp .marquee-item::after{content:"\25A0";font-size:0.4em;color:var(--titanium)}
@keyframes stx-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ---------- EDITORIAL ---------- */
.stx-corp .editorial{background:var(--ink-950);padding-block:var(--s-11);border-top:1px solid var(--ink-700)}
.stx-corp .editorial__inner{max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter);display:grid;grid-template-columns:1.1fr 1fr;gap:var(--s-9);align-items:start}
@media (min-width:1101px){
	.stx-corp .editorial__head{position:sticky;top:90px;align-self:start}
}
.stx-corp .editorial__head h2{font-size:clamp(40px,5vw,88px);line-height:0.98;letter-spacing:-0.045em;font-weight:200;color:var(--ink-50)}
.stx-corp .editorial__head h2 em{font-style:italic;color:var(--ink-400);font-weight:200}
.stx-corp .editorial__head .signature{font-family:var(--font-mono);font-size:11px;letter-spacing:0.18em;text-transform:uppercase;color:var(--ink-400);margin-top:var(--s-5)}
.stx-corp .editorial__cols{display:grid;grid-template-columns:1fr;gap:var(--s-5)}
.stx-corp .editorial__para{font-size:17px;line-height:1.6;color:var(--ink-200);border-top:1px solid var(--ink-700);padding-top:var(--s-4)}
.stx-corp .editorial__para .drop{font-family:var(--font-mono);font-size:11px;letter-spacing:0.18em;text-transform:uppercase;color:var(--ink-500);display:block;margin-bottom:8px}

/* ---------- CALCULATOR ---------- */
.stx-corp .calculator{background:var(--ink-950);padding-block:var(--s-11);border-top:1px solid var(--ink-700)}
.stx-corp .calculator__inner{max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter)}
.stx-corp .calc-shell{margin-top:var(--s-7);display:grid;grid-template-columns:380px 1fr;gap:0;border:1px solid var(--ink-700);background:var(--ink-900);overflow:hidden}
.stx-corp .calc-controls{background:var(--ink-850);border-right:1px solid var(--ink-700);padding:var(--s-6)}
.stx-corp .calc-controls h3{margin:0 0 var(--s-5);font-size:13px;font-weight:500;font-family:var(--font-mono);letter-spacing:0.18em;text-transform:uppercase;color:var(--ink-50)}
.stx-corp .calc-field{margin-bottom:var(--s-5)}
.stx-corp .calc-field__label{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}
.stx-corp .calc-field__name{font-size:13px;font-weight:500;color:var(--ink-100)}
.stx-corp .calc-field__value{font-family:var(--font-mono);font-size:12px;color:var(--ink-200)}
.stx-corp .calc-field__hint{font-family:var(--font-mono);font-size:10px;letter-spacing:0.08em;color:var(--ink-500);margin-top:6px;display:flex;justify-content:space-between}
.stx-corp .pitch-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.stx-corp .pitch-chip{background:var(--ink-900);border:1px solid var(--ink-700);padding:10px 4px;display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer;transition:all var(--dur-fast) var(--ease-out);color:var(--ink-300)}
.stx-corp .pitch-chip:hover{border-color:var(--ink-500);color:var(--ink-50)}
.stx-corp .pitch-chip.active{background:var(--ink-50);border-color:var(--ink-50);color:var(--ink-950)}
.stx-corp .pitch-chip__name{font-size:14px;font-weight:500;letter-spacing:-0.01em}
.stx-corp .pitch-chip__sub{font-size:10px;font-family:var(--font-mono);opacity:0.6}
.stx-corp .calc-slider{-webkit-appearance:none;appearance:none;width:100%;height:4px;background:var(--ink-700);outline:none;border-radius:999px}
.stx-corp .calc-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;background:var(--ink-50);border-radius:50%;cursor:grab}
.stx-corp .calc-slider::-moz-range-thumb{width:18px;height:18px;background:var(--ink-50);border-radius:50%;border:0;cursor:grab}
.stx-corp .calc-preset-row{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}
.stx-corp .calc-preset{background:transparent;border:1px solid var(--ink-700);color:var(--ink-300);font-size:11px;padding:4px 10px;border-radius:999px;cursor:pointer;font-family:var(--font-mono);letter-spacing:0.04em;transition:all var(--dur-fast) var(--ease-out)}
.stx-corp .calc-preset:hover{color:var(--ink-50);border-color:var(--ink-500)}
.stx-corp .calc-output{display:grid;grid-template-rows:1fr auto auto;background:radial-gradient(ellipse at center,rgba(255,255,255,0.02),transparent 60%),var(--ink-900);position:relative;min-height:600px}
.stx-corp .calc-preview{position:relative;display:grid;place-items:center;padding:var(--s-7);overflow:hidden;min-height:340px}
.stx-corp .calc-preview-grid{position:relative;background:repeating-linear-gradient(0deg,rgba(255,255,255,0.06) 0 1px,transparent 1px var(--cab-h-px,28px)),repeating-linear-gradient(90deg,rgba(255,255,255,0.06) 0 1px,transparent 1px var(--cab-w-px,50px)),linear-gradient(180deg,#0E0F11 0%,#000 100%);border:1px solid #2A2A2E;box-shadow:0 0 80px rgba(150,180,255,0.08),inset 0 0 0 1px rgba(255,255,255,0.02);transition:width var(--dur-base) var(--ease-out),height var(--dur-base) var(--ease-out)}
.stx-corp .calc-preview-dims{position:absolute;font-family:var(--font-mono);font-size:10px;letter-spacing:0.08em;color:var(--ink-400);text-transform:uppercase;white-space:nowrap}
.stx-corp .calc-preview-dims.top{left:50%;top:var(--s-5);transform:translateX(-50%)}
.stx-corp .calc-preview-dims.right{right:var(--s-5);top:50%;transform:translateY(-50%) rotate(90deg);transform-origin:right center}
.stx-corp .calc-preview-dims .tick{color:var(--ink-600);margin:0 6px}
.stx-corp .calc-readouts{border-top:1px solid var(--ink-700);background:var(--ink-850);padding:var(--s-5) var(--s-6);display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-5)}
.stx-corp .calc-readout{display:flex;flex-direction:column;gap:6px}
.stx-corp .calc-readout__label{font-family:var(--font-mono);font-size:10px;letter-spacing:0.18em;text-transform:uppercase;color:var(--ink-400)}
.stx-corp .calc-readout__value{font-family:var(--font-display);font-size:26px;font-weight:300;letter-spacing:-0.02em;color:var(--ink-50);font-variant-numeric:tabular-nums}
.stx-corp .calc-readout__value .unit{font-family:var(--font-mono);font-size:12px;color:var(--ink-400);margin-left:4px;letter-spacing:0;font-weight:400}
.stx-corp .calc-summary-bar{border-top:1px solid var(--ink-700);background:var(--ink-900);padding:var(--s-5) var(--s-6);display:flex;align-items:center;justify-content:space-between;gap:var(--s-5);flex-wrap:wrap}
.stx-corp .calc-summary-bar__price{display:flex;flex-direction:column;gap:4px}
.stx-corp .calc-summary-bar__price .lbl{font-family:var(--font-mono);font-size:10px;letter-spacing:0.18em;text-transform:uppercase;color:var(--ink-400)}
.stx-corp .calc-summary-bar__price .range{font-family:var(--font-display);font-size:32px;font-weight:300;letter-spacing:-0.02em;color:var(--ink-50);font-variant-numeric:tabular-nums}
.stx-corp .calc-summary-bar__price .note{font-size:11px;color:var(--ink-500);max-width:36ch;margin-top:4px}
.stx-corp .calc-summary-bar__cta{display:flex;gap:var(--s-3)}

/* ---------- PITCH LADDER ---------- */
.stx-corp .ladder{background:var(--ink-950);padding-block:var(--s-11);border-top:1px solid var(--ink-700)}
.stx-corp .ladder__inner{max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter)}
.stx-corp .ladder-table{border-top:1px solid var(--ink-700);margin-top:var(--s-7)}
.stx-corp .ladder-row{display:grid;grid-template-columns:100px 1fr 140px 200px 140px;align-items:center;padding:var(--s-5) 0;border-bottom:1px solid var(--ink-700);gap:var(--s-5)}
.stx-corp .ladder-row__pitch{font-family:var(--font-display);font-size:32px;font-weight:300;letter-spacing:-0.02em;color:var(--ink-50)}
.stx-corp .ladder-row__title{font-size:17px;color:var(--ink-100);font-weight:400;letter-spacing:-0.005em}
.stx-corp .ladder-row__title .desc{display:block;font-size:13px;color:var(--ink-400);margin-top:4px}
.stx-corp .ladder-row__spec{font-family:var(--font-mono);font-size:12px;color:var(--ink-300);letter-spacing:0.08em}
.stx-corp .ladder-row__use{font-size:13px;color:var(--ink-300)}

/* LED-dot demo box — dots scale with pitch via inline --pitch-dot / --pitch-spacing */
.stx-corp .ladder-row__visual{
	position:relative;
	width:140px;height:56px;
	justify-self:end;
	border:1px solid #2A2A2E;
	border-radius:2px;
	background-color:#050608;
	background-image:
		radial-gradient(circle,rgba(190,255,220,0.9) calc(var(--pitch-dot,2px) / 2),transparent calc(var(--pitch-dot,2px) / 2 + 0.5px));
	background-size:var(--pitch-spacing,8px) var(--pitch-spacing,8px);
	background-position:calc(var(--pitch-spacing,8px) / 2) calc(var(--pitch-spacing,8px) / 2);
	box-shadow:0 0 24px rgba(150,200,255,0.05) inset,0 1px 0 rgba(255,255,255,0.04) inset;
	overflow:hidden;
}
.stx-corp .ladder-row__visual::after{
	content:"";
	position:absolute;inset:0;
	background:radial-gradient(ellipse 70% 90% at 50% 30%,rgba(200,230,255,0.08),transparent 70%);
	pointer-events:none;
}

/* Visualizer CTA — sits below the table */
.stx-corp .ladder__cta{
	margin-top:var(--s-7);
	padding-top:var(--s-6);
	border-top:1px solid var(--ink-700);
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:var(--s-3);
	text-align:center;
}
.stx-corp .ladder__cta-help{
	font-family:var(--font-mono);
	font-size:11px;
	letter-spacing:0.18em;
	text-transform:uppercase;
	color:var(--ink-400);
	margin:0;
}
.stx-corp .ladder__cta-btn{
	gap:10px;
}
.stx-corp .ladder__cta-btn svg{transition:transform var(--dur-base) var(--ease-out)}
.stx-corp .ladder__cta-btn:hover svg{transform:translate(2px,-2px)}

/* ---------- CASES ---------- */
.stx-corp .cases{background:var(--ink-1000);padding-block:var(--s-11);border-top:1px solid var(--ink-700)}
.stx-corp .cases__inner{max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter)}
.stx-corp .case-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-5);margin-top:var(--s-7)}
.stx-corp .case{position:relative;overflow:hidden;background:var(--ink-900);border:1px solid var(--ink-700);aspect-ratio:4/5;cursor:pointer;display:block;color:inherit}
.stx-corp .case--wide{grid-column:span 2;aspect-ratio:21/9}
.stx-corp .case__img{position:absolute;inset:0}
.stx-corp .case__img .img-slot{width:100%;height:100%}
.stx-corp .case__shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0.2) 0%,transparent 50%,rgba(0,0,0,0.9) 100%);pointer-events:none;z-index:1}
.stx-corp .case__meta{position:absolute;top:var(--s-5);left:var(--s-5);right:var(--s-5);display:flex;justify-content:space-between;align-items:start;font-family:var(--font-mono);font-size:10px;letter-spacing:0.18em;text-transform:uppercase;color:var(--ink-300);z-index:2}
.stx-corp .case__content{position:absolute;bottom:0;left:0;right:0;padding:var(--s-6) var(--s-5);z-index:2}
.stx-corp .case__client{font-family:var(--font-mono);font-size:11px;letter-spacing:0.18em;text-transform:uppercase;color:var(--ink-300);margin-bottom:8px}
.stx-corp .case__title{font-size:clamp(24px,2.2vw,36px);font-weight:300;letter-spacing:-0.025em;line-height:1.05;color:var(--ink-50);margin:0 0 14px;max-width:22ch}
.stx-corp .case__stats{display:flex;gap:var(--s-5);border-top:1px solid rgba(255,255,255,0.16);padding-top:14px;flex-wrap:wrap}
.stx-corp .case__stat .v{font-family:var(--font-display);font-size:22px;font-weight:300;letter-spacing:-0.015em;color:var(--ink-50)}
.stx-corp .case__stat .l{font-family:var(--font-mono);font-size:9px;letter-spacing:0.08em;text-transform:uppercase;color:var(--ink-400);display:block;margin-top:2px}

/* ---------- PROCESS ---------- */
.stx-corp .process{background:var(--ink-950);padding-block:var(--s-11);border-top:1px solid var(--ink-700)}
.stx-corp .process__inner{max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter)}
.stx-corp .process-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:var(--s-7);border-top:1px solid var(--ink-700)}
.stx-corp .process-step{padding:var(--s-6) var(--s-5) var(--s-7);border-right:1px solid var(--ink-700);position:relative}
.stx-corp .process-step:last-child{border-right:0}
.stx-corp .process-step__num{font-family:var(--font-mono);font-size:11px;letter-spacing:0.18em;text-transform:uppercase;color:var(--ink-500);margin-bottom:var(--s-4)}
.stx-corp .process-step__title{font-size:22px;font-weight:300;letter-spacing:-0.02em;color:var(--ink-50);margin:0 0 10px}
.stx-corp .process-step__copy{font-size:14px;line-height:1.55;color:var(--ink-400)}
.stx-corp .process-step__time{margin-top:var(--s-5);font-family:var(--font-mono);font-size:11px;color:var(--ink-300);letter-spacing:0.08em;border-top:1px solid var(--ink-700);padding-top:12px}

/* ---------- CTA BAND ---------- */
.stx-corp .cta-band{background:var(--ink-1000);padding-block:var(--s-11);border-top:1px solid var(--ink-700);position:relative;overflow:hidden}
.stx-corp .cta-band__inner{max-width:var(--container-n);margin-inline:auto;padding-inline:var(--gutter);text-align:center;position:relative;z-index:1}
.stx-corp .cta-band__eyebrow{display:flex;align-items:center;gap:14px;justify-content:center;margin-bottom:var(--s-5)}
.stx-corp .cta-band__eyebrow::before,.stx-corp .cta-band__eyebrow::after{content:"";width:32px;height:1px;background:var(--ink-500)}
.stx-corp .cta-band h2{margin:0 auto var(--s-6);font-size:clamp(40px,6vw,96px);line-height:0.96;letter-spacing:-0.045em;font-weight:200;color:var(--ink-50);max-width:16ch}
.stx-corp .cta-band h2 em{font-style:italic;color:var(--ink-400);font-weight:200}
.stx-corp .cta-band__lede{font-size:19px;line-height:1.55;color:var(--ink-300);max-width:56ch;margin:0 auto var(--s-7)}
.stx-corp .cta-band__buttons{display:flex;gap:var(--s-3);justify-content:center;flex-wrap:wrap}
.stx-corp .cta-band__glow{position:absolute;left:50%;bottom:-40%;width:80%;aspect-ratio:2/1;transform:translateX(-50%);background:radial-gradient(ellipse at center,rgba(255,255,255,0.08),transparent 60%);pointer-events:none}

/* ---------- RESPONSIVE ---------- */
@media (max-width:1100px){
	.stx-corp .hero__row{grid-template-columns:1fr}
	.stx-corp .calc-shell{grid-template-columns:1fr}
	.stx-corp .calc-controls{border-right:0;border-bottom:1px solid var(--ink-700)}
	.stx-corp .editorial__inner{grid-template-columns:1fr;gap:var(--s-7)}
	.stx-corp .case-grid{grid-template-columns:1fr}
	.stx-corp .case--wide{grid-column:span 1;aspect-ratio:16/9}
	.stx-corp .process-steps{grid-template-columns:1fr 1fr}
	.stx-corp .process-step{border-bottom:1px solid var(--ink-700)}
	.stx-corp .process-step:nth-child(2){border-right:0}
	.stx-corp .ladder-row{grid-template-columns:60px 1fr 140px}
	.stx-corp .ladder-row__use{grid-column:1 / -1;padding-left:76px}
	.stx-corp .ladder-row__visual{justify-self:end}
	.stx-corp .usecase-grid{grid-template-columns:repeat(6,1fr)}
	.stx-corp .usecase--wide,.stx-corp .usecase--med,.stx-corp .usecase--sm,.stx-corp .usecase--row2{grid-column:span 3}
}
@media (max-width:760px){
	.stx-corp .hero{padding:120px 24px var(--s-7)}
	.stx-corp .hero__cta{justify-content:flex-start}
	.stx-corp .section-head{grid-template-columns:1fr;gap:var(--s-4)}
	.stx-corp .spec-strip__inner{grid-template-columns:1fr 1fr;gap:var(--s-5)}
	.stx-corp .spec-strip__item:nth-child(3){border-left:0;padding-left:0}
	.stx-corp .usecase-grid{grid-template-columns:1fr}
	.stx-corp .usecase--wide,.stx-corp .usecase--med,.stx-corp .usecase--sm,.stx-corp .usecase--row2{grid-column:span 1}
	.stx-corp .process-steps{grid-template-columns:1fr}
	.stx-corp .process-step{border-right:0}
	.stx-corp .calc-readouts{grid-template-columns:1fr 1fr}
	.stx-corp .ladder-row{grid-template-columns:60px 1fr}
	.stx-corp .ladder-row__spec,.stx-corp .ladder-row__use{grid-column:1 / -1;padding-left:76px;text-align:left}
	.stx-corp .ladder-row__visual{grid-column:1 / -1;justify-self:start;margin-left:76px;width:160px;height:50px}
}
