:root{color-scheme:dark;--paper:#161719;--ink:#f2eee6;--secondary:#b8b2a7;--body-copy:#e4dfd6;--line:#33353a;--accent:#d24a41;--blue:#f2eee6;font-family:'Genie Site Sans','Hiragino Sans',sans-serif;color:var(--ink);background:var(--paper);font-size:100%}
*{box-sizing:border-box}body{margin:0;font-size:1.0625rem;line-height:1.8;-webkit-font-smoothing:auto}a{color:var(--ink);text-underline-offset:.25em;text-decoration-thickness:1px;overflow-wrap:anywhere}a:hover{color:#fff}button,summary{font:inherit;color:inherit;cursor:pointer}button{border:1px solid var(--line);border-radius:.5rem;background:#222427;padding:.7rem 1rem;min-height:44px;line-height:1.5;overflow-wrap:anywhere}button:hover{background:#33353a}button:disabled{opacity:.5;cursor:default}:focus-visible{outline:3px solid var(--ink);outline-offset:4px}h1,h2,h3,p,figure,dl,dd{margin:0}h1,h2,h3{line-height:1.4;overflow-wrap:anywhere}h2{font-size:2.25rem;font-weight:600}h3{font-size:1.375rem;font-weight:600}p,dt,dd,summary{overflow-wrap:anywhere}img{display:block;max-width:100%;height:auto}[hidden]{display:none!important}
.container{width:calc(100% - 5rem);max-width:1280px;margin-inline:auto}.header-rule{border-bottom:1px solid var(--line)}.story-rule,.apps-rule,.footer-rule{border-top:1px solid var(--line)}.site-header{min-height:4.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.brand{color:var(--ink);text-decoration:none;font-size:1.25rem;font-weight:600;display:inline-flex;align-items:center;min-height:44px}.header-actions,.desktop-nav,.header-languages{display:flex;align-items:center;flex-wrap:wrap}.header-actions{gap:2.5rem}.desktop-nav{gap:1.75rem;font-size:1rem}.desktop-nav a,.header-language{display:inline-flex;align-items:center;min-height:44px;padding-inline:.25rem;text-decoration:none}.desktop-nav a:hover,.header-language:hover{text-decoration:underline}.header-languages{gap:.25rem;font-family:'Genie Site Mono',monospace;font-size:.9375rem;color:var(--secondary)}.header-language{color:var(--secondary)}.header-language.selected{color:var(--ink);font-weight:500}.mobile-toggle,.mobile-language,.mobile-explore,.mobile-keep-link{display:none}
.ui-icon{display:inline-block;width:1rem;height:1rem;flex:0 0 1rem;filter:brightness(0) invert(1)}.cta .ui-icon{filter:none;width:.875rem;height:.875rem;flex-basis:.875rem}.text-link{display:inline-flex;align-items:center;gap:.35rem;min-height:44px;max-width:100%}.cta{display:inline-flex;align-items:center;justify-content:center;gap:.625rem;min-height:3.25rem;max-width:100%;padding:.625rem 1.625rem;background:var(--ink);color:var(--paper);border-radius:.5rem;font-size:1.0625rem;font-weight:600;line-height:1.5;text-decoration:none}.cta:hover{background:#fff;color:var(--paper)}
.hero{min-height:58rem;display:grid;grid-template-columns:minmax(0,520fr) minmax(0,680fr);gap:5rem;align-items:center;padding-top:3rem}.hero-intro{min-width:0;margin-top:-2.5rem}.app-label{display:flex;gap:.875rem;align-items:center}.app-label>img{width:2.75rem;height:2.75rem;border-radius:.625rem;flex-shrink:0}.app-label>div{min-width:0;line-height:1.4}.app-name{font-size:1.125rem;font-weight:600}.descriptor{font-size:.9375rem;color:var(--secondary)}h1{font-size:3.25rem;font-weight:600;line-height:1.3;letter-spacing:-.005em;margin-top:2rem}h1>span{display:block}h1 .title-intro{font-size:2.5rem;font-weight:500;color:var(--secondary)}.lead{color:var(--body-copy);font-size:1.1875rem;margin-top:1.25rem}.lead>span{display:inline}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:1rem 1.75rem;margin-top:2rem}.conditions{font-size:.9375rem;line-height:1.6;color:var(--secondary);margin-top:.875rem}.hero-example{width:100%;max-width:600px;justify-self:end;min-width:0}.hero-image{position:relative}.hero-focus{overflow:hidden;border-radius:1rem 1rem 0 0}.hero-focus>img{width:100%;height:auto}.zoom-link{position:absolute;right:.875rem;bottom:.875rem;display:inline-flex;align-items:center;gap:.375rem;min-height:44px;max-width:calc(100% - 1.75rem);padding:.5rem .875rem;border-radius:.5rem;background:var(--paper);font-size:.9375rem;line-height:1.5;text-decoration:none}.proof-strip{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) minmax(0,.9fr);border:1px solid var(--line);border-top:0;border-radius:0 0 1rem 1rem}.proof-strip>div{padding:1rem 1.25rem;border-right:1px solid var(--line);min-width:0}.proof-strip>div:last-child{border:0}.proof-strip dt,.eyebrow{font-family:'Genie Site Mono','Hiragino Sans',monospace;color:var(--secondary);font-size:.875rem;letter-spacing:.06em;font-weight:400}.proof-strip dd{margin-top:.125rem;font-size:1rem}.mono{font-family:'Genie Site Mono','Hiragino Sans',monospace;font-variant-numeric:tabular-nums}.proof-strip .equation-value{font-size:1.0625rem}.proof-strip .proof-result{font-size:1.625rem;font-weight:500;line-height:1.4;margin:0}.result-label{border-left:.5rem solid var(--accent);padding-left:.5rem;line-height:1;margin-block:.35rem}
.example-story{display:grid;grid-template-columns:260px minmax(0,1fr);grid-template-areas:'image intro' 'image facts' 'image links';column-gap:7.5rem;padding-block:7rem;align-items:start}.story-intro{grid-area:intro}.story-intro h2{margin:.5rem 0 1rem}.story-intro h2>span{display:inline}.story-body{color:var(--body-copy);max-width:34em}.story-image{grid-area:image;min-width:0}.full-source{overflow:hidden;border-radius:.625rem}.full-source img{width:100%;height:auto}.story-image figcaption{margin-top:.5rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;color:var(--secondary);font-size:.9375rem}.fact-table{grid-area:facts;width:100%;max-width:640px;margin-top:2.5rem;border-top:1px solid var(--line);font-family:'Genie Site Mono','Hiragino Sans',monospace;font-size:1rem}.fact-table>div{display:grid;grid-template-columns:minmax(0,200fr) minmax(0,440fr);border-bottom:1px solid var(--line)}.fact-table dt,.fact-table dd{padding-block:.875rem}.fact-table dt{color:var(--secondary);padding-right:1rem}.story-links{grid-area:links;display:flex;flex-wrap:wrap;gap:.75rem 2rem;margin-top:1.75rem}
.other-apps{padding-block:2.75rem;display:flex;align-items:center;gap:1.5rem}.other-apps h2{width:11rem;flex-shrink:0}.keep-content{display:flex;align-items:center;gap:1.5rem;flex:1;min-width:0}.keep-content>img{width:2.75rem;height:2.75rem;border-radius:.625rem;flex-shrink:0}.keep-copy{min-width:0}.keep-condition{color:var(--secondary);font-size:.9375rem}.desktop-keep-link{flex-shrink:0}.site-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding-block:2.25rem 2.75rem;font-size:.9375rem}.site-footer nav{display:flex;align-items:center;flex-wrap:wrap;gap:0 2rem}.site-footer nav>a{display:flex;align-items:center;min-height:44px}.copyright{color:var(--secondary)}
.section{border-top:1px solid var(--line);padding-block:4rem}.features .eyebrow{margin-bottom:.5rem}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.5rem;margin-top:2.75rem}.feature-grid p{color:var(--secondary);margin-top:1rem;font-size:1rem}.pricing-faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5rem}.pricing-faq>div{min-width:0}.pricing-faq p{margin-top:2rem}.pricing-faq .free{font-size:2.5rem;font-weight:600}.price-note{font-size:.875rem;color:var(--secondary)}.faq h2{margin-bottom:1.5rem}.faq details{border-bottom:1px solid var(--line)}.faq summary{min-height:44px;padding:1.25rem 0}.faq details p{color:var(--secondary);margin-top:0;padding-bottom:1.5rem}.final-cta h2{margin-bottom:2rem;max-width:42rem}.final-cta h2>span{display:block}.skip-link{position:absolute;z-index:10;left:1rem;top:1rem;padding:1rem;background:var(--paper);transform:translateY(-200%)}.skip-link:focus{transform:none}.language-options{display:flex;flex-wrap:wrap;gap:1rem}.language-choice{padding:.75rem 1rem;min-height:44px;background:#222427;border-radius:.5rem;max-width:100%}.language-choice.selected{background:var(--ink);color:var(--paper);font-weight:600}.no-script-nav{display:flex;gap:1rem;flex-wrap:wrap;padding-block:1rem}
dialog{color:var(--ink);background:var(--paper);border:1px solid var(--line);padding:1.5rem;border-radius:.75rem;max-width:calc(100% - 2rem);max-height:calc(100dvh - 2rem);overscroll-behavior:contain}dialog::backdrop{background:#20232180}.menu-dialog{width:390px}.menu-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.menu-head h2{font-size:1.375rem}.menu-head button{font-size:.9375rem}.menu-dialog nav{display:flex;flex-direction:column;margin-top:2rem}.menu-dialog nav>a{padding:1rem 0;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none}.menu-dialog .language-label{font-size:.9375rem;color:var(--secondary);margin-top:2rem;margin-bottom:1rem}.menu-dialog>.cta{margin-top:2rem;width:100%}.image-dialog{padding:0;width:min(47rem,calc(100% - 2rem));height:min(50rem,calc(100dvh - 2rem));background:white}.image-dialog[open]{display:flex;flex-direction:column}.viewer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1rem;flex-shrink:0}.viewer-head h2{font-size:1.0625rem;padding-top:.35rem}.viewer-head button{background:var(--paper);font-size:.9375rem}.image-choices{display:flex;gap:1rem;padding:0 1rem 1rem;flex-shrink:0}.image-choices button{flex:1;background:var(--paper);font-size:.9375rem}.image-choices [aria-pressed=true]{background:var(--blue);color:white;font-weight:600}.image-choices [aria-pressed=true]:before{content:"✓ "}.image-viewport{min-height:6rem;flex:1;overflow:auto;padding:1rem;background:var(--paper);overscroll-behavior:contain;scroll-behavior:auto}.image-stage{margin:auto;flex-shrink:0;position:relative;overflow:hidden}.image-stage:not(.memo-detail)>img{width:100%;height:auto;max-width:none}.viewer-controls{padding:1rem;border-top:1px solid var(--line);flex-shrink:0}.zoom-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem}.zoom-row button{background:var(--paper);flex:1}.zoom-row output{font-size:1.0625rem;font-weight:600;min-width:4rem;text-align:center}.fit-image{width:100%;background:var(--paper);margin-top:.75rem}.no-script-nav{display:flex;gap:1rem;flex-wrap:wrap;margin-block:1rem}.image-error{font-size:.875rem;color:var(--secondary);padding:1rem}.image-error a{display:block}.image-error[hidden]{display:none}body.modal-open{overflow:hidden}
/* Keep the proven viewer geometry and keyboard behavior, using B's dark controls. */
dialog{background:var(--paper);color:var(--ink)}dialog::backdrop{background:#000b}.image-dialog{background:var(--paper);overflow:auto}.viewer-head,.menu-head{flex-wrap:wrap}.viewer-head h2,.menu-head h2{min-width:0;flex:1 1 12rem}.viewer-head button,.menu-head button{display:inline-flex;align-items:center;gap:.5rem;max-width:100%;flex-shrink:1}.viewer-head button,.image-choices button,.zoom-row button,.fit-image{background:#222427}.image-choices [aria-pressed=true]{background:var(--ink);color:var(--paper)}.image-viewport{background:#232427}.image-choices{flex-wrap:wrap}.image-choices button{flex:1 1 8rem;min-width:0}.zoom-row button{flex:1 1 5rem;min-width:0}.zoom-row output{min-width:0;max-width:100%;overflow-wrap:anywhere}.image-stage[hidden]{display:none}.image-error a{min-height:44px}.menu-dialog nav>a{color:var(--ink)}.image-choices [aria-pressed=true]:before{content:none}
.text-link.mobile-keep-link{display:none}
@media(min-width:1101px){h1{font-size:clamp(2.5rem,3.61vw,3.25rem)}}
@media(min-width:1440px){.container{width:calc(100% - 160px)}}
@media(max-width:1100px){.hero{gap:2rem;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:50rem;padding-bottom:3rem}h1{font-size:2.5rem}h1 .title-intro{font-size:2rem}.example-story{column-gap:4rem;grid-template-columns:220px minmax(0,1fr)}.other-apps h2{width:7rem}.keep-condition{display:block}.proof-strip>div{padding:.75rem}}
@media(max-width:800px){.header-actions{gap:1.25rem}.desktop-nav{gap:.75rem}.hero{gap:1.5rem}.proof-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.proof-strip .proof-description{grid-column:span 2;border-right:0;border-bottom:1px solid var(--line)}.example-story{column-gap:2.5rem}.other-apps{align-items:flex-start;flex-wrap:wrap}.other-apps h2{width:100%}.pricing-faq{gap:3rem}}
@media(max-width:700px){body{font-size:1rem;line-height:1.75}.container{width:calc(100% - 2rem)}.site-header{min-height:3.5rem;gap:.25rem}.brand{font-size:1.1875rem}.header-actions{gap:.25rem}.desktop-nav,.header-languages{display:none}.mobile-language{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;font-family:'Genie Site Mono',monospace;color:var(--secondary);font-size:.9375rem}.mobile-toggle:not([hidden]){display:inline-flex;align-items:center;gap:.5rem;min-width:44px;min-height:44px;padding:0 .25rem 0 .625rem;background:none;border:0;font-size:1rem}.mobile-toggle .ui-icon{width:1.25rem;height:1.25rem;flex-basis:1.25rem}.desktop-explore{display:none}.mobile-explore{display:inline}.hero{display:block;min-height:0;padding-block:1.25rem 3rem}.hero-intro{margin:0}.app-label{gap:.75rem}.app-label>img{width:2.5rem;height:2.5rem;border-radius:.5625rem}.app-label>div{line-height:1.35}.app-name{font-size:1.0625rem}.descriptor{font-size:.875rem}h1{margin-top:1.125rem;font-size:2rem;letter-spacing:0}h1 .title-intro{font-size:1.5rem}.lead{margin-top:.625rem;font-size:1rem}.lead>span{display:block}.hero-actions{margin-top:1.25rem;gap:.75rem 1.25rem}.cta{padding-inline:1.375rem;gap:.5rem}.conditions{margin-top:.5rem;font-size:.875rem}.hero-example{margin-top:1.25rem;max-width:none}.hero-focus{border-radius:.875rem .875rem 0 0}.zoom-link{right:.625rem;bottom:.625rem;padding-inline:.75rem}.zoom-link .ui-icon{display:none}.proof-strip{grid-template-columns:repeat(2,minmax(0,1fr));border-radius:0 0 .875rem .875rem}.proof-strip>div{padding:.75rem 1rem}.proof-strip .proof-description{grid-column:span 2;border-right:0;border-bottom:1px solid var(--line)}.proof-strip dd{margin:0}.proof-strip .equation-value{font-size:1rem}.proof-strip .proof-result{font-size:1.375rem;line-height:1.5}.example-story{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:'intro' 'image' 'facts' 'links';padding-block:3rem}h2{font-size:1.625rem}.story-intro h2{margin:.375rem 0 .75rem;line-height:1.45}.story-intro h2>span{display:block}.story-image{margin-top:1.75rem;display:flex;align-items:flex-end;gap:1rem}.story-image .full-source{flex:0 0 160px;max-width:48%;border-radius:.5rem}.story-image figcaption{min-width:0;display:flex;flex-direction:column;align-items:flex-start;font-size:.875rem}.story-image figcaption .text-link{font-size:.9375rem}.fact-table{margin-top:1.75rem}.fact-table>div{grid-template-columns:minmax(0,96fr) minmax(0,262fr)}.fact-table dt,.fact-table dd{padding-block:.75rem}.story-links{flex-direction:column;align-items:flex-start;gap:0;margin-top:1.25rem}.other-apps{display:block;padding-block:2rem}.other-apps h2{width:auto;margin-bottom:.75rem}.keep-content{gap:.875rem;align-items:flex-start}.keep-condition{display:block;font-size:.875rem}.text-link.mobile-keep-link{display:inline-flex}.desktop-keep-link{display:none}.site-footer{display:block;padding-block:1.5rem 2.5rem}.site-footer nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 1rem}.copyright{font-size:.875rem;margin-top:1rem}.section{padding-block:3rem}.feature-grid{grid-template-columns:minmax(0,1fr);gap:2rem;margin-top:2rem}.pricing-faq{display:block}.faq{margin-top:3rem}.final-cta>.cta{width:100%}.menu-dialog{width:100%;max-width:100%;max-height:100dvh;min-height:100dvh;border-radius:0;border:0;margin:0 0 0 auto}.image-dialog{width:100%;height:100dvh;max-width:100%;max-height:100dvh;border-radius:0;border:0}.viewer-head{gap:.5rem}}
@media(max-width:350px){h1{font-size:1.75rem}.hero-actions{column-gap:1rem}.cta{padding-inline:1rem}.site-footer nav{grid-template-columns:minmax(0,1fr)}}
@media(max-height:500px){.image-dialog[open]{overflow:auto;display:block}.image-viewport{height:50dvh;min-height:6rem}.viewer-head,.image-choices,.viewer-controls{position:relative}}
@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
/* Preserve space for enlarged text instead of scaling decorative spacing with it. */
.container{width:calc(100% - 80px)}.header-actions{max-width:100%;min-width:0}.ui-icon{width:16px;height:16px;flex-basis:16px}.cta{padding-inline:26px;gap:10px}.cta .ui-icon{width:14px;height:14px;flex-basis:14px}.proof-strip>div{padding:16px 20px}.fact-table dt{padding-right:16px}.other-apps{flex-wrap:wrap}.desktop-keep-link{flex-shrink:1;min-width:0}
@media(min-width:1440px){.container{width:calc(100% - 160px)}}
@media(max-width:700px){.container{width:calc(100% - 32px)}.cta{padding-inline:22px;gap:8px}.mobile-toggle:not([hidden]){max-width:100%;min-width:0;gap:8px;padding:0 4px 0 10px;flex-wrap:wrap}.mobile-toggle .ui-icon{width:20px;height:20px;flex-basis:20px}.proof-strip>div{padding:12px 16px}}
@media(max-width:350px){.cta{padding-inline:16px}}
.story-image figcaption{overflow-wrap:anywhere}.story-image figcaption>span{min-width:0;max-width:100%}