/* L10 Pop — chunky grotesk, page colour shifts per section, sticker badge, magnetic CTA */
.l10{--br:999px;--ir:24px;--fr:14px}
.l10 body{font-size:18px;transition:background-color .3s}
html:not(.gs) .l10-s{background:var(--sb);color:var(--si);--mute:var(--sm);--acct:var(--sa);--line:var(--sl);--ink:var(--si)}
.l10-top{position:sticky;top:0;z-index:60;background:var(--bg);border-bottom:2px solid var(--ink)}
.l10-top .wrap{display:flex;align-items:center;gap:14px;min-height:66px}
.l10-logo{font:800 22px/1 var(--hf);letter-spacing:-.03em;text-decoration:none;min-height:44px;display:inline-flex;align-items:center}
.l10-logo sup{font-size:12px;margin-left:2px}
.l10-av{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;border:2px solid var(--ink);border-radius:999px;padding:5px 12px;margin-right:auto}
.l10-av i{width:8px;height:8px;border-radius:50%;background:#16a34a;animation:l10p 1.6s ease-in-out infinite}
@keyframes l10p{50%{box-shadow:0 0 0 6px rgba(22,163,74,.2)}}
.l10-nav{display:flex}
.l10-nav a{text-decoration:none;font-weight:600;padding:10px 12px;min-height:44px;display:inline-flex;align-items:center}
.l10-nav a:hover{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:6px}
.l10-cta{border:2px solid var(--ink)}
@media (max-width:980px){.l10-av{display:none}.l10-logo{margin-right:auto}}
@media (max-width:860px){.l10-nav,.l10-cta{display:none}}
.l10-s{padding:clamp(72px,10vw,140px) 0}
.l10-k{font-weight:600;margin:0 0 20px}
.l10-hero h1{font-size:clamp(50px,9.6vw,150px);line-height:.92;letter-spacing:-.05em;font-weight:800;max-width:12ch}
.l10-hr{display:flex;align-items:center;gap:28px;margin-top:40px;flex-wrap:wrap}
.l10-pill{width:220px;height:110px;border-radius:999px;overflow:hidden;border:3px solid var(--ink);flex:none}
.l10-pill img{width:100%;height:100%;object-fit:cover}
.l10-hr p{max-width:34ch;margin:0;font-size:19px;flex:1;min-width:240px}
.l10-stk{position:relative;width:140px;height:140px;display:grid;place-items:center;text-decoration:none;background:var(--acc);color:var(--on);border-radius:50%;flex:none}
.l10-stk svg{position:absolute;inset:0}
.l10-stk text{font:800 12.5px var(--bf);letter-spacing:.14em;fill:currentColor}
.l10-stk b{font-size:34px}
@media (max-width:640px){.l10-stk{display:none}.l10-pill{width:160px;height:84px}}
.l10-h2{font-size:clamp(40px,6.4vw,96px);letter-spacing:-.05em;line-height:.95;font-weight:800;margin-bottom:48px;max-width:16ch}
.l10-h3{font-size:24px;font-weight:800;margin:0 0 14px}
.l10-ag{display:grid;grid-template-columns:1.3fr 1fr;gap:clamp(24px,5vw,72px)}
.l10-lead{font:700 clamp(24px,2.8vw,38px)/1.2 var(--hf);letter-spacing:-.03em;margin:0}
.l10-facts{list-style:none;margin:24px 0 28px;padding:0;display:grid;gap:10px}
.l10-facts li{display:flex;justify-content:space-between;gap:12px;border:2px solid var(--ink);border-radius:16px;padding:12px 16px}
.l10-facts b{font-weight:800}
@media (max-width:860px){.l10-ag{grid-template-columns:minmax(0,1fr)}}
.l10 .btn.ghost{box-shadow:inset 0 0 0 2px var(--ink)}
.l10-svc ul{list-style:none;margin:0;padding:0;border-top:2px solid var(--ink)}
.l10-svc li{position:relative;display:grid;grid-template-columns:1fr 1fr 40px;gap:20px;align-items:center;padding:28px 0;border-bottom:2px solid var(--ink);transition:padding .35s cubic-bezier(.2,.8,.2,1)}
.l10-svc li:hover{padding-left:16px}
.l10-svc h3{font-size:clamp(26px,3.4vw,46px);letter-spacing:-.04em;font-weight:800}
.l10-svc p{margin:0;color:var(--mute)}
.l10-svc i{font-style:normal;font-size:28px}
@media (max-width:760px){.l10-svc li{grid-template-columns:minmax(0,1fr)}.l10-svc i{display:none}}
.l10-cards{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.l10-card{text-decoration:none;display:block}
.l10-card .im{position:relative;border-radius:24px;overflow:hidden;aspect-ratio:4/3;border:3px solid var(--ink);margin-bottom:16px}
.l10-card img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.l10-card:hover img{transform:scale(1.06) rotate(-1deg)}
.l10-card em{position:absolute;left:14px;top:14px;font-style:normal;font-weight:700;font-size:13px;background:var(--acc);color:var(--on);border-radius:999px;padding:6px 12px}
.l10-card h3{font-size:clamp(26px,3vw,38px);letter-spacing:-.04em;font-weight:800}
.l10-card p{margin:6px 0 0;color:var(--mute)}
@media (max-width:760px){.l10-cards{grid-template-columns:minmax(0,1fr)}}
.l10-x{padding:0}
.l10-x h2{font-weight:800;letter-spacing:-.04em}
.l10-eg{display:grid;grid-template-columns:1.4fr 1fr;gap:clamp(24px,5vw,72px)}
.l10-eg .chips li{border:2px solid var(--ink);font-weight:600}
@media (max-width:860px){.l10-eg{grid-template-columns:minmax(0,1fr)}}
.l10-q blockquote{font-family:var(--hf);font-weight:700;letter-spacing:-.02em}
.l10-big{font-size:clamp(56px,12vw,190px);line-height:.88;letter-spacing:-.06em;font-weight:800;margin-bottom:56px}
.l10-cg{display:grid;grid-template-columns:1fr 1.3fr;gap:clamp(24px,5vw,72px)}
.l10 .f-field input,.l10 .f-field select,.l10 .f-field textarea{border:2px solid var(--ink);background:transparent}
.l10 .f-field select option{color:#111;background:#fff}
@media (max-width:860px){.l10-cg{grid-template-columns:minmax(0,1fr)}}
.l10 .foot{border-top:2px solid var(--ink)}