@font-face { font-family: 'DM Sans'; src: url('/assets/dm-sans.woff2') format('woff2'); font-weight: 100 1000; font-style: normal; font-display: swap; }
:root { --ink:#1c2b25; --muted:#58665e; --paper:#fafbf8; --mint:#e3eee8; --mint-dark:#cbded1; --lilac:#bda4f7; --lilac-light:#eee8fa; --lime:#d7eea5; --line:#d6dfd8; --radius:20px; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:110px; }
body { margin:0; font-family:'DM Sans',Arial,sans-serif; color:var(--ink); background:var(--paper); font-size:16px; line-height:1.6; -webkit-font-smoothing:antialiased; }
body, input, button, textarea, select { font-family:'DM Sans',Arial,sans-serif; }
a { color:inherit; text-decoration:none; }
button, input, textarea, select { font:inherit; }
button, summary { cursor:pointer; }
button { color:inherit; }
img { display:block; max-width:100%; height:auto; }
h1,h2,h3,h4,p { margin-top:0; }
h1,h2,h3,h4 { line-height:1.08; font-weight:600; letter-spacing:-.045em; }
h1 { font-size:clamp(50px,6.5vw,94px); }
h2 { font-size:clamp(36px,4vw,58px); }
h3 { font-size:28px; }
p { margin-bottom:20px; }
::selection { color:var(--ink); background:var(--lime); }
:focus-visible { outline:3px solid #7450ba; outline-offset:5px; }
[hidden] { display:none !important; }
.shell { width:min(1280px,calc(100% - 80px)); margin-inline:auto; }
.section { padding-top:110px; padding-bottom:110px; }
.eyebrow,.mini-label { display:block; margin:0 0 23px; font-size:11px; line-height:1.5; font-weight:700; letter-spacing:.13em; }
.status-dot { display:inline-block; width:7px; height:7px; margin-right:8px; background:#47775d; border-radius:50%; vertical-align:middle; }
.button { display:inline-flex; align-items:center; justify-content:center; gap:15px; min-height:49px; padding:12px 24px; border:1px solid transparent; border-radius:40px; font-size:14px; line-height:1.35; font-weight:600; transition:background .2s,transform .2s; text-align:center; }
.button:hover { transform:translateY(-2px); }
.button-dark { color:white; background:var(--ink); }
.button-dark:hover { background:#385044; }
.button-outline { border-color:var(--ink); background:transparent; }
.button-outline:hover { background:#1c2b250b; }
.button-row { display:flex; gap:12px; flex-wrap:wrap; }
.text-link { display:inline-flex; gap:15px; align-items:center; padding:5px 0; font-size:14px; font-weight:600; border-bottom:1px solid currentColor; }
.text-link:hover { color:#6844a5; }
.sr-only { position:absolute; width:1px; height:1px; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
.skip-link { position:fixed; top:-100px; left:20px; z-index:100; background:var(--ink); color:#fff; padding:15px 25px; }
.skip-link:focus { top:10px; }
.announcement { display:flex; justify-content:center; gap:20px; padding:8px 20px; background:var(--lilac); font-size:12px; }
.announcement a { font-weight:700; }
.site-header { position:sticky; top:0; z-index:30; background:#fafbf8f5; border-bottom:1px solid #1c2b2509; backdrop-filter:blur(14px); }
.nav { display:flex; align-items:center; gap:35px; height:88px; }
.brand { display:inline-flex; align-items:center; gap:9px; flex-shrink:0; font-size:29px; font-weight:750; line-height:1; letter-spacing:-.07em; }
.brand-light { font-weight:450; }
.brand small { display:block; margin-top:6px; font-size:7px; letter-spacing:.16em; font-weight:600; }
.site-menu { display:flex; width:100%; align-items:center; gap:27px; font-size:14px; font-weight:500; }
.site-menu>a { white-space:nowrap; }
.site-menu>a:hover,.site-menu>a[aria-current] { color:#6844a5; }
.nav-actions { margin-left:auto; display:flex; gap:8px; }
.nav-actions .button { padding:12px 20px; }
.menu-toggle { display:none; }
.home-hero { padding-top:65px; padding-bottom:30px; background:linear-gradient(160deg,#e4f0e8 15%,#e7edf3 62%,#efe9fa); }
.hero-content { text-align:center; }
.hero-content h1 { margin:0 auto 26px; font-size:clamp(52px,6.6vw,96px); font-weight:600; letter-spacing:-.065em; line-height:1.02; }
.hero-accent { color:#4c6254; }
.hero-lede { max-width:760px; margin:0 auto 32px; font-size:19px; line-height:1.6; color:#43564b; letter-spacing:-.015em; }
.search-bar { max-width:800px; margin:0 auto; display:flex; align-items:center; gap:14px; padding:8px 8px 8px 22px; background:white; border:1px solid #cdd9d3; outline:7px solid #ffffff48; border-radius:60px; box-shadow:0 12px 30px #33423c09; }
.search-icon { display:flex; width:22px; color:#5c7264; flex-shrink:0; }
.search-icon svg { width:22px; height:22px; }
.search-bar input { width:100%; min-width:0; border:0; background:transparent; padding:12px 0; font-size:15px; color:var(--ink); }
.search-bar input:focus { outline:none; }
.search-bar:focus-within { outline:3px solid #9f81d9; }
.search-country { font-size:12px; padding:0 8px; border-left:1px solid var(--line); }
.search-bar button { flex-shrink:0; border:0; padding:17px 25px; border-radius:40px; background:var(--lilac); font-size:14px; font-weight:600; transition:background .2s; }
.search-bar button:hover { background:#ab8ce8; }
.search-bar button span { margin-left:8px; }
.search-examples { display:flex; justify-content:center; flex-wrap:wrap; align-items:center; gap:9px; margin-top:22px; font-size:12px; color:#4b5d51; }
.search-examples a { border:1px solid #bccbc5; border-radius:30px; padding:5px 13px; background:#ffffff20; }
.search-examples a:hover { background:white; }
.hero-note { margin-top:15px; margin-bottom:35px; font-size:11px; color:#5b6a60; }
.hero-stage { height:390px; position:relative; overflow:hidden; display:flex; align-items:center; padding:40px; background:#e1eee3; border:1px solid #ffffff8a; border-radius:20px; }
.stage-caption { width:38%; position:relative; z-index:2; }
.stage-caption .mini-label { font-size:10px; }
.stage-caption h2 { font-size:48px; margin-bottom:18px; }
.stage-caption p { font-size:14px; color:#506252; }
.research-art { position:absolute; right:-3%; width:70%; height:100%; object-fit:cover; }
.floating-label { position:absolute; right:6%; bottom:26px; padding:12px 19px; border:1px solid #ffffffdd; border-radius:40px; background:#ffffffcf; backdrop-filter:blur(10px); box-shadow:0 10px 35px #263f3014; font-size:12px; }
.floating-label>span:last-child { color:#7250a2; margin-left:25px; }
.source-strip { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:42px 0; border-bottom:1px solid var(--line); }
.source-strip p { margin:0; font-size:12px; color:var(--muted); line-height:1.6; }
.source-strip strong { font-weight:500; }
.source-strip>div { display:flex; align-items:center; gap:8px; font-size:15px; font-weight:600; letter-spacing:-.03em; white-space:nowrap; }
.source-symbol { font-size:27px; font-weight:600; }
.meta-symbol { font-size:35px; line-height:1; }
.section-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:40px; margin-bottom:40px; }
.section-heading h2 { margin-bottom:0; }
.section-lede { max-width:340px; color:var(--muted); margin:0 0 5px; font-size:16px; }
.toolkit-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:18px; }
.feature-card { padding:32px; border-radius:var(--radius); background:#f0f1e9; overflow:hidden; }
.feature-store { grid-column:span 4; display:grid; grid-template-columns:1fr .95fr; gap:24px; align-items:center; background:var(--lilac); min-height:430px; }
.feature-copy>p { font-size:15px; max-width:310px; }
.pill { display:inline-block; font-size:9px; letter-spacing:.09em; padding:6px 10px; border:1px solid #1c2b2540; border-radius:30px; margin-bottom:30px; font-weight:700; }
.feature-card h3 { font-size:32px; margin-bottom:18px; }
.feature-card p { font-size:14px; line-height:1.65; }
.product-preview { padding:20px; border-radius:16px; background:#fcfdfa; box-shadow:0 16px 32px #51388920; transform:rotate(-3deg); border:1px solid #ffffffb3; }
.preview-top { display:flex; justify-content:space-between; gap:8px; font-size:12px; padding-bottom:20px; }
.preview-label { font-size:7px; letter-spacing:.07em; color:#69756d; }
.preview-app { display:flex; align-items:center; gap:10px; margin:15px 0 25px; }
.concept-icon { display:grid; place-items:center; width:47px; height:47px; border-radius:12px; color:var(--ink); background:var(--lime); font-size:30px; flex-shrink:0; }
.preview-app strong { display:block; font-size:14px; font-weight:650; letter-spacing:-.04em; }
.preview-app div>span { display:block; font-size:8px; color:var(--muted); }
.preview-facts { display:grid; grid-template-columns:1fr 1fr; gap:10px; padding:17px 0; border-top:1px solid var(--line); }
.preview-facts span { display:block; font-size:9px; color:var(--muted); }
.preview-facts strong { display:block; font-size:16px; letter-spacing:-.045em; }
.preview-stores { display:flex; gap:8px; font-size:9px; }
.preview-stores span { border:1px solid var(--line); border-radius:20px; padding:7px 9px; }
.preview-line { display:flex; gap:7px; align-items:center; font-size:8px; color:var(--muted); margin-top:27px; }
.preview-line i { background:#639374; width:5px; height:5px; border-radius:50%; }
.feature-aso { grid-column:span 2; background:#e7eee9; }
.feature-aso .pill { margin-bottom:25px; }
.feature-aso h3 { font-size:30px; }
.mini-chart { background:white; border:1px solid #d4dfd6; border-radius:12px; padding:17px; margin:24px 0 19px; }
.mini-chart>span { display:flex; justify-content:space-between; font-size:7px; letter-spacing:.08em; margin-bottom:18px; }
.mini-chart small { font-size:6px; color:#69756d; }
.mini-chart>div { margin-top:12px; }
.mini-chart b { display:block; font-size:9px; font-weight:500; }
.mini-chart i { display:block; width:var(--bar); height:7px; margin-top:4px; border-radius:5px; background:#9f85cf; }
.mini-chart>div:nth-child(3) i { background:#95b49c; }
.feature-small { grid-column:span 2; display:flex; flex-direction:column; min-height:310px; }
.feature-small h3 { font-size:28px; }
.feature-small .text-link { margin-top:auto; width:max-content; max-width:100%; font-size:13px; }
.feature-number { display:flex; justify-content:space-between; align-items:center; font-size:12px; margin-bottom:30px; }
.feature-number>span { font-size:25px; }
.mint-card { background:#e6eee0; }
.lilac-card { background:var(--lilac-light); }
.section-footnote { color:var(--muted); font-size:11px; line-height:1.7; margin:22px 0 0; }
.section-footnote a { text-decoration:underline; text-underline-offset:3px; }
.market-section { background:var(--ink); color:#f6f7ed; padding:94px 0 60px; }
.market-section .section-lede { color:#c1cfc5; }
.market-section .eyebrow { color:#d7eea5; }
.market-section h2 { max-width:760px; }
.stats-grid { display:grid; grid-template-columns:repeat(3,1fr); margin-top:70px; gap:32px; }
.stats-grid article { border-top:1px solid #697b6e; padding-top:25px; }
.stats-grid strong { display:block; color:var(--lime); font-size:clamp(62px,6.5vw,92px); line-height:1; letter-spacing:-.06em; font-weight:500; }
.stats-grid h3 { font-size:17px; margin:18px 0 22px; letter-spacing:-.02em; font-weight:400; }
.stats-grid a { font-size:11px; color:#c9d5cd; text-decoration:underline; text-underline-offset:3px; }
.market-section .section-footnote { color:#b6c7bb; margin-top:50px; }
.steps-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:50px; margin-top:65px; }
.step-number { display:grid; place-items:center; width:55px; height:55px; border-radius:50%; background:var(--lilac-light); font-size:19px; margin-bottom:25px; }
.steps-grid article:nth-child(2) .step-number { background:var(--mint); }
.steps-grid article:nth-child(3) .step-number { background:var(--lime); }
.steps-grid h3 { font-size:26px; margin-bottom:16px; }
.steps-grid p { color:var(--muted); font-size:15px; }
.step-example { display:block; border-top:1px solid var(--line); padding-top:20px; font-size:12px; font-style:italic; }
.builder-section { display:grid; grid-template-columns:1fr 1fr; background:var(--lilac-light); border-radius:var(--radius); overflow:hidden; }
.builder-art { min-height:520px; }
.builder-art img { width:100%; height:100%; object-fit:cover; }
.builder-copy { padding:55px 48px; }
.builder-copy h2 { font-size:58px; }
.builder-copy p { color:var(--muted); font-size:15px; }
.builder-copy .eyebrow { font-size:10px; color:var(--ink); }
.check-list { list-style:none; padding:0; margin:25px 0 30px; }
.check-list li { position:relative; padding:8px 0 8px 26px; font-size:13px; }
.check-list li::before { content:'✓'; position:absolute; left:0; font-weight:700; color:#456b52; }
.faq-section { display:grid; grid-template-columns:.85fr 1.15fr; gap:90px; }
.faq-section .text-link { margin-top:15px; }
.faq-list details { border-top:1px solid var(--line); }
.faq-list details:last-child { border-bottom:1px solid var(--line); }
.faq-list summary { list-style:none; padding:24px 0; display:flex; justify-content:space-between; gap:24px; font-size:17px; font-weight:500; line-height:1.4; }
.faq-list summary::-webkit-details-marker { display:none; }
.faq-list summary span { flex-shrink:0; font-size:23px; line-height:1; transition:transform .2s; }
.faq-list details[open] summary span { transform:rotate(45deg); }
.faq-list details>div { padding:0 30px 20px 0; font-size:14px; color:var(--muted); }
.faq-list details p { margin:0; }
.faq-list a { text-decoration:underline; }
.closing-cta { position:relative; background:var(--lilac); padding:85px 0; overflow:hidden; }
.closing-cta .shell { position:relative; z-index:1; }
.closing-cta h2 { font-size:clamp(42px,4.8vw,70px); max-width:850px; margin-bottom:24px; }
.closing-cta p { font-size:16px; margin-bottom:28px; }
.cta-spark { position:absolute; color:#a48cda; font-size:390px; line-height:1; right:-50px; top:50%; transform:translateY(-50%); }
.site-footer { padding:65px 0 24px; background:#f1f4ec; }
.footer-top { display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; gap:40px; }
.footer-intro p { color:var(--muted); font-size:16px; margin-top:23px; line-height:1.5; }
.studio-credit { font-size:11px; color:var(--muted); }
.footer-top h2 { font-size:13px; margin:0 0 20px; letter-spacing:0; }
.footer-top>div>a:not(.brand) { display:block; font-size:13px; color:var(--muted); margin-bottom:12px; }
.footer-top>div>a:hover { text-decoration:underline; }
.footer-bottom { display:flex; justify-content:space-between; gap:20px; border-top:1px solid #d5ded2; margin-top:45px; padding-top:22px; font-size:10px; color:var(--muted); }
.page-hero { padding-top:85px; padding-bottom:90px; text-align:center; }
.page-hero h1 { letter-spacing:-.065em; line-height:1.03; margin-bottom:28px; }
.page-hero .hero-lede { max-width:800px; }
.page-pricing,.page-contact { background:linear-gradient(#edf2e9, #fafbf8 850px); }
.plans-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; align-items:stretch; padding-top:22px; }
.plan-card { position:relative; border:1px solid var(--line); border-radius:20px; padding:34px 30px; background:#fff; }
.plan-card.featured { background:var(--lilac-light); border-color:#a98ad9; }
.plan-ribbon { position:absolute; top:-24px; height:24px; display:flex; align-items:center; justify-content:center; left:18px; right:18px; border-radius:9px 9px 0 0; background:var(--lilac); font-size:9px; letter-spacing:.12em; font-weight:700; }
.plan-card>.eyebrow { font-size:12px; margin-bottom:30px; }
.plan-card h2 { font-size:35px; max-width:290px; margin-bottom:18px; }
.plan-card>p:not(.eyebrow) { font-size:14px; color:var(--muted); min-height:90px; }
.plan-price { font-size:40px; line-height:1.1; font-weight:500; letter-spacing:-.05em; margin:30px 0; }
.plan-price>span { display:block; margin-top:10px; font-size:11px; color:var(--muted); letter-spacing:0; }
.plan-card .button { width:100%; padding-inline:12px; font-size:13px; }
.plan-card h3 { font-size:13px; margin:32px 0 10px; letter-spacing:0; }
.plan-card .check-list { margin:0; }
.pricing-note { display:flex; align-items:center; justify-content:center; gap:18px; margin-top:35px; font-size:12px; color:var(--muted); }
.pricing-note>span { font-size:22px; color:#735299; }
.pricing-note p { margin:0; }
.about-hero { text-align:left; }
.about-hero h1 { font-size:clamp(54px,7.5vw,108px); }
.about-hero .hero-lede { margin-left:0; }
.italic-accent { color:#715397; }
.about-image { position:relative; height:490px; border-radius:24px; overflow:hidden; background:var(--lilac-light); }
.about-image img { width:100%; height:100%; object-fit:cover; object-position:center 57%; }
.image-caption { position:absolute; bottom:22px; left:28px; padding:10px 18px; border:1px solid #ffffffbb; border-radius:40px; background:#ffffffd9; font-size:11px; }
.studio-story { display:grid; grid-template-columns:1fr 1fr; gap:90px; }
.studio-story h2 { font-size:44px; }
.studio-story p { font-size:16px; color:var(--muted); }
.studio-story .large-copy { color:var(--ink); font-size:24px; line-height:1.45; letter-spacing:-.03em; }
.values-section { padding:90px 0; background:var(--mint); }
.values-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:50px; margin-top:60px; }
.values-grid article { border-top:1px solid #b5c9bc; padding-top:20px; }
.values-grid article>span { display:block; margin-bottom:30px; font-size:12px; }
.values-grid h3 { font-size:28px; }
.values-grid p { color:var(--muted); font-size:15px; }
.studio-statement { text-align:center; }
.studio-statement>span { display:block; font-size:65px; color:#8c6db7; margin-bottom:35px; }
.studio-statement h2 { max-width:900px; margin-inline:auto; }
.studio-statement p { color:var(--muted); }
.contact-grid { display:grid; grid-template-columns:.85fr 1.15fr; gap:90px; padding-bottom:100px; }
.studio-badge { display:grid; place-items:center; width:75px; height:75px; background:var(--lilac); border-radius:20px; font-size:45px; margin-bottom:35px; }
.contact-grid aside h2 { font-size:38px; }
.contact-grid aside p { color:var(--muted); max-width:400px; font-size:15px; }
.contact-steps { display:grid; gap:13px; margin-top:40px; font-size:13px; color:var(--muted); }
.contact-form { padding:34px; border:1px solid var(--line); background:white; border-radius:20px; }
.contact-form label { display:block; margin-bottom:23px; font-size:13px; font-weight:600; }
.contact-form input,.contact-form select,.contact-form textarea { display:block; width:100%; border:1px solid #b9c6bd; padding:13px 14px; background:#fcfdfb; color:var(--ink); border-radius:9px; margin-top:8px; font-size:14px; font-weight:400; }
.contact-form textarea { resize:vertical; min-height:130px; }
.form-pair { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.form-note { margin:17px 0 0; font-size:11px; color:var(--muted); line-height:1.7; }
.contact-draft { padding:22px; background:var(--mint); margin-top:25px; border-radius:12px; }
.contact-draft h3 { font-size:22px; }
.contact-draft p { font-size:13px; }
.contact-draft .button { font-size:12px; }
.contact-draft pre { white-space:pre-wrap; overflow-wrap:anywhere; font:12px/1.6 'DM Sans',sans-serif; }
.data-layout { display:grid; grid-template-columns:230px 1fr; gap:80px; padding-bottom:100px; }
.data-layout nav { display:flex; flex-direction:column; gap:18px; font-size:14px; position:sticky; top:120px; height:max-content; }
.data-layout nav a:hover { text-decoration:underline; }
.data-content { max-width:800px; }
.data-content>section { margin-bottom:70px; }
.data-content h2 { font-size:36px; }
.data-content p { font-size:15px; color:var(--muted); }
.data-content a { text-decoration:underline; text-underline-offset:3px; }
.source-note { padding:22px; background:var(--mint); margin-bottom:15px; border-radius:14px; }
.source-note p { margin:9px 0; }
.source-note a { font-size:13px; }
.workspace-hero { padding:55px 0 38px; background:var(--mint); }
.workspace-title { display:flex; justify-content:space-between; align-items:center; gap:30px; }
.workspace-title h1 { font-size:58px; margin:0 0 20px; }
.workspace-title .eyebrow { margin-bottom:16px; }
.workspace-lede { color:var(--muted); font-size:15px; }
.workspace-hero .search-bar { margin-left:0; max-width:900px; }
.workspace-hero .search-examples { justify-content:flex-start; }
.workspace-photo { margin:36px 0 0; }
.workspace-photo img { display:block; width:100%; height:auto; border-radius:22px; background:var(--mint-dark); }
.workspace-photo figcaption { margin-top:12px; font-size:11px; color:#4d6a56; letter-spacing:.01em; }
.workspace-results { padding-top:50px; padding-bottom:60px; }
.workspace-results .section-heading { margin-bottom:16px; }
.workspace-results .eyebrow { margin-bottom:12px; }
.workspace-results h2 { font-size:36px; }
.status { margin:0; max-width:350px; font-size:12px; color:var(--muted); }
.workspace-note { font-size:12px; color:var(--muted); margin-bottom:25px; }
.empty-state { text-align:center; border:1px dashed #b4c6b9; background:#f2f6ef; border-radius:20px; padding:50px 20px; }
.empty-state>span { font-size:45px; color:#647d6c; }
.empty-state h3 { font-size:26px; margin:15px 0; }
.empty-state p { font-size:14px; color:var(--muted); }
.result-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.result-card { display:flex; flex-direction:column; background:white; border:1px solid var(--line); border-radius:18px; padding:25px; min-width:0; transition:box-shadow .2s,border-color .2s; }
.result-card:hover { border-color:#9eaf9f; box-shadow:0 10px 30px #1c2b2509; }
.app-head { display:flex; gap:13px; align-items:center; }
.app-icon { width:53px; height:53px; border-radius:13px; object-fit:cover; background:var(--mint); }
.app-name { font-size:20px; line-height:1.2; letter-spacing:-.04em; margin:0; overflow-wrap:anywhere; }
.developer { font-size:12px; color:var(--muted); line-height:1.5; margin:5px 0 0; }
.facts { display:flex; flex-wrap:wrap; gap:6px; margin:22px 0 12px; }
.fact { font-size:11px; background:#edf2e9; color:#375541; padding:5px 9px; border-radius:7px; }
.store-links { display:flex; flex-wrap:wrap; gap:12px; padding-top:25px; margin-top:auto; }
.result-link { font-size:12px; font-weight:600; color:#4a6052; border-bottom:1px solid #a9bbae; }
.test-actions { display:flex; flex-wrap:wrap; gap:7px; margin-top:19px; padding-top:17px; border-top:1px solid var(--line); }
.test-actions button,.creator-search { display:inline-flex; gap:5px; align-items:center; min-height:37px; border:1px solid #c4d2c8; border-radius:30px; padding:8px 12px; background:var(--paper); font-size:11px; cursor:pointer; }
.test-actions button:first-child { background:var(--lilac-light); border-color:#daccef; }
.test-actions button:hover,.creator-search:hover { background:var(--mint); }
.test-actions button:disabled { opacity:.6; cursor:wait; }
.workspace-help { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr); align-items:stretch; background:var(--lilac-light); border-radius:20px; overflow:hidden; margin-bottom:60px; }
.workspace-help-copy { display:flex; flex-direction:column; justify-content:center; gap:18px; padding:38px 40px; }
.workspace-help-copy>span { font-size:40px; line-height:1; color:#8867b1; }
.workspace-help-copy h2 { font-size:23px; margin:0 0 9px; }
.workspace-help-copy p { font-size:13px; color:var(--muted); margin:0; }
.workspace-help-copy>a { font-size:12px; width:max-content; max-width:100%; }
.workspace-help-photo { margin:0; min-height:300px; }
.workspace-help-photo img { display:block; width:100%; height:100%; object-fit:cover; object-position:center; }
.pillar-results { border:1px solid var(--line); border-radius:20px; background:#fff; margin-top:30px; overflow:hidden; scroll-margin-top:110px; }
.pillar-head { display:flex; justify-content:space-between; align-items:center; gap:20px; background:var(--mint); padding:24px 28px; }
.pillar-head .eyebrow { color:#476650; font-size:10px; margin-bottom:8px; }
.pillar-head h3 { margin:0; font-size:24px; }
.pillar-head button { border:1px solid #b6c7bd; border-radius:25px; padding:9px 17px; background:transparent; font-size:12px; }
.pillar-body { padding:30px; }
.signal-summary { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-bottom:30px; }
.signal-summary>div { padding:20px; border:1px solid var(--line); border-radius:14px; background:#f7f9f4; }
.metric-label { display:block; font-size:10px; font-weight:600; letter-spacing:.07em; color:var(--muted); }
.metric-value { display:block; font-size:36px; line-height:1.3; margin:6px 0; font-weight:500; letter-spacing:-.05em; }
.metric-note { display:block; font-size:12px; color:var(--muted); }
.chart-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; margin:0 0 17px; font-size:12px; font-weight:600; }
.chart-heading a { color:#715397; text-decoration:underline; text-underline-offset:3px; }
.rank-chart { display:grid; gap:12px; }
.rank-row { display:grid; grid-template-columns:25px minmax(130px,1fr) minmax(80px,1fr) 70px; gap:14px; align-items:center; font-size:12px; }
.rank-row.target { font-weight:600; color:#69469d; }
.rank-number,.rank-count { color:var(--muted); font-size:11px; }
.rank-count { text-align:right; }
.rank-bar { height:8px; background:#edf1ea; border-radius:8px; overflow:hidden; }
.rank-bar i { display:block; height:100%; background:#adc4b2; border-radius:8px; }
.rank-row.target i { background:#a78bd6; }
.panel-footnote { font-size:11px; color:var(--muted); margin:20px 0 0; line-height:1.7; }
.related-searches { margin-top:35px; padding-top:25px; border-top:1px solid var(--line); }
.related-list { display:grid; gap:7px; }
.related-row { display:grid; grid-template-columns:24px minmax(0,1fr) 45px 60px; gap:14px; padding:13px 16px; background:#f2f5ef; border-radius:10px; align-items:center; font-size:13px; }
.related-index { color:var(--muted); font-size:11px; }
.related-query { overflow-wrap:anywhere; }
.related-row strong { font-weight:500; }
.related-row a { color:#69469d; font-size:11px; text-align:right; text-decoration:underline; }
.organic-grid,.ad-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.organic-card,.ad-card { background:#f7f9f4; border:1px solid var(--line); border-radius:14px; overflow:hidden; }
.organic-card { padding:22px; }
.organic-card-top,.ad-card-top { display:flex; justify-content:space-between; gap:12px; align-items:center; font-size:11px; color:var(--muted); }
.source-pill { display:inline-block; padding:4px 9px; border-radius:25px; background:var(--mint); color:#38533f; font-size:9px; letter-spacing:.05em; }
.organic-card h4,.ad-card h4 { font-size:20px; margin:20px 0 12px; }
.organic-card p,.ad-card p { color:var(--muted); font-size:12px; }
.organic-card a,.ad-card a,.panel-empty a { color:#69469d; text-decoration:underline; font-size:12px; }
.panel-empty { display:grid; gap:10px; background:#f4f7f0; border:1px dashed #b5c8ba; padding:28px; border-radius:14px; }
.panel-empty span { font-size:13px; color:var(--muted); }
.meta-page { display:flex; align-items:center; gap:18px; padding:20px; background:#eff3f9; border-radius:14px; margin-bottom:24px; }
.meta-page-mark { display:grid; place-items:center; background:#0866ff; color:white; font-size:34px; width:49px; height:49px; flex-shrink:0; border-radius:15px; }
.meta-page-links { display:flex; gap:15px; flex-wrap:wrap; margin-left:auto; }
.meta-page a { color:#305c98; text-decoration:underline; font-size:12px; }
.ad-toolbar { display:flex; justify-content:space-between; margin-bottom:16px; font-size:12px; color:var(--muted); }
.ad-placeholder { display:grid; place-content:center; text-align:center; gap:8px; background:#e4ecf6; height:140px; }
.ad-placeholder small { color:var(--muted); }
.ad-card-body { padding:20px; }
@media (min-width:1500px) { .home-hero { padding-top:85px; }.hero-stage { margin-top:45px; height:420px; } }
@media (max-width:1150px) { .shell { width:calc(100% - 48px); }.nav { gap:25px; }.site-menu { gap:18px; font-size:13px; }.nav-actions .button { padding:11px 16px; font-size:12px; }.feature-store { grid-template-columns:1fr; }.product-preview { max-width:340px; margin:10px 0 0 35px; transform:rotate(-2deg); }.feature-store { grid-column:span 3; }.feature-aso { grid-column:span 3; }.feature-aso .mini-chart { margin-top:55px; }.source-strip>div { font-size:12px; gap:5px; }.builder-copy { padding:35px; }.builder-copy h2 { font-size:50px; }.faq-section,.contact-grid,.studio-story { gap:50px; }.result-card { padding:20px; } }
@media (max-width:950px) {
 .nav { height:76px; justify-content:space-between; }.menu-toggle { display:flex; align-items:center; gap:20px; background:transparent; border:1px solid #b6c6bc; padding:9px 16px; border-radius:24px; font-size:13px; }
 .site-menu { display:none; position:absolute; top:76px; left:0; width:100%; padding:24px; background:var(--paper); border-bottom:1px solid var(--line); box-shadow:0 10px 20px #1c2b2512; }
 .site-menu.is-open { display:flex; flex-direction:column; align-items:stretch; gap:22px; }.nav-actions { margin:0; }.nav-actions a { flex:1; }
 .home-hero { padding-top:55px; }.hero-content h1 { font-size:clamp(48px,7.5vw,72px); }.hero-lede { font-size:17px; }
 .hero-stage { height:330px; padding:30px; }.stage-caption h2 { font-size:38px; }.stage-caption p { font-size:12px; }.stage-caption .text-link { font-size:12px; }.floating-label { right:3%; font-size:10px; }
 .source-strip { flex-wrap:wrap; justify-content:center; gap:24px; }.source-strip p { width:100%; text-align:center; }.source-strip p br { display:none; }
 .section { padding-top:80px; padding-bottom:80px; }.section-heading { align-items:flex-start; }.section-lede { max-width:270px; font-size:14px; }
 .feature-card { padding:25px; }.feature-small h3 { font-size:24px; }.feature-small p { font-size:13px; }.feature-small .text-link { font-size:11px; }
 .steps-grid,.values-grid { gap:25px; }.steps-grid h3 { font-size:23px; }.steps-grid p { font-size:14px; }
 .builder-section { grid-template-columns:1fr; }.builder-art { min-height:0; height:390px; }.builder-copy { padding:45px; }.builder-copy h2 br { display:none; }
 .faq-section { grid-template-columns:1fr; gap:35px; }.faq-section h2 br { display:none; }.faq-section .text-link { margin-top:0; }
 .plans-grid { gap:12px; }.plan-card { padding:25px 20px; }.plan-card h2 { font-size:29px; }.plan-card .button { font-size:11px; }.plan-price { font-size:34px; }
 .contact-grid { grid-template-columns:1fr; }.contact-grid aside { max-width:600px; }.contact-grid aside p { max-width:100%; }.contact-steps { display:flex; flex-wrap:wrap; margin-top:22px; }
 .data-layout { grid-template-columns:170px 1fr; gap:35px; }.workspace-title { display:block; }.workspace-title h1 { font-size:50px; }.workspace-title .text-link { margin-bottom:20px; }
 .result-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.workspace-help { grid-template-columns:1fr; }.workspace-help-photo { min-height:0; aspect-ratio:16/9; }
}
@media (max-width:640px) {
 html { scroll-padding-top:95px; }.shell { width:calc(100% - 36px); }.announcement { padding:8px 12px; font-size:10px; gap:8px; }.announcement>span { font-size:9px; }
 .brand { font-size:27px; }.nav { height:72px; }.site-menu { top:72px; }.home-hero { padding-top:40px; padding-bottom:18px; }
 .eyebrow { font-size:9px; margin-bottom:20px; }.hero-content h1 { font-size:clamp(39px,9.3vw,60px); letter-spacing:-.06em; line-height:1.08; }.hero-lede { font-size:15px; line-height:1.6; }.hero-lede br { display:none; }
 .search-bar { flex-wrap:wrap; gap:8px; padding:10px 12px; border-radius:20px; }.search-bar input { flex:1; font-size:16px; padding:10px 0; }.search-country { font-size:10px; padding:0 3px 0 9px; }
 .search-bar button { width:100%; margin-top:3px; padding:15px 12px; }.search-examples { font-size:10px; gap:6px; }.search-examples>span { width:100%; margin-bottom:3px; }.hero-note { font-size:10px; margin-bottom:25px; }
 .hero-stage { display:block; height:440px; padding:25px; }.stage-caption { width:100%; }.stage-caption h2 { font-size:35px; margin-bottom:10px; }.stage-caption h2 br { display:none; }.stage-caption p { max-width:250px; margin-bottom:10px; }.stage-caption p br { display:none; }.stage-caption .mini-label { font-size:8px; margin-bottom:12px; }
 .research-art { right:0; bottom:-15px; width:100%; height:280px; object-position:center; }.floating-label { bottom:18px; right:18px; padding:8px 13px; font-size:9px; }.floating-label>span:last-child { margin-left:12px; }
 .source-strip { padding:27px 0; gap:12px 23px; }.source-strip>div { font-size:11px; }.source-symbol { font-size:20px; }
 .section { padding-top:65px; padding-bottom:65px; }.section-heading { display:block; margin-bottom:30px; }.section-heading h2 { font-size:38px; }.section-lede { max-width:100%; margin-top:22px; }.section-heading>.button { margin-top:25px; }
 .toolkit-grid { grid-template-columns:1fr; gap:14px; }.feature-store,.feature-aso,.feature-small { grid-column:auto; }.feature-store { padding:30px; }.feature-card h3 { font-size:30px; }.product-preview { margin:15px auto 5px; width:100%; max-width:330px; }.feature-aso .mini-chart { margin-top:25px; }.feature-small { min-height:270px; }.feature-small .text-link { font-size:13px; }.feature-small p { font-size:14px; }.section-footnote { font-size:10px; }
 .market-section { padding:65px 0 45px; }.market-section h2 { font-size:39px; }.stats-grid { grid-template-columns:1fr; margin-top:35px; gap:35px; }.stats-grid strong { font-size:76px; }.stats-grid h3 { margin:12px 0; }.market-section .section-footnote { margin-top:35px; }
 .steps-grid,.values-grid { grid-template-columns:1fr; gap:40px; margin-top:35px; }.steps-grid h3 { font-size:26px; }.step-number { margin-bottom:20px; }.step-example { padding-top:14px; }
 .builder-art { height:260px; }.builder-copy { padding:30px; }.builder-copy h2 { font-size:44px; }.builder-copy h2 br { display:initial; }.check-list li { font-size:12px; }
 .faq-section { gap:30px; }.faq-list summary { font-size:16px; padding:22px 0; }.faq-list details>div { font-size:13px; }
 .closing-cta { padding:60px 0; }.closing-cta h2 { font-size:41px; }.closing-cta p { font-size:14px; max-width:280px; }.closing-cta .button { font-size:12px; padding:12px 19px; }.cta-spark { font-size:220px; right:-80px; top:60%; opacity:.6; }
 .site-footer { padding-top:45px; }.footer-top { grid-template-columns:1fr 1fr; gap:35px 18px; }.footer-intro { grid-column:1 / -1; }.footer-intro p { margin-top:15px; }.footer-bottom { display:block; font-size:9px; }.footer-bottom>span { display:block; margin-bottom:8px; }
 .page-hero { padding-top:50px; padding-bottom:55px; }.page-hero h1 { font-size:46px; }.plans-grid { grid-template-columns:1fr; gap:40px; padding-top:10px; }.plan-card { padding:30px; }.plan-card h2 { font-size:35px; }.plan-card>p:not(.eyebrow) { min-height:0; }.plan-card .button { font-size:13px; }.plan-price { font-size:40px; }.pricing-note { align-items:flex-start; gap:12px; }
 .about-hero h1 { font-size:clamp(44px,10.6vw,64px); }.about-image { height:290px; }.image-caption { left:12px; bottom:12px; right:12px; font-size:9px; text-align:center; padding:9px; }.studio-story { grid-template-columns:1fr; gap:20px; }.studio-story h2 { font-size:37px; }.studio-story .large-copy { font-size:21px; }.studio-story p { font-size:14px; }
 .values-section { padding:60px 0; }.values-section h2 { font-size:37px; }.values-grid p { font-size:14px; }.studio-statement h2 { font-size:34px; }
 .contact-grid { gap:40px; padding-bottom:60px; }.contact-grid aside h2 { font-size:33px; }.contact-grid aside>.text-link { font-size:13px; }.contact-steps { display:grid; }.contact-form { padding:22px; }.form-pair { grid-template-columns:1fr; gap:0; }.contact-draft { padding:16px; }
 .data-layout { display:block; padding-bottom:50px; }.data-layout nav { position:static; flex-direction:row; flex-wrap:wrap; gap:12px; padding-bottom:25px; margin-bottom:30px; border-bottom:1px solid var(--line); font-size:12px; }.data-content h2 { font-size:31px; }.data-content p { font-size:14px; }.data-content>section { margin-bottom:50px; }
 .workspace-hero { padding-top:35px; }.workspace-title h1 { font-size:40px; }.workspace-title .text-link { font-size:12px; }.workspace-lede { font-size:14px; }.workspace-results { padding-top:35px; }.workspace-results h2 { font-size:30px; }.workspace-results .status { margin-top:20px; }.workspace-note { font-size:11px; }
 .result-grid { grid-template-columns:1fr; }.result-card { padding:23px; }.app-name { font-size:20px; }.test-actions button,.creator-search { font-size:12px; min-height:40px; }
 .workspace-photo { margin-top:26px; }.workspace-photo img { border-radius:16px; }.workspace-photo figcaption { font-size:10px; margin-top:10px; }
 .workspace-help { border-radius:16px; }.workspace-help-copy { gap:14px; padding:24px 22px; }.workspace-help-copy>span { font-size:30px; }.workspace-help-copy h2 { font-size:22px; }.workspace-help-photo { aspect-ratio:4/3; }
 .pillar-head { padding:20px; }.pillar-head h3 { font-size:20px; }.pillar-head button { padding:8px 12px; }.pillar-body { padding:18px; }.signal-summary { gap:8px; }.signal-summary>div { padding:12px 9px; }.metric-label { font-size:8px; }.metric-value { font-size:28px; }.metric-note { font-size:10px; }
 .rank-row { grid-template-columns:20px minmax(90px,1fr) 70px; gap:8px; font-size:11px; }.rank-count { display:none; }.chart-heading { font-size:11px; gap:12px; }.related-row { grid-template-columns:16px minmax(0,1fr) 27px 47px; gap:8px; padding:12px 9px; font-size:11px; }.related-row a { font-size:10px; }
 .organic-grid,.ad-grid { grid-template-columns:1fr; }.organic-card { padding:18px; }.panel-empty { padding:20px; }.meta-page { flex-wrap:wrap; padding:17px; gap:14px; }.meta-page>div:nth-child(2) { flex:1; }.meta-page-links { margin:0; }.panel-footnote { font-size:10px; }
}
/* Comfortable touch controls, readable editing, and short-screen navigation. */
@media (max-width:950px), (pointer:coarse) {
 .search-bar input,.contact-form input,.contact-form select,.contact-form textarea { font-size:16px; }
 .menu-toggle,.test-actions button,.creator-search,.pillar-head button { min-height:44px; }
 .search-examples a,.text-link,.store-links a,.related-row a,.organic-card>a,.panel-empty>a,.meta-page a,.chart-heading>a,.data-layout nav a { display:inline-flex; align-items:center; min-height:44px; }
 .store-links { gap:6px 12px; padding-top:15px; }.store-links a { border:1px solid var(--line); border-radius:10px; padding:8px 10px; }
 .related-row a { justify-content:flex-end; min-width:44px; }.related-row { padding-block:5px; }
 .site-footer a:not(.brand) { display:flex; align-items:center; min-height:44px; }
}
@media (max-width:950px) {
 .site-menu { max-height:calc(100dvh - 76px); overflow-y:auto; padding-bottom:max(24px,env(safe-area-inset-bottom)); }
 .site-menu.is-open { gap:8px; }.site-menu>a { display:flex; align-items:center; min-height:44px; }
}
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { transition:none !important; animation:none !important; } }