/* Page-specific overrides of shared header/footer/base styles (see marketing/base.css, header.css, footer.css) */
.wrap{max-width:1180px;}
.nav-links{gap:24px;}

/* Page-specific content styles */

html{scroll-behavior:smooth}
/* NAV · global shell */
/* SLOT 1 · WHO */
.hero{background:
  linear-gradient(102deg, rgba(var(--ink-rgb),.94) 0%, rgba(var(--ink-rgb),.84) 55%, rgba(var(--ink-rgb),.44) 100%),
  radial-gradient(ellipse at 85% 16%, rgba(232,115,74,.40), transparent 58%),
  linear-gradient(180deg,var(--ink) 0%, var(--ink) 100%);
  color:var(--cream)}
.hero .wrap{padding:84px 40px 62px}
.hero h1{font-size:52px;line-height:1.12;font-weight:700;max-width:1100px;margin:20px 0 16px;letter-spacing:-.01em}
.hero h1 span{color:var(--orange)}
.hero .benefit{font-style:italic;font-size:23px;color:var(--orange-tint);margin-bottom:30px;max-width:760px}
.otiles{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:24px}
.otile{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.18);border-top:3px solid var(--orange);border-radius:9px;padding:18px 17px}
.otile b{display:block;font-size:14.5px;font-weight:600;line-height:1.3;margin-bottom:6px;color:var(--cream)}
.otile span{font-size:13px;color:#a9b5cc;line-height:1.45}
.rule{background:rgba(232,115,74,.12);border:1px solid rgba(232,115,74,.45);border-radius:10px;padding:20px 24px;font-size:17px;color:var(--orange-tint);line-height:1.6;max-width:900px}
.rule b{color:#fff;font-weight:600}
/* SLOT 2 · THE THIRTEEN · all visible, no selector */
.uses{background:var(--paper);border-bottom:1px solid var(--line)}
.uses .wrap{padding:82px 40px 84px}
.uses h2{font-size:42px;font-weight:700;line-height:1.12;text-align:center;margin:12px auto 10px;max-width:820px}
.spine{text-align:center;max-width:700px;margin:0 auto 46px;font-size:16.5px;color:var(--slate);font-style:italic;line-height:1.6}
.grouplab{display:flex;align-items:center;gap:16px;margin:0 0 14px}
.grouplab b{font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;font-weight:700;color:var(--orange);white-space:nowrap}
.grouplab i{flex:1;height:1px;background:var(--line);display:block}
.rows{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--cream);margin-bottom:40px}
.rows:last-of-type{margin-bottom:0}
.row{border-bottom:1px solid var(--line)}
.row:last-child{border-bottom:none}
.row>summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:44px minmax(230px,.9fr) 1fr 34px;align-items:center;gap:0 14px;padding:17px 22px;transition:background .13s}
.row>summary::-webkit-details-marker{display:none}
.row>summary:hover{background:var(--paper)}
.row .rn{font-family:'Manrope',sans-serif;font-size:12px;font-weight:800;letter-spacing:.14em;color:#b3bccc}
.row .rt{font-size:19.5px;font-weight:600;color:var(--navy);line-height:1.3}
.row .rw{font-size:15.5px;color:var(--slate);line-height:1.45}
.row .rx{position:relative;justify-self:end;width:22px;height:22px;border:1.5px solid var(--line);border-radius:50%}
.row .rx:before,.row .rx:after{content:"";position:absolute;background:var(--orange);left:50%;top:50%;transform:translate(-50%,-50%)}
.row .rx:before{width:9px;height:1.6px}
.row .rx:after{width:1.6px;height:9px;transition:opacity .15s}
.row[open]>summary{background:var(--ink)}
.row[open] .rn{color:var(--orange)}
.row[open] .rt{color:var(--cream)}
.row[open] .rw{color:#a9b5cc}
.row[open] .rx{border-color:rgba(232,115,74,.6)}
.row[open] .rx:after{opacity:0}
.rowbody{padding:22px 22px 26px 80px;background:var(--cream);border-top:1px solid var(--line)}
.rlab{font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;font-weight:600;color:var(--orange);margin-bottom:8px}
.rowbody ul{list-style:none;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:0 28px}
.rowbody li{font-size:15.5px;color:#3d4a66;line-height:1.55;padding:8px 0 8px 16px;position:relative}
.rowbody li:before{content:"";position:absolute;left:0;top:16px;width:5px;height:5px;border-radius:50%;background:var(--orange)}
.usefoot{margin-top:44px;display:flex;gap:14px;align-items:center;justify-content:center;flex-wrap:wrap;font-size:16.5px;color:var(--slate)}
.usefoot a{color:var(--orange-text);font-weight:600;text-decoration:none}
/* SLOT 3 · CLOSE */
.close{background:var(--ink);color:var(--cream)}
.close .wrap{padding:88px 40px;text-align:center;max-width:900px}
.close h2{font-size:48px;font-weight:700;line-height:1.08;margin:12px 0 14px}
.close .sub{font-size:20px;color:var(--orange-tint);font-style:italic;margin-bottom:18px}
.close p{font-size:17.5px;color:#c3cbdd;max-width:660px;margin:0 auto 34px;line-height:1.65}
.cbtns{display:flex;gap:34px;justify-content:center;flex-wrap:wrap}
.cbtn{max-width:300px}
.cbtn .micro{display:block;margin-top:12px;font-size:13.5px;color:#9fabc4;line-height:1.55}
/* FOOTER · global shell */
@media(max-width:1100px){.row>summary{grid-template-columns:40px 1fr 30px}.row .rw{grid-column:2;font-size:15px}.rowbody{padding-left:62px}.rowbody ul{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){
 .hero h1{font-size:33px}.otiles{grid-template-columns:1fr}.uses h2{font-size:32px}.close h2{font-size:34px}
 .rowbody{padding:18px 20px 22px}.rowbody ul{grid-template-columns:1fr}.row>summary{padding:15px 18px}.row .rt{font-size:17.5px}
 .footer .wrap{flex-direction:column;align-items:flex-start}
}