:root{--bg:#eaf1f5;--surface:#f5f8fa;--text:#0e1d28;--muted:#5e6d78;--line:#c8d5dd;--accent:#0e2635;--header:rgba(235,243,247,.86);--card:#eef4f7;--shadow:0 14px 40px rgba(20,40,55,.12)}
html[data-theme="dark"]{--bg:#0d1114;--surface:#12171b;--text:#eef3f5;--muted:#9aa8b1;--line:#273138;--accent:#edf3f6;--header:rgba(10,13,15,.84);--card:#11171b;--shadow:0 14px 40px rgba(0,0,0,.28)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.5}a{color:inherit;text-decoration:none}img{display:block;width:100%}strong{font-weight:800}.site-header{position:sticky;top:0;z-index:50;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;padding:18px 5vw;background:var(--header);backdrop-filter:blur(14px);border-bottom:1px solid color-mix(in srgb,var(--line) 55%,transparent)}.brand{display:flex;flex-direction:column;line-height:.9}.brand strong{font-size:2rem;letter-spacing:-.05em}.brand span{font-size:.5rem;letter-spacing:.18em;margin-top:7px}.main-nav{display:flex;justify-content:center;gap:26px;font-size:.78rem;text-transform:uppercase;letter-spacing:.1em}.main-nav a:hover{opacity:.55}.header-actions{display:flex;gap:10px;align-items:center}.btn,.theme-toggle{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid currentColor;padding:12px 20px;font-size:.74rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700}.btn-dark{background:var(--text);color:var(--bg);border-color:var(--text)}.btn-light{background:white;color:#101820;border-color:white}.btn-ghost{background:transparent;color:inherit}.theme-toggle{width:42px;height:42px;padding:0;background:transparent;color:var(--text);cursor:pointer}.nav-toggle{display:none;background:none;border:0;color:var(--text);font-size:1.5rem}.hero{min-height:74vh;position:relative;background-image:linear-gradient(90deg,rgba(232,240,245,.92),rgba(232,240,245,.25),rgba(5,15,23,.15)),var(--bg);background-size:cover;background-position:center;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;padding:8vw 5vw;color:#10202b}.hero-copy{position:relative;z-index:2;max-width:720px}.eyebrow{font-size:.72rem;letter-spacing:.28em;text-transform:uppercase;font-weight:700}.hero h1,.portfolio h2,.story h2,.faq h2,.cta h2{font-size:clamp(2.3rem,5vw,5.8rem);line-height:.98;letter-spacing:-.04em;margin:.25em 0}.hero-copy>p:not(.eyebrow){max-width:560px}.actions{display:flex;gap:14px;margin-top:28px}.play{position:relative;z-index:2;justify-self:center;text-align:center;display:grid;gap:10px}.play span,.round-play{display:grid;place-items:center;width:74px;height:74px;border:1px solid currentColor;border-radius:50%;font-size:1.3rem;margin:auto}.play b{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em}.section-pad{padding:6vw 5vw}.services{display:grid;grid-template-columns:repeat(5,1fr);border-bottom:1px solid var(--line);background:var(--surface)}.services article{padding:20px 28px;border-right:1px solid var(--line)}.services article:last-child{border-right:0}.services span{font-size:2rem}.services h3{font-size:.88rem;text-transform:uppercase;letter-spacing:.06em}.services p{font-size:.82rem;color:var(--muted)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px}.section-head a{font-size:.78rem;text-transform:uppercase;font-weight:700}.grid-five{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:34px}.grid-five figure{margin:0}.grid-five img{aspect-ratio:1.25/1;object-fit:cover;filter:saturate(.8)}.grid-five figcaption{display:grid;gap:3px;margin-top:10px}.grid-five b{text-transform:uppercase;font-size:.8rem}.grid-five span{font-size:.72rem;color:var(--muted);text-transform:uppercase}.story{display:grid;grid-template-columns:1.2fr .8fr;gap:5vw;align-items:center;background:var(--surface)}.story-image{position:relative}.story-image img{min-height:420px;object-fit:cover}.round-play{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);color:white;border-color:white;background:rgba(0,0,0,.25)}.story-copy p:not(.eyebrow){color:var(--muted);max-width:520px}.story-copy .btn{margin-top:20px}.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.benefits article{display:grid;gap:4px}.benefits b{text-transform:uppercase;font-size:.78rem}.benefits span{font-size:.78rem;color:var(--muted)}.compact{padding-top:34px;padding-bottom:34px}.faq{max-width:1100px;margin:auto}.faq h2{font-size:clamp(2.1rem,4vw,4rem)}details{border-top:1px solid var(--line);padding:18px 0}details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;font-weight:700}details p{color:var(--muted)}.cta{position:relative;background-image:linear-gradient(90deg,rgba(4,14,20,.88),rgba(4,14,20,.45)),var(--bg);background-size:cover;background-position:center;color:white;min-height:430px;display:flex;align-items:center}.cta>div{position:relative;z-index:2}.cta h2{font-size:clamp(2.4rem,5vw,5rem)}footer{padding:42px 5vw 22px;background:var(--surface);border-top:1px solid var(--line)}.footer-top,.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-top nav{display:flex;flex-wrap:wrap;gap:18px;font-size:.75rem}.footer-bottom{margin-top:34px;padding-top:18px;border-top:1px solid var(--line);font-size:.7rem;color:var(--muted)}.legal{max-width:950px;margin:auto;padding:7vw 5vw}.legal h1{font-size:clamp(2.5rem,6vw,5rem)}.legal h2{margin-top:2.2rem}.legal p,.legal li{color:var(--muted)}
html[data-theme="dark"] .hero{color:#f1f5f7;background-image:linear-gradient(90deg,rgba(6,10,12,.88),rgba(6,10,12,.42),rgba(6,10,12,.2)),var(--bg)}
@media(max-width:1000px){.main-nav{display:none;position:absolute;top:79px;left:0;right:0;background:var(--surface);padding:24px 5vw;flex-direction:column;border-bottom:1px solid var(--line)}.main-nav.open{display:flex}.nav-toggle{display:block;order:2}.site-header{grid-template-columns:auto auto 1fr}.header-actions{justify-self:end}.hero,.story{grid-template-columns:1fr}.play{justify-self:start;margin-top:20px}.services{grid-template-columns:repeat(2,1fr)}.services article{border-bottom:1px solid var(--line)}.grid-five{grid-template-columns:repeat(2,1fr)}.benefits{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.header-actions .btn{display:none}.hero{padding-top:18vw;min-height:78vh}.services,.grid-five,.benefits{grid-template-columns:1fr}.section-head,.footer-top,.footer-bottom{align-items:flex-start;flex-direction:column}.actions{flex-direction:column;align-items:flex-start}.story-image img{min-height:300px}}