/* Motoreka brand pages. Layout concept: engineering datasheet; navy rail, paper sheets, mono labels, copper only in the rotor mark. */
@font-face{font-family:"Archivo";font-weight:400;font-display:swap;src:url("fonts/archivo-latin-400-normal.woff2") format("woff2")}
@font-face{font-family:"Archivo";font-weight:500;font-display:swap;src:url("fonts/archivo-latin-500-normal.woff2") format("woff2")}
@font-face{font-family:"Archivo";font-weight:600;font-display:swap;src:url("fonts/archivo-latin-600-normal.woff2") format("woff2")}
@font-face{font-family:"Archivo";font-weight:700;font-display:swap;src:url("fonts/archivo-latin-700-normal.woff2") format("woff2")}
@font-face{font-family:"Archivo";font-weight:800;font-display:swap;src:url("fonts/archivo-latin-800-normal.woff2") format("woff2")}
@font-face{font-family:"IBM Plex Mono";font-weight:400;font-display:swap;src:url("fonts/ibm-plex-mono-latin-400-normal.woff2") format("woff2")}
@font-face{font-family:"IBM Plex Mono";font-weight:500;font-display:swap;src:url("fonts/ibm-plex-mono-latin-500-normal.woff2") format("woff2")}
:root{--navy:#101B25;--graphite:#2C4453;--copper:#C0703A;--steel:#5F8FA8;--paper:#F5F3EF;
--bg:var(--paper);--surface:#FCFBF8;--surface-2:#ECE9E2;--ink:var(--navy);--ink-2:var(--graphite);--muted:#56666F;--line:#D8D3C9;--line-strong:#B9B3A7;
--rail:#101B25;--rail-2:#1A2A38;--rail-ink:#F5F3EF;--rail-muted:#8FAFC1;--rail-line:#2C4453;
--f-body:"Archivo","Helvetica Neue",Arial,sans-serif;--f-mono:"IBM Plex Mono",Consolas,Menlo,monospace;--wrap:1120px;--gutter:clamp(16px,4vw,40px);--r:4px;color-scheme:light}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#0E1820;--surface:#13212C;--surface-2:#1A2B38;--ink:#F1EFEA;--ink-2:#C3CFD6;--muted:#8FA2AE;--line:#243746;--line-strong:#35506A;color-scheme:dark}}
:root[data-theme="dark"]{--bg:#0E1820;--surface:#13212C;--surface-2:#1A2B38;--ink:#F1EFEA;--ink-2:#C3CFD6;--muted:#8FA2AE;--line:#243746;--line-strong:#35506A;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--f-body);font-size:1rem;line-height:1.55;-webkit-font-smoothing:antialiased}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration-color:var(--steel);text-underline-offset:3px}
a:focus-visible,.btn:focus-visible{outline:2px solid var(--steel);outline-offset:2px}
h1,h2,h3{margin:0;line-height:1.12;text-wrap:balance;font-weight:700;letter-spacing:-.01em}h1{font-size:clamp(2.1rem,4.6vw,3.4rem);font-weight:800}h2{font-size:clamp(1.5rem,2.8vw,2.1rem)}h3{font-size:1.15rem}
p{margin:0}.wrap{max-width:var(--wrap);margin:0 auto;padding-inline:var(--gutter)}
.label{display:block;font-family:var(--f-mono);font-size:.7rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.mono{font-family:var(--f-mono);font-size:.78rem;letter-spacing:.06em}
.skip{position:absolute;left:-999px}.skip:focus{left:16px;top:8px;z-index:9;background:var(--surface);padding:8px 12px}
/* rail */
.rail{background:var(--rail);color:var(--rail-ink);border-bottom:1px solid var(--rail-line);position:sticky;top:env(safe-area-inset-top,0px);z-index:5}
.rail .wrap{display:flex;align-items:center;justify-content:space-between;gap:12px 24px;flex-wrap:wrap;padding-block:12px}
.lockup{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:inherit}.word{display:grid;line-height:1.1}.word b{font-size:1.15rem;letter-spacing:.04em}
.word span{font-family:var(--f-mono);font-size:.56rem;letter-spacing:.2em;color:var(--rail-muted)}
.nav{display:flex;align-items:center;gap:4px 18px;flex-wrap:wrap}.nav a{text-decoration:none;font-size:.92rem;padding:6px 0;border-bottom:2px solid transparent;color:var(--rail-ink)}
.nav a:hover{border-bottom-color:var(--rail-muted)}.nav a[aria-current="page"]{border-bottom-color:var(--steel)}
.nav .nav-cta{border:1px solid var(--rail-muted);border-radius:3px;padding:6px 12px}
.nav .nav-signin{display:inline-flex;align-items:center;gap:6px;color:var(--rail-muted);font-size:.86rem;margin-left:6px}.nav .nav-signin:hover{color:var(--rail-ink)}.nav .nav-cta:hover{background:var(--rail-2)}
@media (max-width:760px){.rail{position:static}.nav{width:100%;gap:2px 14px}.word span{display:none}}
/* hero */
.hero{background:var(--rail);color:var(--rail-ink);padding-block:clamp(40px,7vw,88px)}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(28px,5vw,64px);align-items:center}
@media (max-width:860px){.hero-grid{grid-template-columns:1fr}}
.hero .label{color:var(--rail-muted)}.hero-copy{display:grid;gap:20px;min-width:0}.hero .lede{color:#C9D6DE;font-size:1.12rem;max-width:58ch}
.hero-fig{margin:0;display:grid;gap:10px;min-width:0}.hero-fig img{border-radius:var(--r);border:1px solid var(--rail-line);aspect-ratio:828/606;object-fit:cover;width:100%}
.hero-fig figcaption{font-size:.85rem;color:var(--rail-muted)}.hero-fig figcaption .mono{color:var(--rail-ink);margin-right:6px}
.actions{display:flex;flex-wrap:wrap;gap:10px}
.btn{display:inline-block;text-decoration:none;font-weight:600;font-size:.95rem;padding:11px 18px;border-radius:3px;border:1px solid var(--ink);color:var(--ink)}
.btn.solid{background:var(--ink);color:var(--bg)}.btn.line:hover{background:var(--surface-2)}
.hero .btn{border-color:var(--rail-ink);color:var(--rail-ink)}.hero .btn.solid{background:var(--rail-ink);color:var(--navy)}.hero .btn.line:hover{background:var(--rail-2)}
/* page head */
.pagehead{background:var(--surface);border-bottom:1px solid var(--line);padding-block:clamp(36px,6vw,64px)}.pagehead .wrap{display:grid;gap:14px}
.pagehead .lede{font-size:1.1rem;color:var(--ink-2);max-width:62ch}
/* sections */
.section{padding-block:clamp(40px,6vw,72px);border-bottom:1px solid var(--line)}.section.alt{background:var(--surface)}
.section .wrap{display:grid;gap:28px}.section-head{display:grid;gap:10px;max-width:68ch}.section-head p{color:var(--ink-2)}
.prose{display:grid;gap:14px;max-width:68ch;color:var(--ink-2)}
.offers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border:1px solid var(--line);border-radius:var(--r);background:var(--surface)}
@media (max-width:960px){.offers{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.offers{grid-template-columns:1fr}}
.offer{display:grid;grid-template-rows:auto auto 1fr auto;gap:10px;padding:22px;text-decoration:none;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-width:0}
.offer:hover{background:var(--surface-2)}.offer p{color:var(--ink-2);font-size:.95rem}.more{font-weight:600;font-size:.9rem}.more::after{content:" →"}
.feature{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(20px,4vw,48px);align-items:start}
.feature+.feature{padding-top:28px;border-top:1px solid var(--line)}@media (max-width:820px){.feature{grid-template-columns:1fr}}
.feature img{border-radius:var(--r);border:1px solid var(--line);width:100%;aspect-ratio:4/3;object-fit:cover}
.feature-copy{display:grid;gap:14px;min-width:0}.feature-copy>.btn{justify-self:start}.feature-copy>p{color:var(--ink-2)}
.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:0;margin:0;border-top:1px solid var(--line)}
.facts div{padding:10px 14px 10px 0;border-bottom:1px solid var(--line);display:grid;gap:2px}
.facts dt{font-family:var(--f-mono);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.facts dd{margin:0;font-weight:600;font-variant-numeric:tabular-nums}
.awards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid var(--line);border-radius:var(--r);background:var(--surface)}
@media (max-width:820px){.awards{grid-template-columns:1fr}}.awards li{display:grid;gap:6px;padding:20px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);align-content:start}
.awards li>span:last-child{color:var(--ink-2);font-size:.93rem}
.about-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)!important;align-items:start}@media (max-width:820px){.about-grid{grid-template-columns:1fr!important}}
/* contact */
.contact{background:var(--rail);color:var(--rail-ink);border-bottom:0}.contact .label{color:var(--rail-muted)}.contact p{color:#C9D6DE}
.contact-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)!important;align-items:start}@media (max-width:860px){.contact-grid{grid-template-columns:1fr!important}}
.contact-grid>div:first-child{display:grid;gap:12px}.contact-cards{display:grid;gap:10px}
.ccard{display:grid;gap:4px;padding:16px 18px;border:1px solid var(--rail-line);border-radius:var(--r);text-decoration:none;background:var(--rail-2)}
.ccard:hover{border-color:var(--rail-muted)}.ccard b{font-size:1.05rem;overflow-wrap:anywhere}.ccard>span:last-child{font-size:.88rem;color:var(--rail-muted)}.sel{user-select:all}
/* training */
.course-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(20px,4vw,48px);align-items:start}@media (max-width:860px){.course-grid{grid-template-columns:1fr}}
.sessions{list-style:none;margin:0;padding:0;display:grid;border:1px solid var(--line);border-radius:var(--r);background:var(--bg)}
.sessions li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;padding:14px 16px;border-bottom:1px solid var(--line)}.sessions li:last-child{border-bottom:0}
.sno{font-family:var(--f-mono);font-weight:500;color:var(--ink-2)}.sessions b{display:block}.sessions li span span{color:var(--ink-2);font-size:.93rem}
.course-side{display:grid;gap:16px;min-width:0}.login-card{display:grid;gap:10px;padding:18px;border-radius:var(--r);background:var(--rail);color:var(--rail-ink)}
.login-card .label{color:var(--rail-muted)}.login-card p{color:#C9D6DE;font-size:.93rem}.login-card .btn{border-color:var(--rail-ink);background:var(--rail-ink);color:var(--navy);justify-self:start}
.note-card{padding:18px 20px;border:1px dashed var(--line-strong);border-radius:var(--r);display:grid;gap:6px;color:var(--ink-2);max-width:68ch}
/* consulting / equipment */
.svc{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:0;border:1px solid var(--line);border-radius:var(--r);background:var(--surface)}
.svc>div{display:grid;gap:8px;padding:22px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);align-content:start}.svc p{color:var(--ink-2);font-size:.95rem}
.steps{list-style:none;counter-reset:s;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:2px solid var(--ink)}
@media (max-width:760px){.steps{grid-template-columns:1fr}}.steps li{counter-increment:s;display:grid;gap:6px;padding:18px 20px 18px 0}
.steps li::before{content:"0" counter(s);font-family:var(--f-mono);color:var(--muted);font-size:.8rem}.steps span{color:var(--ink-2)}
.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}@media (max-width:640px){.gallery{grid-template-columns:1fr}}
.gallery img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--r);border:1px solid var(--line)}
/* EV course section (training): parts, two-column sessions, closing bar */
.part{display:grid;gap:12px}
.sess2 .sessions{grid-template-columns:repeat(2,minmax(0,1fr))}
.sess2 .sessions li:nth-child(odd){border-right:1px solid var(--line)}
.sess2 .sessions li:last-child:nth-child(odd){grid-column:1/-1;border-right:0}
.sess2 .sessions li:nth-last-child(2):nth-child(odd){border-bottom:1px solid var(--line)}
@media (max-width:760px){.sess2 .sessions{grid-template-columns:1fr}.sess2 .sessions li:nth-child(odd){border-right:0}}
.take{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:clamp(18px,4vw,40px);align-items:center;padding:24px;border-radius:var(--r);background:var(--rail);color:var(--rail-ink)}
@media (max-width:860px){.take{grid-template-columns:1fr}}
.take .label{color:var(--rail-muted)}.take-facts{display:grid;gap:12px;min-width:0}
.take .facts{border-top-color:var(--rail-line);grid-template-columns:repeat(2,minmax(0,1fr))}.take .facts div{border-bottom-color:var(--rail-line)}.take .facts dt{color:var(--rail-muted)}.take .facts dd{color:var(--rail-ink)}
.take-act{display:grid;gap:10px;justify-items:stretch;min-width:0}.take-act .btn{text-align:center}
.take-act .btn.solid{background:var(--rail-ink);color:var(--navy);border-color:var(--rail-ink)}.take-act .btn.line{border-color:var(--rail-muted);color:var(--rail-ink)}.take-act .btn.line:hover{background:var(--rail-2)}
.take-act span{font-size:.84rem;color:#C9D6DE}
/* why it matters (training) */
.why{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(20px,4vw,44px);align-items:center;padding:22px;border:1px solid var(--line);border-radius:var(--r);background:var(--bg)}
@media (max-width:900px){.why{grid-template-columns:1fr}}
.why-copy{display:grid;gap:12px;min-width:0}.why-copy h3{font-size:1.3rem}.why-copy p{color:var(--ink-2)}
.whyn{display:grid;gap:0;margin:4px 0 0;border-top:1px solid var(--line)}.whyn div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px;align-items:baseline;padding:10px 0;border-bottom:1px solid var(--line)}
.whyn dt{font-weight:800;font-size:1.35rem;font-variant-numeric:tabular-nums;color:var(--ink)}.whyn dd{margin:0;color:var(--ink-2);font-size:.92rem}
.why-fig{margin:0;display:grid;gap:8px;min-width:0}.why-fig img{width:100%;border:1px solid var(--line);border-radius:var(--r);background:#fff}.why-fig figcaption{font-size:.84rem;color:var(--muted)}
/* recognition cards */
.media{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}@media (max-width:860px){.media{grid-template-columns:1fr}}
.mcard{display:grid;grid-template-rows:auto 1fr;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);text-decoration:none;overflow:hidden;min-width:0}
a.mcard:hover{border-color:var(--line-strong)}a.mcard:hover img{transform:scale(1.02)}
.mphoto{position:relative;display:block;aspect-ratio:3/2;overflow:hidden;border-bottom:1px solid var(--line);background:var(--surface-2)}
.mphoto img{width:100%;height:100%;object-fit:cover;transition:transform .3s}@media (prefers-reduced-motion:reduce){.mphoto img{transition:none}}
.mkind{position:absolute;left:12px;top:12px;z-index:1;font-family:var(--f-mono);font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;padding:4px 8px;border-radius:2px;background:var(--navy);color:var(--paper)}
.mkind.award{background:var(--copper)}
.mbody{display:grid;gap:8px;padding:18px 20px 20px;align-content:start}.mbody b{font-size:1.05rem;line-height:1.3}.mbody>span:last-child{color:var(--ink-2);font-size:.93rem}
.mbody .more{color:var(--ink)!important}
/* figure strips */
.figs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}@media (max-width:760px){.figs{grid-template-columns:1fr}}
.figs figure{margin:0;display:grid;gap:8px;align-content:start;min-width:0}
.figs img{width:100%;aspect-ratio:3/2;object-fit:cover;object-position:left top;border-radius:var(--r);border:1px solid var(--line);background:#fff}
.figs figcaption{font-size:.86rem;color:var(--ink-2)}.figs figcaption .mono{color:var(--ink);margin-right:6px}
.gallery img.contain{object-fit:contain;background:var(--surface-2)}
/* research */
.rsum{color:var(--ink-2);font-size:.95rem}.rsum b{color:var(--ink);font-variant-numeric:tabular-nums}
.rgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}@media (max-width:900px){.rgrid{grid-template-columns:1fr}}
.rcard{display:grid;gap:12px;padding:20px;border:1px solid var(--line);border-radius:var(--r);background:var(--bg);min-width:0}
.rhead{display:grid;gap:6px;padding-bottom:12px;border-bottom:2px solid var(--ink)}.rhead h3{font-size:1.05rem}.rhead p{color:var(--ink-2);font-size:.9rem}
.rcard ol{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.rcard li{display:grid;gap:3px;padding-bottom:12px;border-bottom:1px solid var(--line)}.rcard li:last-child{border-bottom:0;padding-bottom:0}
.rcard li a{font-weight:600;font-size:.92rem;line-height:1.35;text-decoration:none}.rcard li a:hover{text-decoration:underline}
.pm{font-size:.8rem;color:var(--muted)}.pm b{color:var(--ink-2);font-weight:600}
.rcard details{border-top:1px solid var(--line);padding-top:10px}.rcard summary{cursor:pointer;font-weight:600;font-size:.88rem}.rcard details[open] summary{margin-bottom:12px}
/* EV hub */
.ev-hero .hero-fig img{aspect-ratio:4/3}
.entry{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;padding-top:6px;border-top:1px solid var(--rail-line)}
.entry .label{margin-right:4px}.entry a{color:var(--rail-ink);text-decoration:none;font-size:.92rem;padding:6px 12px;border:1px solid var(--rail-line);border-radius:999px}
.entry a:hover{border-color:var(--rail-muted);background:var(--rail-2)}.entry a::after{content:" →";color:var(--rail-muted)}
.whyn.wide{grid-template-columns:repeat(3,minmax(0,1fr));border-top:2px solid var(--ink)}.whyn.wide div{grid-template-columns:1fr;padding:16px 20px 16px 0}
.whyn.wide dt{font-size:2rem}@media (max-width:760px){.whyn.wide{grid-template-columns:1fr}}
.paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}@media (max-width:900px){.paths{grid-template-columns:1fr}}
.path{display:grid;grid-template-rows:auto auto 1fr auto auto;gap:12px;padding:22px;border:1px solid var(--line);border-top:3px solid var(--ink);border-radius:var(--r);background:var(--bg);scroll-margin-top:90px;min-width:0}
.path:target{border-top-color:var(--steel);box-shadow:0 0 0 2px var(--steel)}.path p{color:var(--ink-2);font-size:.95rem}
.ticks{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:.93rem}.ticks li{padding-left:22px;position:relative}
.ticks li::before{content:"";position:absolute;left:2px;top:.5em;width:10px;height:6px;border-left:2px solid var(--steel);border-bottom:2px solid var(--steel);transform:rotate(-45deg)}
.path-act{display:grid;gap:8px;justify-items:start}.rung-act{display:flex;flex-wrap:wrap;gap:8px}.path-act .btn,.rung-act .btn{font-size:.9rem;padding:9px 14px}
.ladder{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid var(--line);border-radius:var(--r);background:var(--surface)}
@media (max-width:960px){.ladder{grid-template-columns:1fr}}
.rung{display:grid;grid-template-rows:auto 250px auto 1fr auto auto;gap:12px;padding:22px;border-right:1px solid var(--line);min-width:0;scroll-margin-top:90px}
.rung:last-child{border-right:0}@media (max-width:960px){.rung{border-right:0;border-bottom:1px solid var(--line);grid-template-rows:auto auto auto auto auto auto}}
.rung-top{display:flex;align-items:baseline;gap:10px}.step{font-family:var(--f-mono);font-size:.8rem;color:var(--muted)}
.rung p{color:var(--ink-2);font-size:.94rem}.rung-fig{margin:0}.rung-fig img{width:100%;height:250px;object-fit:cover;object-position:left top;border:1px solid var(--line);border-radius:var(--r)}
.sessions.mini{align-self:stretch}.sessions.mini li{padding:5px 12px;grid-template-columns:34px minmax(0,1fr);font-size:.88rem}.sessions.mini b{font-weight:500}
.chip{justify-self:start;white-space:nowrap;font-family:var(--f-mono);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;padding:4px 8px;border-radius:2px;background:var(--surface-2);color:var(--ink-2);border:1px solid var(--line)}
.chip.ok{background:var(--navy);color:var(--paper);border-color:var(--navy)}
.bookmock{position:relative;overflow:hidden;aspect-ratio:170/240;width:100%;max-width:300px;justify-self:center;display:grid;align-content:start;gap:10px;padding:22px 20px;
background:#F5F3EF;color:#101B25;border:1px solid #D8D3C9;border-radius:2px 6px 6px 2px;box-shadow:inset 6px 0 0 #E6E1D8,0 14px 28px -18px rgba(16,27,37,.55)}
.bookmock .bk-kicker{font-size:.56rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#5F8FA8;padding-bottom:8px;border-bottom:2px solid #5F8FA8;justify-self:start}
.bookmock .bk-title{font-weight:800;font-size:1.55rem;line-height:1.05;letter-spacing:-.01em}.bookmock .bk-sub{font-size:.8rem;color:#2C4453;max-width:20ch}
.bookmock img{position:absolute;width:70%;right:-22%;bottom:9%;border:0}.bookmock .bk-author{z-index:1;position:absolute;left:20px;bottom:18px;font-size:.55rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#2C4453}
.bookmock.sm{max-width:none;height:250px;aspect-ratio:auto;padding:16px 18px}.bookmock.sm .bk-title{font-size:1.15rem}.bookmock.sm .bk-sub{font-size:.7rem}
.bookmock.sm img{width:56%;right:-10%;bottom:-24%}.bookmock.sm .bk-author{display:none}
.stages{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:0;border-top:2px solid var(--ink)}
.stages li{display:grid;align-content:start;gap:6px;padding:14px 14px 14px 0;border-right:1px solid var(--line)}.stages li:last-child{border-right:0}
.stages li+li{padding-left:14px}.stages b{font-size:.98rem}.stages span:last-child{color:var(--ink-2);font-size:.84rem;line-height:1.4}
@media (max-width:980px){.stages{grid-template-columns:1fr}.stages li,.stages li+li{grid-template-columns:44px 110px minmax(0,1fr);padding:10px 0;border-right:0;border-bottom:1px solid var(--line);align-items:baseline}}
@media (max-width:520px){.stages li,.stages li+li{grid-template-columns:36px minmax(0,1fr)}.stages li span:last-child{grid-column:2}}
.book-grid{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:clamp(24px,5vw,56px);align-items:start}@media (max-width:860px){.book-grid{grid-template-columns:1fr}}
.book-side{position:sticky;top:90px;display:grid}@media (max-width:860px){.book-side{position:static}}.book-main{display:grid;gap:22px;min-width:0}
.parts{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px;border-top:1px solid var(--line)}
.parts li{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:8px;padding:10px 12px 10px 0;border-bottom:1px solid var(--line);align-items:baseline}
.parts li span:last-child{font-family:var(--f-mono);font-size:.72rem;color:var(--muted)}@media (max-width:620px){.parts{grid-template-columns:1fr}}
.table-wrap{overflow-x:auto}.tiers{width:100%;border-collapse:collapse;font-size:.92rem}
.tiers th,.tiers td{text-align:left;vertical-align:top;padding:12px 12px 12px 0;border-bottom:1px solid var(--line)}
.tiers thead th{font-family:var(--f-mono);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:500;border-bottom:2px solid var(--ink)}
.tiers tbody th{font-weight:600}.tiers td b{display:block}.tiers td span{color:var(--ink-2);font-size:.88rem}
@media (max-width:620px){.tiers thead{display:none}.tiers tr{display:grid;gap:4px;padding:12px 0;border-bottom:1px solid var(--line)}.tiers th,.tiers td{border:0;padding:0}}
.who{display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr);gap:clamp(20px,4vw,40px);align-items:start}@media (max-width:640px){.who{grid-template-columns:1fr}.who img{max-width:200px}}
.who img{width:100%;border-radius:var(--r);border:1px solid var(--line)}.who-copy{display:grid;gap:12px;max-width:68ch}.who-copy p{color:var(--ink-2)}.who-role{font-size:.92rem}
.faq{display:grid;gap:0;border-top:1px solid var(--line);max-width:860px}
.faq details{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;padding:16px 0;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:16px}
.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:"+";font-family:var(--f-mono);color:var(--muted)}.faq details[open] summary::after{content:"−"}
.faq details p{padding:0 0 16px;color:var(--ink-2);max-width:68ch}
.enq-side{display:grid;gap:12px;align-content:start}.enq-wrap{min-width:0}
.enq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:22px;border-radius:var(--r);background:var(--rail-2);border:1px solid var(--rail-line)}
@media (max-width:620px){.enq{grid-template-columns:1fr;padding:16px}}
.enq label{display:grid;gap:6px;font-size:.86rem;color:var(--rail-muted)}.enq .full{grid-column:1/-1}
.enq input[type=text],.enq input[type=email],.enq input[type=number],.enq select,.enq textarea{width:100%;font:inherit;font-size:.95rem;padding:10px 11px;border-radius:3px;border:1px solid var(--rail-line);background:var(--rail);color:var(--rail-ink)}
.enq input:focus,.enq select:focus,.enq textarea:focus{outline:2px solid var(--steel);outline-offset:0}
.enq .check{grid-template-columns:20px minmax(0,1fr);align-items:start;gap:10px;color:#C9D6DE}.enq .check input{margin:3px 0 0;width:16px;height:16px}
.enq .send{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.enq .send span{font-size:.8rem;color:var(--rail-muted)}
.enq .btn.solid{background:var(--rail-ink);color:var(--navy);border-color:var(--rail-ink);cursor:pointer;font-family:inherit}
.enq-msg{padding:18px 20px;border-radius:var(--r);display:grid;gap:6px;border:1px solid var(--rail-muted);color:var(--rail-ink)}.enq-msg.err{border-color:var(--copper)}
.hp{position:absolute;left:-5000px}
.offers.two{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:640px){.offers.two{grid-template-columns:1fr}}
.toolgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}@media (max-width:960px){.toolgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.toolgrid{grid-template-columns:1fr}}
.tool{display:grid;grid-template-rows:auto auto auto 1fr auto;gap:10px;padding:14px;border:1px solid var(--line);border-radius:var(--r);background:var(--bg);min-width:0;scroll-margin-top:90px}
.tool h3{font-size:1.05rem}.tool p{color:var(--ink-2);font-size:.92rem}.tool-foot{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.tool-foot .btn{font-size:.86rem;padding:7px 12px}
.shot{display:block;padding:0;border:1px solid var(--line);border-radius:var(--r);background:#fff;cursor:zoom-in;overflow:hidden}
.shot img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:left top;transition:transform .25s}.shot:hover img{transform:scale(1.02)}
.shot:focus-visible{outline:2px solid var(--steel);outline-offset:2px}@media (prefers-reduced-motion:reduce){.shot img{transition:none}}
dialog.zoom{padding:0;border:0;background:transparent;max-width:min(96vw,1280px);max-height:94vh;overflow:visible}
dialog.zoom::backdrop{background:rgba(16,27,37,.84)}dialog.zoom img{display:block;width:100%;height:auto;max-height:86vh;object-fit:contain;border-radius:var(--r);background:#fff;cursor:zoom-out}
dialog.zoom p{margin:8px 0 0;max-width:none;color:#F5F3EF;font-size:.86rem;text-align:center}
/* footer */
.foot{background:var(--rail);color:var(--rail-ink);border-top:1px solid var(--rail-line)}.foot .wrap{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(2,minmax(0,1fr));gap:24px;padding-block:32px}
@media (max-width:760px){.foot .wrap{grid-template-columns:1fr}}.foot .lockup b{letter-spacing:.04em}.foot-brand{display:grid;gap:10px}.foot-brand p{color:var(--rail-muted);font-size:.88rem;max-width:48ch}
.foot-links{display:grid;gap:6px;align-content:start}.foot-links .label{color:var(--rail-muted)}.foot-links a{text-decoration:none;font-size:.92rem;overflow-wrap:anywhere}.foot-links a:hover{text-decoration:underline}
.foot .foot-base{padding-block:14px;border-top:1px solid var(--rail-line);display:block;color:var(--rail-muted)}
