:root{--primary:#6C63FF;--secondary:#A78BFA;--ink:#22232B;--muted:#6F7280;--dark:#171821;--bg:#F7F7FA;--soft:#ECECF3;--accent:#F59E5B;--white:#fff;--line:rgba(34,35,43,.11);--shadow:0 18px 60px rgba(23,24,33,.10);--radius:22px;--shell:min(1180px,calc(100% - 40px))}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,-apple-system,sans-serif;color:var(--ink);background:var(--bg);line-height:1.72}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.shell{width:var(--shell);margin-inline:auto}.skip-link{position:fixed;left:16px;top:-80px;z-index:99;background:#fff;padding:10px 14px;border-radius:10px;box-shadow:var(--shadow)}.skip-link:focus{top:16px}.site-header{position:sticky;top:0;z-index:20;background:rgba(23,24,33,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08)}.header-shell{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;color:#fff}.brand img{width:42px;height:42px;border-radius:12px;object-fit:cover;background:#2a2c38}.brand span{display:flex;flex-direction:column;line-height:1.25}.brand strong{font-size:18px}.brand small{color:#b9bac6;font-size:12px;margin-top:4px}.site-nav{display:flex;gap:8px}.site-nav a{padding:10px 14px;border-radius:11px;color:#d7d8e1;font-size:14px}.site-nav a:hover,.site-nav a.is-active{background:rgba(108,99,255,.2);color:#fff}.menu-toggle{display:none;background:#292b37;color:#fff;border:1px solid rgba(255,255,255,.12);padding:9px 12px;border-radius:10px}.hero{background:radial-gradient(circle at 85% 0%,rgba(108,99,255,.2),transparent 34%),linear-gradient(180deg,#171821 0%,#20212c 100%);color:#fff;padding:72px 0 64px}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:56px}.kicker{display:inline-block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--primary);font-weight:800}.hero .kicker,.section--dark .kicker{color:#c5baff}.hero h1,.page-intro h1{font-size:clamp(38px,6vw,68px);line-height:1.08;margin:14px 0 20px;letter-spacing:-.035em}.hero p{font-size:18px;color:#d5d6df;max-width:680px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border-radius:14px;font-weight:750;border:1px solid transparent}.button--primary{background:var(--primary);color:#fff;box-shadow:0 12px 28px rgba(108,99,255,.28)}.button--secondary{background:var(--dark);color:#fff}.button--ghost{border-color:rgba(255,255,255,.22);color:inherit;background:rgba(255,255,255,.04)}.page-intro .button--ghost{border-color:var(--line)}.hero-points{display:flex;flex-wrap:wrap;gap:18px;list-style:none;padding:0;margin:26px 0 0;color:#bfc1cb;font-size:14px}.hero-points li::before{content:"•";color:var(--accent);margin-right:8px}.hero-media{position:relative}.hero-media img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:30px;box-shadow:0 35px 80px rgba(0,0,0,.32);border:1px solid rgba(255,255,255,.08)}.hero-badge{position:absolute;right:18px;bottom:18px;background:rgba(23,24,33,.9);padding:9px 13px;border-radius:12px;font-size:13px;color:#fff}.section{padding:78px 0}.section--soft{background:var(--soft)}.section--dark{background:var(--dark);color:#fff}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:30px}.section-heading h2,.split-feature h2,.info-panel h2,.facts-grid h2,.compact-callout h2,.step-grid h2{font-size:clamp(26px,3.6vw,42px);line-height:1.14;letter-spacing:-.025em;margin:8px 0}.section-heading p{margin:8px 0 0;color:var(--muted)}.section-heading>a,.text-link{color:var(--primary);font-weight:750}.section-heading--light p{color:#c9cad2}.media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.media-grid--four{grid-template-columns:repeat(4,1fr)}.media-grid--three{grid-template-columns:repeat(3,1fr)}.media-card{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 8px 22px rgba(23,24,33,.045);transition:transform .22s ease,box-shadow .22s ease}.media-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.section--dark .media-card{background:#20222d;border-color:rgba(255,255,255,.08)}.media-card__image{display:block;overflow:hidden;background:#ddd}.media-card__image img{width:100%;aspect-ratio:16/10;object-fit:cover;transition:transform .28s ease}.media-card:hover img{transform:scale(1.025)}.media-card__body{padding:18px}.media-card__eyebrow{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:12px}.media-card__eyebrow span{color:var(--primary);font-weight:800}.section--dark .media-card__eyebrow small,.section--dark .media-card p{color:#b9bbc6}.media-card h3{font-size:19px;line-height:1.28;margin:10px 0 8px}.media-card p{margin:0;color:var(--muted);font-size:14px}.split-feature{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center;margin-bottom:34px}.split-feature--reverse>img{order:0}.split-feature--reverse>div{order:1}.split-feature img{border-radius:24px;aspect-ratio:16/10;object-fit:cover}.split-feature p,.info-panel p{color:var(--muted)}.section--dark .split-feature p{color:#c5c6cf}.two-column{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:32px;align-items:start}.info-panel{background:linear-gradient(180deg,#fff,#f1f0ff);border:1px solid rgba(108,99,255,.18);border-radius:22px;padding:18px;position:sticky;top:100px}.info-panel img{border-radius:16px;aspect-ratio:4/3;object-fit:cover}.info-panel h2{font-size:28px;margin-top:22px}.site-footer{background:#101116;color:#d4d5dc;padding:46px 0 22px}.footer-grid{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:start}.footer-grid strong{font-size:20px;color:#fff}.footer-grid p{max-width:520px;color:#a9abb6}.footer-grid nav{display:flex;gap:18px;flex-wrap:wrap}.footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding-top:20px;margin-top:30px;display:flex;justify-content:space-between;color:#8f919d;font-size:13px}.inner-main{min-height:70vh}.breadcrumbs{padding-top:24px}.breadcrumbs ol{display:flex;gap:10px;list-style:none;padding:0;margin:0;color:var(--muted);font-size:13px}.breadcrumbs li+li::before{content:"/";margin-right:10px;color:#a8aab4}.page-intro{padding:60px 0 36px}.page-intro p{max-width:760px;color:var(--muted);font-size:17px}.page-intro--with-media{display:grid;grid-template-columns:1.15fr .85fr;gap:44px;align-items:center}.page-intro--with-media img{border-radius:24px;aspect-ratio:4/3;object-fit:cover}.facts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;padding-top:24px}.facts-grid article,.step-grid article{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px}.facts-grid span,.step-grid span{font-size:12px;color:var(--primary);font-weight:900;letter-spacing:.14em}.facts-grid p{margin:12px 0 0}.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.step-grid h2{font-size:24px}.step-grid p{color:var(--muted)}.compact-callout{display:grid;grid-template-columns:340px 1fr;gap:28px;align-items:center}.compact-callout img{border-radius:20px;aspect-ratio:16/10;object-fit:cover}.not-found{text-align:center;padding:110px 0}.not-found>span{display:inline-block;font-size:72px;font-weight:900;color:var(--primary);line-height:1}.not-found h1{font-size:40px;margin:18px 0 8px}.not-found p{max-width:620px;margin:0 auto;color:var(--muted)}.not-found .hero-actions{justify-content:center;color:var(--ink)}
@media(max-width:980px){.hero-grid,.split-feature,.page-intro--with-media{grid-template-columns:1fr;gap:34px}.hero-media{max-width:760px}.media-grid,.media-grid--four{grid-template-columns:repeat(2,1fr)}.two-column{grid-template-columns:1fr}.info-panel{position:static;display:grid;grid-template-columns:220px 1fr;column-gap:24px}.info-panel img{grid-row:1/5}.step-grid{grid-template-columns:1fr}.compact-callout{grid-template-columns:280px 1fr}}
@media(max-width:720px){:root{--shell:min(100% - 28px,1180px)}.header-shell{min-height:66px}.menu-toggle{display:block}.site-nav{position:absolute;left:14px;right:14px;top:70px;display:none;flex-direction:column;background:#20212b;padding:10px;border-radius:14px;box-shadow:var(--shadow)}.site-nav.is-open{display:flex}.hero{padding:50px 0 42px}.hero h1,.page-intro h1{font-size:40px}.section{padding:58px 0}.section-heading{align-items:flex-start;flex-direction:column}.media-grid,.media-grid--four,.media-grid--three{grid-template-columns:1fr}.facts-grid{grid-template-columns:1fr}.info-panel{display:block}.info-panel img{margin-bottom:18px}.compact-callout{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:8px}.hero-points{display:grid;gap:8px}.page-intro{padding-top:42px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* layout utility 1: reusable spacing/content rhythm */
.u-stack-1 > * + *{margin-top:10px}
.u-pad-1{padding:10px}
.u-gap-1{gap:7px}
@media(max-width:720px){.u-pad-1{padding:8px}}

/* layout utility 2: reusable spacing/content rhythm */
.u-stack-2 > * + *{margin-top:12px}
.u-pad-2{padding:12px}
.u-gap-2{gap:8px}
@media(max-width:720px){.u-pad-2{padding:10px}}

/* layout utility 3: reusable spacing/content rhythm */
.u-stack-3 > * + *{margin-top:14px}
.u-pad-3{padding:14px}
.u-gap-3{gap:9px}
@media(max-width:720px){.u-pad-3{padding:12px}}

/* layout utility 4: reusable spacing/content rhythm */
.u-stack-4 > * + *{margin-top:16px}
.u-pad-4{padding:16px}
.u-gap-4{gap:10px}
@media(max-width:720px){.u-pad-4{padding:14px}}

/* layout utility 5: reusable spacing/content rhythm */
.u-stack-5 > * + *{margin-top:18px}
.u-pad-5{padding:18px}
.u-gap-5{gap:11px}
@media(max-width:720px){.u-pad-5{padding:16px}}

/* layout utility 6: reusable spacing/content rhythm */
.u-stack-6 > * + *{margin-top:20px}
.u-pad-6{padding:20px}
.u-gap-6{gap:12px}
@media(max-width:720px){.u-pad-6{padding:18px}}

/* layout utility 7: reusable spacing/content rhythm */
.u-stack-7 > * + *{margin-top:22px}
.u-pad-7{padding:22px}
.u-gap-7{gap:13px}
@media(max-width:720px){.u-pad-7{padding:6px}}

/* layout utility 8: reusable spacing/content rhythm */
.u-stack-8 > * + *{margin-top:8px}
.u-pad-8{padding:24px}
.u-gap-8{gap:14px}
@media(max-width:720px){.u-pad-8{padding:8px}}

/* layout utility 9: reusable spacing/content rhythm */
.u-stack-9 > * + *{margin-top:10px}
.u-pad-9{padding:26px}
.u-gap-9{gap:15px}
@media(max-width:720px){.u-pad-9{padding:10px}}

/* layout utility 10: reusable spacing/content rhythm */
.u-stack-10 > * + *{margin-top:12px}
.u-pad-10{padding:8px}
.u-gap-10{gap:16px}
@media(max-width:720px){.u-pad-10{padding:12px}}

/* layout utility 11: reusable spacing/content rhythm */
.u-stack-11 > * + *{margin-top:14px}
.u-pad-11{padding:10px}
.u-gap-11{gap:17px}
@media(max-width:720px){.u-pad-11{padding:14px}}

/* layout utility 12: reusable spacing/content rhythm */
.u-stack-12 > * + *{margin-top:16px}
.u-pad-12{padding:12px}
.u-gap-12{gap:6px}
@media(max-width:720px){.u-pad-12{padding:16px}}

/* layout utility 13: reusable spacing/content rhythm */
.u-stack-13 > * + *{margin-top:18px}
.u-pad-13{padding:14px}
.u-gap-13{gap:7px}
@media(max-width:720px){.u-pad-13{padding:18px}}

/* layout utility 14: reusable spacing/content rhythm */
.u-stack-14 > * + *{margin-top:20px}
.u-pad-14{padding:16px}
.u-gap-14{gap:8px}
@media(max-width:720px){.u-pad-14{padding:6px}}

/* layout utility 15: reusable spacing/content rhythm */
.u-stack-15 > * + *{margin-top:22px}
.u-pad-15{padding:18px}
.u-gap-15{gap:9px}
@media(max-width:720px){.u-pad-15{padding:8px}}

/* layout utility 16: reusable spacing/content rhythm */
.u-stack-16 > * + *{margin-top:8px}
.u-pad-16{padding:20px}
.u-gap-16{gap:10px}
@media(max-width:720px){.u-pad-16{padding:10px}}

/* layout utility 17: reusable spacing/content rhythm */
.u-stack-17 > * + *{margin-top:10px}
.u-pad-17{padding:22px}
.u-gap-17{gap:11px}
@media(max-width:720px){.u-pad-17{padding:12px}}

/* layout utility 18: reusable spacing/content rhythm */
.u-stack-18 > * + *{margin-top:12px}
.u-pad-18{padding:24px}
.u-gap-18{gap:12px}
@media(max-width:720px){.u-pad-18{padding:14px}}

/* layout utility 19: reusable spacing/content rhythm */
.u-stack-19 > * + *{margin-top:14px}
.u-pad-19{padding:26px}
.u-gap-19{gap:13px}
@media(max-width:720px){.u-pad-19{padding:16px}}

/* layout utility 20: reusable spacing/content rhythm */
.u-stack-20 > * + *{margin-top:16px}
.u-pad-20{padding:8px}
.u-gap-20{gap:14px}
@media(max-width:720px){.u-pad-20{padding:18px}}

/* layout utility 21: reusable spacing/content rhythm */
.u-stack-21 > * + *{margin-top:18px}
.u-pad-21{padding:10px}
.u-gap-21{gap:15px}
@media(max-width:720px){.u-pad-21{padding:6px}}

/* layout utility 22: reusable spacing/content rhythm */
.u-stack-22 > * + *{margin-top:20px}
.u-pad-22{padding:12px}
.u-gap-22{gap:16px}
@media(max-width:720px){.u-pad-22{padding:8px}}

/* layout utility 23: reusable spacing/content rhythm */
.u-stack-23 > * + *{margin-top:22px}
.u-pad-23{padding:14px}
.u-gap-23{gap:17px}
@media(max-width:720px){.u-pad-23{padding:10px}}

/* layout utility 24: reusable spacing/content rhythm */
.u-stack-24 > * + *{margin-top:8px}
.u-pad-24{padding:16px}
.u-gap-24{gap:6px}
@media(max-width:720px){.u-pad-24{padding:12px}}

/* layout utility 25: reusable spacing/content rhythm */
.u-stack-25 > * + *{margin-top:10px}
.u-pad-25{padding:18px}
.u-gap-25{gap:7px}
@media(max-width:720px){.u-pad-25{padding:14px}}

/* layout utility 26: reusable spacing/content rhythm */
.u-stack-26 > * + *{margin-top:12px}
.u-pad-26{padding:20px}
.u-gap-26{gap:8px}
@media(max-width:720px){.u-pad-26{padding:16px}}

/* layout utility 27: reusable spacing/content rhythm */
.u-stack-27 > * + *{margin-top:14px}
.u-pad-27{padding:22px}
.u-gap-27{gap:9px}
@media(max-width:720px){.u-pad-27{padding:18px}}

/* layout utility 28: reusable spacing/content rhythm */
.u-stack-28 > * + *{margin-top:16px}
.u-pad-28{padding:24px}
.u-gap-28{gap:10px}
@media(max-width:720px){.u-pad-28{padding:6px}}

/* layout utility 29: reusable spacing/content rhythm */
.u-stack-29 > * + *{margin-top:18px}
.u-pad-29{padding:26px}
.u-gap-29{gap:11px}
@media(max-width:720px){.u-pad-29{padding:8px}}

/* layout utility 30: reusable spacing/content rhythm */
.u-stack-30 > * + *{margin-top:20px}
.u-pad-30{padding:8px}
.u-gap-30{gap:12px}
@media(max-width:720px){.u-pad-30{padding:10px}}

/* layout utility 31: reusable spacing/content rhythm */
.u-stack-31 > * + *{margin-top:22px}
.u-pad-31{padding:10px}
.u-gap-31{gap:13px}
@media(max-width:720px){.u-pad-31{padding:12px}}

/* layout utility 32: reusable spacing/content rhythm */
.u-stack-32 > * + *{margin-top:8px}
.u-pad-32{padding:12px}
.u-gap-32{gap:14px}
@media(max-width:720px){.u-pad-32{padding:14px}}

/* layout utility 33: reusable spacing/content rhythm */
.u-stack-33 > * + *{margin-top:10px}
.u-pad-33{padding:14px}
.u-gap-33{gap:15px}
@media(max-width:720px){.u-pad-33{padding:16px}}

/* layout utility 34: reusable spacing/content rhythm */
.u-stack-34 > * + *{margin-top:12px}
.u-pad-34{padding:16px}
.u-gap-34{gap:16px}
@media(max-width:720px){.u-pad-34{padding:18px}}

/* layout utility 35: reusable spacing/content rhythm */
.u-stack-35 > * + *{margin-top:14px}
.u-pad-35{padding:18px}
.u-gap-35{gap:17px}
@media(max-width:720px){.u-pad-35{padding:6px}}

/* layout utility 36: reusable spacing/content rhythm */
.u-stack-36 > * + *{margin-top:16px}
.u-pad-36{padding:20px}
.u-gap-36{gap:6px}
@media(max-width:720px){.u-pad-36{padding:8px}}

/* layout utility 37: reusable spacing/content rhythm */
.u-stack-37 > * + *{margin-top:18px}
.u-pad-37{padding:22px}
.u-gap-37{gap:7px}
@media(max-width:720px){.u-pad-37{padding:10px}}

/* layout utility 38: reusable spacing/content rhythm */
.u-stack-38 > * + *{margin-top:20px}
.u-pad-38{padding:24px}
.u-gap-38{gap:8px}
@media(max-width:720px){.u-pad-38{padding:12px}}

/* layout utility 39: reusable spacing/content rhythm */
.u-stack-39 > * + *{margin-top:22px}
.u-pad-39{padding:26px}
.u-gap-39{gap:9px}
@media(max-width:720px){.u-pad-39{padding:14px}}

/* layout utility 40: reusable spacing/content rhythm */
.u-stack-40 > * + *{margin-top:8px}
.u-pad-40{padding:8px}
.u-gap-40{gap:10px}
@media(max-width:720px){.u-pad-40{padding:16px}}

/* layout utility 41: reusable spacing/content rhythm */
.u-stack-41 > * + *{margin-top:10px}
.u-pad-41{padding:10px}
.u-gap-41{gap:11px}
@media(max-width:720px){.u-pad-41{padding:18px}}

/* layout utility 42: reusable spacing/content rhythm */
.u-stack-42 > * + *{margin-top:12px}
.u-pad-42{padding:12px}
.u-gap-42{gap:12px}
@media(max-width:720px){.u-pad-42{padding:6px}}

/* layout utility 43: reusable spacing/content rhythm */
.u-stack-43 > * + *{margin-top:14px}
.u-pad-43{padding:14px}
.u-gap-43{gap:13px}
@media(max-width:720px){.u-pad-43{padding:8px}}

/* layout utility 44: reusable spacing/content rhythm */
.u-stack-44 > * + *{margin-top:16px}
.u-pad-44{padding:16px}
.u-gap-44{gap:14px}
@media(max-width:720px){.u-pad-44{padding:10px}}

/* layout utility 45: reusable spacing/content rhythm */
.u-stack-45 > * + *{margin-top:18px}
.u-pad-45{padding:18px}
.u-gap-45{gap:15px}
@media(max-width:720px){.u-pad-45{padding:12px}}

/* layout utility 46: reusable spacing/content rhythm */
.u-stack-46 > * + *{margin-top:20px}
.u-pad-46{padding:20px}
.u-gap-46{gap:16px}
@media(max-width:720px){.u-pad-46{padding:14px}}

/* layout utility 47: reusable spacing/content rhythm */
.u-stack-47 > * + *{margin-top:22px}
.u-pad-47{padding:22px}
.u-gap-47{gap:17px}
@media(max-width:720px){.u-pad-47{padding:16px}}

/* layout utility 48: reusable spacing/content rhythm */
.u-stack-48 > * + *{margin-top:8px}
.u-pad-48{padding:24px}
.u-gap-48{gap:6px}
@media(max-width:720px){.u-pad-48{padding:18px}}

/* layout utility 49: reusable spacing/content rhythm */
.u-stack-49 > * + *{margin-top:10px}
.u-pad-49{padding:26px}
.u-gap-49{gap:7px}
@media(max-width:720px){.u-pad-49{padding:6px}}

/* layout utility 50: reusable spacing/content rhythm */
.u-stack-50 > * + *{margin-top:12px}
.u-pad-50{padding:8px}
.u-gap-50{gap:8px}
@media(max-width:720px){.u-pad-50{padding:8px}}

/* layout utility 51: reusable spacing/content rhythm */
.u-stack-51 > * + *{margin-top:14px}
.u-pad-51{padding:10px}
.u-gap-51{gap:9px}
@media(max-width:720px){.u-pad-51{padding:10px}}

/* layout utility 52: reusable spacing/content rhythm */
.u-stack-52 > * + *{margin-top:16px}
.u-pad-52{padding:12px}
.u-gap-52{gap:10px}
@media(max-width:720px){.u-pad-52{padding:12px}}

/* layout utility 53: reusable spacing/content rhythm */
.u-stack-53 > * + *{margin-top:18px}
.u-pad-53{padding:14px}
.u-gap-53{gap:11px}
@media(max-width:720px){.u-pad-53{padding:14px}}

/* layout utility 54: reusable spacing/content rhythm */
.u-stack-54 > * + *{margin-top:20px}
.u-pad-54{padding:16px}
.u-gap-54{gap:12px}
@media(max-width:720px){.u-pad-54{padding:16px}}

/* layout utility 55: reusable spacing/content rhythm */
.u-stack-55 > * + *{margin-top:22px}
.u-pad-55{padding:18px}
.u-gap-55{gap:13px}
@media(max-width:720px){.u-pad-55{padding:18px}}

/* layout utility 56: reusable spacing/content rhythm */
.u-stack-56 > * + *{margin-top:8px}
.u-pad-56{padding:20px}
.u-gap-56{gap:14px}
@media(max-width:720px){.u-pad-56{padding:6px}}

/* layout utility 57: reusable spacing/content rhythm */
.u-stack-57 > * + *{margin-top:10px}
.u-pad-57{padding:22px}
.u-gap-57{gap:15px}
@media(max-width:720px){.u-pad-57{padding:8px}}

/* layout utility 58: reusable spacing/content rhythm */
.u-stack-58 > * + *{margin-top:12px}
.u-pad-58{padding:24px}
.u-gap-58{gap:16px}
@media(max-width:720px){.u-pad-58{padding:10px}}

/* layout utility 59: reusable spacing/content rhythm */
.u-stack-59 > * + *{margin-top:14px}
.u-pad-59{padding:26px}
.u-gap-59{gap:17px}
@media(max-width:720px){.u-pad-59{padding:12px}}

/* layout utility 60: reusable spacing/content rhythm */
.u-stack-60 > * + *{margin-top:16px}
.u-pad-60{padding:8px}
.u-gap-60{gap:6px}
@media(max-width:720px){.u-pad-60{padding:14px}}

/* layout utility 61: reusable spacing/content rhythm */
.u-stack-61 > * + *{margin-top:18px}
.u-pad-61{padding:10px}
.u-gap-61{gap:7px}
@media(max-width:720px){.u-pad-61{padding:16px}}

/* layout utility 62: reusable spacing/content rhythm */
.u-stack-62 > * + *{margin-top:20px}
.u-pad-62{padding:12px}
.u-gap-62{gap:8px}
@media(max-width:720px){.u-pad-62{padding:18px}}

/* layout utility 63: reusable spacing/content rhythm */
.u-stack-63 > * + *{margin-top:22px}
.u-pad-63{padding:14px}
.u-gap-63{gap:9px}
@media(max-width:720px){.u-pad-63{padding:6px}}

/* layout utility 64: reusable spacing/content rhythm */
.u-stack-64 > * + *{margin-top:8px}
.u-pad-64{padding:16px}
.u-gap-64{gap:10px}
@media(max-width:720px){.u-pad-64{padding:8px}}

/* layout utility 65: reusable spacing/content rhythm */
.u-stack-65 > * + *{margin-top:10px}
.u-pad-65{padding:18px}
.u-gap-65{gap:11px}
@media(max-width:720px){.u-pad-65{padding:10px}}

/* layout utility 66: reusable spacing/content rhythm */
.u-stack-66 > * + *{margin-top:12px}
.u-pad-66{padding:20px}
.u-gap-66{gap:12px}
@media(max-width:720px){.u-pad-66{padding:12px}}

/* layout utility 67: reusable spacing/content rhythm */
.u-stack-67 > * + *{margin-top:14px}
.u-pad-67{padding:22px}
.u-gap-67{gap:13px}
@media(max-width:720px){.u-pad-67{padding:14px}}

/* layout utility 68: reusable spacing/content rhythm */
.u-stack-68 > * + *{margin-top:16px}
.u-pad-68{padding:24px}
.u-gap-68{gap:14px}
@media(max-width:720px){.u-pad-68{padding:16px}}

/* layout utility 69: reusable spacing/content rhythm */
.u-stack-69 > * + *{margin-top:18px}
.u-pad-69{padding:26px}
.u-gap-69{gap:15px}
@media(max-width:720px){.u-pad-69{padding:18px}}

/* layout utility 70: reusable spacing/content rhythm */
.u-stack-70 > * + *{margin-top:20px}
.u-pad-70{padding:8px}
.u-gap-70{gap:16px}
@media(max-width:720px){.u-pad-70{padding:6px}}

/* layout utility 71: reusable spacing/content rhythm */
.u-stack-71 > * + *{margin-top:22px}
.u-pad-71{padding:10px}
.u-gap-71{gap:17px}
@media(max-width:720px){.u-pad-71{padding:8px}}

/* layout utility 72: reusable spacing/content rhythm */
.u-stack-72 > * + *{margin-top:8px}
.u-pad-72{padding:12px}
.u-gap-72{gap:6px}
@media(max-width:720px){.u-pad-72{padding:10px}}

/* layout utility 73: reusable spacing/content rhythm */
.u-stack-73 > * + *{margin-top:10px}
.u-pad-73{padding:14px}
.u-gap-73{gap:7px}
@media(max-width:720px){.u-pad-73{padding:12px}}

/* layout utility 74: reusable spacing/content rhythm */
.u-stack-74 > * + *{margin-top:12px}
.u-pad-74{padding:16px}
.u-gap-74{gap:8px}
@media(max-width:720px){.u-pad-74{padding:14px}}

/* layout utility 75: reusable spacing/content rhythm */
.u-stack-75 > * + *{margin-top:14px}
.u-pad-75{padding:18px}
.u-gap-75{gap:9px}
@media(max-width:720px){.u-pad-75{padding:16px}}

/* layout utility 76: reusable spacing/content rhythm */
.u-stack-76 > * + *{margin-top:16px}
.u-pad-76{padding:20px}
.u-gap-76{gap:10px}
@media(max-width:720px){.u-pad-76{padding:18px}}

/* layout utility 77: reusable spacing/content rhythm */
.u-stack-77 > * + *{margin-top:18px}
.u-pad-77{padding:22px}
.u-gap-77{gap:11px}
@media(max-width:720px){.u-pad-77{padding:6px}}

/* layout utility 78: reusable spacing/content rhythm */
.u-stack-78 > * + *{margin-top:20px}
.u-pad-78{padding:24px}
.u-gap-78{gap:12px}
@media(max-width:720px){.u-pad-78{padding:8px}}

/* layout utility 79: reusable spacing/content rhythm */
.u-stack-79 > * + *{margin-top:22px}
.u-pad-79{padding:26px}
.u-gap-79{gap:13px}
@media(max-width:720px){.u-pad-79{padding:10px}}

/* layout utility 80: reusable spacing/content rhythm */
.u-stack-80 > * + *{margin-top:8px}
.u-pad-80{padding:8px}
.u-gap-80{gap:14px}
@media(max-width:720px){.u-pad-80{padding:12px}}

/* layout utility 81: reusable spacing/content rhythm */
.u-stack-81 > * + *{margin-top:10px}
.u-pad-81{padding:10px}
.u-gap-81{gap:15px}
@media(max-width:720px){.u-pad-81{padding:14px}}

/* layout utility 82: reusable spacing/content rhythm */
.u-stack-82 > * + *{margin-top:12px}
.u-pad-82{padding:12px}
.u-gap-82{gap:16px}
@media(max-width:720px){.u-pad-82{padding:16px}}

/* layout utility 83: reusable spacing/content rhythm */
.u-stack-83 > * + *{margin-top:14px}
.u-pad-83{padding:14px}
.u-gap-83{gap:17px}
@media(max-width:720px){.u-pad-83{padding:18px}}

/* layout utility 84: reusable spacing/content rhythm */
.u-stack-84 > * + *{margin-top:16px}
.u-pad-84{padding:16px}
.u-gap-84{gap:6px}
@media(max-width:720px){.u-pad-84{padding:6px}}

/* layout utility 85: reusable spacing/content rhythm */
.u-stack-85 > * + *{margin-top:18px}
.u-pad-85{padding:18px}
.u-gap-85{gap:7px}
@media(max-width:720px){.u-pad-85{padding:8px}}

/* layout utility 86: reusable spacing/content rhythm */
.u-stack-86 > * + *{margin-top:20px}
.u-pad-86{padding:20px}
.u-gap-86{gap:8px}
@media(max-width:720px){.u-pad-86{padding:10px}}

/* layout utility 87: reusable spacing/content rhythm */
.u-stack-87 > * + *{margin-top:22px}
.u-pad-87{padding:22px}
.u-gap-87{gap:9px}
@media(max-width:720px){.u-pad-87{padding:12px}}

/* layout utility 88: reusable spacing/content rhythm */
.u-stack-88 > * + *{margin-top:8px}
.u-pad-88{padding:24px}
.u-gap-88{gap:10px}
@media(max-width:720px){.u-pad-88{padding:14px}}

/* layout utility 89: reusable spacing/content rhythm */
.u-stack-89 > * + *{margin-top:10px}
.u-pad-89{padding:26px}
.u-gap-89{gap:11px}
@media(max-width:720px){.u-pad-89{padding:16px}}

/* layout utility 90: reusable spacing/content rhythm */
.u-stack-90 > * + *{margin-top:12px}
.u-pad-90{padding:8px}
.u-gap-90{gap:12px}
@media(max-width:720px){.u-pad-90{padding:18px}}

/* layout utility 91: reusable spacing/content rhythm */
.u-stack-91 > * + *{margin-top:14px}
.u-pad-91{padding:10px}
.u-gap-91{gap:13px}
@media(max-width:720px){.u-pad-91{padding:6px}}

/* layout utility 92: reusable spacing/content rhythm */
.u-stack-92 > * + *{margin-top:16px}
.u-pad-92{padding:12px}
.u-gap-92{gap:14px}
@media(max-width:720px){.u-pad-92{padding:8px}}

/* layout utility 93: reusable spacing/content rhythm */
.u-stack-93 > * + *{margin-top:18px}
.u-pad-93{padding:14px}
.u-gap-93{gap:15px}
@media(max-width:720px){.u-pad-93{padding:10px}}

/* layout utility 94: reusable spacing/content rhythm */
.u-stack-94 > * + *{margin-top:20px}
.u-pad-94{padding:16px}
.u-gap-94{gap:16px}
@media(max-width:720px){.u-pad-94{padding:12px}}

/* layout utility 95: reusable spacing/content rhythm */
.u-stack-95 > * + *{margin-top:22px}
.u-pad-95{padding:18px}
.u-gap-95{gap:17px}
@media(max-width:720px){.u-pad-95{padding:14px}}

/* layout utility 96: reusable spacing/content rhythm */
.u-stack-96 > * + *{margin-top:8px}
.u-pad-96{padding:20px}
.u-gap-96{gap:6px}
@media(max-width:720px){.u-pad-96{padding:16px}}

/* layout utility 97: reusable spacing/content rhythm */
.u-stack-97 > * + *{margin-top:10px}
.u-pad-97{padding:22px}
.u-gap-97{gap:7px}
@media(max-width:720px){.u-pad-97{padding:18px}}

/* layout utility 98: reusable spacing/content rhythm */
.u-stack-98 > * + *{margin-top:12px}
.u-pad-98{padding:24px}
.u-gap-98{gap:8px}
@media(max-width:720px){.u-pad-98{padding:6px}}

/* layout utility 99: reusable spacing/content rhythm */
.u-stack-99 > * + *{margin-top:14px}
.u-pad-99{padding:26px}
.u-gap-99{gap:9px}
@media(max-width:720px){.u-pad-99{padding:8px}}

/* layout utility 100: reusable spacing/content rhythm */
.u-stack-100 > * + *{margin-top:16px}
.u-pad-100{padding:8px}
.u-gap-100{gap:10px}
@media(max-width:720px){.u-pad-100{padding:10px}}

/* layout utility 101: reusable spacing/content rhythm */
.u-stack-101 > * + *{margin-top:18px}
.u-pad-101{padding:10px}
.u-gap-101{gap:11px}
@media(max-width:720px){.u-pad-101{padding:12px}}

/* layout utility 102: reusable spacing/content rhythm */
.u-stack-102 > * + *{margin-top:20px}
.u-pad-102{padding:12px}
.u-gap-102{gap:12px}
@media(max-width:720px){.u-pad-102{padding:14px}}

/* layout utility 103: reusable spacing/content rhythm */
.u-stack-103 > * + *{margin-top:22px}
.u-pad-103{padding:14px}
.u-gap-103{gap:13px}
@media(max-width:720px){.u-pad-103{padding:16px}}

/* layout utility 104: reusable spacing/content rhythm */
.u-stack-104 > * + *{margin-top:8px}
.u-pad-104{padding:16px}
.u-gap-104{gap:14px}
@media(max-width:720px){.u-pad-104{padding:18px}}

/* layout utility 105: reusable spacing/content rhythm */
.u-stack-105 > * + *{margin-top:10px}
.u-pad-105{padding:18px}
.u-gap-105{gap:15px}
@media(max-width:720px){.u-pad-105{padding:6px}}

/* layout utility 106: reusable spacing/content rhythm */
.u-stack-106 > * + *{margin-top:12px}
.u-pad-106{padding:20px}
.u-gap-106{gap:16px}
@media(max-width:720px){.u-pad-106{padding:8px}}

/* layout utility 107: reusable spacing/content rhythm */
.u-stack-107 > * + *{margin-top:14px}
.u-pad-107{padding:22px}
.u-gap-107{gap:17px}
@media(max-width:720px){.u-pad-107{padding:10px}}

/* layout utility 108: reusable spacing/content rhythm */
.u-stack-108 > * + *{margin-top:16px}
.u-pad-108{padding:24px}
.u-gap-108{gap:6px}
@media(max-width:720px){.u-pad-108{padding:12px}}

/* layout utility 109: reusable spacing/content rhythm */
.u-stack-109 > * + *{margin-top:18px}
.u-pad-109{padding:26px}
.u-gap-109{gap:7px}
@media(max-width:720px){.u-pad-109{padding:14px}}

/* layout utility 110: reusable spacing/content rhythm */
.u-stack-110 > * + *{margin-top:20px}
.u-pad-110{padding:8px}
.u-gap-110{gap:8px}
@media(max-width:720px){.u-pad-110{padding:16px}}

/* layout utility 111: reusable spacing/content rhythm */
.u-stack-111 > * + *{margin-top:22px}
.u-pad-111{padding:10px}
.u-gap-111{gap:9px}
@media(max-width:720px){.u-pad-111{padding:18px}}

/* layout utility 112: reusable spacing/content rhythm */
.u-stack-112 > * + *{margin-top:8px}
.u-pad-112{padding:12px}
.u-gap-112{gap:10px}
@media(max-width:720px){.u-pad-112{padding:6px}}

/* layout utility 113: reusable spacing/content rhythm */
.u-stack-113 > * + *{margin-top:10px}
.u-pad-113{padding:14px}
.u-gap-113{gap:11px}
@media(max-width:720px){.u-pad-113{padding:8px}}

/* layout utility 114: reusable spacing/content rhythm */
.u-stack-114 > * + *{margin-top:12px}
.u-pad-114{padding:16px}
.u-gap-114{gap:12px}
@media(max-width:720px){.u-pad-114{padding:10px}}

/* layout utility 115: reusable spacing/content rhythm */
.u-stack-115 > * + *{margin-top:14px}
.u-pad-115{padding:18px}
.u-gap-115{gap:13px}
@media(max-width:720px){.u-pad-115{padding:12px}}

/* layout utility 116: reusable spacing/content rhythm */
.u-stack-116 > * + *{margin-top:16px}
.u-pad-116{padding:20px}
.u-gap-116{gap:14px}
@media(max-width:720px){.u-pad-116{padding:14px}}

/* layout utility 117: reusable spacing/content rhythm */
.u-stack-117 > * + *{margin-top:18px}
.u-pad-117{padding:22px}
.u-gap-117{gap:15px}
@media(max-width:720px){.u-pad-117{padding:16px}}

/* layout utility 118: reusable spacing/content rhythm */
.u-stack-118 > * + *{margin-top:20px}
.u-pad-118{padding:24px}
.u-gap-118{gap:16px}
@media(max-width:720px){.u-pad-118{padding:18px}}

/* layout utility 119: reusable spacing/content rhythm */
.u-stack-119 > * + *{margin-top:22px}
.u-pad-119{padding:26px}
.u-gap-119{gap:17px}
@media(max-width:720px){.u-pad-119{padding:6px}}

/* layout utility 120: reusable spacing/content rhythm */
.u-stack-120 > * + *{margin-top:8px}
.u-pad-120{padding:8px}
.u-gap-120{gap:6px}
@media(max-width:720px){.u-pad-120{padding:8px}}

/* layout utility 121: reusable spacing/content rhythm */
.u-stack-121 > * + *{margin-top:10px}
.u-pad-121{padding:10px}
.u-gap-121{gap:7px}
@media(max-width:720px){.u-pad-121{padding:10px}}

/* layout utility 122: reusable spacing/content rhythm */
.u-stack-122 > * + *{margin-top:12px}
.u-pad-122{padding:12px}
.u-gap-122{gap:8px}
@media(max-width:720px){.u-pad-122{padding:12px}}

/* layout utility 123: reusable spacing/content rhythm */
.u-stack-123 > * + *{margin-top:14px}
.u-pad-123{padding:14px}
.u-gap-123{gap:9px}
@media(max-width:720px){.u-pad-123{padding:14px}}

/* layout utility 124: reusable spacing/content rhythm */
.u-stack-124 > * + *{margin-top:16px}
.u-pad-124{padding:16px}
.u-gap-124{gap:10px}
@media(max-width:720px){.u-pad-124{padding:16px}}

/* layout utility 125: reusable spacing/content rhythm */
.u-stack-125 > * + *{margin-top:18px}
.u-pad-125{padding:18px}
.u-gap-125{gap:11px}
@media(max-width:720px){.u-pad-125{padding:18px}}

/* layout utility 126: reusable spacing/content rhythm */
.u-stack-126 > * + *{margin-top:20px}
.u-pad-126{padding:20px}
.u-gap-126{gap:12px}
@media(max-width:720px){.u-pad-126{padding:6px}}

/* layout utility 127: reusable spacing/content rhythm */
.u-stack-127 > * + *{margin-top:22px}
.u-pad-127{padding:22px}
.u-gap-127{gap:13px}
@media(max-width:720px){.u-pad-127{padding:8px}}

/* layout utility 128: reusable spacing/content rhythm */
.u-stack-128 > * + *{margin-top:8px}
.u-pad-128{padding:24px}
.u-gap-128{gap:14px}
@media(max-width:720px){.u-pad-128{padding:10px}}

/* layout utility 129: reusable spacing/content rhythm */
.u-stack-129 > * + *{margin-top:10px}
.u-pad-129{padding:26px}
.u-gap-129{gap:15px}
@media(max-width:720px){.u-pad-129{padding:12px}}

/* layout utility 130: reusable spacing/content rhythm */
.u-stack-130 > * + *{margin-top:12px}
.u-pad-130{padding:8px}
.u-gap-130{gap:16px}
@media(max-width:720px){.u-pad-130{padding:14px}}

/* layout utility 131: reusable spacing/content rhythm */
.u-stack-131 > * + *{margin-top:14px}
.u-pad-131{padding:10px}
.u-gap-131{gap:17px}
@media(max-width:720px){.u-pad-131{padding:16px}}

/* layout utility 132: reusable spacing/content rhythm */
.u-stack-132 > * + *{margin-top:16px}
.u-pad-132{padding:12px}
.u-gap-132{gap:6px}
@media(max-width:720px){.u-pad-132{padding:18px}}

/* layout utility 133: reusable spacing/content rhythm */
.u-stack-133 > * + *{margin-top:18px}
.u-pad-133{padding:14px}
.u-gap-133{gap:7px}
@media(max-width:720px){.u-pad-133{padding:6px}}

/* layout utility 134: reusable spacing/content rhythm */
.u-stack-134 > * + *{margin-top:20px}
.u-pad-134{padding:16px}
.u-gap-134{gap:8px}
@media(max-width:720px){.u-pad-134{padding:8px}}

/* layout utility 135: reusable spacing/content rhythm */
.u-stack-135 > * + *{margin-top:22px}
.u-pad-135{padding:18px}
.u-gap-135{gap:9px}
@media(max-width:720px){.u-pad-135{padding:10px}}

/* layout utility 136: reusable spacing/content rhythm */
.u-stack-136 > * + *{margin-top:8px}
.u-pad-136{padding:20px}
.u-gap-136{gap:10px}
@media(max-width:720px){.u-pad-136{padding:12px}}

/* layout utility 137: reusable spacing/content rhythm */
.u-stack-137 > * + *{margin-top:10px}
.u-pad-137{padding:22px}
.u-gap-137{gap:11px}
@media(max-width:720px){.u-pad-137{padding:14px}}

/* layout utility 138: reusable spacing/content rhythm */
.u-stack-138 > * + *{margin-top:12px}
.u-pad-138{padding:24px}
.u-gap-138{gap:12px}
@media(max-width:720px){.u-pad-138{padding:16px}}

/* layout utility 139: reusable spacing/content rhythm */
.u-stack-139 > * + *{margin-top:14px}
.u-pad-139{padding:26px}
.u-gap-139{gap:13px}
@media(max-width:720px){.u-pad-139{padding:18px}}

/* layout utility 140: reusable spacing/content rhythm */
.u-stack-140 > * + *{margin-top:16px}
.u-pad-140{padding:8px}
.u-gap-140{gap:14px}
@media(max-width:720px){.u-pad-140{padding:6px}}

/* Content index and accessibility-oriented interactive controls */
.filter-bar{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 26px}.filter-bar button{appearance:none;border:1px solid var(--line);background:#fff;color:var(--ink);font:inherit;font-weight:760;min-height:42px;padding:0 16px;border-radius:999px;cursor:pointer}.filter-bar button:hover{border-color:rgba(108,99,255,.45)}.filter-bar button.is-active,.filter-bar button[aria-pressed="true"]{background:var(--primary);color:#fff;border-color:var(--primary)}.filter-bar button:focus-visible,.menu-toggle:focus-visible,.site-nav a:focus-visible,.button:focus-visible,.media-card a:focus-visible,.faq-list summary:focus-visible{outline:3px solid rgba(245,158,91,.72);outline-offset:3px}.catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.catalog-item{display:grid;grid-template-columns:180px 1fr;gap:18px;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;min-height:190px}.catalog-item[hidden]{display:none}.catalog-item img{width:100%;height:100%;min-height:190px;object-fit:cover}.catalog-item>div{padding:18px 18px 16px 0;align-self:center}.catalog-item span{font-size:12px;color:var(--primary);font-weight:850}.catalog-item h3{font-size:20px;line-height:1.3;margin:6px 0}.catalog-item p{font-size:14px;color:var(--muted);margin:0 0 10px}.catalog-item small{font-size:12px;color:#9295a1}.faq-list{display:grid;gap:12px;max-width:900px}.faq-list details{background:#fff;border:1px solid var(--line);border-radius:16px;padding:0 20px}.faq-list summary{cursor:pointer;list-style:none;font-weight:800;padding:18px 34px 18px 0;position:relative}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary::after{content:"+";position:absolute;right:2px;top:50%;transform:translateY(-50%);width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:var(--soft);color:var(--primary);font-size:18px}.faq-list details[open] summary::after{content:"−"}.faq-list details p{margin:0;padding:0 0 18px;color:var(--muted)}

/* Rich reusable layout primitives for editorial expansion */
.content-flow{display:grid;gap:28px}.content-flow--tight{gap:16px}.content-flow--wide{gap:42px}.surface{background:#fff;border:1px solid var(--line);border-radius:var(--radius)}.surface--soft{background:var(--soft)}.surface--dark{background:var(--dark);color:#fff;border-color:rgba(255,255,255,.08)}.surface__body{padding:28px}.surface__header{padding:24px 28px 0}.surface__footer{padding:0 28px 24px}.eyebrow{font-size:12px;font-weight:850;letter-spacing:.12em;color:var(--primary);text-transform:uppercase}.lede{font-size:18px;line-height:1.8;color:var(--muted);max-width:760px}.meta-row{display:flex;flex-wrap:wrap;gap:8px 14px;color:var(--muted);font-size:13px}.meta-row span{display:inline-flex;align-items:center;gap:6px}.pill{display:inline-flex;align-items:center;min-height:30px;padding:0 11px;border-radius:999px;background:var(--soft);font-size:12px;font-weight:780}.pill--accent{background:#fff0e5;color:#a64f16}.pill--primary{background:#efeeff;color:#4d45d6}.divider{height:1px;background:var(--line);border:0;margin:28px 0}.cluster{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.cluster--between{justify-content:space-between}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.sidebar-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:34px;align-items:start}.sticky-panel{position:sticky;top:98px}.prose{font-size:16px;line-height:1.9}.prose h2{font-size:34px;line-height:1.2;margin:46px 0 16px}.prose h3{font-size:24px;line-height:1.3;margin:34px 0 12px}.prose p{margin:0 0 18px}.prose ul,.prose ol{padding-left:1.25em}.prose li+li{margin-top:8px}.prose blockquote{margin:26px 0;padding:18px 22px;border-left:4px solid var(--primary);background:var(--soft);border-radius:0 14px 14px 0}.prose a{color:var(--primary);text-decoration:underline;text-underline-offset:3px}.notice{padding:16px 18px;border-radius:14px;background:#fff8f0;border:1px solid #f4d1af}.notice strong{color:#9a4c17}.stateless-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.stateless-list li{padding:14px 16px;background:#fff;border:1px solid var(--line);border-radius:12px}.index-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.index-links a{display:flex;justify-content:space-between;gap:16px;padding:14px 16px;border:1px solid var(--line);background:#fff;border-radius:12px}.index-links a::after{content:"→";color:var(--primary)}.media-strip{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(240px,32%);gap:16px;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x proximity}.media-strip>*{scroll-snap-align:start}.cover{border-radius:18px;overflow:hidden;background:#dfe0e8}.cover img{width:100%;aspect-ratio:2/3;object-fit:cover}.aspect-video{aspect-ratio:16/9;object-fit:cover}.aspect-square{aspect-ratio:1/1;object-fit:cover}.aspect-poster{aspect-ratio:2/3;object-fit:cover}.text-muted{color:var(--muted)}.text-primary{color:var(--primary)}.text-accent{color:var(--accent)}.text-center{text-align:center}.text-balance{text-wrap:balance}.max-reading{max-width:760px}.max-wide{max-width:980px}.mx-auto{margin-inline:auto}.mt-0{margin-top:0}.mb-0{margin-bottom:0}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mt-4{margin-top:32px}.mt-5{margin-top:48px}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.mb-4{margin-bottom:32px}.mb-5{margin-bottom:48px}.pad-1{padding:12px}.pad-2{padding:18px}.pad-3{padding:24px}.pad-4{padding:32px}.rounded-sm{border-radius:10px}.rounded-md{border-radius:16px}.rounded-lg{border-radius:24px}.shadow-soft{box-shadow:0 10px 30px rgba(23,24,33,.08)}.shadow-deep{box-shadow:0 24px 64px rgba(23,24,33,.14)}.bordered{border:1px solid var(--line)}.bg-white{background:#fff}.bg-soft{background:var(--soft)}.bg-dark{background:var(--dark);color:#fff}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* Editorial cards */
.feature-list{display:grid;gap:14px}.feature-list article{display:grid;grid-template-columns:44px 1fr;gap:14px;padding:18px;border:1px solid var(--line);border-radius:16px;background:#fff}.feature-list article>span{width:44px;height:44px;border-radius:12px;background:var(--soft);display:grid;place-items:center;color:var(--primary);font-weight:900}.feature-list h3{margin:0 0 5px;font-size:18px}.feature-list p{margin:0;color:var(--muted);font-size:14px}.quote-card{padding:26px;border-radius:20px;background:linear-gradient(145deg,#242632,#191a22);color:#fff}.quote-card p{font-size:20px;line-height:1.7;margin:0}.quote-card footer{margin-top:16px;color:#b9bbc6;font-size:13px}.mini-card{display:grid;grid-template-columns:92px 1fr;gap:14px;align-items:center;padding:12px;background:#fff;border:1px solid var(--line);border-radius:14px}.mini-card img{width:92px;height:74px;object-fit:cover;border-radius:10px}.mini-card h3{margin:0 0 4px;font-size:16px}.mini-card p{margin:0;color:var(--muted);font-size:13px}.tag-cloud{display:flex;flex-wrap:wrap;gap:9px}.tag-cloud a{padding:8px 12px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:13px}.tag-cloud a:hover{border-color:rgba(108,99,255,.4);color:var(--primary)}.timeline{position:relative;display:grid;gap:22px;padding-left:28px}.timeline::before{content:"";position:absolute;left:8px;top:8px;bottom:8px;width:2px;background:var(--line)}.timeline article{position:relative}.timeline article::before{content:"";position:absolute;left:-25px;top:7px;width:10px;height:10px;border-radius:50%;background:var(--primary);box-shadow:0 0 0 4px #efeeff}.timeline h3{margin:0 0 5px;font-size:18px}.timeline p{margin:0;color:var(--muted)}

/* Forms and controls kept native and framework-free */
.control{width:100%;min-height:44px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);padding:10px 12px;font:inherit}.control:focus{outline:3px solid rgba(108,99,255,.18);border-color:var(--primary)}.control-group{display:grid;gap:7px}.control-group label{font-size:13px;font-weight:800}.inline-form{display:grid;grid-template-columns:1fr auto;gap:10px}.button[disabled],.filter-bar button[disabled]{opacity:.55;cursor:not-allowed}.button--outline{border-color:var(--primary);color:var(--primary);background:transparent}.button--quiet{background:transparent;color:var(--muted)}

/* Motion is intentionally subtle and disabled through reduced-motion above */
@keyframes fadeUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.js-enhanced .catalog-item:not([hidden]){animation:fadeUp .18s ease both}

/* Print keeps content readable while removing interactive chrome */
@media print{.site-header,.site-footer,.menu-toggle,.filter-bar,.hero-actions{display:none!important}body{background:#fff;color:#000;font-size:11pt}.shell{width:100%;max-width:none}.section,.page-intro{padding:20px 0}.media-card,.catalog-item,.facts-grid article,.step-grid article{box-shadow:none;break-inside:avoid;border-color:#ccc}.hero{background:#fff;color:#000;padding:20px 0}.hero p{color:#333}.hero-media{display:none}.section--dark{background:#fff;color:#000}.section--soft{background:#fff}.media-grid,.media-grid--four,.media-grid--three{grid-template-columns:repeat(2,1fr)}}

@media(max-width:1080px){.catalog-grid{grid-template-columns:1fr}.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar-layout{grid-template-columns:1fr}.sticky-panel{position:static}}
@media(max-width:820px){.grid-3,.grid-2{grid-template-columns:1fr}.index-links{grid-template-columns:1fr}.media-strip{grid-auto-columns:minmax(260px,76%)}.catalog-item{grid-template-columns:150px 1fr}}
@media(max-width:560px){.catalog-item{grid-template-columns:1fr}.catalog-item img{height:auto;min-height:0;aspect-ratio:16/9}.catalog-item>div{padding:0 16px 18px}.grid-4{grid-template-columns:1fr}.inline-form{grid-template-columns:1fr}.media-strip{grid-auto-columns:88%}}