:root{--bg: #f5f7f2;--surface: #ffffff;--surface-elevated: #edf2ec;--surface-high: #e4ebe3;--primary: #2f6b52;--on-primary: #ffffff;--primary-container: #cfe7d9;--on-primary-container: #0c2c1e;--accent: #f08e72;--on-accent: #40160a;--text: #172019;--text-secondary: #616b63;--divider: #d5ddd7;--outline: #6e7a71;--error: #b93e3e;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--radius-card: 16px;--radius-field: 12px;--radius-pill: 999px;--max-width: 780px}@media(prefers-color-scheme:dark){:root{--bg: #111815;--surface: #19231f;--surface-elevated: #223029;--surface-high: #2a3a32;--primary: #75b891;--on-primary: #0b2418;--primary-container: #2f6b52;--on-primary-container: #c8e9d6;--accent: #ff9b80;--on-accent: #45180c;--text: #f3f6f2;--text-secondary: #b3bdb6;--divider: #35443d;--outline: #7a8a81;--error: #ff7d7d}}*{box-sizing:border-box}html{font-family:Manrope,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:var(--text);background:var(--bg);font-size:16px;font-weight:400;line-height:1.6;-webkit-font-smoothing:antialiased}body{margin:0}.shell{max-width:var(--max-width);margin:0 auto;padding:var(--space-6) var(--space-4) calc(var(--space-6) * 2)}header.site{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;padding-bottom:var(--space-5);border-bottom:1px solid var(--divider);margin-bottom:var(--space-6)}header.site .brand{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;color:var(--text)}header.site .brand-mark{width:36px;height:36px;border-radius:10px;object-fit:contain;display:block}header.site .brand-name{font-weight:600;font-size:1rem}nav.site a{color:var(--primary);margin-left:var(--space-4);text-decoration:none;font-size:.875rem;font-weight:500;display:inline-block;line-height:48px}nav.site a:hover{text-decoration:underline}h1{font-size:1.75rem;font-weight:700;letter-spacing:-.01em;margin:0 0 var(--space-2);line-height:1.25}h2{font-size:1.25rem;font-weight:700;margin:var(--space-6) 0 var(--space-3);color:var(--text)}h3{font-size:1rem;font-weight:600;margin:var(--space-4) 0 var(--space-1);color:var(--text)}p{margin:var(--space-3) 0}ul{padding-left:var(--space-5)}li{margin:var(--space-1) 0}a{color:var(--primary)}strong{font-weight:600}code{background:var(--surface-high);padding:2px var(--space-1);border-radius:var(--space-1);font-size:.92em}.lede{font-size:1.0625rem;color:var(--text-secondary);margin-bottom:var(--space-5)}.meta{font-size:.8125rem;color:var(--text-secondary)}.card{background:var(--surface);border:1px solid var(--divider);border-radius:var(--radius-card);padding:var(--space-4);margin:var(--space-4) 0}.card .card{background:var(--surface-elevated)}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-3);margin:var(--space-5) 0}.feature-grid .card{margin:0}.feature-grid h3{margin-top:0;color:var(--primary)}.pill{display:inline-block;background:var(--primary-container);color:var(--on-primary-container);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);font-size:.75rem;font-weight:500;letter-spacing:.03em;text-transform:uppercase}.play-badge{display:inline-block;line-height:0;border-radius:var(--radius-field);transition:transform .12s ease,filter .12s ease}.play-badge img{width:216px;height:auto}.play-badge:hover{transform:translateY(-1px);filter:brightness(1.05)}.play-badge:focus-visible{outline:2px solid var(--accent);outline-offset:3px}a:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:var(--space-1)}footer.site{margin-top:calc(var(--space-6) * 1.5);padding-top:var(--space-5);border-top:1px solid var(--divider);font-size:.875rem;color:var(--text-secondary);display:flex;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}@media(prefers-reduced-motion:reduce){.play-badge{transition:none}.play-badge:hover{transform:none}}.skip-link{position:absolute;left:-9999px;top:0;background:var(--surface);color:var(--text);padding:var(--space-3) var(--space-4);border:1px solid var(--outline);border-radius:var(--radius-field);z-index:10}.skip-link:focus{left:var(--space-4);top:var(--space-4)}.hero{padding-bottom:var(--space-5)}.section{margin-top:calc(var(--space-6) * 1.75)}.section>h2:first-child{margin-top:0}.points{list-style:none;padding:0;margin:var(--space-5) 0;display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);font-size:.9375rem;color:var(--text-secondary)}.points li{display:flex;align-items:center;gap:var(--space-2);margin:0}.points li:before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:var(--primary)}.play-cta{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap;margin:var(--space-5) 0}.play-note{font-size:.8125rem;color:var(--text-secondary)}.shots{list-style:none;padding:0 0 var(--space-3);margin:var(--space-5) 0;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(200px,240px);gap:var(--space-4);overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin}.shots li{margin:0;scroll-snap-align:start}.shots img{width:100%;height:auto;display:block;border-radius:var(--radius-card);border:1px solid var(--divider);background:var(--surface-elevated)}.shots p{margin:var(--space-3) 0 0;font-size:.875rem;color:var(--text-secondary)}@media(min-width:720px){.shots{grid-auto-flow:row;grid-template-columns:repeat(3,1fr);grid-auto-columns:auto;overflow-x:visible}}.steps{list-style:none;counter-reset:step;padding:0;margin:var(--space-5) 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-4)}.steps li{counter-increment:step;margin:0;padding-top:var(--space-5);border-top:2px solid var(--primary-container);position:relative}.steps li:before{content:counter(step);position:absolute;top:var(--space-2);left:0;font-size:.75rem;font-weight:700;letter-spacing:.08em;color:var(--primary)}.steps h3{margin-top:0}.tags{list-style:none;padding:0;margin:var(--space-3) 0 var(--space-5);display:flex;flex-wrap:wrap;gap:var(--space-2)}.tags li{margin:0;background:var(--surface-elevated);border:1px solid var(--divider);border-radius:var(--radius-pill);padding:var(--space-1) var(--space-3);font-size:.8125rem;color:var(--text-secondary)}.card .tags li{background:var(--surface-high)}.faq{margin:var(--space-5) 0}.faq details{border-bottom:1px solid var(--divider);padding:var(--space-1) 0}.faq summary{cursor:pointer;font-weight:600;padding:var(--space-3) 0;min-height:48px;display:flex;align-items:center;gap:var(--space-3)}.faq summary::-webkit-details-marker{display:none}.faq summary:before{content:"";flex:none;width:8px;height:8px;border-right:2px solid var(--primary);border-bottom:2px solid var(--primary);transform:rotate(45deg) translate(-2px,-2px);transition:transform .15s ease}.faq details[open] summary:before{transform:rotate(-135deg) translate(-2px,-2px)}@media(prefers-reduced-motion:reduce){.faq summary:before{transition:none}}.faq summary:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:var(--space-1)}.faq details p{margin:0 0 var(--space-4);color:var(--text-secondary)}.notice{background:var(--surface-elevated);border-left:3px solid var(--accent);border-radius:0 var(--radius-field) var(--radius-field) 0;padding:var(--space-3) var(--space-4);color:var(--text-secondary);font-size:.9375rem}.final{background:var(--surface);border:1px solid var(--divider);border-radius:var(--radius-card);padding:var(--space-5)}.final h2{margin-top:0}.footer-row{display:flex;justify-content:space-between;gap:var(--space-2) var(--space-4);flex-wrap:wrap;width:100%}footer.site{flex-direction:column;align-items:stretch}.languages{margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--divider)}.languages-label{display:block;font-size:.75rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:var(--space-2)}.languages ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-4)}.languages li{margin:0}.languages a{text-decoration:none;line-height:48px;display:inline-block}.languages a:hover{text-decoration:underline}.languages a[aria-current=true]{color:var(--text);font-weight:600}.play-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:var(--space-3) var(--space-5);background:var(--accent);color:var(--on-accent);border-radius:var(--radius-pill);font-weight:600;font-size:.9375rem;text-decoration:none;transition:transform .12s ease,filter .12s ease}.play-button:hover{transform:translateY(-1px);filter:brightness(1.04);text-decoration:none}.play-button:focus-visible{outline:2px solid var(--primary);outline-offset:3px}@media(prefers-reduced-motion:reduce){.play-button{transition:none}.play-button:hover{transform:none}}