@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:400;src:url(../fonts/inter-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:400;src:url(../fonts/inter-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:500;src:url(../fonts/inter-latin-ext-500-normal.woff2) format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:500;src:url(../fonts/inter-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:600;src:url(../fonts/inter-latin-ext-600-normal.woff2) format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:600;src:url(../fonts/inter-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Montserrat';font-style:normal;font-display:swap;font-weight:500;src:url(../fonts/montserrat-latin-ext-500-normal.woff2) format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Montserrat';font-style:normal;font-display:swap;font-weight:500;src:url(../fonts/montserrat-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Montserrat';font-style:normal;font-display:swap;font-weight:600;src:url(../fonts/montserrat-latin-ext-600-normal.woff2) format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Montserrat';font-style:normal;font-display:swap;font-weight:600;src:url(../fonts/montserrat-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Montserrat';font-style:normal;font-display:swap;font-weight:700;src:url(../fonts/montserrat-latin-ext-700-normal.woff2) format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Montserrat';font-style:normal;font-display:swap;font-weight:700;src:url(../fonts/montserrat-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Montserrat';font-style:normal;font-display:swap;font-weight:800;src:url(../fonts/montserrat-latin-ext-800-normal.woff2) format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Montserrat';font-style:normal;font-display:swap;font-weight:800;src:url(../fonts/montserrat-latin-800-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
/* OD Pharma Consulting, v2. Layout: image-led hero with the founder on stage, centered section heads, alternating service rows with custom illustrations, navy bands for proof. */
:root{
  --bg:#ffffff; --bg2:#f4f7fb; --card:#ffffff; --ink:#0a1b3d; --body:#3d4a60; --muted:#5f6b80; --line:#dfe6ef;
  --navy:#0a214f; --navy2:#123370; --teal:#00a5a5; --teal-ink:#00706f; --teal-soft:#e0f4f4; --soft:#dbe4f0; --soft2:#c9d6e8;
  --on-navy:#ffffff; --on-navy-2:#b9c7de; --shadow:0 1px 2px rgba(10,33,79,.06),0 8px 24px rgba(10,33,79,.07);
  --display:"Montserrat","Segoe UI","Helvetica Neue",Arial,sans-serif;
  --text:"Inter","Segoe UI","Helvetica Neue",Arial,sans-serif;
  --r:16px; --wrap:1200px;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --bg:#07122a; --bg2:#0b1a37; --card:#0f2142; --ink:#eef3fa; --body:#c3cfe1; --muted:#9daecb; --line:#1f3560;
  --navy:#0d2759; --navy2:#16357a; --teal:#22c3c3; --teal-ink:#4fd6d6; --teal-soft:#0e3a45; --soft:#1d335c; --soft2:#2a4573;
  --on-navy:#ffffff; --on-navy-2:#b9c7de; --shadow:0 1px 2px rgba(0,0,0,.3),0 8px 24px rgba(0,0,0,.25); color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#07122a; --bg2:#0b1a37; --card:#0f2142; --ink:#eef3fa; --body:#c3cfe1; --muted:#9daecb; --line:#1f3560;
  --navy:#0d2759; --navy2:#16357a; --teal:#22c3c3; --teal-ink:#4fd6d6; --teal-soft:#0e3a45; --soft:#1d335c; --soft2:#2a4573;
  --on-navy:#ffffff; --on-navy-2:#b9c7de; --shadow:0 1px 2px rgba(0,0,0,.3),0 8px 24px rgba(0,0,0,.25); color-scheme:dark}

*{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--body);font-family:var(--text);font-size:17px;line-height:1.65;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:60;background:var(--bg)}
img{max-width:100%;height:auto;display:block}
a{color:var(--teal-ink);text-underline-offset:3px}
a:hover{color:var(--ink)}
:focus-visible{outline:3px solid var(--teal);outline-offset:2px;border-radius:6px}
h1,h2,h3,.h3{font-family:var(--display);color:var(--ink);text-wrap:balance;margin:0;letter-spacing:-.015em}
h1{font-size:clamp(2.1rem,4.6vw,3.5rem);line-height:1.1;font-weight:800}
h2{font-size:clamp(1.65rem,3vw,2.4rem);line-height:1.18;font-weight:700}
h3,.h3{font-size:1.15rem;line-height:1.32;font-weight:700}
p{margin:0} ul,ol{margin:0;padding:0}
.wrap{max-width:var(--wrap);margin:0 auto;padding-left:max(24px,env(safe-area-inset-left,0px));padding-right:max(24px,env(safe-area-inset-right,0px))}
.wrap.narrow{max-width:860px}
@media (max-width:600px){.wrap{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}}
.stack{display:flex;flex-direction:column;gap:16px;min-width:0}
.stack-lg{display:flex;flex-direction:column;gap:40px;min-width:0}
.row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.row.center,.center{justify-content:center;text-align:center}
.center-text{text-align:center;align-items:center}
.eyebrow{font-family:var(--display);font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--teal-ink);font-weight:700}
.lede{font-size:1.18rem;line-height:1.6;color:var(--muted);max-width:64ch}
.big{font-size:1.2rem;color:var(--ink);line-height:1.55}
.muted{color:var(--muted)} .small{font-size:.92rem}
.note{font-size:.9rem;color:var(--muted);max-width:80ch}
.note.center{margin:0 auto}
.updated{font-size:.8rem;color:var(--muted);padding-block:18px 28px}
.sel{user-select:all}
.skip{position:absolute;left:-999px;top:8px}.skip:focus{left:12px;z-index:100;background:var(--bg);padding:8px 12px}
.ic{width:24px;height:24px}.ic-sm{width:18px;height:18px;flex:none}
.ic-round{width:52px;height:52px;border-radius:14px;background:var(--teal-soft);color:var(--teal-ink);display:inline-flex;align-items:center;justify-content:center;flex:none}
.ic-round.sm{width:40px;height:40px;border-radius:12px}.ic-round.sm .ic{width:20px;height:20px}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--teal);color:#032a2e;font-family:var(--display);font-weight:700;font-size:.95rem;
  padding:13px 24px;border-radius:10px;text-decoration:none;border:2px solid var(--teal);cursor:pointer;transition:background .15s,color .15s,transform .15s}
.btn:hover{background:var(--teal-ink);border-color:var(--teal-ink);color:#fff;transform:translateY(-1px)}
.btn.lg{padding:16px 28px;font-size:1rem}
.btn.sm{padding:9px 16px;font-size:.88rem}
.btn.ghost{background:transparent;color:var(--ink);border-color:var(--soft2)}
.btn.ghost:hover{border-color:var(--teal);color:var(--ink)}
.btn.ghost-inv{background:transparent;color:var(--on-navy);border-color:rgba(255,255,255,.4)}
.btn.ghost-inv:hover{border-color:var(--teal);background:transparent;color:var(--on-navy)}
.btn[disabled]{opacity:.5;cursor:not-allowed;transform:none}
.more{display:inline-flex;align-items:center;gap:6px;font-family:var(--display);font-weight:700;font-size:.93rem;text-decoration:none;color:var(--teal-ink)}
.more .ic-sm{transition:transform .15s}.more:hover .ic-sm,a:hover .more .ic-sm{transform:translateX(4px)}
.arrow{font-family:var(--display);font-weight:700;text-decoration:none}
.linkish{background:none;border:0;padding:0;font:inherit;color:inherit;text-decoration:underline;cursor:pointer}
.crumb{font-family:var(--display);font-weight:600;font-size:.88rem;text-decoration:none}
.crumb::before{content:"← "}

/* header */
.site-header{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:color-mix(in srgb,var(--bg) 94%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.hdr{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:12px}
.brand img{height:48px;width:auto}
.logo-d{display:none}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .logo-l{display:none}:root:not([data-theme="light"]) .logo-d{display:block}}
:root[data-theme="dark"] .logo-l{display:none}:root[data-theme="dark"] .logo-d{display:block}
.nav{display:flex;align-items:center;gap:26px}
.nav a:not(.btn){color:var(--ink);text-decoration:none;font-family:var(--display);font-weight:600;font-size:.92rem}
.nav a:not(.btn):hover,.nav a[aria-current="page"]{color:var(--teal-ink)}
.menu-toggle{display:none;background:none;border:1px solid var(--line);border-radius:10px;padding:8px 16px;font-family:var(--display);font-weight:700;color:var(--ink)}
@media (max-width:1060px){
  .menu-toggle{display:block}
  .nav{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:flex-start;gap:2px;background:var(--bg);border-bottom:1px solid var(--line);
    padding:12px max(16px,env(safe-area-inset-right,0px)) 20px max(16px,env(safe-area-inset-left,0px))}
  .nav.open{display:flex}.nav a:not(.btn){padding:9px 0;font-size:1.05rem}.nav .btn{margin-top:10px}
}

/* sections */
.sec{padding-block:96px}
.sec.tight{padding-block:24px 88px}
.sec.top{padding-block:72px 56px;background:linear-gradient(180deg,var(--bg2) 0%,var(--bg) 100%)}
.sec.tight-top{padding-block:48px 24px}
.surface{background:var(--bg2)}
.head-c{display:flex;flex-direction:column;gap:14px;align-items:center;text-align:center;max-width:760px;margin:0 auto}
.head-c .lede{max-width:62ch}
.sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}
.two{display:grid;grid-template-columns:1fr 1fr;gap:64px}
.two-c{display:grid;grid-template-columns:1fr 1fr;gap:20px}
@media (max-width:860px){.sec{padding-block:64px}.two,.two-c{grid-template-columns:1fr;gap:28px}}

/* hero */
.hero{padding-block:64px 72px;background:linear-gradient(180deg,var(--bg2) 0%,var(--bg) 100%)}
.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:64px;align-items:center}
.hero-copy{display:flex;flex-direction:column;gap:24px;min-width:0}
.hero h1{font-size:clamp(2.3rem,5vw,3.7rem)}
.hl{color:var(--teal-ink);background:linear-gradient(transparent 70%,var(--teal-soft) 70%)}
.hero-proof{display:flex;gap:10px;align-items:flex-start;font-size:.95rem;color:var(--muted);max-width:56ch}
.hero-proof .ic-sm{color:var(--teal);margin-top:3px}
.hero-vis{position:relative;padding:0 0 28px 28px}
.hero-photo{width:100%;aspect-ratio:1/1;object-fit:cover;object-position:50% 0%;border-radius:24px;box-shadow:var(--shadow)}
.float{position:absolute;display:flex;gap:12px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px 16px;box-shadow:var(--shadow);max-width:270px}
.float b{display:block;font-family:var(--display);color:var(--ink);font-size:.98rem;line-height:1.2}
.float span{font-size:.84rem;color:var(--muted);line-height:1.3;display:block}
.float img{width:40px;height:auto}
.f1{left:0;bottom:0}.f2{right:-14px;bottom:96px}
@media (max-width:960px){.hero-grid{grid-template-columns:1fr;gap:40px}.hero-vis{max-width:520px}.f2{right:0}}
@media (max-width:480px){.float{position:static;margin-top:12px;max-width:none}.hero-vis{padding:0}}

/* trust band */
.trust{background:var(--navy);color:var(--on-navy);padding-block:44px}
.trust-line{text-align:center;color:var(--on-navy-2);max-width:820px;margin:0 auto 28px;font-size:1.02rem}
.stats{list-style:none;display:grid;grid-template-columns:repeat(5,1fr)}
.stats li{padding:8px 22px;display:flex;flex-direction:column;gap:8px;border-left:1px solid rgba(255,255,255,.16)}
.stats li:first-child{border-left:0}
.stats b{font-family:var(--display);font-size:2.6rem;font-weight:800;color:var(--on-navy);line-height:1;font-variant-numeric:tabular-nums}
.stats span{font-size:.9rem;color:var(--on-navy-2);line-height:1.45}
@media (max-width:900px){.stats{grid-template-columns:repeat(2,1fr);gap:20px 0}.stats li{border-left:0;padding-left:0}.stats li:last-child{grid-column:1/-1}}

/* challenges */
.challenges{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.ch{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:28px;display:flex;flex-direction:column;gap:14px;box-shadow:var(--shadow);transition:transform .15s,border-color .15s}
.ch:hover{transform:translateY(-3px);border-color:var(--teal)}
.ch p{color:var(--muted)}
.ch .more{margin-top:auto}
@media (max-width:960px){.challenges{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.challenges{grid-template-columns:1fr}}

/* service rows */
.svc-rows{display:flex;flex-direction:column;gap:28px}
.svc-row{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:22px;padding:36px;box-shadow:var(--shadow)}
.svc-row.flip .svc-vis{order:2}
.svc-txt{display:flex;flex-direction:column;gap:16px;min-width:0}
.svc-sh{font-size:1.06rem}
.svc-out{background:var(--teal-soft);border-radius:10px;padding:12px 16px;color:var(--ink);font-size:.96rem}
.svc-out b{font-family:var(--display);color:var(--teal-ink);margin-right:6px}
.svc-vis{min-width:0}
.svc-photo{width:100%;aspect-ratio:7/5;object-fit:cover;border-radius:18px}
.ticks{list-style:none;display:flex;flex-direction:column;gap:10px}
.ticks li{display:flex;gap:10px;align-items:flex-start}
.ticks .ic-sm{color:var(--teal);margin-top:4px}
.ticks.lg li{font-size:1.04rem;color:var(--ink)}
@media (max-width:860px){.svc-row{grid-template-columns:1fr;gap:28px;padding:24px}.svc-row.flip .svc-vis{order:0}}

/* illustrations */
.illus{width:100%;height:auto;display:block;font-family:var(--text)}
.f-card{fill:var(--bg2)} .f-bg2{fill:var(--bg2)} .f-soft{fill:var(--soft)} .f-soft2{fill:var(--soft2)} .f-teal{fill:var(--teal)} .f-navy{fill:var(--navy2)} .f-chip{fill:var(--card);stroke:var(--line)}
.s-line{stroke:var(--line);fill:none} .s-line2{stroke:var(--soft2);stroke-width:1.5} .s-teal{stroke:var(--teal)} .s-navy{stroke:var(--navy2)}
.f-card.s-line{fill:var(--card);stroke:var(--line)}
.t-lab{fill:var(--ink);font-weight:700;font-size:16px;font-family:var(--display)} .t-mut{fill:var(--muted);font-size:12.5px}
.t-chip{fill:var(--ink);font-size:12.5px;font-weight:600} .t-in{fill:#fff;font-size:12px;font-weight:600} .t-in.dark{fill:var(--ink)}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .f-navy{fill:#2b5bb5}}
:root[data-theme="dark"] .f-navy{fill:#2b5bb5}

/* offers */
.offers{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;align-items:stretch}
.offer{position:relative;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:28px 24px;display:flex;flex-direction:column;gap:14px;box-shadow:var(--shadow)}
.offer p{color:var(--muted);font-size:.96rem}
.offer .btn{margin-top:auto;align-self:flex-start}
.offer-meta{display:flex;flex-direction:column;gap:4px;font-size:.88rem;color:var(--ink);font-weight:500;padding-bottom:12px;border-bottom:1px solid var(--line)}
.offer-meta span{display:flex;gap:8px;align-items:center}
.offer-meta .ic-sm{color:var(--teal)}
.offer.featured{background:var(--navy);border-color:var(--navy);color:var(--on-navy-2)}
.offer.featured h3,.offer.featured .offer-meta{color:var(--on-navy)}
.offer.featured p{color:var(--on-navy-2)}
.offer.featured .offer-meta{border-color:rgba(255,255,255,.18)}
.flag{position:absolute;top:-12px;left:24px;background:var(--teal);color:#032a2e;font-family:var(--display);font-weight:700;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;padding:4px 10px;border-radius:999px}
@media (max-width:1020px){.offers{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.offers{grid-template-columns:1fr}}

/* cases */
.cases{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.cases.c2{grid-template-columns:repeat(2,1fr)} .cases.c1{grid-template-columns:minmax(0,520px);justify-content:center}
.case-card{display:flex;flex-direction:column;gap:12px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:26px;text-decoration:none;color:var(--body);box-shadow:var(--shadow);transition:transform .15s,border-color .15s}
.case-card:hover{transform:translateY(-3px);border-color:var(--teal);color:var(--body)}
.cc-top{display:flex;justify-content:space-between;align-items:center}
.cc-status{font-size:.78rem;font-weight:600;color:var(--muted);background:var(--bg2);border-radius:999px;padding:4px 10px}
.cc-label{font-size:.86rem;font-weight:600;color:var(--teal-ink);text-transform:uppercase;letter-spacing:.06em;font-family:var(--display)}
.cc-title{font-size:1.18rem}
.cc-out{display:flex;gap:8px;align-items:flex-start;color:var(--muted);font-size:.95rem}
.cc-out .ic-sm{color:var(--teal);margin-top:3px}
.cc-more{margin-top:auto;padding-top:8px;display:inline-flex;align-items:center;gap:6px;font-family:var(--display);font-weight:700;font-size:.9rem;color:var(--teal-ink)}
@media (max-width:960px){.cases{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.cases,.cases.c2{grid-template-columns:1fr}}
.pills{list-style:none;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.pills a{display:inline-flex;gap:8px;align-items:center;border:1px solid var(--line);background:var(--card);border-radius:999px;padding:8px 16px;text-decoration:none;color:var(--ink);font-size:.9rem;font-weight:500}
.pills a .ic-sm{color:var(--teal)}
.pills a:hover{border-color:var(--teal)}

/* why */
.why-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:72px;align-items:center}
.why-photo{position:relative}
.why-photo img{border-radius:24px;aspect-ratio:1/1;object-fit:cover;width:100%;box-shadow:var(--shadow)}
.why-cap{position:absolute;left:20px;right:20px;bottom:20px;background:var(--card);border-radius:14px;padding:14px 18px;display:flex;flex-direction:column;gap:2px;box-shadow:var(--shadow)}
.why-cap b{font-family:var(--display);color:var(--ink);font-size:1.05rem}
.why-cap span{font-size:.9rem;color:var(--muted)}
.diffs{list-style:none;display:flex;flex-direction:column;gap:22px}
.diffs li{display:flex;gap:16px;align-items:flex-start}
.diffs h3{margin-bottom:4px}
.diffs p{color:var(--muted)}
@media (max-width:900px){.why-grid{grid-template-columns:1fr;gap:40px}.why-photo{max-width:420px}}

/* books */
.books-band{background:var(--bg);color:var(--body);padding-block:88px;overflow:hidden;border-block:1px solid var(--line)}
.books-band h2{color:var(--ink)}
.books-in{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center}
.books-in .btn{align-self:flex-start}
.covers{display:flex;justify-content:center;align-items:flex-end;gap:28px}
.cover{flex:0 1 auto;transition:transform .2s}
.cover img{height:330px;width:auto;max-width:100%;filter:drop-shadow(0 18px 22px rgba(10,33,79,.28))}
.cover:nth-child(1){order:2}.cover:nth-child(2){order:1}.cover:nth-child(3){order:3}
.cover:nth-child(1) img{height:350px}
.cover:hover{transform:translateY(-6px)}
@media (max-width:1100px){.cover img,.cover:nth-child(1) img{height:270px}}
@media (max-width:860px){.books-in{grid-template-columns:1fr}.covers{gap:16px}.cover img,.cover:nth-child(1) img{height:auto;max-height:240px}}
/* tools */
.tools{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.tools li{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:26px;display:flex;flex-direction:column;gap:10px;box-shadow:var(--shadow)}
.stage{align-self:flex-start;font-family:var(--display);font-size:.74rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--teal-ink);background:var(--teal-soft);border-radius:999px;padding:3px 10px}
.tools p{color:var(--muted);font-size:.95rem}
@media (max-width:1020px){.tools{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.tools{grid-template-columns:1fr}}

/* magnet */
.magnet{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:24px;padding:56px;box-shadow:var(--shadow)}
.magnet>*{min-width:0}
.gauge{background:var(--bg2);border-radius:18px;padding:28px 24px 18px}
.gauge-bars{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;align-items:end;height:180px}
.gauge-bars i{display:block;border-radius:8px 8px 4px 4px;background:var(--soft2)}
.gauge-bars i:nth-child(1),.gauge-bars i:nth-child(3){background:var(--teal)}
.gauge-lab{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;overflow:hidden;margin-top:10px;font-size:.72rem;color:var(--muted);text-align:center}
@media (max-width:860px){.magnet{grid-template-columns:1fr;padding:28px}}
@media (max-width:480px){.gauge-lab{font-size:.6rem;gap:6px}.gauge-bars{gap:6px}.magnet{padding:22px}}

/* posts */
.posts{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.post-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:30px;display:flex;flex-direction:column;gap:12px;text-decoration:none;color:var(--body);box-shadow:var(--shadow);transition:transform .15s,border-color .15s}
.post-card:hover{transform:translateY(-3px);border-color:var(--teal);color:var(--body)}
.post-card p{color:var(--muted)}
.post-card .more{margin-top:auto}
.tag{align-self:flex-start;font-family:var(--display);font-size:.74rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--teal-ink)}
@media (max-width:760px){.posts{grid-template-columns:1fr}}

/* cta band */
.cta-band{background:linear-gradient(120deg,var(--navy) 0%,var(--navy2) 100%);color:var(--on-navy-2);padding-block:80px}
.cta-band h2{color:var(--on-navy)}
.cta-in{display:grid;grid-template-columns:1.3fr .7fr;gap:40px;align-items:center}
.cta-band .row{justify-content:flex-end}
@media (max-width:860px){.cta-in{grid-template-columns:1fr}.cta-band .row{justify-content:flex-start}}

/* page hero */
.phero{padding-block:72px 48px;background:linear-gradient(180deg,var(--bg2) 0%,var(--bg) 100%)}
.phero-in{display:flex;flex-direction:column;gap:18px;align-items:center;text-align:center;max-width:860px}
.phero-in .lede{max-width:66ch}
.svc-hero{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.about-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}
.about-photo{border-radius:24px;aspect-ratio:4/5;object-fit:cover;object-position:50% 12%;width:100%;box-shadow:var(--shadow)}
@media (max-width:860px){.svc-hero,.about-hero{grid-template-columns:1fr;gap:32px}.about-photo{max-width:420px}}

/* service detail, case detail */
.svc-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:22px}
.svc-grid>*{grid-column:span 2}.svc-grid>*:nth-child(4),.svc-grid>*:nth-child(5){grid-column:span 3}
.svc-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:28px;display:flex;flex-direction:column;gap:14px;text-decoration:none;color:var(--body);box-shadow:var(--shadow);transition:transform .15s,border-color .15s}
.svc-card:hover{transform:translateY(-3px);border-color:var(--teal);color:var(--body)}
.svc-card .more{margin-top:auto}
@media (max-width:960px){.svc-grid{grid-template-columns:1fr 1fr}.svc-grid>*,.svc-grid>*:nth-child(n){grid-column:auto}.svc-grid>*:last-child{grid-column:1/-1}}
@media (max-width:620px){.svc-grid{grid-template-columns:1fr}}
.funcs{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.funcs li{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:24px;display:flex;flex-direction:column;gap:10px}
.funcs li p:last-child{display:flex;gap:8px;color:var(--ink)}
.funcs .ic-sm{color:var(--teal);margin-top:4px}
@media (max-width:960px){.funcs{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.funcs{grid-template-columns:1fr}}
.svc-detail,.case-body{display:grid;grid-template-columns:1.35fr .65fr;gap:56px;align-items:start}
.outcome-box{display:flex;gap:18px;align-items:center;background:var(--teal-soft);border-radius:var(--r);padding:22px 24px}
.outcome-box b{font-family:var(--display);color:var(--ink)}
.outcome-box p{color:var(--ink)}
.facts{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:28px;display:flex;flex-direction:column;gap:22px;position:sticky;top:100px;box-shadow:var(--shadow)}
.facts dl{margin:0;display:flex;flex-direction:column;gap:4px}
.facts dt{font-family:var(--display);font-size:.76rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-top:14px}
.facts dt:first-child{margin-top:0}
.facts dd{margin:0;color:var(--ink)}
@media (max-width:900px){.svc-detail,.case-body{grid-template-columns:1fr}.facts{position:static}}
.case-hero{display:flex;flex-direction:column;gap:18px;max-width:900px}
.case-tags{display:flex;flex-wrap:wrap;gap:8px}
.tag-chip{font-size:.84rem;font-weight:600;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:999px;padding:5px 12px}
.tag-chip.st{background:var(--teal-soft);border-color:transparent;color:var(--teal-ink)}
.soft-card{background:var(--bg2);border-radius:var(--r);padding:24px;display:flex;flex-direction:column;gap:8px;color:var(--ink)}
.k{font-family:var(--display);font-size:.76rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--teal-ink)}
.oc{background:var(--navy);border-radius:var(--r);padding:26px;display:flex;flex-direction:column;gap:12px;color:var(--on-navy-2)}
.oc h3{color:var(--on-navy)} .oc .k{color:var(--teal)}
.kpis{list-style:none;display:flex;flex-direction:column}
.kpis li{display:grid;grid-template-columns:minmax(110px,auto) 1fr;gap:14px;align-items:baseline;padding:10px 0;border-top:1px solid rgba(255,255,255,.14)}
.kpis b{font-family:var(--display);color:var(--teal);font-variant-numeric:tabular-nums}
.portfolio{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.portfolio li{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:24px;display:flex;flex-direction:column;gap:8px}
.pf-meta{font-size:.84rem;font-weight:600;color:var(--teal-ink)}
.portfolio p{color:var(--muted);font-size:.95rem}
@media (max-width:760px){.portfolio{grid-template-columns:1fr}}

/* gallery, founder, books list, roles */
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.gallery figure{margin:0;display:flex;flex-direction:column;gap:8px}
.gallery img{aspect-ratio:4/3;object-fit:cover;width:100%;border-radius:var(--r)}
.gallery figcaption{font-size:.88rem;color:var(--muted)}
@media (max-width:760px){.gallery{grid-template-columns:1fr}}
.books{list-style:none;display:flex;flex-direction:column}
.books a{display:flex;flex-direction:column;gap:2px;padding:14px 0;border-top:1px solid var(--line);text-decoration:none;color:var(--body)}
.books b{font-family:var(--display);color:var(--ink)} .books span{color:var(--muted);font-size:.94rem}
.roles{list-style:none;display:flex;flex-direction:column}
.roles li{display:grid;grid-template-columns:150px 1fr;gap:16px;padding:14px 0;border-top:1px solid var(--line)}
.roles span{font-size:.86rem;color:var(--muted)} .roles b{color:var(--ink);font-weight:600}
@media (max-width:520px){.roles li{grid-template-columns:1fr;gap:2px}}
.founder-hero{display:grid;grid-template-columns:320px 1fr;gap:56px;align-items:center}
.founder-hero img{border-radius:24px;aspect-ratio:1;object-fit:cover;width:100%;box-shadow:var(--shadow)}
.founder-hero .sub{font-family:var(--display);font-weight:600;color:var(--muted)}
@media (max-width:760px){.founder-hero{grid-template-columns:1fr}.founder-hero img{max-width:260px}}

/* article */
.byline{font-size:.92rem;color:var(--muted)}
.prose{display:flex;flex-direction:column;gap:18px;font-size:1.08rem;max-width:70ch;color:var(--ink)}
.prose h2{font-size:1.4rem;margin-top:20px}
.article{max-width:760px;margin:0 auto}

/* faq */
.qas{display:flex;flex-direction:column;gap:12px}
.qa{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:0 22px}
.qa summary{cursor:pointer;list-style:none;padding:18px 34px 18px 0;position:relative}
.qa summary::-webkit-details-marker{display:none}
.qa summary::after{content:"+";position:absolute;right:0;top:14px;font-size:1.5rem;color:var(--teal-ink);font-family:var(--display)}
.qa[open] summary::after{content:"−"}
.qa h3{font-size:1.04rem}
.qa p{padding:0 0 20px;color:var(--muted)}

/* forms */
.card{border:1px solid var(--line);border-radius:var(--r);padding:30px;background:var(--card);display:flex;flex-direction:column;gap:12px;box-shadow:var(--shadow)}
.form label{font-size:.9rem;font-weight:600;color:var(--ink);margin-top:4px}
.form input[type=text],.form input[type=email],.form select,.form textarea{width:100%;font:inherit;font-size:1rem;color:var(--ink);background:var(--bg);border:1px solid var(--soft2);border-radius:10px;padding:12px 14px}
.form input:focus,.form select:focus,.form textarea:focus{border-color:var(--teal);outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--teal) 25%,transparent)}
.chk{display:flex!important;gap:10px;align-items:flex-start;font-weight:400!important;font-size:.9rem!important;color:var(--muted)!important}
.chk input{margin-top:4px;accent-color:var(--teal)}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form-msg{background:var(--teal-soft);border-radius:10px;padding:12px 14px;font-size:.94rem;color:var(--ink)}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.contact-dl{margin:12px 0 0;display:grid;grid-template-columns:150px 1fr;gap:14px 16px}
.contact-dl dt{font-family:var(--display);font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding-top:3px}
.contact-dl dd{margin:0;color:var(--ink)}
@media (max-width:860px){.contact-grid{grid-template-columns:1fr}.contact-dl{grid-template-columns:1fr;gap:2px}.contact-dl dd{margin-bottom:12px}}

/* self-check */
.sc-wrap{display:flex;flex-direction:column;gap:24px;max-width:900px;margin:0 auto}
.sc-progress{display:flex;flex-direction:column;gap:8px;font-size:.85rem;color:var(--muted);position:sticky;top:76px;background:var(--bg2);padding:10px 0;z-index:5}
.sc-pbar{height:6px;background:var(--line);border-radius:6px;overflow:hidden}.sc-pbar i{display:block;height:100%;width:0;background:var(--teal);transition:width .2s}
.sc-form{display:flex;flex-direction:column;gap:18px}
.sc-q{border:1px solid var(--line);border-radius:var(--r);background:var(--card);padding:24px;margin:0;min-width:0;box-shadow:var(--shadow)}
.sc-q legend{display:flex;flex-direction:column;gap:4px;font-family:var(--display);font-weight:700;color:var(--ink);font-size:1.05rem;padding:0;float:left;width:100%;margin-bottom:14px}
.sc-q legend small{font-family:var(--text);font-weight:500;font-size:.8rem;color:var(--muted)}
.sc-n{font-size:.8rem;color:var(--teal-ink)}
.sc-opts{clear:both;display:flex;flex-direction:column;gap:8px}
.sc-opt{display:grid;grid-template-columns:auto 26px 1fr;gap:10px;align-items:start;padding:11px 14px;border:1px solid var(--line);border-radius:10px;cursor:pointer;font-size:.96rem}
.sc-opt:hover{border-color:var(--teal)}
.sc-opt input{margin-top:5px;accent-color:var(--teal)}
.sc-opt .lv{font-weight:700;color:var(--muted);font-size:.86rem;padding-top:2px}
.sc-opt:has(input:checked){border-color:var(--teal);background:var(--teal-soft)}
.sc-result{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:28px;display:flex;flex-direction:column;gap:16px}

/* footer */
.site-footer{background:#061634;color:#c9d4e6;padding-block:64px 24px;padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))}
.site-footer a{color:#e8eef8}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.1fr;gap:40px}
.foot-logo{height:44px;width:auto;max-width:200px;object-fit:contain;object-position:left}
.foot-pos{max-width:38ch;color:#b4c2d9}
.foot-addr{font-size:.88rem;color:#93a4c0}
.foot-h{font-family:var(--display);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:#22c3c3;font-weight:700;margin-bottom:12px}
.site-footer ul{list-style:none;display:flex;flex-direction:column;gap:9px;font-size:.94rem}
.site-footer ul a{text-decoration:none}.site-footer ul a:hover{color:#22c3c3}
.legal{margin-top:48px;padding-top:20px;border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:.84rem;color:#93a4c0}
.legal a,.legal .linkish{color:#93a4c0}
@media (max-width:860px){.foot-grid{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.foot-grid{grid-template-columns:1fr}}
.cookie{position:fixed;left:16px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));max-width:560px;background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:12px;z-index:80;box-shadow:0 10px 30px rgba(0,0,0,.18);font-size:.92rem}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}

/* contact next steps */
.next-steps{list-style:none;counter-reset:n;display:flex;flex-direction:column;gap:14px;margin-top:8px}
.next-steps li{counter-increment:n;display:grid;grid-template-columns:36px 1fr;gap:14px;align-items:start}
.next-steps li::before{content:counter(n);width:36px;height:36px;border-radius:50%;background:var(--teal-soft);color:var(--teal-ink);font-family:var(--display);font-weight:800;display:flex;align-items:center;justify-content:center}
.next-steps b{display:block;color:var(--ink);font-family:var(--display)}
.next-steps span{color:var(--muted);font-size:.95rem}
@media (max-width:600px){
  .phero-in,.head-c{align-items:flex-start;text-align:left}
  .pills.hide-m{display:none}
  .sec{padding-block:56px}.hero{padding-block:40px 56px}
}

/* returning clients proof */
.returns{display:grid;grid-template-columns:.8fr 1.6fr;gap:22px;align-items:stretch}
.ret-stat{background:var(--navy);color:var(--on-navy-2);border-radius:var(--r);padding:34px;display:flex;flex-direction:column;gap:12px;justify-content:center}
.ret-stat b{font-family:var(--display);font-weight:800;font-size:clamp(2.2rem,4vw,3rem);line-height:1.05;color:var(--on-navy)}
.ret-stat span{font-size:1.12rem;color:var(--on-navy);line-height:1.45}
.ret-list{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:22px}
.ret-list li{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:24px;display:flex;flex-direction:column;gap:10px;box-shadow:var(--shadow)}
.ret-list p{color:var(--muted);font-size:.96rem}
.surface .ret-list li{background:var(--card)}
@media (max-width:960px){.returns{grid-template-columns:1fr}}
@media (max-width:600px){.ret-list{grid-template-columns:1fr}}

/* outcome cards v2 */
.oc2{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:28px;display:flex;flex-direction:column;gap:14px;box-shadow:var(--shadow)}
.oc2-head{display:flex;align-items:center;gap:12px}
.oc2 h3{font-size:1.28rem;line-height:1.3}
.oc2-sub{font-size:.8rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-top:4px}
.metrics{list-style:none;display:flex;flex-direction:column;gap:10px}
.metric{background:var(--bg2);border-radius:14px;padding:16px 18px;display:flex;flex-direction:column;gap:4px}
.m-num{font-family:var(--display);font-weight:800;font-size:1.45rem;line-height:1.15;color:var(--teal-ink);white-space:nowrap;font-variant-numeric:tabular-nums}
.m-lab{font-size:.94rem;line-height:1.4;color:var(--body)}
.kpi-note{display:flex;gap:8px;align-items:flex-start;font-size:.88rem;color:var(--muted);background:var(--bg2);border-radius:12px;padding:12px 14px}
.kpi-note .ic-sm{color:var(--teal-ink);margin-top:2px}


/* always-visible CTAs */
.hdr-m{display:none;align-items:center;gap:8px}
.hdr-cta{white-space:nowrap}
.phero-in .row{justify-content:center}
.case-hero .row,.phero .stack .row{justify-content:flex-start}
.m-only{display:none}
@media (max-width:1060px){.hdr-m{display:flex}}
@media (max-width:860px){.m-only{display:flex}}
@media (max-width:600px){.phero-in .row{justify-content:flex-start}.phero{padding-block:40px 32px}.sec.top{padding-block:40px 40px}}
@media (max-width:360px){.hdr-cta{padding:8px 10px;font-size:.8rem}.brand img{height:40px}}

/* legal pages */
.legal-grid{display:grid;grid-template-columns:240px 1fr;gap:56px;align-items:start}
.legal-side{position:sticky;top:100px;display:flex;flex-direction:column;gap:10px;font-size:.92rem}
.legal-nav,.legal-toc{list-style:none;display:flex;flex-direction:column;gap:6px;margin-bottom:14px}
.legal-toc{counter-reset:t}.legal-toc li{counter-increment:t}.legal-toc a::before{content:counter(t) ". ";color:var(--muted)}
.legal-side a{text-decoration:none;color:var(--body)}.legal-side a:hover,.legal-side a[aria-current="page"]{color:var(--teal-ink);font-weight:600}
.legal-body{gap:8px}
.legal-sec{display:flex;flex-direction:column;gap:12px;padding-block:18px;border-top:1px solid var(--line);scroll-margin-top:90px}
.legal-sec:first-child{border-top:0;padding-top:0}
.legal-sec h2{font-size:1.3rem;margin:0}
.legal-sec ul{padding-left:20px;display:flex;flex-direction:column;gap:8px}
.legal-sec .tbl{min-width:620px}
.legal-links a{white-space:nowrap}
@media (max-width:860px){.legal-grid{grid-template-columns:1fr;gap:24px}.legal-side{position:static}.legal-toc{display:none}}
/* small-screen fold */
@media (max-width:420px){
  .hero{padding-block:28px 48px}.hero-copy{gap:18px}.hero h1{font-size:2.05rem}.hero .lede{font-size:1.02rem}
  .phero h1,.sec.top h1{font-size:1.9rem}.phero .lede,.sec.top .lede{font-size:1rem}
  .about-photo,.founder-hero img{max-height:220px;width:auto;aspect-ratio:1/1}
  .founder-hero img{order:2}
}

/* markets */
.mkt-cards{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.mkt-cards a{display:flex;flex-direction:column;gap:12px;height:100%;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:28px;text-decoration:none;color:var(--body);box-shadow:var(--shadow);transition:transform .15s,border-color .15s}
.mkt-cards a:hover{transform:translateY(-3px);border-color:var(--teal);color:var(--body)}
.mkt-cards p{color:var(--muted)}
.mkt-cards .more{margin-top:auto}
.mkt-tag{align-self:flex-start;font-family:var(--display);font-weight:800;font-size:.85rem;letter-spacing:.06em;color:var(--teal-ink);background:var(--teal-soft);border-radius:8px;padding:4px 10px}
.mkt-proof{font-size:1.1rem;color:var(--on-navy)}
.portfolio.one{grid-template-columns:1fr}
@media (max-width:860px){.mkt-cards{grid-template-columns:1fr}}
.challenges.c4{grid-template-columns:repeat(2,1fr)}
@media (max-width:620px){.challenges.c4{grid-template-columns:1fr}}
@media (max-width:860px){.toc-k{display:none}}

/* self-check result */
.sc-result{gap:26px;scroll-margin-top:100px;padding:32px}
.sc-score{display:grid;grid-template-columns:1fr auto;gap:32px;align-items:center;padding-bottom:24px;border-bottom:1px solid var(--line)}
.sc-score h2{font-size:clamp(1.8rem,3.4vw,2.4rem);margin:6px 0 10px}
.sc-score .lede{font-size:1.06rem}
.sc-num{text-align:center;background:var(--teal-soft);border-radius:18px;padding:20px 26px;min-width:150px}
.sc-num b{display:block;font-family:var(--display);font-weight:800;font-size:3.4rem;line-height:1;color:var(--teal-ink);font-variant-numeric:tabular-nums;margin-bottom:6px}
.sc-num span{font-size:.86rem;color:var(--muted);font-weight:500}
.sc-dims{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 40px}
.sc-dim-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:.95rem;color:var(--ink)}
.sc-val{font-family:var(--display);font-weight:700;color:var(--teal-ink);font-variant-numeric:tabular-nums;white-space:nowrap}
.sc-track{height:8px;background:var(--line);border-radius:6px;margin-top:8px;overflow:hidden}
.sc-track i{display:block;height:100%;background:var(--teal);border-radius:6px}
.sc-h{margin-top:6px;font-size:1.2rem}
.sc-result .grid.g2{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.sc-result .grid.g2 .card{background:var(--bg2);box-shadow:none;border-color:transparent;gap:8px}
.sc-result .grid.g2 .tag{color:var(--teal-ink)}
.sc-next{margin-top:24px}
@media (max-width:640px){.sc-score{grid-template-columns:1fr}.sc-num{text-align:left;justify-self:start}.sc-dims,.sc-result .grid.g2{grid-template-columns:1fr}.sc-result{padding:22px}}

/* photo mosaic */
.mosaic{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:230px;gap:14px;grid-auto-flow:dense}
.mosaic figure{margin:0;position:relative;overflow:hidden;border-radius:14px;background:var(--bg2)}
.mosaic img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}
.mosaic figure:hover img{transform:scale(1.03)}

.mosaic figcaption{position:absolute;left:10px;bottom:10px;right:10px;font-size:.8rem;font-weight:600;color:#fff;background:rgba(6,22,52,.62);padding:5px 10px;border-radius:8px;width:fit-content;max-width:calc(100% - 20px)}
@media (max-width:860px){.mosaic{grid-template-columns:1fr 1fr;grid-auto-rows:190px}}
@media (max-width:480px){.mosaic{grid-auto-rows:150px;gap:10px}}
.mosaic .big{grid-column:span 2;grid-row:span 2}
.mosaic .big figcaption{font-size:.9rem}
.mosaic img{object-position:50% 35%}
.mosaic .top img{object-position:50% 0}
@media (max-width:600px){.mosaic figcaption{font-size:.7rem;left:6px;bottom:6px;padding:3px 7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 12px)}.mosaic .big figcaption{font-size:.8rem}}
.mosaic .low img{object-position:50% 72%}
.mosaic .wide{grid-column:span 2}
@media (max-width:860px){.mosaic .wide{grid-column:span 2}}

.in-short{background:var(--teal-soft);border-radius:var(--r);padding:22px 26px;display:flex;flex-direction:column;gap:10px}
.in-short ul{padding-left:20px;display:flex;flex-direction:column;gap:8px;color:var(--ink)}
.posts{grid-template-columns:repeat(3,1fr)}
@media (max-width:960px){.posts{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.posts{grid-template-columns:1fr}}
@media (min-width:961px){.posts.feat>a:nth-child(7n+1),.posts.feat>a:nth-child(7n+4){grid-column:span 2}.posts.feat>a:nth-child(7n+1) h2,.posts.feat>a:nth-child(7n+4) h2{font-size:1.45rem}}

/* resources */
.guides{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.guide-card{display:grid;grid-template-columns:150px 1fr;gap:22px;align-items:start;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:22px;text-decoration:none;color:var(--body);box-shadow:var(--shadow);transition:transform .15s,border-color .15s}
.guide-card:hover{transform:translateY(-3px);border-color:var(--teal);color:var(--body)}
.guide-card img{width:100%;height:auto;border-radius:6px;box-shadow:0 6px 16px rgba(10,33,79,.18)}
.guide-card p{color:var(--muted);font-size:.95rem}
@media (max-width:900px){.guides{grid-template-columns:1fr}}
@media (max-width:480px){.guide-card{grid-template-columns:90px 1fr;gap:14px;padding:16px}}
.dl-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:start}
.dl-side{display:grid;grid-template-columns:150px 1fr;gap:18px;align-items:start}
.dl-cover{width:100%;border-radius:6px;box-shadow:0 10px 24px rgba(10,33,79,.22)}
.dl-facts{list-style:none;display:flex;gap:28px;padding:6px 0}
.dl-facts b{display:block;font-family:var(--display);font-weight:800;font-size:1.8rem;color:var(--teal-ink);line-height:1}
.dl-facts span{font-size:.86rem;color:var(--muted)}
.dl-areas{list-style:none;display:flex;flex-direction:column;gap:12px}
.dl-areas li{display:flex;gap:14px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 16px}
.dl-areas .num{flex:none;width:32px;height:32px;border-radius:9px;background:var(--navy);color:#fff;font-family:var(--display);font-weight:700;display:flex;align-items:center;justify-content:center}
.dl-areas b{display:block;color:var(--ink);font-family:var(--display)}
.dl-areas span{font-size:.86rem;color:var(--muted)}
@media (max-width:960px){.dl-hero{grid-template-columns:1fr;gap:32px}}
@media (max-width:560px){.dl-side{grid-template-columns:1fr}.dl-cover{max-width:160px}}
.form-note{font-size:.85rem;color:var(--muted);margin:2px 0 0}
.cookie p a{color:var(--teal-ink,#007F80);text-decoration:underline;font-weight:600}

.dl-jump{display:none}@media (max-width:1439px){.dl-jump{display:flex}}
#download{scroll-margin-top:90px}
@media (max-width:400px){.dl-hero .muted.small{display:none}.dl-facts{margin-bottom:4px}}
.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}