:root{--accent:#e34040;--ink:#132239;--paper:#f2f5f8;--soft:#dce4ec;--line:color-mix(in srgb,var(--ink) 16%,transparent)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.67 ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body[data-theme=audio]{color:#f5f7fa}a{color:inherit}header{max-width:1260px;margin:auto;padding:24px 32px;display:flex;align-items:center;border-bottom:1px solid var(--line);position:relative;z-index:5}.brand{font-size:22px;font-weight:900;letter-spacing:-.04em;text-decoration:none}nav{margin-left:auto;display:flex;gap:22px;flex-wrap:wrap;justify-content:flex-end}nav a{text-decoration:none;font-size:12px;font-weight:750;letter-spacing:.04em;opacity:.62}nav a:hover,nav a[aria-current=page]{opacity:1;color:var(--accent)}main{overflow:hidden}.hero{max-width:1260px;margin:auto;min-height:700px;padding:72px 32px 88px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:70px}.hero-copy{position:relative;z-index:2}.kicker{display:inline-block;color:var(--accent);font-size:11px;font-weight:900;letter-spacing:.17em;text-transform:uppercase}.hero h1,.page-head h1{font-size:clamp(52px,7.2vw,100px);line-height:.94;letter-spacing:-.065em;margin:20px 0 28px;max-width:10ch}.hero-copy>p,.page-head>p{font-size:20px;line-height:1.55;max-width:58ch;opacity:.76}.button{display:inline-flex;gap:34px;align-items:center;margin-top:22px;padding:14px 18px;border:1px solid currentColor;text-decoration:none;font-weight:850}.button span{color:var(--accent)}.hero-visual{position:relative;min-height:500px}.hero-visual>img,.hero-visual .frame img{width:100%;height:500px;object-fit:cover;display:block}.quote-visual>img{border-radius:180px 180px 12px 12px}.compare{position:absolute;left:-34px;right:20px;bottom:22px;background:#fff;color:#10213e;padding:18px;display:grid;grid-template-columns:repeat(3,1fr);box-shadow:0 20px 55px #10213e33}.compare span{padding:7px 12px;border-left:3px solid var(--accent);font-size:12px;font-weight:800}.diner-visual{transform:rotate(1.5deg)}.diner-visual>img{border:14px solid #fff6e7;box-shadow:0 26px 60px #3a271e26}.ticket{position:absolute;left:-28px;bottom:30px;background:var(--accent);color:#fff6e7;padding:22px 26px;display:grid;gap:4px;transform:rotate(-4deg)}.ticket b{font-size:23px}.ticket span,.ticket i{font-size:11px;letter-spacing:.12em;font-style:normal}.bake-visual>img{border-radius:50% 50% 10px 10px;filter:saturate(.9)}.recipe-mark{position:absolute;right:-16px;top:36px;background:var(--ink);color:var(--paper);font-weight:900;line-height:1.05;padding:18px;letter-spacing:.04em}.audio-visual>img{clip-path:polygon(7% 0,100% 0,93% 100%,0 100%);filter:contrast(1.1) saturate(.8)}.signal{position:absolute;left:0;right:0;bottom:24px;display:flex;align-items:center;justify-content:space-around;background:#101820e8;border:1px solid #f3b61f66;padding:16px}.signal b{color:var(--accent);font-size:36px}.signal span{font-size:10px;font-weight:900;letter-spacing:.11em}.ecu-visual>img{border:1px solid #13223933;box-shadow:20px 20px 0 var(--soft)}.diagnostic{position:absolute;right:-22px;top:22px;background:var(--ink);color:#fff;padding:17px;display:grid;grid-template-columns:repeat(2,44px);gap:6px;text-align:center}.diagnostic b,.diagnostic span{padding:8px 2px;border:1px solid #ffffff33;font-size:10px}.diagnostic b{color:var(--accent)}.studio-visual .frame{padding:14px;background:#fff;transform:rotate(-3deg);box-shadow:0 30px 80px #201a3833}.studio-visual .frame img{height:470px}.pixel{position:absolute;right:-25px;bottom:7px;width:120px;height:120px;background:var(--accent);color:#fff;display:grid;place-items:center;font-size:48px;font-weight:900}.hire-visual>img{border-radius:8px 90px 8px 8px}.steps{position:absolute;left:-30px;right:30px;bottom:26px;background:#fff;color:#102e29;display:flex;gap:0;box-shadow:0 20px 60px #102e2933}.steps span{flex:1;padding:17px;border-right:1px solid #102e2922;font-size:10px;font-weight:900;letter-spacing:.12em}.promise{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:26px max(32px,calc((100vw - 1196px)/2));font-size:15px;font-weight:750;color:var(--accent)}.page-head{max-width:1190px;margin:auto;padding:100px 32px 74px;border-bottom:1px solid var(--line)}.page-head h1{max-width:13ch}.sections{max-width:1050px;margin:auto;padding:34px 32px 100px}.content-section{display:grid;grid-template-columns:72px 1fr;gap:30px;padding:74px 0;border-top:1px solid var(--line)}.section-index{color:var(--accent);font-size:11px;font-weight:900;letter-spacing:.12em;padding-top:13px}.section-copy h2,.faq h2{font-size:clamp(34px,4.6vw,58px);line-height:1.02;letter-spacing:-.045em;margin:0 0 24px;max-width:16ch}.section-copy p{max-width:72ch}.section-copy p:first-of-type{font-size:20px;line-height:1.55;color:color-mix(in srgb,var(--ink) 78%,transparent)}.section-copy ul{margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:12px;list-style:none}.section-copy li{padding:17px 18px;background:color-mix(in srgb,var(--soft) 60%,transparent);border-left:3px solid var(--accent);font-size:14px;font-weight:650}.layout-1 .section-copy{margin-left:8vw}.layout-2 .section-copy h2{color:var(--accent)}.faq{max-width:980px;margin:0 auto 110px;padding:60px 32px;background:color-mix(in srgb,var(--soft) 62%,transparent)}.faq h2{margin-top:14px}.faq details{border-top:1px solid var(--line);padding:18px 0}.faq summary{cursor:pointer;font-weight:800}.faq p{max-width:70ch}footer{background:var(--ink);color:var(--paper);padding:56px max(32px,calc((100vw - 1196px)/2));display:flex;justify-content:space-between;gap:40px}body[data-theme=audio] footer{border-top:1px solid #ffffff22}footer b{font-size:22px}footer p{max-width:58ch;opacity:.64}footer>a{align-self:flex-end;color:var(--accent);font-size:12px;font-weight:800}[data-theme=diner] .hero h1,[data-theme=bake] .hero h1,[data-theme=diner] .page-head h1,[data-theme=bake] .page-head h1{font-family:Georgia,serif;font-weight:700;letter-spacing:-.05em}[data-theme=studio] .hero{grid-template-columns:.9fr 1.1fr}[data-theme=studio] .hero h1{text-transform:none}[data-theme=audio] .hero h1{color:#fff}[data-theme=audio] .content-section{border-color:#ffffff22}[data-theme=audio] .section-copy p:first-of-type{color:#d8e0e5}[data-theme=audio] .faq{background:#1b2933}[data-theme=diner] .content-section:nth-child(even){background:#fff1d9;margin-inline:-32px;padding-inline:32px}[data-theme=quote] .content-section:nth-child(3n) .section-copy{border-left:6px solid var(--accent);padding-left:28px}[data-theme=ecu] .section-copy li{font-family:ui-monospace,monospace}[data-theme=hire] .content-section:nth-child(even) .section-copy{background:#fff;padding:30px;border-radius:6px 46px 6px 6px}@media(max-width:780px){header{padding:18px;align-items:flex-start}.brand{font-size:18px}nav{gap:8px 12px}nav a{font-size:10px}.hero{grid-template-columns:1fr!important;min-height:auto;padding:54px 18px 62px;gap:44px}.hero h1,.page-head h1{font-size:54px}.hero-copy>p,.page-head>p{font-size:18px}.hero-visual{min-height:360px}.hero-visual>img,.hero-visual .frame img{height:360px}.compare{left:8px;right:8px;grid-template-columns:1fr}.compare span{padding:3px 8px}.ticket{left:0}.steps{left:8px;right:8px}.page-head{padding:66px 18px 54px}.sections{padding:25px 18px 70px}.content-section{grid-template-columns:36px 1fr;gap:8px;padding:52px 0}.section-copy h2,.faq h2{font-size:36px}.section-copy p:first-of-type{font-size:18px}.section-copy ul{grid-template-columns:1fr}.layout-1 .section-copy{margin-left:0}.faq{margin:0 18px 70px;padding:36px 22px}footer{padding:44px 20px;display:block}footer>a{display:block;margin-top:30px}}
