/* Ember: charcoal, fired orange, large type, and direct editorial structure. */
:root{--bg:#242522;--surface:#2e302b;--cream:#e5dfce;--muted:#b9b9ad;--gold:#ef8457;--line:#51534a;color-scheme:dark}
body{background:var(--bg);color:var(--cream);background-image:none}
::selection{background:var(--gold);color:var(--bg)}
.wrap{width:min(1360px,90%)}
h1,h2,h3,h4{font-family:var(--sans);font-weight:600;letter-spacing:-.045em;line-height:1.12}
h2{font-size:clamp(36px,4.3vw,60px)}
em{font-style:normal;font-weight:inherit;color:var(--gold)}
.eyebrow{font-size:12px;letter-spacing:.13em;color:var(--gold);justify-content:flex-start}
.site-header{height:100px;border-color:var(--line)}
.brand,.site-header .brand{font-size:20px;letter-spacing:-.045em;gap:10px}
.brand img{width:40px;height:40px;filter:none}
.site-header nav{color:var(--cream);font-size:14px}
.amp{color:inherit}
.button{background:var(--gold);border-color:var(--gold);color:var(--bg);border-radius:0;box-shadow:none;font-size:14px;min-height:48px}
.button:hover{background:#ffa078;border-color:#ffa078;color:#242522;box-shadow:none}
.button:focus-visible{outline-color:var(--cream)}
.text-link{color:var(--gold);border-color:var(--line);font-size:14px}
.ember-hero{position:relative;padding:48px 0 72px;min-height:590px}
.ember-hero>.eyebrow{color:var(--cream);margin:0 0 36px;font-size:12px}
.ember-hero h1{font-size:clamp(90px,12.2vw,176px);line-height:.86;letter-spacing:-.075em;margin:0;text-wrap:initial}
.ember-hero h1 em::after{display:none}
.ember-emblem{position:absolute;width:clamp(190px,20vw,260px);height:auto;right:8%;top:60px;transform:rotate(8deg)}
.ember-caption{position:absolute;width:33%;right:0;bottom:80px}
.ember-caption>p:first-child{font-size:20px;line-height:1.5;margin-bottom:24px;color:var(--cream)}
.ember-caption .button{padding:18px 24px;gap:28px}
.ember-note{font-size:12px;color:var(--muted);margin-top:16px}
.ember-band{background:var(--gold);color:var(--bg);display:flex;justify-content:space-around;align-items:center;gap:24px;padding:22px 5%;font-size:clamp(23px,3.5vw,48px);font-weight:600;letter-spacing:-.05em;line-height:1.2}
.section-space{padding-block:85px}
.section-heading{align-items:start;margin-bottom:45px}
.section-heading>p{color:var(--muted)}
.features-section{background:var(--bg);color:var(--cream);border:0}
.features-section .eyebrow,.features-grid article>.icon{color:var(--gold)}
.features-grid{gap:45px}
.features-grid article,.features-grid article:last-child{border-top:1px solid var(--line);padding:28px 0 0}
.features-grid h3{font-size:28px;line-height:1.2}
.features-grid p{font-size:16px;color:var(--muted);max-width:38ch;line-height:1.8}
.features-grid article>.icon{display:none}
.feature-number{position:static;display:block;font-size:14px;margin-bottom:26px;color:var(--gold);letter-spacing:.08em}
.feature-tag{font-size:12px;color:var(--muted);letter-spacing:.09em}
.small-features{border-color:var(--line);color:var(--muted);margin-top:40px}
.small-features span{font-size:14px;color:var(--muted)}
.small-features .icon{color:var(--gold)}
.experience{border-top:1px solid var(--line)}
.experience-grid{grid-template-columns:1fr 1.35fr;align-items:start;gap:7%}
.experience-copy p,.feature-list{color:var(--muted)}
.experience-copy h3{font-size:38px}
.tabs{border:0;border-bottom:1px solid var(--line);padding:0;background:none;border-radius:0;gap:18px;width:100%;justify-content:flex-start}
.tabs button{font-size:14px;border-radius:0;padding:12px 5px;border-bottom:3px solid transparent;color:var(--muted)}
.tabs button[aria-selected=true]{color:var(--gold);border-color:var(--gold);background:none;box-shadow:none}
.tabs button:hover,.tabs button[aria-selected=true]:hover{color:var(--cream)}
.feature-symbol{background:none;border:1px solid var(--line);border-radius:0;color:var(--gold)}
.experience-stage{background:#30322d;color:var(--cream);border:1px solid var(--line);border-radius:0;box-shadow:none;min-height:540px}
.stage-topline,.demo-caption,.demo-status{color:var(--muted);font-size:12px;letter-spacing:.03em}
.demo-player-card{background:#242522;border-color:var(--line);border-radius:2px;box-shadow:none}
.demo-title-row h4{color:var(--cream);font-weight:600}
.demo-title-row p,.demo-time{color:var(--muted)}
.demo-cover{box-shadow:6px 8px 0 #1a1c18;transform:rotate(-3deg)}
.demo-play,.demo-play:hover{color:var(--bg);background:var(--gold);border-color:var(--gold)}
.demo-player input{accent-color:var(--gold)}
.demo-settings button,.reader-controls button{color:var(--cream);border-color:#737568;border-radius:2px;min-height:40px}
.demo-settings button:hover,.reader-controls button:hover{background:#41433a}
.reader-preview{background:#393c33;color:var(--cream);box-shadow:none}
.reader-preview h4{font-family:var(--serif);font-weight:400}
.reader-preview small,.reader-controls{color:var(--muted)}
.reader-controls{border-color:var(--line)}
.collection-preview>p{color:var(--muted)}
.collection-tag{background:var(--gold);color:var(--bg);border-radius:0;font-size:12px}
.privacy-section{display:block;border-top:1px solid var(--line);padding-bottom:70px}
.privacy-section>div:last-child{max-width:none;display:grid;grid-template-columns:1.4fr 1fr;gap:18px 9%;align-items:start}
.privacy-section .eyebrow{grid-column:1/-1;margin-bottom:10px}
.privacy-section h2{grid-row:span 3;font-size:clamp(44px,5.8vw,80px);line-height:.96;letter-spacing:-.065em;margin:0}
.privacy-section p:not(.eyebrow),.privacy-section p.small{color:var(--muted);font-size:16px;max-width:50ch;margin:0;line-height:1.8}
.privacy-section .text-link{justify-self:start;margin:0}
.faq-section{border-color:var(--line);grid-template-columns:1fr 1.3fr;gap:8%}
.faq-list details{border-color:var(--line)}
.faq-list summary{font-size:16px;line-height:1.6}
.faq-list details[open]{border-color:var(--gold)}
.faq-list details p{font-size:16px;color:var(--muted)}
.beta-section{background:var(--gold);color:var(--bg);border:0;border-radius:0;width:100%;padding-block:65px 35px;text-align:left;box-shadow:none}
.beta-section .eyebrow{justify-content:flex-start;color:#242522;font-size:12px}
.beta-section .status-dot{display:none}
.beta-section h2{font-size:clamp(58px,7vw,100px);line-height:.94;letter-spacing:-.07em;margin:28px 0}
.beta-section h2 em{color:var(--bg)}
.beta-section>.wrap>p:not(.eyebrow),.join-steps p{color:#34372d;font-size:16px;line-height:1.7}
.join-steps{border-color:#7f4b33}
.join-steps li,.join-steps li+li{border-color:#7f4b33}
.join-steps h3{font-size:26px;letter-spacing:-.04em;margin-top:16px}
.step-number{color:#35372e;font-size:18px}
.join-steps a{color:#242522;border-color:#6a432f;font-size:14px}
.join-steps a:hover{color:#242522;border-bottom-width:2px}
.join-steps a:focus-visible{outline-color:#242522}
.beta-help{justify-content:flex-start}
.site-footer>div>p,.footer-links,.footer-bottom{color:var(--muted)}
.footer-bottom{border-color:var(--line)}
/* The same visual language, with a quieter reading surface for the guides. */
.help-intro{text-align:left;max-width:none;display:grid;grid-template-columns:1.25fr 1fr;gap:20px 8%;align-items:start;margin-bottom:65px}
.help-intro .eyebrow{grid-column:1/-1;justify-content:flex-start;margin:0}
.help-intro h1{grid-row:span 2;font-size:clamp(70px,9vw,124px);line-height:.91;letter-spacing:-.07em;margin:5px 0 0;text-wrap:initial}
.help-intro h1 em{color:var(--gold)}
.help-intro>p:not(.eyebrow){font-size:16px;line-height:1.8;margin-top:8px}
.guide-search{width:100%;max-width:none;margin:0}
.guide-search label{color:var(--cream);font-size:14px}
.search-field{background:var(--surface);border-color:var(--line);border-radius:0}
.search-field input{color:var(--cream);font-size:16px}
.search-field input::placeholder,.search-field kbd{color:var(--muted)}
.search-field kbd{border-color:var(--line)}
.search-status,.guide-index-heading>span,.guide-card-top>span:last-child,.guide-card-bottom{color:var(--muted)}
.guide-cards{gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.guide-card{background:none;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0;padding:32px}
.guide-card:hover{background:var(--surface);border-color:var(--line);transform:none;box-shadow:inset 0 3px var(--gold)}
.guide-card h3{font-size:28px}
.source-callout{background:var(--surface);color:var(--cream);border:1px solid var(--line);border-radius:0}
.source-callout .eyebrow{color:var(--gold)}
.source-callout p:not(.eyebrow){color:var(--muted)}
.source-callout .text-link{border-color:var(--line)}
.source-callout a:focus-visible{outline-color:var(--gold)}
.source-file{background:var(--bg);color:var(--cream);border-color:var(--line);border-radius:0}
.source-file .file-symbol,.source-file .file-download{color:var(--gold)}
.source-file div>span{color:var(--muted)}
.source-file:hover{border-color:var(--gold)}
.help-community a{border-color:var(--gold)}
.sidebar-label,.guide-sidebar nav small,.guide-meta span:last-child,.sidebar-note p{color:var(--muted)}
.guide-sidebar nav a{color:var(--cream)}
.guide-sidebar nav a[aria-current=page]{color:var(--gold);background:#ef845713}
.guide-sidebar nav a:hover{background:var(--surface)}
.guide-article p,.guide-article li,.document-main p,.document-main li{color:var(--muted);font-size:16px}
.guide-article strong{color:var(--cream)}
.guide-article :not(pre)>code{background:#383a32;color:#f5ad8c}
.guide-article .table-wrap,.guide-article th,.guide-article td{border-color:var(--line)}
.guide-article th{background:var(--surface);color:var(--cream)}
.guide-article td{color:var(--muted)}
.guide-toc{background:var(--surface);border-color:var(--line);border-radius:0}
.guide-toc summary{color:var(--cream)}
.guide-toc nav a{color:var(--muted)}
.code-block{border-color:var(--line);border-radius:0}
.code-toolbar{background:var(--surface);border-color:var(--line);color:var(--muted)}
.copy-code{color:var(--cream);background:var(--bg);border-color:#737568;border-radius:0}
.copy-code:hover{background:#41433a}
.code-block pre{background:#1c1e1a}
.code-block pre code{color:#dbdacb}
.guide-end p{color:var(--muted)}
.no-guides{border-color:var(--line)}
@media(max-width:1000px){.site-header{gap:18px}.site-header nav{gap:20px}.brand,.site-header .brand{font-size:19px}.ember-hero{min-height:560px}.ember-emblem{right:5%;width:190px}.ember-caption{width:35%;bottom:60px}.ember-caption>p:first-child{font-size:17px}.ember-caption .button{padding:16px 18px;gap:16px}.experience-grid{gap:5%;grid-template-columns:1fr 1.2fr}.features-grid{gap:28px}.privacy-section>div:last-child{gap:20px 5%}}
@media(max-width:800px){.site-header nav a:first-child{display:block}.site-header nav a:nth-child(2){display:none}.ember-hero{min-height:0;padding:36px 0 50px}.ember-hero h1{font-size:16vw}.ember-emblem{top:85px;right:0;width:155px}.ember-caption{position:static;width:100%;margin-top:30px}.ember-caption>p:first-child{font-size:18px}.section-space{padding-block:60px}.experience-grid{grid-template-columns:1fr;gap:30px}.experience-copy p{max-width:60ch}.experience-stage{max-width:none}.features-grid{grid-template-columns:1fr;gap:25px}.features-grid article{display:grid;grid-template-columns:40px 1fr;gap:12px 20px}.feature-number{grid-row:span 3;margin:4px 0}.features-grid h3,.features-grid p,.feature-tag{grid-column:2;margin:0;max-width:60ch}.features-grid p{font-size:16px}.feature-tag{margin-top:8px}.privacy-section>div:last-child{grid-template-columns:1fr}.privacy-section .eyebrow{grid-column:auto}.privacy-section h2{grid-row:auto;margin-bottom:10px;font-size:clamp(44px,8vw,65px)}.privacy-section p:not(.eyebrow){max-width:65ch}.faq-section{grid-template-columns:1fr;gap:30px}.faq-section h2 br{display:none}.join-steps li,.join-steps li+li{padding-left:50px}.join-steps h3{margin-top:0}.help-intro{grid-template-columns:1fr;gap:22px}.help-intro h1{grid-row:auto;font-size:15vw}.help-intro .eyebrow{grid-column:auto}.help-intro>p:not(.eyebrow){max-width:50ch}.guide-search{max-width:600px}.help-intro h1 em{font-size:inherit}}
@media(max-width:560px){.wrap{width:90%}.site-header{height:84px}.brand,.site-header .brand{font-size:19px}.brand img{width:36px;height:36px}.site-header nav{background:var(--bg);border-color:var(--line);box-shadow:0 12px 20px #0003;left:-5.55%;right:-5.55%;top:76px}.site-header nav a,.site-header nav a:nth-child(2){display:block;color:var(--cream)}.menu-toggle{border:1px solid var(--line);border-radius:0}.menu-toggle span{background:var(--cream)}.header-cta{display:none}.ember-hero{padding-top:35px;padding-bottom:48px;display:grid;grid-template-columns:1fr 85px;gap:0 12px}.ember-hero>.eyebrow{font-size:12px;letter-spacing:.08em;margin-bottom:28px;grid-column:1/-1;max-width:30ch}.ember-hero h1{font-size:20vw;grid-column:1/-1;line-height:.9}.ember-emblem{position:static;grid-column:2;grid-row:3;align-self:start;margin-top:32px;width:85px}.ember-caption{grid-column:1;grid-row:3;margin-top:30px;min-width:0}.ember-caption>p:first-child{font-size:16px;line-height:1.6;margin-bottom:20px}.ember-caption .button{font-size:14px;gap:12px;padding:15px 12px;line-height:1.4;min-height:50px;text-align:left;justify-content:space-between}.ember-note{font-size:12px;line-height:1.5;margin-top:14px}.ember-band{font-size:clamp(15px,4.4vw,24px);gap:12px;padding:20px 5%}.section-space{padding-block:50px}.eyebrow{font-size:12px;letter-spacing:.08em}.section-heading{gap:20px}h2{font-size:36px}.features-grid h3{font-size:26px}.feature-tag{font-size:12px;letter-spacing:.05em}.small-features{grid-template-columns:1fr;gap:15px}.small-features span{font-size:14px}.tabs{gap:15px}.tabs button{font-size:14px;padding:12px 4px}.experience-copy h3{font-size:32px}.feature-list{font-size:14px}.experience-stage{padding:24px 18px;min-height:530px}.stage-topline{font-size:12px;letter-spacing:0}.demo-caption{font-size:12px;letter-spacing:0}.demo-settings button{font-size:13px}.reader-controls span{font-size:12px}.demo-title-row h4{font-size:16px}.privacy-section h2{font-size:clamp(37px,10.5vw,58px)}.faq-section h2{font-size:36px}.faq-list summary{font-size:16px}.beta-section{width:100%;padding-top:45px;border-radius:0}.beta-section>.wrap{width:90%}.beta-section h2{font-size:clamp(58px,15vw,84px);line-height:.95}.beta-section .eyebrow{font-size:12px;letter-spacing:.05em}.join-steps h3{font-size:25px}.join-steps li,.join-steps li+li{padding-left:40px}.step-number{font-size:18px}.beta-help{font-size:14px!important;justify-content:flex-start}.footer-links{font-size:14px}.footer-bottom{font-size:12px}.help-header nav{background:none;box-shadow:none;position:static}.help-header nav a:first-child{display:none}.help-header nav a:last-child{font-size:14px}.help-intro h1{font-size:20vw;letter-spacing:-.075em}.help-intro .eyebrow{font-size:12px}.help-intro>p:not(.eyebrow){font-size:16px}.guide-card{padding:26px 22px}.guide-card h3{font-size:26px}.guide-index-heading h2{font-size:28px}.source-callout{padding:26px 22px}.source-file strong{font-size:14px}.source-file div>span{font-size:12px}.guide-article h1{font-size:38px}.guide-article h2{font-size:28px}.guide-article p,.guide-article li,.document-main p,.document-main li{font-size:16px}}

/* App capabilities describe the product without simulating its screens. */
.app-capabilities{border-top:1px solid var(--line)}
.app-capabilities article{display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:5%;align-items:start;padding:36px 0;border-bottom:1px solid var(--line)}
.capability-heading{display:flex;gap:20px;align-items:baseline}
.capability-heading>span{color:var(--gold);font-size:14px}
.capability-heading h3{font-size:clamp(30px,3vw,44px);line-height:1.05}
.app-capabilities p{color:var(--muted);font-size:16px;line-height:1.8}
.app-capabilities ul{list-style:none;padding:0;margin:0;font-size:14px;line-height:1.8}
.app-capabilities li{padding:0 0 10px 17px;position:relative}
.app-capabilities li::before{content:'–';position:absolute;left:0;color:var(--gold)}
.capability-guide{margin-top:25px}
@media(max-width:800px){.app-capabilities article{grid-template-columns:1fr 1.6fr;gap:20px 7%}.app-capabilities ul{grid-column:2}.capability-heading{gap:14px}}
@media(max-width:560px){.app-capabilities article{grid-template-columns:1fr;gap:20px;padding:28px 0}.app-capabilities ul{grid-column:auto}.capability-heading h3{font-size:36px}.capability-heading{gap:18px}.app-capabilities p{font-size:16px}.app-capabilities li{font-size:14px;padding-bottom:7px}}