@font-face{font-family:Inter;src:url('/Inter-Regular.woff') format('woff');font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url('/Inter-SemiBold.woff') format('woff');font-weight:600;font-display:swap}
@font-face{font-family:Nunito;src:url('/Nunito-Variable.woff') format('woff');font-style:normal;font-weight:200 1000;font-display:swap}
.font-downloads{margin:80px auto;scroll-margin-top:32px}.font-downloads h3{font-size:clamp(28px,4vw,42px);margin:12px 0}.font-download-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.font-download-card{padding:32px;border:1px solid var(--line);border-radius:22px;background:var(--surface);display:flex;flex-direction:column;align-items:flex-start}.font-specimen{font-size:88px;line-height:1.2;letter-spacing:-.06em;color:var(--accent)}.font-nunito .font-specimen,.font-nunito .font-sample{font-family:Nunito,sans-serif}.font-inter .font-specimen,.font-inter .font-sample{font-family:Inter,sans-serif}.font-download-card h4{font-size:23px;margin:16px 0 10px}.font-download-card p{color:var(--muted);font-size:14px;max-width:330px;margin:0}.font-sample{display:block;font-size:18px;margin:26px 0 30px;line-height:1.6}.font-download-card .button{margin-top:auto}.font-install-guide{max-width:730px;margin:30px auto 0;padding:24px 28px;border:1px solid var(--line);border-radius:18px;background:var(--soft)}.font-install-guide h4{font-size:19px;margin:0 0 14px}.font-install-guide ol{padding-left:20px;color:var(--muted);font-size:13px;line-height:1.9}.font-install-guide li+li{margin-top:7px}.font-install-guide strong{color:var(--ink);font-weight:600}.font-install-guide .fine{margin-top:16px}@media(max-width:600px){.font-download-grid{grid-template-columns:1fr}.font-download-card{padding:26px}.font-install-guide{padding:22px}.font-downloads{margin-block:56px}}
:root{color-scheme:dark;--bg:#0b0b0c;--surface:#131315;--raised:#1b1b1e;--ink:#f5f5f6;--muted:#a3a3aa;--accent:#c5d5a6;--line:#2c2c31;--button:#f5f5f6;--button-ink:#111114;--soft:#ffffff05;--shadow:0 30px 80px #0003}
:root[data-theme=light]{color-scheme:light;--bg:#faf9f6;--surface:#fff;--raised:#f0efeb;--ink:#18181b;--muted:#61616a;--accent:#40582f;--line:#deddd7;--button:#18181b;--button-ink:#fff;--soft:#00000003;--shadow:0 30px 80px #1e1e1e0b}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.7 Inter,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:600;line-height:1.1;letter-spacing:-.045em}h1{font-size:clamp(44px,6vw,78px)}h2{font-size:clamp(34px,4vw,52px)}h3{font-size:27px}p+p{margin-top:16px}a{color:inherit;text-underline-offset:4px}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}:focus-visible{outline:3px solid var(--accent);outline-offset:5px}[hidden]{display:none!important}.shell{max-width:1120px;width:calc(100% - 80px);margin-inline:auto}.skip{position:fixed;top:8px;left:8px;padding:12px;background:var(--button);color:var(--button-ink);z-index:20;transform:translateY(-150%)}.skip:focus{transform:none}
.header{display:flex;justify-content:space-between;align-items:center;height:88px}.brand{font-size:22px;letter-spacing:-.8px;font-weight:600;text-decoration:none;display:inline-flex;gap:9px;align-items:center}.brand img{object-fit:contain}.brand-dot,.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent)}.brand-dot{margin-top:10px}.header nav{display:flex;gap:28px;align-items:center}.header nav a{text-decoration:none;font-size:13px;color:var(--muted)}.header nav a:hover{color:var(--ink)}.header .nav-buy{background:var(--button);padding:9px 18px;border-radius:99px;color:var(--button-ink)}.theme-toggle{display:flex;gap:7px;align-items:center;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:99px;padding:7px 12px;font-size:12px;min-height:38px}.theme-toggle>span:first-child{font-size:19px;line-height:1}
.eyebrow{font-size:10px;letter-spacing:.14em;font-weight:600;line-height:1.6;color:var(--muted)}.hero{text-align:center;padding-block:66px 24px}.hero-copy{max-width:920px;margin:auto}.hero-pill{display:inline-flex;align-items:center;gap:9px;border:1px solid var(--line);background:var(--surface);border-radius:99px;padding:8px 14px;font-size:9px;letter-spacing:.1em}.hero h1{margin:26px 0 24px}.hero h1 span{color:var(--muted)}.lead{color:var(--muted);font-size:18px;line-height:1.75;max-width:580px}.hero .lead{margin-inline:auto}.actions{display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;border-radius:99px;padding:13px 23px;text-decoration:none;font-size:13px;font-weight:600;border:1px solid transparent;transition:transform .16s,background .16s;min-height:48px}.button:hover:not(:disabled){transform:translateY(-2px)}.primary{background:var(--button);color:var(--button-ink)}.secondary{background:var(--surface);border-color:var(--line);color:var(--ink)}.text-link{font-size:13px;text-decoration:none;border-bottom:1px solid var(--line);padding-bottom:3px}.fine{font-size:11px;color:var(--muted);line-height:1.7}.hero .fine{margin-top:18px}
.dual-orb-stage{display:grid;grid-template-columns:1fr 1fr;position:relative;margin-top:52px;border-radius:24px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow)}.orb-edition{height:335px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.black-edition{background:radial-gradient(ellipse at 50% 75%,#d0d0d0,#ededeb 70%);color:#343435}.white-edition{background:radial-gradient(ellipse at 50% 75%,#343437,#171719 75%);color:#d1d1d5}.edition-label{position:absolute;top:24px;font-size:9px;letter-spacing:.16em}.edition-caption{position:absolute;bottom:30px;font-size:11px;opacity:.75}.orb-visual{width:222px;aspect-ratio:1;position:relative;filter:drop-shadow(0 24px 18px #0002)}.orb-visual img,.orb-visual video{position:absolute;width:100%;height:100%;object-fit:contain;inset:0}.orb-visual video{opacity:0}.orb-visual video.playing{opacity:1}.motion-toggle{position:absolute;left:50%;bottom:13px;transform:translateX(-50%);border:1px solid #7775;border-radius:99px;background:#202023;color:#eee;font-size:10px;padding:6px 12px;z-index:2}.visual-caption{text-align:center;font-size:10px;color:var(--muted);margin-top:14px}.feature-strip{border-bottom:1px solid var(--line);display:flex;justify-content:center;gap:44px;padding-block:25px;color:var(--muted);font-size:12px}
.section{padding-block:100px}.center-title{text-align:center;margin-bottom:32px}.center-title h2{margin:16px 0}.center-title>p:last-child{color:var(--muted);font-size:15px}.gallery-tabs{display:flex;justify-content:center;gap:5px;width:fit-content;max-width:100%;margin:0 auto 28px;background:var(--raised);padding:5px;border-radius:99px}.gallery-tabs button{border:0;background:transparent;color:var(--muted);padding:10px 22px;border-radius:99px;font-size:12px}.gallery-tabs button[aria-selected=true]{background:var(--surface);color:var(--ink);box-shadow:0 2px 8px #0001}.screenshot-mat{padding:30px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(135deg,var(--raised),var(--surface));box-shadow:var(--shadow)}.screenshot-mat img{display:block;width:100%;height:auto;border-radius:14px;box-shadow:0 10px 35px #0003}.product-gallery figcaption{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;padding:25px 4px}.product-gallery h3{font-size:24px;margin-bottom:10px}.product-gallery p{color:var(--muted);font-size:13px;max-width:600px}.capture-note{font-size:10px;color:var(--muted);max-width:180px}.product-section{padding-bottom:0}
.section-title{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:36px}.section-title h2{margin-top:16px}.section-title>p{color:var(--muted);font-size:13px}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.feature-card{border-radius:20px;background:var(--surface);padding:32px;min-height:400px;border:1px solid var(--line);overflow:hidden}.card-label{color:var(--muted);font-size:9px;letter-spacing:.1em;margin-bottom:20px}.feature-card h3{margin-bottom:14px}.feature-card>p:not(.card-label){color:var(--muted);font-size:13px;max-width:430px}.timer-demo{text-align:center;margin-top:28px}.timer-face{margin:0 auto 18px;border:2px solid var(--ink);box-shadow:0 0 0 12px var(--soft);border-radius:50%;width:146px;height:146px;display:flex;flex-direction:column;justify-content:center;gap:4px}.timer-face>span{font-size:36px;font-variant-numeric:tabular-nums;letter-spacing:-.04em}.timer-face small{font-size:9px;color:var(--muted)}.timer-demo .button{min-height:34px;padding:7px 15px;font-size:10px}.timer-demo .fine{font-size:9px;margin-top:12px}.note-paper{background:var(--raised);color:var(--ink);border:1px solid var(--line);border-radius:6px 20px 6px 6px;padding:24px 28px;transform:rotate(-3deg);margin:38px 20px 4px;box-shadow:0 15px 30px #0001}.note-paper>span{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.note-paper p{font-size:26px;font-weight:600;letter-spacing:-.04em;line-height:1.35;margin:13px 0}.note-paper small{font-size:9px;color:var(--muted)}.note-line{height:1px;background:var(--line);margin-block:12px}
.media-illustration{display:flex;align-items:center;gap:20px;background:var(--raised);border:1px solid var(--line);border-radius:16px;padding:24px;margin:36px 0 15px}.album-art{width:85px;height:98px;flex-shrink:0;border-radius:7px;background:radial-gradient(ellipse at 30% 75%,#dca786,transparent 50%),radial-gradient(ellipse at 70% 15%,#728c70,transparent 60%),#514a3a}.media-illustration>div:last-child{min-width:0;flex:1}.media-illustration strong{font-size:13px;font-weight:600}.media-illustration small{display:block;font-size:9px;color:var(--muted);margin-top:4px}.track{height:3px;background:var(--line);width:100%;max-width:175px;margin:18px 0 10px}.track span{display:block;height:100%;width:46%;background:var(--ink)}.media-controls{font-size:23px}.accent-preview{--preview-accent:#c5d5a6;margin-top:36px;background:#17171a;border:1px solid #37373d;padding:25px;display:flex;flex-direction:column;gap:22px;border-radius:16px}.accent-preview>span{font-size:44px;letter-spacing:-.045em;color:var(--preview-accent);font-weight:600}.swatches{display:flex;gap:12px}.swatches button{width:27px;height:27px;border-radius:50%;background:var(--swatch);border:3px solid #17171a;outline:1px solid transparent}.swatches button[aria-pressed=true]{outline-color:#eae5e9}.tool-list{text-align:center;margin:48px auto 0;max-width:800px}.tool-list>p:not(.eyebrow){color:var(--muted);font-size:14px;line-height:2.1;margin:15px auto 20px}.tool-list span{margin-inline:10px;color:var(--muted)}.manifesto{background:var(--raised);border-block:1px solid var(--line);padding:78px 0;text-align:center}.manifesto h2{font-size:clamp(38px,5vw,64px);margin-block:24px}.manifesto em{font-style:normal;color:var(--muted)}.manifesto p:not(.eyebrow){font-size:14px;color:var(--muted)}
.pricing-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:18px}.price-card{border:1px solid var(--line);border-radius:20px;padding:36px;background:var(--surface)}.price-card.featured{border-color:var(--muted)}.pill{font-size:9px;letter-spacing:.08em;border:1px solid var(--line);border-radius:99px;padding:7px 11px;display:inline-block;margin-bottom:26px;color:var(--muted)}.price-card h3{font-size:26px}.price{font-size:64px;font-weight:600;line-height:1.25;letter-spacing:-.055em;margin:18px 0 12px}.price>span{font-size:13px;font-weight:400;letter-spacing:0;color:var(--muted)}.price-card>p{color:var(--muted);font-size:13px}.price-card ul{list-style:none;padding:0;margin:24px 0;font-size:12px;color:var(--ink);line-height:2.3}.price-card li:before{content:'✓';margin-right:12px}.price-card .button{width:100%;margin-block:6px}.price-card .fine{font-size:10px;margin-top:16px}.alternative>.button{margin-top:28px}.store-note{border-top:1px solid var(--line);margin-top:32px;padding-top:26px}.store-note strong{font-size:13px;font-weight:600}.store-note p{font-size:12px;color:var(--muted);margin-top:10px}.purchase-note{margin-top:22px}.faq{padding-top:0;max-width:850px}.faq h2{margin:18px 0 35px}.faq details{padding:22px 0;border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;font-size:16px;font-weight:600;list-style-position:outside;margin-left:18px;padding-left:8px}.faq details p{font-size:13px;line-height:1.85;color:var(--muted);padding:16px 22px 4px}
.journal-teaser{display:grid;grid-template-columns:1fr 1.2fr;gap:65px;align-items:center;padding-bottom:100px}.journal-teaser h2{margin-top:18px}.article-card{display:block;border:1px solid var(--line);border-radius:20px;padding:32px;text-decoration:none;background:var(--surface);transition:border-color .2s}.article-card:hover{border-color:var(--muted)}.article-card>span{font-size:9px;letter-spacing:.1em;color:var(--muted)}.article-card h3,.article-card h2{font-size:28px;margin:16px 0}.article-card p{font-size:13px;color:var(--muted);margin-bottom:24px}.article-card b{font-size:12px;color:var(--ink);font-weight:600}.footer{border-top:1px solid var(--line);padding-block:40px;display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:25px;align-items:start}.footer p{font-size:11px;color:var(--muted)}.footer nav{display:flex;gap:10px 20px;flex-wrap:wrap;justify-content:flex-end}.footer nav a{font-size:11px;text-decoration:none;color:var(--muted)}.footer>small{grid-column:1/-1;font-size:10px;color:var(--muted)}
.prose{max-width:800px;padding-block:70px 100px}.prose h1{font-size:clamp(40px,5.5vw,64px);margin:20px 0 25px;line-height:1.1}.prose .lead{max-width:none;margin-bottom:36px}.prose h2{font-size:28px;margin:44px 0 18px;letter-spacing:-.025em}.prose>p:not(.eyebrow):not(.lead),.prose li{font-size:15px;color:var(--muted);line-height:1.9}.prose a:not(.button){color:var(--ink)}.prose li{margin-bottom:12px;padding-left:8px}.prose .button{margin-block:8px}.prose .article-card{margin-top:30px}.prose .article-card h2{margin:16px 0}.steps{padding-left:20px}.steps strong{font-weight:600;color:var(--ink)}.disclosure{background:var(--raised);border-left:3px solid var(--muted);padding:24px;margin:30px 0}.disclosure p{font-size:13px;line-height:1.8;color:var(--muted);margin-top:8px}.search-label{display:block;font-size:13px;margin-bottom:8px}.prose input{width:100%;padding:13px 16px;background:var(--surface);border:1px solid var(--line);color:var(--ink);border-radius:9px}#article-results{font-size:13px;color:var(--muted);margin-top:10px}
@media(max-width:900px){.shell{width:calc(100% - 48px)}.header nav{gap:18px}.hero{padding-top:50px}.hero h1{font-size:60px}.feature-card{padding:25px}.media-illustration{padding:18px;gap:14px}.journal-teaser{gap:30px}.footer{grid-template-columns:1fr 1fr}.footer nav{grid-column:1/-1;justify-content:flex-start}.product-gallery figcaption{gap:20px}.capture-note{max-width:140px}}
@media(max-width:600px){.shell{width:calc(100% - 36px)}.header{height:76px}.header nav{gap:10px}.header nav>a:not(.nav-buy){display:none}.header .nav-buy{font-size:11px;padding:8px 13px}.brand{font-size:20px;gap:5px}.brand img{width:27px;height:27px}.theme-toggle{padding:5px 10px;font-size:10px}.hero{padding-top:42px}.hero-pill{font-size:8px;letter-spacing:.06em}.hero h1{font-size:clamp(40px,9.3vw,55px);margin-block:24px}.hero .lead{font-size:15px}.hero .lead br{display:none}.actions{gap:10px}.button{padding:12px 18px;font-size:12px;gap:14px}.hero .fine{font-size:9px}.dual-orb-stage{margin-top:35px;border-radius:18px}.orb-edition{height:250px}.orb-visual{width:150px}.edition-label{font-size:7px;top:20px}.edition-caption{font-size:8px;bottom:40px;max-width:125px}.motion-toggle{font-size:8px;bottom:10px}.visual-caption{font-size:9px}.feature-strip{gap:8px 20px;font-size:10px;flex-wrap:wrap;padding-block:17px}.section{padding-block:64px}.product-section{padding-bottom:0}.center-title h2{font-size:34px}.center-title>p:last-child{font-size:13px}.gallery-tabs button{font-size:11px;padding:9px 14px}.screenshot-mat{padding:10px;border-radius:15px}.screenshot-mat img{border-radius:7px}.product-gallery figcaption{display:block;padding:20px 0}.product-gallery h3{font-size:23px}.capture-note{display:block;margin-top:12px;max-width:none}.section-title{display:block;margin-bottom:28px}.section-title>p{margin-top:20px}.feature-grid,.pricing-grid,.journal-teaser{grid-template-columns:1fr}.feature-card{min-height:380px;padding:26px}.note-paper{margin-inline:10px}.album-art{width:72px}.personal-card{min-height:330px}.accent-preview>span{font-size:40px}.tool-list{text-align:left}.manifesto{padding-block:60px}.manifesto h2{font-size:38px}.price-card{padding:27px}.price{font-size:58px}.faq{padding-top:0}.journal-teaser{padding-bottom:64px;gap:24px}.journal-teaser h2 br{display:none}.article-card{padding:27px}.footer{grid-template-columns:1fr;gap:20px}.footer p{grid-column:1}.prose{padding-block:45px 65px}.prose h1{font-size:40px}.prose h2{font-size:26px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Nunito keeps the rounded headings; Inter improves the smaller reading text. */
h1,h2,h3,.brand,.note-paper p,.accent-preview>span{font-family:Nunito,'Segoe UI',sans-serif}
.eyebrow,.card-label,.pill,.edition-label,.edition-caption,.visual-caption,.capture-note,.fine,.footer>small{font-size:11px}
.hero .fine,.price-card .fine,.timer-demo .fine{font-size:11px}
.platform-context{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;border-top:1px solid var(--line)}
.platform-context h2{margin:16px 0 22px}.platform-context h3{margin:34px 0 20px}.platform-context p:not(.eyebrow){color:var(--muted);font-size:15px}
.requirements{margin:24px 0}.requirements>div{display:grid;grid-template-columns:190px 1fr;gap:22px;padding:18px 0;border-bottom:1px solid var(--line)}.requirements dt{font-size:14px;font-weight:600}.requirements dd{margin:0;color:var(--muted);font-size:14px;line-height:1.8}
.article-figure{margin:30px 0}.article-figure img{display:block;width:100%;height:auto;border-radius:14px}.article-figure figcaption,.article-byline{font-size:12px!important;color:var(--muted);margin-top:12px}
@media(max-width:600px){.platform-context{grid-template-columns:1fr;gap:15px}.platform-context h3{margin-top:0}.requirements>div{grid-template-columns:1fr;gap:8px}.eyebrow,.card-label,.pill{font-size:10px}.edition-label,.edition-caption{font-size:9px}.hero .fine{font-size:10px}.visual-caption{font-size:10px}}

.requirements-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:30px;margin:0 0 28px}.requirements-card h3{margin:12px 0}.specs-intro{font-size:14px;color:var(--muted)}.pc-specs>div{grid-template-columns:110px 1fr}.pc-specs dt{font-weight:600}.specs-note{font-size:12px!important;line-height:1.8;color:var(--muted);margin-top:14px}.requirements-card .requirements{margin-bottom:20px}@media(max-width:600px){.requirements-card{padding:24px}.pc-specs>div{grid-template-columns:1fr;gap:6px}}

.footer{grid-template-columns:1.6fr 1fr 1fr .8fr;gap:35px}.footer-brand p{margin-top:16px}.footer nav{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:9px;grid-column:auto}.footer nav strong{font-size:12px;font-weight:600;margin-bottom:7px}.footer nav a{font-size:12px}.footer small{grid-column:1/-1}@media(max-width:700px){.footer{grid-template-columns:repeat(3,1fr);gap:28px}.footer-brand{grid-column:1/-1}.footer nav{grid-column:auto}}@media(max-width:400px){.footer{grid-template-columns:1fr 1fr}.footer nav[aria-label=More]{grid-column:1/-1}}

/* Product stories and replaceable real-media spaces. */
.showcase-hero{padding-bottom:0}.showcase-hero h1{font-size:clamp(48px,6.2vw,80px)}.showcase-hero .lead{max-width:660px}.walkthrough{margin-top:48px;text-align:left}.walkthrough .showcase-media{border-radius:24px;box-shadow:var(--shadow)}.walkthrough .empty-media{min-height:340px}.walkthrough .empty-media strong{font-size:30px}.hero-benefits{display:flex;justify-content:center;flex-wrap:wrap;gap:15px 32px;padding:26px 0;margin:0;border-bottom:1px solid var(--line);list-style:none;font-size:12px;color:var(--muted)}.hero-benefits li:before{content:'✓';margin-right:8px;color:var(--ink)}
.integrations-section{text-align:center;padding:80px 0 50px;max-width:860px}.integrations-section h2{margin:18px 0;font-size:38px}.integrations-section>p:not(.eyebrow):not(.fine){color:var(--muted);font-size:15px;max-width:650px;margin:auto}.integration-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin:28px 0 20px}.integration-chips span{padding:8px 15px;border:1px solid var(--line);background:var(--surface);border-radius:10px;font-size:12px}.tool-shortcuts{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;border-block:1px solid var(--line);padding:16px 0}.tool-shortcuts a{font-size:11px;text-decoration:none;border-radius:99px;padding:7px 12px;color:var(--muted)}.tool-shortcuts a:hover{background:var(--raised);color:var(--ink)}
.showcase-stories{padding-block:40px}.feature-story{display:grid;grid-template-columns:.82fr 1.18fr;gap:65px;align-items:center;padding:60px 0}.feature-story.story-reverse .story-copy{order:2}.story-copy h3{font-size:clamp(30px,3.2vw,43px);margin:18px 0 22px}.story-copy>p:not(.eyebrow){font-size:14px;color:var(--muted);line-height:1.85}.story-copy .text-link{display:inline-block;margin-top:20px}.feature-points{padding:0;list-style:none;color:var(--muted);font-size:12px;line-height:2.1;margin:20px 0 0}.feature-points li:before{content:'✓';color:var(--ink);margin-right:9px}
.showcase-media{display:block;aspect-ratio:16/9;width:100%;position:relative;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--raised)}.loaded-media{padding:10px;text-decoration:none}.loaded-media img,.loaded-media video{display:block;width:100%;height:100%;object-fit:contain;border-radius:10px}.loaded-media video{background:#08080a}.loaded-media:has(video){padding:0}.loaded-media video:focus-visible{outline-offset:-5px}.empty-media{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;background:radial-gradient(ellipse at 50% 90%,var(--raised),var(--surface));padding:35px;text-align:center}.media-kind{position:absolute;top:18px;left:20px;font-size:9px;letter-spacing:.15em;color:var(--muted)}.empty-media strong{font:600 20px/1.3 Nunito,'Segoe UI',sans-serif;color:var(--ink);letter-spacing:-.025em}.media-placeholder-note{font-size:11px;color:var(--muted)}.media-placeholder-mark{display:flex;gap:6px;margin-bottom:14px}.media-placeholder-mark span{display:block;width:8px;height:8px;border:1px solid var(--muted);border-radius:50%;opacity:.5}.media-placeholder-mark span:nth-child(2){background:var(--muted)}
.showcase-grid{display:grid;gap:26px}.two-columns{grid-template-columns:repeat(2,1fr)}.three-columns{grid-template-columns:repeat(3,1fr)}.showcase-card{min-width:0}.showcase-card h3{font-size:25px;line-height:1.22;margin:22px 0 12px}.showcase-card>p{font-size:13px;line-height:1.9;color:var(--muted)}.showcase-card .empty-media{padding:24px 15px}.showcase-card .empty-media strong{font-size:18px}.showcase-card .media-placeholder-mark{margin-bottom:6px}.showcase-card .media-kind{font-size:8px;top:14px;left:15px}.showcase-section .center-title{margin-bottom:46px}.showcase-section .center-title>p:last-child{max-width:640px;margin-inline:auto}.showcase-section .showcase-grid{row-gap:45px}
.live-activity-section,.behaviour-section{background:var(--soft);border-block:1px solid var(--line)}.live-activity-section .center-title{margin-bottom:45px}.closed-grid .showcase-media{aspect-ratio:2.25/1}.closed-grid .empty-media strong{font-size:16px;max-width:200px}.closed-grid .empty-media{gap:5px;padding-top:30px}.closed-grid .media-placeholder-mark{display:none}.live-activity-section .feature-story{padding-bottom:0;padding-top:90px}.utility-feature{margin-top:50px}.utility-feature .feature-story{padding-bottom:0}.appearance-showcase{max-width:940px;margin:auto}.style-names{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:22px 0 36px}.style-names span{padding:7px 13px;border:1px solid var(--line);border-radius:99px;color:var(--muted);font-size:11px}.showcase-section .dual-orb-stage{margin-top:35px}.hover-story{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:center;margin-top:70px}.hover-story h3{font-size:36px;margin:18px 0}.hover-story>div>p:last-child{color:var(--muted);font-size:14px}
.all-tools{border-top:1px solid var(--line)}.tool-directory{display:grid;grid-template-columns:1fr 1fr;gap:0 45px;margin:38px 0 22px}.tool-directory>div{display:grid;grid-template-columns:120px 1fr;gap:14px;border-bottom:1px solid var(--line);padding:16px 0}.tool-directory dt{font-size:13px;font-weight:600}.tool-directory dd{margin:0;color:var(--muted);font-size:12px;line-height:1.8}.behaviour-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:45px}.behaviour-grid h3{font-size:27px;margin-bottom:15px}.behaviour-grid p{font-size:13px;line-height:1.9;color:var(--muted)}.closing-cta{text-align:center;border-top:1px solid var(--line);padding-top:80px}.closing-cta h2{margin:20px 0}.closing-cta>p:not(.eyebrow){font-size:15px;color:var(--muted)}
@media(max-width:900px){.feature-story{gap:30px}.three-columns{grid-template-columns:repeat(2,1fr)}.closed-grid{grid-template-columns:repeat(2,1fr);gap:15px}.closed-grid .empty-media strong{font-size:14px}.closed-grid .showcase-media{aspect-ratio:1.65/1}.closed-grid .showcase-card h3{font-size:21px}.hover-story{gap:30px}.tool-directory{gap:0 25px}.tool-directory>div{grid-template-columns:100px 1fr}.story-copy h3{font-size:34px}}
@media(max-width:600px){.showcase-hero h1{font-size:clamp(43px,11vw,60px)}.showcase-hero .fine{max-width:330px;margin-inline:auto}.walkthrough{margin-top:32px}.walkthrough .empty-media{min-height:220px}.walkthrough .empty-media strong{font-size:24px}.walkthrough .showcase-media{border-radius:17px}.hero-benefits{gap:12px 20px;font-size:10px;justify-content:flex-start;padding:23px 0}.integrations-section{padding:60px 0 35px}.integrations-section h2{font-size:32px}.integrations-section>p:not(.eyebrow):not(.fine){font-size:13px}.integration-chips{gap:7px;margin-top:23px}.integration-chips span{font-size:10px;padding:7px 10px}.tool-shortcuts{gap:2px;padding:11px 0}.tool-shortcuts a{font-size:10px;padding:6px 9px}.showcase-stories{padding-block:20px}.feature-story,.hover-story{grid-template-columns:1fr;gap:25px;padding:38px 0}.feature-story.story-reverse .story-copy{order:0}.story-copy h3{font-size:34px;margin:14px 0 18px}.story-copy>p:not(.eyebrow){font-size:13px}.showcase-grid,.three-columns,.two-columns,.closed-grid{grid-template-columns:1fr;gap:36px}.showcase-card h3{font-size:25px;margin-top:20px}.showcase-card .empty-media strong{font-size:21px}.showcase-card .showcase-media{aspect-ratio:16/9}.closed-grid .showcase-media{aspect-ratio:2.2/1}.closed-grid .empty-media strong{font-size:19px}.closed-grid .showcase-card h3{font-size:25px}.live-activity-section .feature-story{padding-top:65px}.utility-feature{margin-top:30px}.hover-story{margin-top:40px;padding-bottom:0}.hover-story h3{font-size:32px}.style-names{gap:7px}.style-names span{font-size:10px;padding:6px 10px}.tool-directory{grid-template-columns:1fr;margin-top:25px}.tool-directory>div{grid-template-columns:110px 1fr}.behaviour-grid{grid-template-columns:1fr;gap:30px}.closing-cta{padding-top:60px}.empty-media{padding:30px}.showcase-media{border-radius:15px}.article-figure .empty-media{min-height:210px}}

.orb-mode-hint{text-align:center;margin:24px 0 0}.orb-mode-hint span{display:inline-block;padding:10px 20px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:13px;line-height:1.4}