/* Draft-only interior redesign prototypes */
.gss-proto{--ink:#0b243b;--navy:#12355b;--orange:#f26b38;--paper:#f6f3ed;--mist:#edf3f7;--line:#d8e2e9;--muted:#5a6876;color:#172433;background:#fff}
.gss-proto *{box-sizing:border-box}
.gss-proto a{text-decoration:none}
.gss-proto-shell{width:min(1240px,calc(100% - 48px));margin-inline:auto}
.gss-proto-kicker{margin:0 0 18px;color:var(--orange);font:800 .75rem/1.2 "Manrope",sans-serif;letter-spacing:.16em;text-transform:uppercase}
.gss-proto h1{margin:0;font-size:clamp(2.7rem,6vw,5.8rem);line-height:.98;letter-spacing:-.045em}
.gss-proto h2{font-size:clamp(2rem,4vw,3.5rem);line-height:1.08;letter-spacing:-.035em}
.gss-proto h3{line-height:1.18}
.gss-proto p{line-height:1.75}
.gss-proto-btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.gss-proto-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;border:1px solid currentColor;border-radius:4px;font:800 .82rem/1 "Manrope",sans-serif}
.gss-proto-btn.is-orange{border-color:var(--orange);color:#fff;background:var(--orange)}
.gss-proto-btn.is-light{color:#fff;background:transparent}
.gss-proto-btn.is-navy{border-color:var(--ink);color:#fff;background:var(--ink)}
.gss-proto-section{padding:clamp(72px,9vw,128px) 0}
.gss-proto-intro{max-width:750px;margin-bottom:48px}
.gss-proto-intro p:last-child{color:var(--muted);font-size:1.06rem}
.gss-proto-photo{position:relative;overflow:hidden;background:var(--mist)}
.gss-proto-photo img{display:block;width:100%;height:100%;object-fit:cover}
.gss-proto-credit{position:absolute;right:10px;bottom:8px;padding:4px 7px;color:#fff;background:rgba(11,36,59,.76);font-size:.65rem}
.gss-proto-tag{display:inline-flex;padding:6px 9px;border:1px solid var(--line);border-radius:999px;color:var(--navy);font:700 .7rem/1 "Manrope",sans-serif;text-transform:uppercase}
.gss-proto-note{padding:18px 20px;border-left:3px solid var(--orange);background:#fff7f1}
.gss-proto-final{padding:clamp(60px,8vw,96px) 0;color:#fff;background:var(--ink)}
.gss-proto-final-grid{display:grid;grid-template-columns:1fr auto;gap:32px;align-items:end}
.gss-proto-final h2{max-width:760px;margin:0;color:#fff}
.gss-proto-final p{max-width:700px;color:#cbd8e2}

/* A — commercial configurator */
.gss-a-hero{padding:88px 0 70px;background:linear-gradient(115deg,#eef4f7 0 56%,#0b243b 56%)}
.gss-a-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);gap:70px;align-items:center}
.gss-a-hero h1{max-width:760px;color:var(--ink)}
.gss-a-lede{max-width:700px;color:#4c6071;font-size:1.14rem}
.gss-config-board{padding:26px;border:1px solid rgba(255,255,255,.16);background:#12355b;box-shadow:0 34px 80px rgba(6,24,40,.28)}
.gss-config-board>p{margin:0 0 18px;color:#b9cddd;font:700 .75rem "Manrope",sans-serif;letter-spacing:.12em;text-transform:uppercase}
.gss-config-row{display:grid;grid-template-columns:76px 1fr auto;gap:15px;align-items:center;padding:15px 0;border-top:1px solid rgba(255,255,255,.13);color:#fff}
.gss-config-row strong{font-size:.86rem}
.gss-config-icon{display:grid;width:54px;height:54px;place-items:center;border-radius:50%;color:#ffb092;background:#0b243b;font:800 .72rem "Manrope",sans-serif}
.gss-config-row span:last-child{color:#b9cddd;font-size:.78rem}
.gss-choice-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.gss-choice{min-height:260px;padding:30px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}
.gss-choice b{display:block;margin-bottom:70px;color:var(--orange);font:800 .72rem "Manrope",sans-serif;letter-spacing:.1em}
.gss-choice h3{font-size:1.25rem}
.gss-choice p{color:var(--muted);font-size:.9rem}
.gss-decision-band{background:var(--paper)}
.gss-decision-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px}
.gss-decision-list{display:grid;gap:2px}
.gss-decision-list article{display:grid;grid-template-columns:42px 1fr;gap:16px;padding:23px;background:#fff}
.gss-decision-list span{color:var(--orange);font:800 .74rem "Manrope",sans-serif}
.gss-decision-list h3,.gss-decision-list p{margin:0}
.gss-decision-list p{color:var(--muted);font-size:.9rem}

/* B — network / accountability */
.gss-b-hero{padding:78px 0 0;background:#fff}
.gss-b-hero-copy{max-width:940px}
.gss-b-hero-copy h1{color:var(--ink)}
.gss-b-map{position:relative;display:grid;grid-template-columns:1fr 120px 1fr;margin-top:62px;border:1px solid var(--line);background:var(--mist)}
.gss-b-city{padding:42px;background:#fff}
.gss-b-city small{color:var(--orange);font-weight:800;letter-spacing:.12em}
.gss-b-city h2{margin:10px 0 15px;font-size:2rem}
.gss-b-city ul{margin:0;padding-left:18px;color:var(--muted);line-height:1.9}
.gss-b-route{display:grid;place-items:center;color:#fff;background:var(--ink);font:800 .75rem "Manrope",sans-serif;writing-mode:vertical-rl;letter-spacing:.14em}
.gss-b-photo-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:22px}
.gss-b-photo-grid .gss-proto-photo:first-child{min-height:500px}
.gss-b-photo-grid .gss-proto-photo:last-child{min-height:500px}
.gss-b-process{display:grid;grid-template-columns:repeat(5,1fr);counter-reset:network}
.gss-b-process article{position:relative;padding:34px 24px;border-top:3px solid var(--line)}
.gss-b-process article:before{counter-increment:network;content:"0" counter(network);position:absolute;top:-18px;left:24px;padding:4px 8px;color:#fff;background:var(--orange);font:800 .68rem "Manrope",sans-serif}
.gss-b-process h3{margin-top:16px;font-size:1rem}
.gss-b-process p{color:var(--muted);font-size:.86rem}

/* C — grip design studio */
.gss-c-hero{padding:80px 0;color:#fff;background:radial-gradient(circle at 80% 20%,#254e71 0 12%,transparent 34%),#081c2e}
.gss-c-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.gss-c-hero h1{max-width:760px;color:#fff}
.gss-c-hero p{max-width:650px;color:#c8d7e1}
.gss-pattern-canvas{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;padding:34px;border:1px solid rgba(255,255,255,.15);transform:rotate(-3deg);background:rgba(255,255,255,.05)}
.gss-dot{aspect-ratio:1;border-radius:50%;background:#f26b38;box-shadow:inset 0 -7px 0 rgba(0,0,0,.12)}
.gss-dot:nth-child(3n){border-radius:30%}
.gss-dot:nth-child(4n){transform:scale(.62)}
.gss-pattern-types{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.gss-pattern-type{padding:28px;border:1px solid var(--line)}
.gss-pattern-swatch{height:150px;margin-bottom:26px;background-color:#edf3f7;background-image:radial-gradient(#f26b38 24%,transparent 26%);background-size:28px 28px}
.gss-pattern-type:nth-child(2) .gss-pattern-swatch{background-image:linear-gradient(45deg,transparent 44%,#f26b38 45% 55%,transparent 56%);background-size:36px 36px}
.gss-pattern-type:nth-child(3) .gss-pattern-swatch{background-image:radial-gradient(ellipse at center,#f26b38 0 31%,transparent 33%);background-size:54px 31px}
.gss-artwork-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}
.gss-file-spec{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.gss-file-spec div{padding:22px;background:var(--mist)}
.gss-file-spec strong{display:block;margin-bottom:6px;color:var(--ink)}
.gss-file-spec span{color:var(--muted);font-size:.86rem}

/* D — Pilates editorial */
.gss-d-hero{position:relative;min-height:720px;display:grid;align-items:end;color:#fff;background:#0b243b}
.gss-d-hero .gss-proto-photo{position:absolute;inset:0}
.gss-d-hero .gss-proto-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,21,34,.92) 0 44%,rgba(5,21,34,.28) 75%)}
.gss-d-hero-content{position:relative;z-index:1;max-width:760px;padding:110px 0}
.gss-d-hero h1{color:#fff}
.gss-d-hero p{max-width:650px;color:#dce6ec;font-size:1.15rem}
.gss-program-strip{display:grid;grid-template-columns:repeat(3,1fr);margin-top:-1px}
.gss-program-strip article{padding:34px;border-right:1px solid #29465d;color:#fff;background:#12355b}
.gss-program-strip article:nth-child(2){background:#183f61}
.gss-program-strip article:nth-child(3){background:#204b6d}
.gss-program-strip small{color:#ff9a74;font-weight:800}
.gss-program-strip h3{margin:12px 0 8px}
.gss-program-strip p{margin:0;color:#c7d6e0;font-size:.88rem}
.gss-d-products{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.gss-d-product{overflow:hidden;border:1px solid var(--line);background:#fff}
.gss-d-product-visual{display:grid;aspect-ratio:4/3;place-items:center;background:linear-gradient(135deg,#f5eae1,#e6eef3)}
.gss-sock-shape{width:42%;height:62%;border-radius:40% 40% 35% 45%;transform:rotate(16deg);background:#fff;box-shadow:0 16px 32px rgba(18,53,91,.16)}
.gss-d-product-copy{padding:25px}
.gss-d-product-copy p{color:var(--muted);font-size:.9rem}
.gss-d-matrix{width:100%;border-collapse:collapse}
.gss-d-matrix th,.gss-d-matrix td{padding:18px;border-bottom:1px solid var(--line);text-align:left}
.gss-d-matrix th{color:var(--ink);background:var(--mist)}

/* E — order timeline */
.gss-e-hero{padding:88px 0;background:var(--paper)}
.gss-e-hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:end}
.gss-e-summary{padding:28px;border-top:4px solid var(--orange);background:#fff}
.gss-e-summary strong{display:block;margin-bottom:12px;color:var(--ink)}
.gss-e-timeline{position:relative;display:grid;gap:0;margin-top:50px}
.gss-e-step{display:grid;grid-template-columns:120px 1fr 260px;gap:30px;padding:35px 0;border-top:1px solid var(--line)}
.gss-e-step-num{color:var(--orange);font:800 2.1rem "Manrope",sans-serif}
.gss-e-step h3{margin:0 0 8px;font-size:1.35rem}
.gss-e-step p{margin:0;color:var(--muted)}
.gss-e-deliverable{padding:16px;background:var(--mist);font-size:.84rem}
.gss-e-deliverable b{display:block;margin-bottom:5px;color:var(--ink)}
.gss-e-checklist{display:grid;grid-template-columns:repeat(2,1fr);gap:0;border:1px solid var(--line)}
.gss-e-checklist div{padding:24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.gss-e-checklist strong{display:block;color:var(--ink)}
.gss-e-checklist span{color:var(--muted);font-size:.86rem}

/* F — technical dossier */
.gss-f-hero{padding:76px 0;color:#fff;background:#071725}
.gss-f-hero-grid{display:grid;grid-template-columns:1fr 360px;gap:70px;align-items:end}
.gss-f-hero h1{color:#fff;font-family:"Manrope",sans-serif}
.gss-f-hero p{max-width:740px;color:#c5d4df}
.gss-f-stamp{padding:24px;border:1px solid #3b566a;color:#d4e0e7;background:#102a3e}
.gss-f-stamp b{display:block;color:#ff9b75;letter-spacing:.1em}
.gss-f-method{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;background:var(--line)}
.gss-f-method article{min-height:230px;padding:28px;background:#fff}
.gss-f-method code{color:var(--orange);background:none}
.gss-f-method h3{margin-top:42px}
.gss-f-method p{color:var(--muted);font-size:.86rem}
.gss-f-record{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line)}
.gss-f-record div{min-height:76px;padding:18px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.gss-f-record b{display:block;color:var(--ink);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}
.gss-f-record span{color:#7a8792;font-size:.84rem}
.gss-f-warning{padding:34px;color:#fff;background:#b44f2b}
.gss-f-warning h3{margin-top:0;color:#fff}

/* G — help center */
.gss-g-hero{padding:72px 0;background:#eaf1f5}
.gss-g-hero h1{color:var(--ink)}
.gss-g-search{display:flex;max-width:760px;margin-top:34px;border:1px solid #bacbd6;background:#fff}
.gss-g-search span{padding:17px;color:#627483}
.gss-g-search input{flex:1;padding:17px;border:0;font:500 1rem "Manrope",sans-serif}
.gss-g-layout{display:grid;grid-template-columns:260px 1fr;gap:70px}
.gss-g-nav{position:sticky;top:100px;align-self:start}
.gss-g-nav a{display:block;padding:13px 0;border-bottom:1px solid var(--line);color:var(--navy);font-weight:700}
.gss-g-group{margin-bottom:56px}
.gss-g-group h2{margin-bottom:18px;font-size:2rem}
.gss-g-group details{border-top:1px solid var(--line)}
.gss-g-group summary{padding:21px 0;cursor:pointer;color:var(--ink);font-weight:800}
.gss-g-group details p{max-width:820px;margin:0 0 22px;color:var(--muted)}

/* review hub */
.gss-review{padding:64px 0 100px;background:#f4f7f9}
.gss-review h1{max-width:900px;color:var(--ink)}
.gss-review-lede{max-width:850px;color:var(--muted);font-size:1.08rem}
.gss-review-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:42px 0 70px}
.gss-review-nav a{padding:20px;border-left:4px solid var(--orange);color:var(--ink);background:#fff;font-weight:800}
.gss-review-section{margin-top:70px}
.gss-review-table-wrap{overflow:auto;border:1px solid var(--line);background:#fff}
.gss-review-table{width:100%;min-width:1500px;border-collapse:collapse;font-size:.76rem}
.gss-review-table th,.gss-review-table td{padding:12px;border:1px solid #e2e8ed;text-align:left;vertical-align:top}
.gss-review-table th{position:sticky;top:0;color:#fff;background:var(--ink)}
.gss-wire-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.gss-wire{padding:24px;border:1px solid var(--line);background:#fff}
.gss-wire h3{margin-top:0}
.gss-wire ol{margin:0;padding-left:20px;color:var(--muted);line-height:1.85}
.gss-gap-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.gss-gap-list div{padding:20px;background:#fff}

@media(max-width:960px){
 .gss-a-hero{background:#eef4f7}.gss-a-hero-grid,.gss-c-hero-grid,.gss-e-hero-grid,.gss-f-hero-grid,.gss-decision-grid,.gss-artwork-grid,.gss-final-grid{grid-template-columns:1fr}
 .gss-a-hero-grid{gap:42px}.gss-choice-grid,.gss-b-process,.gss-f-method{grid-template-columns:repeat(2,1fr)}
 .gss-b-photo-grid{grid-template-columns:1fr}.gss-program-strip,.gss-d-products{grid-template-columns:1fr}
 .gss-g-layout{grid-template-columns:1fr}.gss-g-nav{position:static;display:flex;flex-wrap:wrap;gap:14px}.gss-g-nav a{border:0}
 .gss-review-nav,.gss-wire-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
 .gss-proto-shell{width:min(100% - 30px,1240px)}
 .gss-proto h1{font-size:clamp(2.45rem,13vw,4rem)}
 .gss-proto-section{padding:64px 0}
 .gss-choice-grid,.gss-pattern-types,.gss-file-spec,.gss-e-checklist,.gss-f-method,.gss-f-record,.gss-review-nav,.gss-wire-grid,.gss-gap-list{grid-template-columns:1fr}
 .gss-b-map{grid-template-columns:1fr}.gss-b-route{min-height:60px;writing-mode:horizontal-tb}
 .gss-b-process{grid-template-columns:1fr}.gss-b-process article{border-top:0;border-left:3px solid var(--line)}
 .gss-d-hero{min-height:640px}.gss-d-hero .gss-proto-photo:after{background:linear-gradient(0deg,rgba(5,21,34,.95),rgba(5,21,34,.28))}
 .gss-e-step{grid-template-columns:64px 1fr}.gss-e-deliverable{grid-column:2}
 .gss-d-matrix{display:block;overflow-x:auto}
}