/* Emiko's existing umbrella palette and separate product worlds remain authoritative. */
:root{--ease-emiko:cubic-bezier(.16,1,.3,1)}
::selection{background:var(--coral);color:var(--paper)}
html{scrollbar-color:var(--muted) var(--paper)}
h1,h2,h3,.wordmark{letter-spacing:-.04em;text-wrap:balance}
.hero h1{font-size:clamp(60px,7.1vw,96px)}
.section-heading{grid-template-columns:1.1fr 1fr;gap:40px}
.section-heading>p:not(.label){max-width:42ch}
.section-heading h2{grid-column:1}
.hero-copy{padding-top:18px}
.chapter-copy>p:not(.label),.ten-copy>p{max-width:48ch}
.body-copy{max-width:850px}
.body-copy h1{font-size:clamp(48px,6vw,80px)}
.body-copy h2{letter-spacing:-.025em}
.body-copy p{max-width:68ch}
.button{transition:background 180ms,border-color 180ms,transform 180ms var(--ease-emiko)}
.button:hover{transform:none}
.button:not(.outline):not(.ten-button){background:#c43625;border-color:#c43625;color:var(--paper)}
.button:not(.outline):not(.ten-button):hover{background:#9e2b1e;border-color:#9e2b1e}
.hero-media-caption span{color:#a72d20}
.start-section{color:var(--ink)}
.button>span{transition:transform 220ms var(--ease-emiko)}
.button:hover>span{transform:translate(3px,-3px)}
.button:active,.store-links a:active,.play-button:active{transform:scale(.98)}
.nav-links>a:not(.button),.footer-top nav>a,.footer-bottom nav>a{position:relative}
.nav-links>a:not(.button)::after,.footer-top nav>a::after,.footer-bottom nav>a::after{content:'';position:absolute;left:0;bottom:-4px;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform 220ms var(--ease-emiko)}
.nav-links>a:hover::after,.footer-top nav>a:hover::after,.footer-bottom nav>a:hover::after{transform:scaleX(1)}
.nav-links>a[aria-current=page]{color:var(--ink);text-decoration:underline;text-underline-offset:5px}
.choice-grid article{border-radius:12px;transition:border-color 220ms}
.choice-grid article:hover{border-color:currentColor}
.clip-controls button{min-height:44px;transition:background 180ms,color 180ms}
.play-button{min-height:44px}
.faq-list summary{min-height:56px}
.faq-list details[open] summary::after{transform:rotate(45deg)}
.faq-list summary::after{transition:transform 180ms var(--ease-emiko)}
/* Reading pages share the site's navigation and type, with a quieter hierarchy. */
.legal-layout{display:grid;grid-template-columns:220px minmax(0,760px);gap:clamp(40px,7vw,100px);padding-block:64px 96px;justify-content:center;align-items:start}
.legal-index{position:sticky;top:120px;font-size:13px}
.legal-index summary{font-size:14px;font-weight:650;padding-bottom:18px;cursor:pointer}
.legal-index nav{display:grid;gap:4px;border-top:1px solid var(--line);padding-top:12px}
.legal-index a{display:block;padding:8px 0;line-height:1.4;color:var(--muted)}
.legal-index a:hover,.legal-index a[aria-current=location]{color:var(--ink);text-decoration:underline;text-underline-offset:4px}
.policy-container{padding:0;max-width:760px}
.policy-date{display:block;font-size:12px;color:var(--muted);margin-bottom:20px}
.policy-container h1{font-family:Figtree,Arial,sans-serif;font-size:clamp(45px,5vw,72px);line-height:1.05;margin-bottom:44px;letter-spacing:-.04em}
.policy-container h1 em{font-style:normal;color:var(--coral)}
.policy-section{margin-block:0 40px}
.policy-h3{font-family:Figtree,Arial,sans-serif;font-size:24px;line-height:1.2;letter-spacing:-.02em;margin:48px 0 16px;scroll-margin-top:120px}
.policy-p,.policy-list li{font:400 16px/1.8 Figtree,Arial,sans-serif;color:var(--ink)}
.policy-p{margin-bottom:18px}
.policy-list{list-style:disc;padding-left:22px;margin:18px 0}
.policy-list li{padding-left:6px;margin-bottom:12px}
.policy-container a,.delete-page p a{color:var(--ink);text-decoration:underline;text-underline-offset:4px}
.highlight-box{padding:20px 0;border-block:1px solid var(--line);margin:20px 0}
.highlight-box .policy-p:last-child{margin-bottom:0}
.delete-page{padding-block:64px 96px;max-width:1100px}
.delete-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:80px}
.delete-title{font-size:clamp(48px,5vw,72px);margin:20px 0 28px}
.delete-title em{font-style:normal;color:var(--coral)}
.delete-lead{font-size:18px;max-width:52ch;margin-bottom:40px}
.delete-kicker,.side-label{font-size:12px;color:var(--muted)}
.delete-steps{display:grid}
.step-card{border-top:1px solid var(--line);padding:24px 0}
.step-number{font-size:12px;color:var(--muted);margin-bottom:10px;font-variant-numeric:tabular-nums}
.step-title{font-size:26px;margin-bottom:12px;letter-spacing:-.025em}
.step-text,.delete-note,.support-note{font-size:15px;line-height:1.75}
.delete-side{padding-top:35px}.redirect-card{margin:20px 0 28px;padding-block:24px;border-block:1px solid var(--line)}
.redirect-card h2,.redirect-card h3{font-size:26px;margin-bottom:16px}
.redirect-card p{margin-bottom:16px}
.delete-page .redirect-link{min-height:44px;display:inline-flex;align-items:center;padding:10px 16px;border:1px solid var(--ink);border-radius:6px;text-decoration:none}
.read-page .site-footer{border-top:1px solid var(--line)}
@view-transition{navigation:auto}
::view-transition-old(root){animation:emiko-depart 140ms ease both}
::view-transition-new(root){animation:emiko-arrive 200ms ease both}
@keyframes emiko-depart{to{opacity:0}}
@keyframes emiko-arrive{from{opacity:0}}
@media(max-width:900px){.legal-layout{grid-template-columns:180px minmax(0,1fr);gap:35px}.delete-grid{gap:40px}.section-heading{gap:24px}}
@media(max-width:650px){.hero h1{font-size:clamp(49px,14.6vw,81px)}.hero-copy{padding-top:0}.section-heading{grid-template-columns:1fr;gap:16px}.legal-layout{display:block;padding-block:32px 56px}.legal-index{position:static;margin-bottom:32px}.legal-index details{border-bottom:1px solid var(--line)}.legal-index summary{min-height:44px}.legal-index nav{max-height:220px;overflow:auto;padding-bottom:12px}.policy-container h1{font-size:46px;margin-bottom:32px}.policy-p,.policy-list li{font-size:15px;line-height:1.75}.policy-h3{font-size:23px;margin-top:36px;scroll-margin-top:100px}.delete-page{padding-block:36px 56px}.delete-grid{grid-template-columns:1fr;gap:24px}.delete-title{font-size:46px}.delete-side{padding-top:0}.body-copy h1{font-size:48px}}
@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}::view-transition-old(root),::view-transition-new(root){animation:none}.button:active,.store-links a:active,.play-button:active{transform:none}}
