:root{color-scheme:dark;--bg:#101315;--surface:#171b1e;--surface-2:#202529;--line:#343b40;--text:#f0f2ef;--muted:#a6afb1;--accent:#42df91;--magenta:#ea3a9d;--blue:#3898ee;--yellow:#f3bd35;--shell:1120px;--radius:22px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",Arial,"PingFang SC","Hiragino Sans GB",sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit}
img{max-width:100%;display:block}
.shell{width:min(calc(100% - 64px),var(--shell));margin-inline:auto}
.hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(220px,.55fr);gap:56px;align-items:end;padding:158px 0 96px}
.hero-copy{max-width:720px}
.eyebrow{margin:0 0 22px;color:var(--accent);font:700 12px/1.2 ui-monospace,"SFMono-Regular",Menlo,monospace;letter-spacing:.16em}
.hero h1,.legal-hero h1{max-width:760px;margin:0;font-size:clamp(52px,4.6vw,76px);font-weight:610;line-height:.99;letter-spacing:-.052em}
.hero-lead{max-width:560px;margin:26px 0 0;color:#b7c0c0;font-size:18px;line-height:1.68}
.hero-actions{display:flex;gap:12px;margin-top:34px}
.button{min-height:50px;padding:0 22px;border:1px solid transparent;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-size:14px;font-weight:700;white-space:nowrap;transition:transform .18s ease,background-color .18s ease,border-color .18s ease}
.button:active{transform:translateY(1px)}
.button.primary{background:var(--accent);color:#092116}.button.primary:hover{background:#6be7a8}
.button.secondary{border-color:var(--line);background:var(--surface);color:var(--text)}.button.secondary:hover{border-color:#5b666d}
.hero-aside{justify-self:end;display:grid;gap:26px}
.hero-aside>img{width:180px;height:180px;border-radius:34px;box-shadow:0 28px 70px rgba(0,0,0,.32)}
.hero-formats{display:grid;grid-template-columns:auto auto;gap:7px}
.hero-formats span{padding:7px 10px;border:1px solid var(--line);border-radius:999px;color:#9ba5a8;font:10px ui-monospace,"SFMono-Regular",Menlo,monospace;text-align:center}
.app-window{grid-column:1/-1;margin:28px 0 0;border:1px solid #455057;border-radius:var(--radius);overflow:hidden;background:#15191c;box-shadow:0 34px 100px rgba(0,0,0,.3)}
.app-window img{width:100%;height:auto}
.statement{padding:124px 0;display:grid;grid-template-columns:1.22fr .78fr;gap:90px;border-top:1px solid var(--line)}
.statement h2,.section-heading h2,.export-copy h2,.privacy-callout h2{margin:0;font-size:clamp(36px,4.5vw,64px);font-weight:570;line-height:1.04;letter-spacing:-.057em}
.statement p{align-self:end;margin:0;color:var(--muted);font-size:17px;line-height:1.8}
.capability-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding-bottom:120px}
.capability{min-height:380px;padding:38px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);display:flex;flex-direction:column;overflow:hidden}
.capability-wide{grid-column:1/-1;min-height:570px;padding:0;display:grid;grid-template-columns:.72fr 1.28fr}
.capability-copy{padding:48px}
.number{display:block;margin-bottom:38px;color:var(--accent);font:700 11px ui-monospace,"SFMono-Regular",Menlo,monospace;letter-spacing:.12em}
.capability h3{max-width:560px;margin:0 0 16px;font-size:clamp(24px,2.5vw,36px);font-weight:570;letter-spacing:-.045em}
.capability p{max-width:560px;margin:0;color:var(--muted);line-height:1.75}
.timeline-crop{min-height:570px;border-left:1px solid var(--line);overflow:hidden}
.timeline-crop img{width:165%;max-width:none;height:100%;object-fit:cover;object-position:64% center}
.category-bars{height:126px;margin-top:auto;display:grid;gap:10px;align-content:end}
.category-bars i{display:block;height:12px;border-radius:5px}.category-bars i:nth-child(1){width:92%;background:var(--accent)}.category-bars i:nth-child(2){width:75%;background:var(--magenta)}.category-bars i:nth-child(3){width:57%;background:var(--blue)}.category-bars i:nth-child(4){width:39%;background:var(--yellow)}
.confidence{margin-top:auto;padding-top:34px;display:flex;align-items:end;justify-content:space-between;border-top:1px solid var(--line)}
.confidence strong{color:var(--accent);font-size:64px;font-weight:590;letter-spacing:-.06em}.confidence span{padding-bottom:10px;color:var(--muted);font:11px ui-monospace,"SFMono-Regular",Menlo,monospace}
.export-section{padding:112px 0;display:grid;grid-template-columns:.72fr 1.28fr;gap:70px;align-items:center;border-top:1px solid var(--line)}
.export-copy>p:not(.eyebrow){margin:26px 0;color:var(--muted);line-height:1.8}
.export-copy ul{margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}
.export-copy li{padding:16px 0;border-bottom:1px solid var(--line);color:#c8cfce;font-size:14px}
.export-shot{margin:0;aspect-ratio:1.52/1;border:1px solid #414a50;border-radius:var(--radius);overflow:hidden;background:var(--surface)}
.export-shot img{width:122%;max-width:none;height:122%;object-fit:cover;object-position:center bottom;transform:translate(-9%,-7%)}
.workflow{padding:118px 0;border-top:1px solid var(--line)}
.section-heading{max-width:850px}.section-heading p{margin:20px 0 0;color:var(--muted);font-size:17px}
.workflow-list{margin-top:64px}.workflow-list article{display:grid;grid-template-columns:190px 1fr;gap:36px;padding:32px 0;border-bottom:1px solid var(--line)}.workflow-list article:first-child{border-top:1px solid var(--line)}
.workflow-list>article>span{color:var(--accent);font:700 12px ui-monospace,"SFMono-Regular",Menlo,monospace;letter-spacing:.12em;text-transform:uppercase}
.workflow-list h3{margin:0 0 10px;font-size:23px;font-weight:560;letter-spacing:-.03em}.workflow-list p{max-width:760px;margin:0;color:var(--muted);line-height:1.75}
.privacy-callout{margin-bottom:116px;padding:64px;display:grid;grid-template-columns:128px 1fr;gap:50px;align-items:center;border:1px solid #35624b;border-radius:var(--radius);background:#12241a}
.privacy-callout img{width:128px;height:128px;border-radius:28px}.privacy-callout p{max-width:720px;margin:18px 0 20px;color:#b5c1b9;line-height:1.75}.text-link{color:var(--accent);font-weight:700;text-decoration:none}.text-link:hover{text-decoration:underline}
.footer{padding:40px 0 48px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:18px;color:var(--muted);font-size:13px}.footer-brand{display:flex;align-items:baseline;gap:14px}.footer-brand strong{color:var(--text);font-size:18px}.footer-links{display:flex;gap:24px}.footer-links a{text-decoration:none}.footer-links a:hover{color:var(--text)}.footer small{grid-column:1/-1;color:#697276}
.legal-main{padding-bottom:110px}.legal-hero{max-width:900px;padding:174px 0 74px}.legal-hero h1{font-size:clamp(50px,5.5vw,78px)}.legal-hero>p:not(.eyebrow){max-width:680px;margin:24px 0 0;color:var(--muted);font-size:17px;line-height:1.8}.legal-hero .button{margin-top:32px}
.support-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.support-grid article{padding:34px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.support-grid .number{margin-bottom:28px}.support-grid h2,.support-section>h2,.support-contact h2,.privacy-article section h2{margin:0 0 14px;font-size:24px;font-weight:570;letter-spacing:-.035em}.support-grid p,.support-contact p{margin:0;color:var(--muted);line-height:1.78}
.support-section{padding:88px 0;border-bottom:1px solid var(--line)}
.format-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:32px}.format-grid>div{min-height:120px;padding:25px;border:1px solid var(--line);border-radius:16px;background:var(--surface);display:flex;flex-direction:column;justify-content:space-between}.format-grid strong{font-size:18px;font-weight:560}.format-grid span{color:var(--muted);font:11px ui-monospace,"SFMono-Regular",Menlo,monospace}.format-note{max-width:760px;margin:24px 0 0;color:var(--muted);line-height:1.75}
.faq details{border-top:1px solid var(--line)}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{padding:23px 0;cursor:pointer;font-size:17px;font-weight:550;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";float:right;color:var(--accent);font:20px ui-monospace,"SFMono-Regular",Menlo,monospace}.faq details[open] summary:after{content:"−"}.faq details p{max-width:820px;margin:0 0 26px;color:var(--muted);line-height:1.78}.support-contact{padding:88px 0 0}.support-contact p{max-width:720px;margin-bottom:20px}
.privacy-article{max-width:900px}.privacy-article .legal-hero{padding-bottom:44px}.effective-date{color:var(--accent)!important;font:12px ui-monospace,"SFMono-Regular",Menlo,monospace!important}.privacy-summary{margin:0 0 30px;padding:28px;border:1px solid #35624b;border-radius:var(--radius);background:#12241a}.privacy-summary strong{display:block;margin-bottom:9px}.privacy-summary p{margin:0;color:#b8c5bc;line-height:1.78}.privacy-article section{padding:30px 0;border-bottom:1px solid var(--line)}.privacy-article section p{margin:0;color:var(--muted);line-height:1.85}.privacy-article section a{color:var(--accent)}
.global-hub-header{--hub-paper:#f3f4ee;--hub-ink:#111713;--hub-accent:#54db8a;position:absolute;z-index:80;top:0;left:0;width:100%;height:102px;pointer-events:none}.global-hub-brand{position:absolute;top:13px;left:max(34px,calc((100vw - 1120px)/2));min-height:78px;display:inline-flex;align-items:center;gap:12px;color:#edf4ef;font-size:28px;font-weight:650;letter-spacing:-.035em;line-height:1;text-decoration:none;pointer-events:auto}.global-hub-brand img{width:58px;height:58px;border-radius:15px;object-fit:cover}.global-hub-nav{position:fixed;z-index:90;top:18px;left:50%;height:64px;padding:6px;display:flex;align-items:center;gap:4px;border:1px solid #d7dbd3;border-radius:999px;color:var(--hub-ink);background:rgba(243,244,238,.96);box-shadow:0 16px 48px rgba(0,0,0,.34);transform:translateX(-50%);pointer-events:auto;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.global-hub-nav>a,.global-hub-nav summary{min-height:50px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;font-size:14px;font-weight:720;text-decoration:none;white-space:nowrap;cursor:pointer;list-style:none}.global-hub-nav summary::-webkit-details-marker{display:none}.global-hub-nav>a:hover,.global-hub-nav summary:hover{background:#e4e7df}.global-hub-nav .global-hub-action{min-width:128px;color:#092014;background:var(--hub-accent)}.global-hub-nav details{position:relative}.global-hub-nav details>summary span{color:#268650;transition:transform .2s ease}.global-hub-nav details[open]>summary span{transform:rotate(180deg)}
.global-hub-menu{position:absolute;top:70px;left:50%;width:386px;padding:18px;display:grid;gap:2px;border:1px solid #d7dbd3;border-radius:34px;color:var(--hub-ink);background:var(--hub-paper);box-shadow:0 30px 80px rgba(0,0,0,.42);transform:translateX(-50%)}.global-hub-menu>a{min-height:68px;padding:8px 12px;display:grid;grid-template-columns:50px 1fr;align-items:center;gap:14px;border-radius:18px;text-decoration:none}.global-hub-menu>a:hover,.global-hub-menu>a.current{background:#e2e5dd}.global-hub-menu img{width:48px;height:48px;border-radius:13px;object-fit:cover}.global-hub-menu span{display:grid;gap:3px}.global-hub-menu strong{font-size:17px}.global-hub-menu small{color:#687169;font-size:13px}.global-hub-support{position:absolute;top:26px;right:max(34px,calc((100vw - 1120px)/2));min-height:48px;padding:0 20px;display:inline-flex;align-items:center;gap:18px;border:1px solid #3b5848;border-radius:999px;color:#d4dfd7;background:#13251b;font-size:13px;font-weight:680;text-decoration:none;pointer-events:auto}
@media(max-width:1080px){.global-hub-brand{left:22px}.global-hub-support{display:none}.global-hub-nav>a,.global-hub-nav summary{padding:0 16px}.hero{grid-template-columns:1fr}.hero-aside{display:none}.statement,.export-section{grid-template-columns:1fr;gap:36px}.capability-wide{grid-template-columns:1fr}.timeline-crop{min-height:410px;border-left:0;border-top:1px solid var(--line)}}
@media(max-width:800px){.shell{width:min(calc(100% - 34px),var(--shell))}.global-hub-header{height:86px}.global-hub-brand{top:10px;left:14px;min-height:62px;gap:9px;font-size:21px}.global-hub-brand img{width:46px;height:46px;border-radius:12px}.global-hub-nav{top:16px;left:auto;right:14px;height:54px;transform:none}.global-hub-nav details{position:static}.global-hub-nav>a:not(.global-hub-action){display:none}.global-hub-nav .global-hub-action{min-width:96px;min-height:42px;padding:0 15px}.global-hub-nav .global-hub-action span{display:none}.global-hub-nav summary{min-height:42px;padding:0 15px}.global-hub-menu{position:absolute;top:62px;left:auto;right:0;width:calc(100vw - 24px);transform:none}.global-hub-menu>a{min-height:62px}.global-hub-menu img{width:44px;height:44px}.hero,.legal-hero{padding-top:126px}.hero h1,.legal-hero h1{font-size:46px;line-height:1.02}.hero-lead{font-size:16px}.app-window{margin-top:8px}.statement{padding:80px 0}.statement h2,.section-heading h2,.export-copy h2,.privacy-callout h2{font-size:38px}.capability-grid{grid-template-columns:1fr;padding-bottom:80px}.capability-wide{grid-column:auto;min-height:0}.capability{min-height:330px;padding:28px}.capability-copy{padding:28px}.timeline-crop{min-height:300px}.timeline-crop img{width:190%}.export-section,.workflow{padding:80px 0}.workflow-list{margin-top:38px}.workflow-list article{grid-template-columns:1fr;gap:12px;padding:25px 0}.privacy-callout{margin-bottom:80px;padding:30px;grid-template-columns:76px 1fr;gap:22px}.privacy-callout img{width:76px;height:76px;border-radius:18px}.privacy-callout h2{font-size:31px}.footer{grid-template-columns:1fr}.footer-links{flex-wrap:wrap}.support-grid,.format-grid{grid-template-columns:1fr}.support-section,.support-contact{padding-top:68px}.privacy-summary{padding:22px}}
@media(max-width:520px){.hero h1,.legal-hero h1{font-size:40px}.hero-actions{align-items:stretch}.button{padding:0 16px}.statement h2,.section-heading h2,.export-copy h2{font-size:34px}.confidence strong{font-size:52px}.privacy-callout{grid-template-columns:1fr}.footer-brand{display:grid;gap:5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.global-hub-nav details>summary span{transition:none}}
.app-store-badge{display:inline-flex;align-items:center;height:50px}.app-store-badge img{display:block;height:50px;width:auto;max-width:100%}