/* mohammedyismail.com | page-specific layouts so every page has its own shape */
.ink-band{--bg:#0f2430;--bg2:#13303d;--surface:#163541;--line:#24495a;--line2:#2f5a6c;--ink:#f1f6f7;--ink2:#c8d8dc;--dim:#93adb4;--accent:#5cc3bb;--accent-ink:#06201e;--accent-soft:#1b4245;--accent-text:#86dcd5;--accent2-text:#f4b393;background:var(--bg);color:var(--ink)}
:root[data-theme="dark"] .ink-band{--bg:#0a1a21;--bg2:#0f2129}
.hero-center{padding:110px 0 40px;text-align:center}
.hero-center .lead{margin:0 auto}

/* CTA variants */
.cta-band.cta-ink{background:#0f2430;color:#f1f6f7}
.cta-band.cta-ink h2{color:#fff}
.cta-band.cta-ink p{color:#c8d8dc}
.cta-band.cta-ink .btn-ghost{color:#fff;border-color:#2f5a6c}
:root[data-theme="dark"] .cta-band.cta-ink{background:#0a1a21}
.cta-band.cta-card{background:transparent;padding:40px 0 120px}
.cta-band.cta-card .cta-inner{background:var(--accent2-soft);border-radius:28px;padding:56px}
.cta-band.cta-center .cta-inner{display:flex;flex-direction:column;text-align:center;justify-content:center}
.cta-band.cta-center .cta-inner h2,.cta-band.cta-center .cta-inner p{margin-left:auto;margin-right:auto}
.cta-band.cta-center .cta-actions{justify-content:center}
@media (max-width:640px){.cta-band.cta-card .cta-inner{padding:32px 24px}}

/* method: hero flow */
.flow-hero{list-style:none;padding:0;margin:64px auto 0;display:grid;grid-template-columns:repeat(5,1fr);max-width:1060px;position:relative}
.flow-hero::before{content:"";position:absolute;top:44px;left:10%;right:10%;height:2px;background:linear-gradient(90deg,var(--accent),var(--accent2))}
.flow-hero li{position:relative;text-align:center;padding:0 10px}
.flow-hero a{text-decoration:none;color:var(--ink);display:block}
.fh-dot{width:88px;height:88px;border-radius:50%;margin:0 auto 18px;display:grid;place-items:center;background:var(--surface);border:2px solid var(--accent);font-weight:800;font-size:1.5rem;color:var(--accent-text);transition:transform .2s,background .2s}
.flow-hero li:last-child .fh-dot{border-color:var(--accent2);color:var(--accent2-text)}
.flow-hero a:hover .fh-dot{transform:translateY(-4px);background:var(--accent-soft)}
.flow-hero b{display:block;letter-spacing:.1em;font-size:.9rem}
.flow-hero a>span:not(.fh-dot){display:block;color:var(--dim);font-size:.9rem;margin-top:4px}
@media (max-width:760px){
  .flow-hero{grid-template-columns:1fr;gap:18px;text-align:left;max-width:420px}
  .flow-hero::before{left:43px;right:auto;top:20px;bottom:20px;width:2px;height:auto}
  .flow-hero li{text-align:left;padding:0}
  .flow-hero a{display:grid;grid-template-columns:88px 1fr;gap:18px;align-items:center}
  .fh-dot{margin:0}
}
.dmaic-box{display:grid;grid-template-columns:auto 1fr;gap:40px;align-items:center;background:var(--bg2);border-radius:24px;padding:40px;margin-top:72px;text-align:left}
.dmaic{display:flex;gap:10px}
.dmaic span{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;font-weight:800;background:var(--surface);color:var(--accent-text);border:1px solid var(--line)}
.dmaic span:last-child{color:var(--accent2-text)}
.dmaic-box p{margin:0;color:var(--ink2)}
@media (max-width:760px){.dmaic-box{grid-template-columns:1fr;gap:20px;padding:28px}}

/* method: stage blocks */
.stage-block{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.stage-block.flip .stage-visual{order:-1}
.stage-big{font-size:5rem;font-weight:800;line-height:.9;color:var(--accent-soft);letter-spacing:-.05em;display:block;margin-bottom:6px}
:root[data-theme="dark"] .stage-big{color:var(--line2)}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.chip{border:1px solid var(--line2);border-radius:999px;padding:6px 14px;font-size:.84rem;color:var(--ink2)}
.chip b{color:var(--ink);font-weight:650}
@media (max-width:900px){.stage-block{grid-template-columns:1fr;gap:40px}.stage-block.flip .stage-visual{order:0}}
.viz{background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:var(--shadow)}
.viz-title{font-size:.74rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);margin-bottom:18px}
.vflow{display:grid;gap:10px}
.vflow div{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;background:var(--bg2);font-size:.92rem;font-weight:600}
.vflow i{width:10px;height:10px;border-radius:50%;background:var(--accent);flex:none}
.vflow .leak{background:var(--accent2-soft);color:var(--accent2-text)}
.vflow .leak i{background:var(--accent2)}
.vflow em{margin-left:auto;font-style:normal;font-size:.74rem;font-weight:800;letter-spacing:.08em}
.chain div{display:flex;gap:14px;align-items:flex-start;padding:12px 0;position:relative}
.chain div:not(:last-child)::after{content:"";position:absolute;left:17px;top:50px;bottom:-4px;width:2px;background:var(--line2)}
.chain i{width:36px;height:36px;border-radius:10px;flex:none;display:grid;place-items:center;font-style:normal;font-weight:800;background:var(--accent-soft);color:var(--accent-text);font-size:.78rem}
.chain div:first-child i{background:var(--accent2-soft);color:var(--accent2-text)}
.chain b{display:block;font-size:.95rem}
.chain small{color:var(--dim)}
.hbars{display:grid;gap:16px}
.hbars div{display:grid;grid-template-columns:110px 1fr;gap:12px;align-items:center;font-size:.88rem;font-weight:600}
.hbars span{height:12px;border-radius:999px;background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 50%,var(--accent2)))}
.cchart{width:100%;height:auto;display:block}
.cchart .cl{stroke:var(--line2);stroke-dasharray:5 5}
.cchart .mean{stroke:var(--dim);stroke-dasharray:2 4}
.cchart .ln{stroke:var(--accent);fill:none;stroke-width:2.5}
.cchart .pt{fill:var(--surface);stroke:var(--accent);stroke-width:2}
.cchart .hi{stroke:var(--accent2);fill:var(--accent2)}
.cchart text{fill:var(--dim);font-size:11px;font-family:var(--sans)}

/* services: system map hero + zigzag */
.hero-ink{padding:110px 0}
.hero-ink .hero-grid{grid-template-columns:1fr 1fr}
.sysmap{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:520px;justify-self:end;width:100%}
.sysmap a{border:1px solid var(--line2);border-radius:16px;padding:16px;text-decoration:none;color:var(--ink);font-size:.88rem;font-weight:650;line-height:1.3;transition:background .15s,border-color .15s;min-height:104px;display:flex;flex-direction:column;justify-content:space-between}
.sysmap small{font-size:.64rem;letter-spacing:.12em;color:var(--accent-text);font-weight:700}
.sysmap a:hover{background:var(--surface);border-color:var(--accent)}
.sysmap .core{background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 55%,var(--accent2)));color:#fff;display:grid;place-items:center;text-align:center;font-weight:800;border-radius:50%;aspect-ratio:1;align-self:center;font-size:.95rem;padding:10px}
@media (max-width:860px){.hero-ink .hero-grid{grid-template-columns:1fr}.sysmap{justify-self:start}}
.zig{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding:80px 0;border-top:1px solid var(--line)}
.zig:first-child{border-top:0;padding-top:0}
.zig.flip .zig-img{order:2}
.zig-img{border-radius:24px;overflow:hidden;aspect-ratio:5/4}
.zig-img img{width:100%;height:100%;object-fit:cover}
.measure{display:flex;gap:12px;align-items:baseline;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:16px;margin:8px 0 16px}
.measure small{color:var(--dim);text-transform:uppercase;letter-spacing:.1em;font-size:.68rem;font-weight:700}
@media (max-width:900px){.zig{grid-template-columns:1fr;gap:28px;padding:56px 0}.zig.flip .zig-img{order:0}}
.numstrip{display:grid;grid-template-columns:repeat(5,1fr);margin-top:48px;border-top:2px solid var(--ink)}
.numstrip div{padding:24px 20px 0 0}
.numstrip em{font-style:normal;font-weight:800;color:var(--accent2-text);font-size:.85rem}
.numstrip b{display:block;font-size:1.05rem;margin:10px 0 4px}
.numstrip span{color:var(--dim);font-size:.9rem}
@media (max-width:900px){.numstrip{grid-template-columns:1fr 1fr;gap:20px}}
@media (max-width:520px){.numstrip{grid-template-columns:1fr}}

/* who: choose panels */
.choose{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:56px;text-align:left}
.choose a{position:relative;border-radius:28px;overflow:hidden;aspect-ratio:4/5;display:flex;align-items:flex-end;text-decoration:none;color:#fff;isolation:isolate}
.choose img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .6s}
.choose a::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(10,26,33,0) 30%,rgba(10,26,33,.9) 100%)}
.choose a:hover img{transform:scale(1.04)}
.choose div{padding:40px}
.choose h2{color:#fff}
.choose p{color:rgba(255,255,255,.88)}
.choose .link-arrow{color:#fff}
@media (max-width:760px){.choose{grid-template-columns:1fr}.choose a{aspect-ratio:1/1.1}.choose div{padding:26px}}
.fit{display:grid;grid-template-columns:1fr 2fr;gap:64px}
.fit-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.checkbox-list{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.checkbox-list li{display:flex;gap:14px;align-items:center;background:var(--surface);border-radius:14px;padding:16px 18px;box-shadow:var(--shadow)}
.checkbox-list li::before{content:"";width:22px;height:22px;border-radius:7px;flex:none;background:var(--accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") center/14px no-repeat}
@media (max-width:860px){.fit,.fit-cols{grid-template-columns:1fr;gap:12px}.fit{gap:24px}}

/* weight loss: bleed hero, timeline, track */
.hero-bleed{position:relative;min-height:640px;display:flex;align-items:center;color:#fff;isolation:isolate;overflow:hidden}
.hero-bleed>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.hero-bleed::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(10,26,33,.93) 0%,rgba(10,26,33,.78) 45%,rgba(10,26,33,.08) 100%)}
.hero-bleed h1{color:#fff;max-width:640px}
.hero-bleed .lead{color:rgba(255,255,255,.9);max-width:560px}
.hero-bleed .kicker{color:#f4b393}
@media (max-width:760px){.hero-bleed{min-height:560px}.hero-bleed::before{background:linear-gradient(180deg,rgba(10,26,33,.5),rgba(10,26,33,.93))}}
.vtimeline{list-style:none;padding:0;margin:48px 0 0;position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.vtimeline::before{content:"";position:absolute;top:13px;left:0;right:0;height:2px;background:var(--line2)}
.vtimeline li{position:relative;padding-top:48px}
.vtimeline li::before{content:"";position:absolute;top:4px;left:0;width:20px;height:20px;border-radius:50%;background:var(--bg);border:3px solid var(--accent2)}
.vtimeline p{color:var(--ink2)}
@media (max-width:760px){.vtimeline{grid-template-columns:1fr;gap:28px;padding-left:36px}.vtimeline::before{top:0;bottom:0;left:9px;right:auto;width:2px;height:auto}.vtimeline li{padding-top:0}.vtimeline li::before{left:-36px;top:2px}}
.track{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:56px;position:relative}
.track::before{content:"";position:absolute;top:22px;left:0;right:0;height:6px;border-radius:6px;background:linear-gradient(90deg,var(--accent-soft),var(--accent),var(--accent2))}
.track>div{position:relative;padding-top:68px}
.track>div::before{content:attr(data-step);position:absolute;top:0;left:0;width:50px;height:50px;border-radius:50%;background:var(--surface);border:2px solid var(--accent);display:grid;place-items:center;font-weight:800;color:var(--accent-text);box-shadow:var(--shadow)}
.track p{color:var(--ink2)}
@media (max-width:900px){.track{grid-template-columns:1fr 1fr}.track::before{display:none}}
@media (max-width:520px){.track{grid-template-columns:1fr}}
.faq-split{display:grid;grid-template-columns:1fr 1.6fr;gap:72px;align-items:start}
.faq-split>div:first-child{position:sticky;top:110px}
.faq-split .faq{margin-top:0}
@media (max-width:860px){.faq-split{grid-template-columns:1fr;gap:12px}.faq-split>div:first-child{position:static}}

/* longevity: phone, funnel, rows, demo */
.phone{width:290px;max-width:100%;margin-left:auto;border-radius:44px;background:#0f2430;padding:12px;box-shadow:0 30px 60px rgba(15,36,48,.25)}
.phone-screen{background:var(--surface);border-radius:34px;padding:26px 20px;min-height:520px;color:var(--ink)}
.phone-notch{width:90px;height:22px;border-radius:999px;background:#0f2430;margin:-14px auto 18px}
.ph-h{font-weight:800;font-size:1.15rem;margin-bottom:2px}
.ph-sub{color:var(--dim);font-size:.8rem;margin-bottom:18px}
.ph-plan{border-radius:18px;padding:16px;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 50%,var(--accent2)));color:#fff;margin-bottom:16px}
.ph-plan b{display:block;font-size:1rem}
.ph-plan small{opacity:.88;font-size:.75rem}
.ph-steps{list-style:none;padding:0;margin:0;display:grid;gap:10px;font-size:.84rem}
.ph-steps li{display:flex;gap:10px;align-items:center;padding:11px 12px;border-radius:12px;background:var(--bg2);font-weight:600}
.ph-steps i{width:20px;height:20px;border-radius:50%;flex:none;border:2px solid var(--line2)}
.ph-steps .done i{background:var(--accent);border-color:var(--accent)}
.ph-steps .now{outline:2px solid var(--accent2);background:var(--accent2-soft)}
.ph-btn{margin-top:16px;border-radius:999px;background:var(--ink);color:var(--bg);text-align:center;padding:12px;font-weight:700;font-size:.85rem}
@media (max-width:860px){.phone{margin:0 auto}}
.funnel{display:grid;gap:12px;margin-top:48px}
.funnel>div{display:grid;grid-template-columns:260px 1fr;gap:28px;align-items:center;border-radius:18px;padding:22px 28px;background:var(--accent-soft)}
.funnel>div:nth-child(2){margin-right:6%;background:color-mix(in srgb,var(--accent-soft) 70%,var(--accent2-soft))}
.funnel>div:nth-child(3){margin-right:12%;background:color-mix(in srgb,var(--accent-soft) 40%,var(--accent2-soft))}
.funnel>div:nth-child(4){margin-right:18%;background:var(--accent2-soft)}
.funnel h3,.funnel p{margin:0}
.funnel p{color:var(--ink2)}
@media (max-width:760px){.funnel>div{grid-template-columns:1fr;gap:6px;margin-right:0!important}}
.rows{border-top:1px solid var(--line);margin-top:40px}
.rows>div{display:grid;grid-template-columns:140px 1fr 1.4fr;gap:32px;padding:28px 0;border-bottom:1px solid var(--line);align-items:start}
.rows h3,.rows p{margin:0}
.rows p{color:var(--ink2)}
@media (max-width:760px){.rows>div{grid-template-columns:1fr;gap:8px}}
.demo-panel{border-radius:28px;padding:48px;display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:center}
.demo-panel h3{font-size:1.5rem}
.mini-dash{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.mini-dash div{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px;font-size:.78rem;color:var(--dim)}
.mini-dash b{display:block;color:var(--ink);font-size:1rem;font-weight:800}
.mini-dash .wide{grid-column:span 2}
.mini-dash .spark{height:54px}
@media (max-width:860px){.demo-panel{grid-template-columns:1fr;padding:28px}}

/* offers: staircase + rules */
.stairs{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;align-items:end;margin-top:64px;text-align:left}
.stairs .rung{border-radius:24px;box-shadow:var(--shadow);border:0}
.stairs .rung:nth-child(2){margin-bottom:28px}
.stairs .rung:nth-child(3){margin-bottom:56px}
.stairs .rung:nth-child(4){margin-bottom:84px}
.step-no{font-size:2.6rem;font-weight:800;line-height:1;color:var(--accent-soft);letter-spacing:-.04em;margin-bottom:12px}
:root[data-theme="dark"] .step-no{color:var(--line2)}
.rung-top .step-no{color:color-mix(in srgb,var(--accent2) 45%,transparent)}
@media (max-width:980px){.stairs{grid-template-columns:1fr 1fr;align-items:stretch}.stairs .rung{margin:0!important}}
@media (max-width:560px){.stairs{grid-template-columns:1fr}}
.rules{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin-top:40px}
.rules div{border-top:3px solid var(--accent);padding-top:20px;color:var(--ink2)}
.rules div:nth-child(even){border-top-color:var(--accent2)}
@media (max-width:900px){.rules{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.rules{grid-template-columns:1fr}}

/* diagnostic: report mock, deliverables, gantt, price */
.report{background:var(--surface);border-radius:20px;box-shadow:0 30px 60px rgba(15,36,48,.14);padding:30px;border:1px solid var(--line);max-width:440px;margin-left:auto;transform:rotate(1.5deg)}
.report-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:16px}
.report-head small{color:var(--dim);font-size:.75rem}
.report ol{margin:0;padding:0;list-style:none;display:grid;gap:12px;counter-reset:r}
.report li{counter-increment:r;display:flex;gap:12px;align-items:center;font-size:.88rem;font-weight:600}
.report li::before{content:counter(r,decimal-leading-zero);font-size:.72rem;color:var(--accent2-text);font-weight:800;width:22px}
.report li span{margin-left:auto;height:6px;border-radius:6px;background:var(--accent-soft);flex:0 0 70px;position:relative;overflow:hidden}
.report li span::after{content:"";position:absolute;inset:0;width:var(--w,60%);background:var(--accent);border-radius:6px}
@media (max-width:860px){.report{margin:0 auto;transform:none}}
.deliv{display:grid;grid-template-columns:repeat(3,1fr);gap:48px 40px;margin-top:48px;counter-reset:d}
.deliv>div{counter-increment:d}
.deliv>div::before{content:counter(d,decimal-leading-zero);display:block;font-weight:800;font-size:.85rem;color:var(--accent2-text);margin-bottom:12px;border-bottom:1px solid var(--line);padding-bottom:12px}
.deliv p{color:var(--ink2)}
@media (max-width:900px){.deliv{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.deliv{grid-template-columns:1fr}}
.gantt{margin-top:48px;display:grid;gap:16px}
.gantt-scale{display:grid;grid-template-columns:repeat(14,1fr);margin-left:180px;font-size:.72rem;color:var(--dim);text-align:center}
.g-row{display:grid;grid-template-columns:180px 1fr;align-items:center}
.g-row strong{font-size:.92rem}
.g-lane{display:grid;grid-template-columns:repeat(14,1fr);border-radius:12px;background:var(--surface);padding:6px 0}
.g-bar{border-radius:10px;background:var(--accent);color:var(--accent-ink);padding:10px 14px;font-size:.84rem;line-height:1.35;margin:0 3px}
.g-row:last-child .g-bar{background:var(--accent2);color:#fff}
@media (max-width:760px){.gantt-scale{display:none}.g-row{grid-template-columns:1fr;gap:6px}.g-lane{display:block;background:none;padding:0}.g-bar{margin:0}}
.price-split{display:grid;grid-template-columns:1fr 1fr;border-radius:28px;overflow:hidden}
.price-split>div{padding:48px}
.price-split>div:first-child{background:var(--accent);color:var(--accent-ink)}
.price-split>div:first-child h3,.price-split>div:first-child .price,.price-split>div:first-child p{color:var(--accent-ink)}
.price-split .price{font-size:2.6rem}
.price-split>div:last-child{background:var(--bg2)}
@media (max-width:760px){.price-split{grid-template-columns:1fr}.price-split>div{padding:30px}}

/* compliance: zones, principles, check panel */
.zones{display:grid;gap:14px;max-width:480px;margin-left:auto;width:100%}
.zone{border-radius:20px;padding:22px;border:2px dashed var(--line2)}
.zone b{display:block;margin-bottom:12px}
.zone .tags{display:flex;flex-wrap:wrap;gap:8px}
.zone .tags span{background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:5px 12px;font-size:.8rem}
.zone-b{border:2px solid var(--accent);background:var(--accent-soft)}
.gate{display:flex;align-items:center;gap:12px;font-size:.78rem;font-weight:800;letter-spacing:.14em;color:var(--accent2-text)}
.gate::before,.gate::after{content:"";height:2px;flex:1;background:var(--accent2)}
@media (max-width:860px){.zones{margin:0}}
.principles{display:grid;grid-template-columns:1fr 1fr;gap:56px 72px}
.principles>div{display:grid;grid-template-columns:52px 1fr;gap:20px}
.shield{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-text)}
.shield svg{width:24px;height:24px}
.principles p{color:var(--ink2)}
@media (max-width:860px){.principles{grid-template-columns:1fr;gap:36px}}
.checkpanel{background:#0f2430;color:#e8f1f2;border-radius:24px;padding:32px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.88rem;box-shadow:var(--shadow)}
.checkpanel ul{list-style:none;padding:0;margin:0;display:grid;gap:14px}
.checkpanel li{display:grid;grid-template-columns:60px 1fr;gap:12px;line-height:1.5}
.checkpanel li::before{content:"PASS";color:#5cc3bb;font-weight:700}
.cp-head{color:#93adb4;margin-bottom:18px;font-size:.78rem}
.split-2{display:grid;grid-template-columns:1fr 1.2fr;gap:72px;align-items:center}
@media (max-width:860px){.split-2{grid-template-columns:1fr;gap:28px}}

/* discretion */
.redact{max-width:620px;margin:56px auto 0;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:20px 32px;text-align:left;box-shadow:var(--shadow);font-size:.95rem}
.redact div{display:flex;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}
.redact div:last-child{border:0}
.redact small{color:var(--dim);width:110px;flex:none;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em}
.redact i{display:inline-block;height:14px;border-radius:4px;background:var(--ink)}
.pledge-split{display:grid;grid-template-columns:1fr 1.5fr;gap:72px;align-items:start}
@media (max-width:860px){.pledge-split{grid-template-columns:1fr;gap:20px}}
.arrow-list{border-top:1px solid var(--line);margin-top:36px}
.arrow-list a{display:grid;grid-template-columns:1fr 2fr auto;gap:24px;align-items:center;padding:28px 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink)}
.arrow-list h3{margin:0;font-size:1.3rem}
.arrow-list p{margin:0;color:var(--ink2)}
.arrow-list a::after{content:"\2192";font-size:1.4rem;color:var(--accent-text);transition:transform .15s}
.arrow-list a:hover::after{transform:translateX(6px)}
@media (max-width:760px){.arrow-list a{grid-template-columns:1fr auto;gap:6px 16px}.arrow-list a::after{grid-row:1/3;grid-column:2}}

/* book: call mock */
.call-mock{position:relative;border-radius:24px;overflow:hidden;aspect-ratio:16/11}
.call-mock img{width:100%;height:100%;object-fit:cover}
.call-bar{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);display:flex;gap:10px;background:rgba(15,36,48,.82);padding:10px 14px;border-radius:999px}
.call-bar span{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.16)}
.call-bar .end{background:#d9744a}
.call-tag{position:absolute;top:16px;left:16px;background:#fff;color:#122630;border-radius:999px;padding:8px 14px;font-size:.82rem;font-weight:700;box-shadow:var(--shadow)}
.call-tag::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:#2fb36d;margin-right:8px}

/* insights: magazine */
.feature{display:grid;grid-template-columns:1.2fr 1fr;gap:56px;align-items:center;text-decoration:none;color:var(--ink)}
.feature-img{border-radius:24px;overflow:hidden;aspect-ratio:16/11}
.feature-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.feature:hover .feature-img img{transform:scale(1.03)}
.feature h2{font-size:clamp(1.6rem,3vw,2.3rem)}
.feature p{color:var(--ink2)}
@media (max-width:860px){.feature{grid-template-columns:1fr;gap:24px}}
.post-list{margin-top:80px;border-top:2px solid var(--ink)}
.post-list a{display:grid;grid-template-columns:170px 1fr auto;gap:32px;padding:30px 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink);align-items:baseline}
.post-list h2{font-size:1.35rem;margin:0 0 6px}
.post-list p{margin:0;color:var(--ink2)}
.post-list small{color:var(--dim)}
.post-list a::after{content:"\2192";color:var(--accent-text);font-size:1.3rem}
@media (max-width:760px){.post-list a{grid-template-columns:1fr;gap:6px}.post-list a::after{display:none}}
.sysmap a:last-child{grid-column:2}
.hero-grid>*{min-width:0}
.sysmap>*{min-width:0}
@media (max-width:520px){.sysmap{gap:8px}.sysmap a{padding:12px 10px;font-size:.78rem;min-height:88px;overflow-wrap:anywhere}.sysmap .core{font-size:.78rem}}
.type-pills{list-style:none;padding:0;margin:28px auto 0;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:760px}
.type-pills li{background:var(--tile,var(--bg2));color:var(--ink2);border-radius:999px;padding:8px 16px;font-size:.88rem;font-weight:600}
.type-pills li:nth-child(-n+3){background:var(--accent-soft);color:var(--accent-text)}