/* ContextFlow shared tokens — generated; edit src/core/design-tokens.js */
:root{color-scheme:light;--cf-font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;--cf-font-serif:Georgia,"Songti SC","Noto Serif CJK SC",serif;--cf-font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;--cf-radius-control:7px;--cf-radius-card:10px;--cf-radius-panel:14px;--cf-inverse-paper:#302c27;--cf-inverse-ink:#f3ede3;--cf-inverse-muted:#c8bdad;--cf-inverse-line:#554d43;--cf-inverse-accent:#e1a05f;--cf-paper:#fbfaf7;--cf-paper-raised:#fffefa;--cf-sunk:#f4f1eb;--cf-sunk-hover:#ece7de;--cf-line:#dcd5ca;--cf-line-soft:#ebe6de;--cf-line-strong:#bdb3a4;--cf-ink:#24211d;--cf-ink-soft:#4e4840;--cf-quote:#655e55;--cf-placeholder:#71695f;--cf-accent:#a6530e;--cf-accent-hover:#87410b;--cf-on-accent:#fffefa;--cf-accent-soft:rgba(166,83,14,.16);--cf-accent-wash:rgba(166,83,14,.085);--cf-blue:#496f9f;--cf-blue-soft:rgba(73,111,159,.12);--cf-ok:#356f3f;--cf-ok-soft:#edf5ee;--cf-ok-line:#c6dccb;--cf-bad:#a8322a;--cf-bad-soft:#fff4f1;--cf-bad-line:#e7c9c2;--cf-warning:#7d5a16;--cf-warning-soft:#fff6de;--cf-warning-line:#e7d7aa;--cf-focus-line:#bc7332;--cf-focus-ring:rgba(166,83,14,.17);--cf-hover:rgba(54,45,35,.065);--cf-shadow-float:0 1px 2px rgba(28,26,23,.06),0 18px 44px -16px rgba(28,26,23,.28);--cf-shadow-panel:-18px 0 48px -26px rgba(28,26,23,.34);--cf-shadow-control:0 6px 20px -8px rgba(28,26,23,.30);--cf-scroll:#c9c0b3;--cf-scroll-hover:#aea393;--cf-grain:rgba(72,59,45,.035);}
:root[data-theme=dark]{color-scheme:dark;--cf-font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;--cf-font-serif:Georgia,"Songti SC","Noto Serif CJK SC",serif;--cf-font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;--cf-radius-control:7px;--cf-radius-card:10px;--cf-radius-panel:14px;--cf-inverse-paper:#302c27;--cf-inverse-ink:#f3ede3;--cf-inverse-muted:#c8bdad;--cf-inverse-line:#554d43;--cf-inverse-accent:#e1a05f;--cf-paper:#302c27;--cf-paper-raised:#39342e;--cf-sunk:#292621;--cf-sunk-hover:#403a33;--cf-line:#554d43;--cf-line-soft:#423c35;--cf-line-strong:#746959;--cf-ink:#f3ede3;--cf-ink-soft:#ddd4c7;--cf-quote:#c8bdad;--cf-placeholder:#aaa091;--cf-accent:#e1a05f;--cf-accent-hover:#edb77f;--cf-on-accent:#292621;--cf-accent-soft:rgba(225,160,95,.22);--cf-accent-wash:rgba(225,160,95,.105);--cf-blue:#8fb4e2;--cf-blue-soft:rgba(143,180,226,.14);--cf-ok:#8bc596;--cf-ok-soft:#293b2d;--cf-ok-line:#4d7257;--cf-bad:#f09a91;--cf-bad-soft:#442d29;--cf-bad-line:#88534b;--cf-warning:#e3bf77;--cf-warning-soft:#403622;--cf-warning-line:#7c6843;--cf-focus-line:#dda05f;--cf-focus-ring:rgba(225,160,95,.22);--cf-hover:rgba(255,247,235,.075);--cf-shadow-float:0 1px 2px rgba(0,0,0,.24),0 20px 50px -15px rgba(0,0,0,.56);--cf-shadow-panel:-18px 0 48px -22px rgba(0,0,0,.56);--cf-shadow-control:0 8px 24px -8px rgba(0,0,0,.54);--cf-scroll:#62594d;--cf-scroll-hover:#7a7061;--cf-grain:rgba(255,244,227,.025);}
@media(prefers-contrast:more){:root{--cf-quote:#514a41;--cf-placeholder:#5c554d;--cf-line:#b6ac9d;}:root[data-theme=dark]{--cf-quote:#e4dbcf;--cf-placeholder:#cfc4b4;--cf-line:#7b7162;}}
/* End ContextFlow shared tokens */
:root{--paper:var(--cf-paper);--card:var(--cf-paper-raised);--ink:var(--cf-ink);--muted:var(--cf-quote);--accent:var(--cf-accent);--line:var(--cf-line);--soft:var(--cf-sunk);--serif:var(--cf-font-serif);--sans:var(--cf-font-sans);color-scheme:light}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:92px}
body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.8 var(--sans);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none;text-underline-offset:5px}
a:hover{color:var(--accent)}
img{max-width:100%;display:block}
p,h1,h2,h3,figure,blockquote{margin:0}
button,a,summary{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:2px solid var(--cf-focus-line);outline-offset:4px;border-radius:3px}
::selection{background:var(--cf-accent-soft);color:var(--ink)}
.container{width:min(100% - 80px,1184px);margin-inline:auto}
.accent{color:var(--accent)}
.site-header{border-bottom:1px solid var(--line);background:var(--paper)}
.nav{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:32px}
.brand{display:inline-flex;align-items:center;gap:10px;font-size:21px;font-weight:650;letter-spacing:-.7px;white-space:nowrap}
.brand img{flex:none}
.nav-links{display:flex;gap:32px;margin-left:auto;font-size:13px}
.github-link{padding-left:28px;border-left:1px solid var(--line)}
.button{min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:13px 23px;border:1px solid var(--accent);border-radius:var(--cf-radius-control);background:var(--accent);color:var(--cf-on-accent);font-size:14px;font-weight:600;line-height:1.6;transition:background .2s,transform .2s}
.button:hover{background:var(--cf-accent-hover);color:var(--cf-on-accent);transform:translateY(-1px)}
.button-small{min-height:38px;padding:8px 15px;font-size:12px;gap:18px}
.button span{font-size:18px;font-weight:400;line-height:1}
.text-link{display:inline-flex;align-items:center;gap:12px;font-size:13px;font-weight:550;border-bottom:1px solid currentColor;line-height:1.8;padding-bottom:2px}
.text-link span{font-size:16px}
.actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.eyebrow{display:flex;align-items:center;gap:12px;color:var(--accent);font-size:11px;letter-spacing:.13em;font-weight:650}
.small-line{display:inline-block;width:22px;height:1px;background:currentColor}
.micro{font-size:11px;line-height:1.9;color:var(--muted)}
.hero{padding-top:76px}
.hero-intro{display:grid;grid-template-columns:1.05fr 1fr;gap:64px;align-items:end;padding-bottom:52px}
h1{font:500 clamp(46px,4.9vw,68px)/1.25 var(--serif);letter-spacing:-.04em;margin-top:21px}
.ink{position:relative;display:inline-block;isolation:isolate}
.ink:after{content:"";position:absolute;bottom:3px;left:0;width:100%;height:10px;background:#e4bd71;opacity:.55;z-index:-1;transform:rotate(-1deg)}
.hero-copy{padding-bottom:4px}
.lead{font-size:17px;line-height:1.95;margin-bottom:24px;color:var(--cf-ink-soft)}
.hero-copy .micro{margin-top:15px}
.browser-frame{border:1px solid var(--line);border-radius:var(--cf-radius-card);overflow:hidden;background:var(--card);box-shadow:var(--cf-shadow-float)}
.browser-bar{height:39px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);background:var(--soft);padding:0 18px;font-size:10px;color:var(--muted)}
.browser-dots{display:flex;gap:5px;width:100px}
.browser-dots i{display:block;width:7px;height:7px;border:1px solid var(--cf-line-strong);border-radius:50%}
.browser-label{font-size:8px;letter-spacing:.16em;text-align:right;width:100px}
.product-shot{width:100%;height:auto}
figcaption{display:flex;justify-content:space-between;gap:12px;align-items:center;padding-top:15px;color:var(--muted);font-size:10px}
figcaption>span:first-child{display:flex;align-items:center;gap:7px;color:var(--muted)}
.status-dot{width:5px;height:5px;border-radius:50%;background:var(--cf-ok);display:inline-block}
.destinations{display:flex;justify-content:center;align-items:center;gap:40px;border-bottom:1px solid var(--line);padding:39px 0 43px}
.destinations p{font-size:12px;color:var(--muted)}
.destinations>div{display:flex;gap:33px;align-items:center}
.destinations>div span{font-size:16px;font-family:var(--serif);color:var(--cf-ink-soft)}
.section-space{padding-top:104px;padding-bottom:104px}
h2{font:500 clamp(30px,3.2vw,43px)/1.5 var(--serif);letter-spacing:-.025em}
.section-heading{text-align:center;margin-bottom:74px}
.section-heading .eyebrow{justify-content:center;margin-bottom:16px}
.section-intro{margin-top:21px;color:var(--muted);font-size:14px;line-height:1.9}
.feature{display:grid;grid-template-columns:1fr 1.08fr;align-items:center;gap:105px;padding:0 35px}
.feature+.feature{margin-top:110px}
.feature-copy{max-width:420px}
.feature-index{display:inline-flex;align-items:center;gap:13px;font:10px var(--sans);letter-spacing:.13em;color:var(--accent)}
.feature h3{font:500 30px/1.55 var(--serif);letter-spacing:-.025em;margin:16px 0 21px}
.feature-copy p{font-size:15px;color:var(--cf-ink-soft);line-height:1.95}
.feature-copy .feature-note{font-size:13px;color:var(--muted);margin-top:17px}
.feature-copy .text-link{margin-top:22px;color:var(--accent)}
.feature-ai .feature-copy{grid-column:2;grid-row:1}
.feature-ai .context-example{grid-column:1;grid-row:1}
.annotation-example,.context-example,.markdown-example{border:1px solid var(--line);background:var(--soft);border-radius:var(--cf-radius-card);position:relative;min-width:0}
.annotation-example{padding:29px 29px 42px;min-height:345px;background:linear-gradient(90deg,transparent 96%,var(--cf-accent-soft) 96%,var(--cf-accent-soft) 96.3%,transparent 96.3%),var(--soft)}
.example-label{font-size:10px;color:var(--muted);letter-spacing:.05em}
.annotation-example blockquote{font:500 19px/1.9 var(--serif);margin:23px 0}
mark{color:inherit;background:#f6e4a4;padding:3px 0;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.margin-note{background:var(--card);border:1px solid var(--line);border-left:2px solid var(--accent);border-radius:var(--cf-radius-control);padding:17px 20px;margin:0 0 0 28px;box-shadow:var(--cf-shadow-control)}
.note-heading{display:flex;gap:7px;align-items:center;font-size:11px;font-weight:600}
.margin-note p{font-size:13px;line-height:1.9;margin:12px 0;color:var(--cf-ink-soft)}
.note-foot{font-size:9px;color:var(--muted);border-top:1px solid var(--line);padding-top:9px;display:block}
.example-caption{position:absolute;right:15px;bottom:10px;color:var(--muted);font-size:9px}
.optional{font-size:9px;letter-spacing:0;border:1px solid var(--cf-line-strong);border-radius:20px;padding:3px 8px}
.context-example{padding:31px;min-height:328px;background:#e9ece3;border-color:#dce0d3}
.question-example{font:500 24px/1.7 var(--serif);margin:31px 0 24px;color:#45503d}
.context-sources{display:flex;align-items:center;gap:11px;flex-wrap:wrap;color:#66715d;font-size:10px}
.context-sources span:not(:nth-child(2)){padding:6px 10px;border:1px solid #cbd2c0;border-radius:3px;background:#f7f8f15c}
.context-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:26px;border-top:1px solid #ccd4c0;padding-top:15px;padding-bottom:10px;font-size:10px;color:#7b846f}
.context-bottom .accent{font-size:20px;color:#667a4f}
.markdown-example{background:var(--card);overflow:hidden}
.file-label{padding:14px 20px;border-bottom:1px solid var(--line);font-size:11px;color:var(--muted);display:flex;align-items:center;gap:8px;background:var(--soft)}
.file-label span:last-child{margin-left:auto;font-size:9px}
.markdown-example pre{font:11px/2 var(--cf-font-mono);padding:20px 23px 34px;margin:0;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--cf-ink-soft)}
.md-heading{color:var(--accent)}
.md-muted{color:var(--muted)}
.start-section{background:var(--cf-inverse-paper);color:var(--cf-inverse-ink);padding:76px 0}
.start-heading{display:flex;justify-content:space-between;align-items:end;gap:50px}
.start-heading .eyebrow{color:var(--cf-inverse-accent);margin-bottom:18px}
.start-heading h2{font-size:39px}
.start-heading>p{font-size:13px;color:var(--cf-inverse-muted);padding-bottom:8px;line-height:2}
.start-steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:54px;padding:39px 0 36px;margin:35px 0 0;border-top:1px solid var(--cf-inverse-line);border-bottom:1px solid var(--cf-inverse-line)}
.step-number{font:italic 25px var(--serif);color:var(--cf-inverse-accent)}
.start-steps h3{font-size:15px;font-weight:550;margin:14px 0 9px}
.start-steps p{font-size:12px;color:var(--cf-inverse-muted);line-height:1.9;max-width:270px}
.start-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:32px;gap:26px}
.button-light{background:var(--card);border-color:var(--card);color:var(--ink)}
.button-light:hover{background:var(--soft);color:var(--accent)}
.start-section .text-link{color:var(--cf-inverse-ink);font-size:12px}
.start-section .micro{color:var(--cf-inverse-muted);text-align:right;font-size:10px}
.setup-section{display:grid;grid-template-columns:.9fr 1.3fr;gap:90px;align-items:center}
.setup-intro .eyebrow{margin-bottom:18px}
.setup-intro h2{font-size:34px}
.setup-intro>p:not(.eyebrow){color:var(--muted);font-size:13px;margin:22px 0}
.capability{display:flex;gap:16px;align-items:start;border-bottom:1px solid var(--line);padding:23px 0}
.capability:first-child{border-top:1px solid var(--line)}
.capability-dot{color:var(--accent);font-size:18px;line-height:1.5;flex:none;width:18px}
.capability h3{font-size:14px;font-weight:550}
.capability p{font-size:11px;color:var(--muted);margin-top:6px}
.capability-tag{margin-left:auto;flex:none;font-size:9px;line-height:2;border:1px solid var(--line);border-radius:20px;padding:0 8px;color:var(--muted)}
.setup-footnote{font-size:10px;line-height:1.9;color:var(--muted);margin-top:19px}
.ownership-section{display:grid;grid-template-columns:50px 1fr 1.05fr;gap:35px;align-items:start;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-top:45px;padding-bottom:45px}
.ownership-mark{width:42px;height:42px;border:1px solid var(--cf-line-strong);border-radius:50%;color:var(--accent);font:26px/39px var(--serif);text-align:center;margin-top:5px}
.ownership-section .eyebrow{margin-bottom:12px}
.ownership-section h2{font-size:28px}
.ownership-copy p{font-size:12px;line-height:1.95;color:var(--muted)}
.ownership-copy p+p{margin-top:14px}
.ownership-copy .text-link{margin-top:15px;font-size:11px;color:var(--accent)}
.faq-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:95px}
.faq-section .eyebrow{margin-bottom:16px}
.faq-section h2{font-size:35px}
.faq-help{color:var(--muted);font-size:12px;margin-top:27px;line-height:2.1}
.faq-help .text-link{font-size:12px}
.faq-list{border-top:1px solid var(--line)}
details{border-bottom:1px solid var(--line)}
summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:14px;font-weight:550;padding:23px 0;min-height:68px}
summary::-webkit-details-marker{display:none}
summary>span{font-size:20px;line-height:1;color:var(--muted);flex:none;font-weight:400;transition:transform .2s}
details[open] summary>span{transform:rotate(45deg)}
.faq-answer{font-size:14px;color:var(--muted);line-height:1.95;padding:0 20px 23px 0}
.faq-answer p+p{margin-top:12px}
.faq-answer a{color:var(--accent);text-decoration:underline}
.faq-answer code{font-size:11px;overflow-wrap:anywhere;background:var(--soft);padding:2px 3px;border-radius:3px}
.closing{text-align:center;padding-top:20px;padding-bottom:100px}
.closing .eyebrow,.closing .actions{justify-content:center}
.closing h2{font-size:33px;margin:19px 0 29px}
.closing .text-link{font-size:12px}
.site-footer{border-top:1px solid var(--line);background:var(--soft)}
.footer-main{padding-top:32px;padding-bottom:30px;display:flex;align-items:center;gap:28px}
.footer-main .brand{font-size:17px;gap:7px}
.footer-main>p{font-size:10px;color:var(--muted)}
.footer-main nav{margin-left:auto;display:flex;gap:23px;font-size:11px}
.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:18px;padding-bottom:22px;border-top:1px solid var(--line);color:var(--muted);font-size:9px}
.skip-link{position:absolute;top:-100px;left:20px;z-index:10;background:var(--ink);color:var(--paper);padding:10px 20px}
.skip-link:focus{top:12px;color:var(--paper)}
@media(min-width:1600px){.hero{padding-top:90px}.hero-intro{padding-bottom:65px}}
@media(max-width:1050px){.container{width:calc(100% - 64px)}.hero-intro{gap:30px}.lead{font-size:14px}.desktop-break{display:none}.hero-copy .actions{gap:17px}.hero-copy .text-link{font-size:11px}.feature{padding:0;gap:50px}.feature h3{font-size:27px}.setup-section{gap:60px}.faq-section{gap:55px}.nav-links{gap:23px}.ownership-section{grid-template-columns:38px 1fr 1.15fr;gap:25px}.footer-main>p{display:none}.start-heading>p{font-size:12px}}
@media(max-width:760px){.container{width:calc(100% - 40px)}.nav{min-height:72px;gap:18px;flex-wrap:wrap;padding-top:17px;padding-bottom:14px}.brand{font-size:19px;gap:7px}.brand img{width:27px;height:27px}.nav>.button{margin-left:auto;min-height:35px;padding:7px 12px}.nav-links{order:3;width:100%;justify-content:space-between;font-size:11px;gap:15px;margin:0;padding-top:10px}.github-link{padding-left:0;border:0}.hero{padding-top:40px}.hero-intro{grid-template-columns:1fr;gap:24px;padding-bottom:32px}h1{font-size:46px;line-height:1.25;margin-top:16px;letter-spacing:-.045em}.hero-copy{padding:0}.lead{font-size:14px;line-height:1.9;max-width:420px;margin-bottom:20px}.hero-copy .actions{gap:20px}.hero-copy .button{font-size:12px;min-height:46px;padding:12px 16px;gap:18px}.hero-copy .text-link{font-size:11px}.micro{font-size:10px}.hero-copy .micro{margin-top:13px}.browser-bar{height:26px;font-size:7px;padding-inline:10px;gap:5px}.browser-dots{gap:3px;width:38px}.browser-dots i{height:4px;width:4px}.browser-label{font-size:5px;width:55px}.browser-frame{border-radius:5px}figcaption{flex-direction:column;align-items:start;gap:5px;padding-top:12px;font-size:9px}.destinations{flex-direction:column;gap:13px;padding:27px 0 31px}.destinations p{font-size:10px}.destinations>div{gap:30px}.destinations>div span{font-size:15px}.section-space{padding-top:62px;padding-bottom:62px}.section-heading{margin-bottom:40px;text-align:left}.section-heading .eyebrow{justify-content:flex-start;margin-bottom:14px}h2{font-size:30px;line-height:1.5}.section-intro{font-size:12px;margin-top:16px}.feature{grid-template-columns:1fr;gap:24px}.feature+.feature{margin-top:57px}.feature-copy{max-width:none}.feature h3{font-size:27px;margin:12px 0 14px}.feature-copy p{font-size:13px}.feature-copy .feature-note{font-size:11px;margin-top:13px}.feature-ai .feature-copy,.feature-ai .context-example{grid-column:auto;grid-row:auto}.feature-index{font-size:9px}.annotation-example{padding:23px 23px 35px;min-height:300px}.annotation-example blockquote{font-size:18px;margin-top:19px}.margin-note{margin-left:15px;padding:14px 17px}.margin-note p{font-size:12px}.context-example{min-height:286px;padding:24px}.question-example{font-size:24px;margin:23px 0}.context-bottom{margin-top:22px}.markdown-example pre{font-size:10px;padding:19px 19px 31px}.file-label{padding:12px 17px;font-size:10px}.start-section{padding:50px 0}.start-heading{display:block}.start-heading h2{font-size:31px}.start-heading>p{font-size:12px;margin-top:23px;padding:0}.start-steps{grid-template-columns:1fr;gap:25px;padding:28px 0;margin-top:27px}.start-steps li{display:grid;grid-template-columns:36px 1fr;column-gap:15px}.step-number{grid-row:span 2;font-size:23px;padding-top:4px}.start-steps h3{margin:0 0 7px;font-size:14px}.start-steps p{max-width:none;font-size:12px}.start-bottom{display:block;margin-top:26px}.start-bottom .actions{gap:20px}.start-bottom .button{padding:11px 15px;font-size:12px;min-height:45px;gap:17px}.start-section .text-link{font-size:11px}.start-section .micro{margin-top:20px;text-align:left}.setup-section{grid-template-columns:1fr;gap:28px}.setup-intro h2{font-size:30px}.setup-intro>p:not(.eyebrow){margin:17px 0;font-size:12px}.capability{gap:12px;padding:21px 0}.capability h3{font-size:12px}.capability p{font-size:10px;line-height:1.9}.capability-tag{font-size:8px;padding:0 6px}.capability-dot{font-size:16px;width:13px}.setup-footnote{font-size:10px}.ownership-section{grid-template-columns:1fr;gap:22px;padding-top:34px;padding-bottom:34px}.ownership-mark{display:none}.ownership-section h2{font-size:27px}.ownership-copy p{font-size:12px}.faq-section{grid-template-columns:1fr;gap:28px}.faq-section h2{font-size:30px}.faq-help{margin-top:17px;font-size:11px}.faq-help br{display:none}.faq-help .text-link{font-size:11px;margin-left:8px}summary{font-size:12px;gap:12px;padding:20px 0;min-height:66px}.faq-answer{font-size:11px;padding-right:8px}.closing{padding-top:0;padding-bottom:57px}.closing h2{font-size:26px;line-height:1.6;max-width:300px;margin:17px auto 24px}.closing .actions{gap:19px}.closing .button{font-size:12px;min-height:46px;padding:12px 16px;gap:17px}.closing .text-link{font-size:11px}.closing .eyebrow{font-size:10px}.footer-main{flex-wrap:wrap;gap:22px;padding-top:26px;padding-bottom:24px}.footer-main nav{margin:0;width:100%;justify-content:space-between;gap:12px;font-size:10px}.footer-bottom{flex-direction:column;gap:5px;font-size:8px;padding-top:17px;padding-bottom:20px}}
@media(max-width:350px){h1{font-size:39px}.hero-copy .actions{gap:14px}.hero-copy .text-link{font-size:10px}.context-sources{gap:7px;font-size:9px}.context-example{padding:21px}.question-example{font-size:21px}.start-bottom .actions{gap:15px}.capability-tag{display:none}}
@media(max-width:760px){.faq-answer{font-size:13px}summary{font-size:13px}.feature-copy p{font-size:14px}.feature-copy .feature-note{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* The desktop download is a continuation of extension setup, not a second homepage. */
@media(max-width:760px){.hero h1{font-size:clamp(36px,10.5vw,46px)}}
.desktop-journey{padding-bottom:100px}
.journey-heading{max-width:650px;margin-bottom:34px}
.journey-heading h2{font-size:34px;margin-top:13px}
.journey-heading>p:last-child{font-size:12px;color:var(--muted);margin-top:14px}
.journey-steps{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin:0;padding:28px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.journey-steps li{min-width:0}
.journey-steps li>span{font:12px var(--cf-font-mono);color:var(--accent)}
.journey-steps h3{font-size:15px;font-weight:600;margin:15px 0 9px}
.journey-steps p{font-size:12px;line-height:1.9;color:var(--muted)}
.nav a[aria-current=page]{color:var(--accent);text-decoration:underline;text-underline-offset:7px}
.download-hero{padding-top:38px;padding-bottom:66px}
.download-breadcrumb{list-style:none;display:flex;flex-wrap:wrap;gap:12px;margin:0 0 48px;padding:0;color:var(--muted);font-size:11px}
.download-breadcrumb li+li:before{content:"/";margin-right:12px;color:var(--cf-placeholder)}
.download-breadcrumb [aria-current=step]{color:var(--accent);font-weight:600}
.download-hero h1{max-width:900px;font-size:clamp(39px,4.6vw,61px);line-height:1.35;margin-top:17px}
.download-lead{font-size:17px;color:var(--cf-ink-soft);line-height:1.95;margin-top:22px}
.release-status{display:flex;align-items:flex-start;gap:20px;max-width:900px;margin:32px 0 25px;padding:22px 24px;border:1px solid var(--cf-warning-line);border-left:3px solid var(--cf-warning);background:var(--cf-warning-soft);border-radius:var(--cf-radius-control)}
.release-pill{display:inline-block;flex:none;padding:3px 8px;border:1px solid var(--cf-warning-line);border-radius:4px;color:var(--cf-warning);font-size:11px;white-space:nowrap}
.release-status h2{font:600 16px/1.6 var(--sans);letter-spacing:0;margin-bottom:7px}
.release-status p{color:var(--cf-ink-soft);font-size:13px;line-height:1.9}
.download-section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:45px;margin-bottom:30px}
.download-section-heading .eyebrow{margin-bottom:10px}
.download-section-heading h2{font-size:34px}
.download-section-heading>p{max-width:355px;color:var(--muted);font-size:12px;padding-bottom:5px}
.platform-section{padding-top:45px;padding-bottom:70px;border-top:1px solid var(--line)}
.download-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.download-option{padding:27px 29px 23px;border:1px solid var(--line);background:var(--card);border-radius:var(--cf-radius-card);min-width:0}
.platform-heading{display:flex;gap:20px;align-items:center;justify-content:space-between}
.platform-heading h3{font-size:23px;font-weight:600;letter-spacing:-.5px}
.platform-heading>span{font-size:11px;color:var(--muted);text-align:right}
.platform-detail{font-size:13px;color:var(--muted);margin-top:16px;min-height:47px}
.availability{display:inline-block;margin:21px 0 15px;padding:7px 10px;font-size:12px;color:var(--muted);border-radius:4px;background:var(--soft);border:1px solid var(--line)}
.platform-note{font-size:11px;line-height:1.9;color:var(--muted)}
.architecture-help{margin-top:20px}
.architecture-help .faq-answer{max-width:800px;font-size:13px}
.connect-section{padding-bottom:75px}
.connection-caveat{font-size:12px;color:var(--muted);max-width:850px;line-height:1.9;margin:20px 0 24px}
.download-boundaries{padding:34px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:.9fr 1.1fr;gap:65px}
.download-boundaries h2{font-size:27px}
.download-boundaries p{font-size:13px;color:var(--muted)}
.download-boundaries p+p{margin-top:12px}
.download-support{padding-top:55px;padding-bottom:72px}
.download-support h2{font-size:27px;margin-bottom:15px}
.download-support>p{font-size:13px;max-width:900px;color:var(--muted);margin-bottom:20px}
.download-support .faq-answer{font-size:13px}
@media(max-width:1050px){.journey-steps{gap:20px}.journey-steps h3{font-size:13px}.download-boundaries{gap:35px}.platform-heading{align-items:flex-start;gap:12px}.platform-heading>span{max-width:160px}}
@media(max-width:760px){.desktop-journey{padding-bottom:60px}.journey-heading h2{font-size:28px}.journey-steps{grid-template-columns:1fr 1fr;gap:26px 22px;padding:25px 0}.journey-steps h3{font-size:14px;margin-top:11px}.journey-steps p{font-size:12px}.download-hero{padding-top:23px;padding-bottom:43px}.download-breadcrumb{gap:9px;font-size:10px;margin-bottom:33px}.download-breadcrumb li+li:before{margin-right:9px}.download-hero h1{font-size:38px;line-height:1.4}.download-lead{font-size:14px;margin-top:18px}.release-status{display:block;padding:18px 19px;margin:25px 0 21px}.release-status h2{font-size:15px;margin:12px 0 7px}.release-status p{font-size:12px}.download-hero .actions{gap:17px 24px}.download-hero .text-link{font-size:12px}.download-section-heading{display:block;margin-bottom:23px}.download-section-heading h2{font-size:29px}.download-section-heading>p{margin-top:13px;font-size:12px;max-width:none}.platform-section{padding-top:34px;padding-bottom:45px}.download-grid{grid-template-columns:1fr;gap:13px}.download-option{padding:23px 22px}.platform-heading h3{font-size:22px}.platform-heading>span{max-width:none}.platform-detail{min-height:0;margin-top:13px}.availability{margin-top:18px}.architecture-help .faq-answer{font-size:12px}.connect-section{padding-bottom:48px}.connection-caveat{font-size:12px}.connect-section .actions{gap:20px}.connect-section .text-link{font-size:12px}.download-boundaries{display:block;padding-top:27px;padding-bottom:27px}.download-boundaries h2{font-size:26px;margin-bottom:17px}.download-boundaries p{font-size:12px}.download-support{padding-top:37px;padding-bottom:45px}.download-support h2{font-size:25px}.download-support>p,.download-support .faq-answer{font-size:12px}}
@media(max-width:350px){.download-hero h1{font-size:32px}.journey-steps{grid-template-columns:1fr}.platform-heading{display:block}.platform-heading>span{display:block;text-align:left;margin-top:7px}}