:root{
  --bg:#fff;
  --surface:#fff;
  --soft:#f6f6f4;
  --soft-2:#efefed;
  --ink:#171817;
  --muted:#5d625e;
  --faint:#8a8f8a;
  --line:#e7e7e4;
  --line-strong:#d1d3cf;
  --accent:#1f7562;
  --accent-soft:#e2f0eb;
  --blue-soft:#e8f2ff;
  --violet-soft:#eee9ff;
  --sand:#f3eee3;
  --dark:#151716;
  --max:1440px;
  font-family:"Segoe UI Variable Text","Segoe UI","Microsoft YaHei",system-ui,-apple-system,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-width:320px;background:var(--bg);color:var(--ink);font-size:15px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:inherit;text-decoration:none}
button,input{font:inherit;color:inherit}
button{cursor:pointer}
svg{display:block}
:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.container{width:min(var(--max),calc(100% - 48px));margin:0 auto}
.skip-link{position:fixed;left:12px;top:12px;z-index:300;padding:9px 12px;border-radius:8px;background:var(--ink);color:#fff;transform:translateY(-160%)}
.skip-link:focus{transform:none}
.site-header{position:sticky;top:0;z-index:100;height:64px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.96);backdrop-filter:blur(18px)}
.header-shell{height:64px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px}
.brand{justify-self:start;display:inline-flex;align-items:center;gap:10px;font-weight:720;letter-spacing:-.02em}
.brand-mark{position:relative;width:30px;height:30px;border-radius:9px;background:var(--ink);color:#fff}
.brand-mark:before,.brand-mark:after{content:"";position:absolute;top:9px;width:10px;height:10px;border:1.5px solid currentColor;border-radius:3px;transform:rotate(45deg)}
.brand-mark:before{left:5px}.brand-mark:after{right:5px;opacity:.55}
.primary-nav{justify-self:center;display:flex;gap:4px;align-items:center}
.primary-nav a{height:36px;display:inline-flex;align-items:center;padding:0 12px;border-radius:10px;font-size:13px;font-weight:540}
.primary-nav a:hover{background:var(--soft)}
.primary-nav a.active{background:var(--soft-2);font-weight:650}
.header-actions{justify-self:end;display:flex;align-items:center;gap:10px}
.header-search{width:210px;height:38px;display:flex;align-items:center;gap:9px;padding:0 12px;border:1px solid var(--line);border-radius:999px;color:var(--faint);font-size:12px;background:#fff}
.header-search svg{width:15px;height:15px;margin-left:auto}
.button{height:42px;padding:0 17px;border:1px solid var(--line-strong);border-radius:999px;background:#fff;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:680;transition:.16s ease}
.button:hover{transform:translateY(-1px);border-color:#b7bbb6}
.button.primary{border-color:var(--dark);background:var(--dark);color:#fff}
.button.soft{border-color:var(--soft-2);background:var(--soft-2)}
.button svg{width:15px;height:15px}
.theme-button,.mobile-menu{width:38px;height:38px;border:0;border-radius:50%;background:transparent;display:grid;place-items:center}
.theme-button:hover,.mobile-menu:hover{background:var(--soft)}
.theme-button svg,.mobile-menu svg{width:17px;height:17px}
.mobile-menu{display:none}
.subnav{height:50px;border-bottom:1px solid var(--line);background:var(--soft)}
.subnav .container{height:100%;display:flex;align-items:center;justify-content:center;gap:26px}
.subnav a{height:50px;display:inline-flex;align-items:center;color:var(--muted);font-size:12px;border-bottom:2px solid transparent}
.subnav a.active{color:var(--ink);border-bottom-color:var(--ink)}
.page-footer{margin-top:100px;border-top:1px solid var(--line);background:#fafaf9}
.footer-grid{display:grid;grid-template-columns:minmax(260px,1.4fr) repeat(3,minmax(120px,.5fr));gap:44px;padding:44px 0}
.footer-brand p{max-width:400px;margin:16px 0 0;color:var(--faint);font-size:11px;line-height:1.7}
.footer-col strong{display:block;margin-bottom:13px;font-size:11px}.footer-col a{display:block;width:max-content;margin-top:10px;color:var(--faint);font-size:11px}.footer-col a:hover{color:var(--ink)}
.footer-bottom{display:flex;justify-content:space-between;gap:16px;padding:17px 0 28px;border-top:1px solid var(--line);color:var(--faint);font-size:9px}
.reveal{opacity:0;transform:translateY(12px);transition:opacity .5s ease,transform .5s ease}.reveal.visible{opacity:1;transform:none}
.eyebrow{font-size:10px;font-weight:750;letter-spacing:.1em;text-transform:uppercase;color:var(--faint)}

/* home */
.home-hero{padding:82px 0 70px;text-align:center}
.home-hero h1{max-width:900px;margin:0 auto;font-size:clamp(56px,6.2vw,86px);line-height:1.04;letter-spacing:-.065em;font-weight:610;text-wrap:balance}
.home-hero .lede{max-width:720px;margin:22px auto 0;color:var(--muted);font-size:18px;line-height:1.7;text-wrap:balance}
.hero-actions{display:flex;justify-content:center;gap:10px;margin-top:28px}
.app-shot{width:min(1160px,100%);height:620px;margin:68px auto 0;border:1px solid var(--line-strong);border-radius:16px;background:#fff;box-shadow:0 24px 60px rgba(20,24,21,.08);overflow:hidden;text-align:left}
.app-shot-top{height:52px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 16px;border-bottom:1px solid var(--line);background:#fafafa}
.app-dots{display:flex;gap:6px}.app-dots i{width:9px;height:9px;border-radius:50%;background:#c8cbc7}.app-shot-title{font-size:10px;font-weight:700}.app-shot-status{justify-self:end;display:flex;align-items:center;gap:6px;color:var(--accent);font-size:9px}.app-shot-status:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.app-shell{height:calc(100% - 52px);display:grid;grid-template-columns:230px 1fr}
.app-sidebar{padding:20px 16px;border-right:1px solid var(--line);background:#f8f8f7}
.app-brand{font-size:18px;font-weight:700;margin-bottom:24px}.app-nav{display:grid;gap:3px}.app-nav div{height:34px;display:flex;align-items:center;gap:9px;padding:0 10px;border-radius:8px;color:var(--muted);font-size:11px}.app-nav div.active{background:#e8e8e5;color:var(--ink);font-weight:650}.app-nav svg{width:15px;height:15px}.app-side-title{margin:24px 10px 8px;color:var(--faint);font-size:9px;font-weight:700}.app-project{padding:9px 10px;border-radius:9px;color:var(--muted);font-size:10px}.app-project strong{display:block;color:var(--ink);font-size:10px}.app-project span{display:block;margin-top:4px;color:var(--faint);font-size:8px}
.app-main{position:relative;padding:24px 28px;background:#fff}.app-main-top{display:flex;align-items:center;justify-content:space-between}.app-main-top strong{font-size:12px}.segmented{display:flex;padding:3px;border:1px solid var(--line);border-radius:999px;background:#fafafa}.segmented span{padding:5px 11px;border-radius:999px;color:var(--faint);font-size:9px}.segmented span.active{background:#fff;color:var(--ink);box-shadow:0 2px 7px rgba(0,0,0,.06)}
.task-center{max-width:620px;margin:88px auto 0;text-align:center}.task-logo{width:56px;height:56px;margin:0 auto;border-radius:18px;background:var(--accent-soft);display:grid;place-items:center;color:var(--accent)}.task-logo svg{width:27px;height:27px}.task-center h2{margin:22px 0 0;font-size:27px;letter-spacing:-.04em}.task-center p{max-width:500px;margin:10px auto 0;color:var(--muted);font-size:12px;line-height:1.6}.task-input{height:64px;margin-top:26px;border:1px solid var(--line-strong);border-radius:18px;display:flex;align-items:center;padding:0 15px;text-align:left;color:var(--faint);font-size:11px}.task-input b{margin-left:auto;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:#fff;font-size:14px}.task-chips{display:flex;justify-content:center;gap:7px;margin-top:15px}.task-chips span{padding:7px 10px;border-radius:999px;background:var(--soft);color:var(--muted);font-size:9px}
.home-section{padding:110px 0;border-top:1px solid var(--line)}
.home-section-head{max-width:830px}.home-section-head h2{margin:12px 0 0;font-size:clamp(42px,4.8vw,66px);line-height:1.06;letter-spacing:-.055em;font-weight:610}.home-section-head p{max-width:650px;margin:18px 0 0;color:var(--muted);font-size:16px;line-height:1.7}
.capability-list{margin-top:68px;border-top:1px solid var(--line)}
.capability{display:grid;grid-template-columns:240px minmax(0,1fr) 420px;gap:44px;align-items:center;padding:52px 0;border-bottom:1px solid var(--line)}
.capability-label{font-size:11px;font-weight:730;color:var(--faint)}.capability-copy h3{margin:0;font-size:30px;letter-spacing:-.04em;font-weight:620}.capability-copy p{margin:12px 0 0;color:var(--muted);font-size:13px;line-height:1.65}.capability-copy ul{margin:18px 0 0;padding:0;list-style:none}.capability-copy li{margin-top:9px;color:var(--muted);font-size:11px}.capability-copy li:before{content:"✓";margin-right:9px;color:var(--accent)}
.capability-visual{height:240px;border-radius:18px;overflow:hidden;position:relative}.visual-connect{background:#101513;color:#fff}.visual-relay{background:var(--blue-soft)}.visual-extend{background:var(--sand)}
.visual-window{position:absolute;inset:28px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#18201d;padding:14px}.visual-relay .visual-window,.visual-extend .visual-window{border-color:rgba(0,0,0,.08);background:rgba(255,255,255,.72)}
.visual-head{display:flex;justify-content:space-between;font-size:9px;color:#a9b6af}.visual-relay .visual-head,.visual-extend .visual-head{color:var(--faint)}
.visual-row{display:grid;grid-template-columns:28px 1fr auto;gap:9px;align-items:center;padding:10px;margin-top:9px;border:1px solid rgba(255,255,255,.1);border-radius:9px}.visual-relay .visual-row,.visual-extend .visual-row{border-color:rgba(0,0,0,.08);background:#fff}.visual-icon{width:28px;height:28px;border-radius:8px;background:#24322b;display:grid;place-items:center;color:#9ad3c1}.visual-relay .visual-icon,.visual-extend .visual-icon{background:var(--accent-soft);color:var(--accent)}.visual-row strong{font-size:9px}.visual-row span{color:#9ca9a1;font-size:8px}.visual-relay .visual-row span,.visual-extend .visual-row span{color:var(--faint)}
.workflow-section{padding:100px 0;background:#fafafa;border-top:1px solid var(--line)}
.workflow-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0;margin-top:42px;border-top:1px solid var(--line)}
.workflow-link{display:grid;grid-template-columns:48px 1fr auto;gap:16px;align-items:center;padding:26px 12px;border-bottom:1px solid var(--line)}.workflow-link:nth-child(odd){border-right:1px solid var(--line)}.workflow-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent)}.workflow-icon.blue{background:var(--blue-soft);color:#3972c5}.workflow-icon.violet{background:var(--violet-soft);color:#7156cb}.workflow-icon.sand{background:var(--sand);color:#8c7043}.workflow-icon svg{width:19px;height:19px}.workflow-link strong{display:block;font-size:14px}.workflow-link span{display:block;margin-top:5px;color:var(--muted);font-size:10px}.workflow-link>svg{width:17px;height:17px;color:var(--faint)}

/* shared subpages */
.page-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:56px;padding:30px 0 100px;align-items:start}
.side-nav{position:sticky;top:94px;min-height:calc(100vh - 124px);padding-right:18px}
.side-nav>a{display:block;padding:8px 10px;border-radius:8px;font-size:11px;color:var(--muted)}.side-nav>a.active{background:var(--soft-2);color:var(--ink)}.side-group{margin:24px 10px 8px;font-size:10px;font-weight:720}.side-nav button{width:100%;padding:7px 10px;border:0;background:transparent;border-radius:8px;text-align:left;color:var(--muted);font-size:11px}.side-nav button.active{color:var(--ink);font-weight:650}.side-nav button:hover{background:var(--soft)}
.page-content{min-width:0}.center-hero{padding:42px 0 58px;text-align:center}.center-hero h1{margin:0;font-size:42px;letter-spacing:-.045em;font-weight:630}.center-hero p{margin:18px auto 0;color:var(--muted);font-size:16px}.search-box{width:min(690px,100%);height:58px;margin:28px auto 0;border:1px solid var(--line-strong);border-radius:999px;display:flex;align-items:center;gap:12px;padding:0 18px;background:#fff}.search-box svg{width:19px;height:19px}.search-box input{flex:1;border:0;outline:0;background:transparent;font-size:13px}.search-key{color:var(--faint);font-size:10px}.pill-row{display:flex;justify-content:center;gap:8px;margin-top:16px}.pill-row button,.pill-row span{height:34px;padding:0 13px;border:0;border-radius:999px;background:var(--soft-2);display:inline-flex;align-items:center;color:var(--muted);font-size:11px}.pill-row button.active{background:var(--ink);color:#fff}
.section-title-row{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:34px 0 20px}.section-title-row h2{margin:0;font-size:20px}.section-title-row a,.section-title-row span{font-size:10px;color:var(--muted)}

/* docs */
.docs-overview{display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);gap:70px;align-items:center;padding:96px 0 70px}.docs-copy h1{margin:0;font-size:64px;line-height:1;letter-spacing:-.06em;font-weight:610}.docs-copy p{max-width:540px;margin:22px 0 0;color:var(--muted);font-size:17px;line-height:1.7}.docs-actions{display:flex;gap:12px;margin-top:28px}.docs-visual{height:470px;border-radius:22px;padding:26px;background:linear-gradient(145deg,#8a9bea,#dce8ff)}.docs-screen{height:100%;border-radius:12px;background:#fff;box-shadow:0 18px 45px rgba(31,46,91,.2);display:grid;grid-template-columns:120px 1fr;overflow:hidden}.docs-screen-side{padding:18px 12px;background:#f4f4f3;border-right:1px solid var(--line)}.docs-screen-side strong{font-size:10px}.docs-screen-side div{height:23px;margin-top:6px;border-radius:6px;background:#e7e7e5}.docs-screen-main{padding:28px}.docs-screen-main .mascot{width:64px;height:64px;margin-left:auto;border-radius:20px;background:var(--violet-soft)}.docs-screen-main h3{margin:42px 0 0;font-size:22px}.docs-screen-main .suggestions{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:18px}.docs-screen-main .suggestions span{padding:12px;border:1px solid var(--line);border-radius:10px;font-size:8px}.docs-screen-main .composer{height:48px;margin-top:22px;border:1px solid var(--line);border-radius:13px}
.docs-news{padding:54px 0;border-top:1px solid var(--line)}.docs-news h2{font-size:36px;margin:0}.docs-news-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0;margin-top:24px;border-top:1px solid var(--line)}.doc-item{padding:22px 10px;border-bottom:1px solid var(--line)}.doc-item:nth-child(odd){border-right:1px solid var(--line)}.doc-item strong{font-size:13px}.doc-item p{margin:7px 0 0;color:var(--muted);font-size:10px;line-height:1.55}.doc-item span{display:inline-block;margin-top:12px;color:var(--accent);font-size:9px}.docs-empty{display:none;padding:24px;border:1px dashed var(--line-strong);text-align:center;color:var(--faint)}

/* refined docs sections */
.docs-news{padding:46px 0}.docs-news .section-title-row{margin:0 0 24px}.docs-news .section-title-row h2{font-size:32px;letter-spacing:-.045em;font-weight:620}.section-kicker{display:block;margin-bottom:8px;color:var(--accent);font-size:9px;font-weight:760;letter-spacing:.12em}
.latest-strip{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.latest-item{display:grid;grid-template-columns:52px 1fr auto;gap:16px;align-items:center;padding:22px 10px}.latest-item:first-child{border-right:1px solid var(--line)}.latest-date{color:var(--faint);font-size:10px;font-variant-numeric:tabular-nums}.latest-item strong{font-size:13px}.latest-item p{margin:6px 0 0;color:var(--muted);font-size:10px;line-height:1.5}.latest-arrow{color:var(--faint);font-size:14px}.latest-item:hover strong{color:var(--accent)}
.quickstart-section{padding:58px 0 66px}.quickstart-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:62px;align-items:start}.quickstart-intro{position:sticky;top:116px}.quickstart-intro h2{margin:0;font-size:34px;line-height:1.08;letter-spacing:-.045em;font-weight:630}.quickstart-intro p{margin:16px 0 0;color:var(--muted);font-size:11px;line-height:1.7}.quickstart-summary{display:grid;gap:8px;margin-top:26px;padding-top:18px;border-top:1px solid var(--line)}.quickstart-summary span{color:var(--faint);font-size:9px}.quickstart-summary strong{color:var(--ink);font-size:10px}.quickstart-path{border-top:1px solid var(--line)}.path-step{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr) 220px;gap:22px;align-items:center;padding:25px 0;border-bottom:1px solid var(--line)}.path-step:before{content:"";position:absolute;left:17px;top:60px;bottom:-26px;width:1px;background:var(--line)}.path-step:last-child:before{display:none}.path-index{position:relative;z-index:1;width:35px;height:35px;border:1px solid var(--line-strong);border-radius:50%;background:#fff;color:var(--faint);display:grid;place-items:center;font-size:9px;font-weight:760;font-variant-numeric:tabular-nums}.path-step:hover .path-index{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.path-label{color:var(--accent);font-size:8px;font-weight:760;letter-spacing:.08em}.path-copy h3{margin:6px 0 0;font-size:16px;letter-spacing:-.02em}.path-copy p{margin:7px 0 0;color:var(--muted);font-size:10px;line-height:1.55}.path-link{display:inline-block;margin-top:12px;color:var(--accent);font-size:9px;font-weight:700}.path-preview{min-height:72px;border:1px solid var(--line);border-radius:12px;background:#fafaf9;padding:13px 14px;color:var(--muted);font-size:9px}.install-preview,.task-preview{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center}.path-preview strong,.path-preview small{display:block}.path-preview strong{color:var(--ink);font-size:9px}.path-preview small{margin-top:3px;color:var(--faint);font-size:8px}.preview-dot{width:9px;height:9px;border-radius:50%;background:#b9bdb9;box-shadow:0 0 0 4px #eceeeb}.preview-dot.active{background:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.preview-state{padding:4px 7px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:8px;font-weight:700}.connect-preview{display:flex;align-items:center;justify-content:space-between;gap:9px}.connect-preview span{padding:8px 9px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);font-size:8px;font-weight:700}.connect-preview i{flex:1;height:1px;background:var(--accent);position:relative}.connect-preview i:after{content:"";position:absolute;right:-1px;top:-3px;border-left:5px solid var(--accent);border-top:3px solid transparent;border-bottom:3px solid transparent}.scope-preview{display:grid;align-content:center}.scope-preview span{font-size:8px;color:var(--faint)}.scope-preview strong{margin-top:5px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.scope-preview small{margin-top:5px;color:var(--accent)}.preview-check{width:28px;height:28px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;font-size:12px}.task-preview{grid-template-columns:auto 1fr}
.concepts-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);gap:28px;align-items:stretch}.concept-map{min-height:320px;padding:26px;border-radius:20px;background:#111614;color:#fff;display:flex;flex-direction:column}.concept-map-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.concept-map-head span{color:#8fd0bb;font-size:9px;font-weight:760;letter-spacing:.08em}.concept-map-head strong{color:#9ca7a1;font-size:8px;font-weight:600}.concept-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:10px;align-items:center;margin-top:58px}.concept-node{min-height:82px;padding:14px;border:1px solid #2d3733;border-radius:13px;background:#171d1a;display:flex;align-items:center;gap:10px}.concept-node.main{border-color:#386556;background:#18241f}.node-mark{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font-size:10px;font-weight:800}.node-mark.chat{background:#e3e8ff;color:#5166b8}.node-mark.dev{background:#cfe9df;color:#18745a}.node-mark.local{background:#eee7d8;color:#81672f}.concept-node strong,.concept-node small{display:block}.concept-node strong{font-size:10px}.concept-node small{margin-top:4px;color:#929e98;font-size:8px;line-height:1.4}.concept-arrow{color:#607069;font-size:15px}.concept-rails{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:auto;padding-top:42px}.concept-rails span{display:flex;gap:7px;align-items:flex-start;color:#a9b3ae;font-size:8px;line-height:1.45}.concept-rails i{flex:none;width:6px;height:6px;margin-top:3px;border-radius:50%;background:#70b69e}.concept-index{border-top:1px solid var(--line)}.concept-link{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:14px;align-items:start;padding:22px 0;border-bottom:1px solid var(--line)}.concept-link>span{width:28px;height:28px;border-radius:8px;background:var(--soft-2);color:var(--faint);display:grid;place-items:center;font-size:8px;font-weight:760}.concept-link strong{font-size:13px}.concept-link p{margin:6px 0 0;color:var(--muted);font-size:10px;line-height:1.5}.concept-link b{color:var(--accent);font-size:8px;font-weight:700;white-space:nowrap}.concept-link:hover strong{color:var(--accent)}.developer-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);gap:14px}.developer-intro{min-height:290px;padding:30px;border-radius:20px;background:var(--ink);color:#fff}.developer-label{color:#8fd0bb;font-size:9px;font-weight:760;letter-spacing:.09em}.developer-intro h3{max-width:520px;margin:46px 0 0;font-size:27px;line-height:1.14;letter-spacing:-.045em}.developer-intro p{max-width:520px;margin:13px 0 0;color:#aeb8b2;font-size:11px;line-height:1.65}.developer-code{display:flex;gap:8px;margin-top:28px}.developer-code span{padding:8px 10px;border:1px solid #34413b;border-radius:8px;background:#1a211e;color:#c5d0ca;font:9px ui-monospace,SFMono-Regular,Consolas,monospace}.developer-links{display:grid;gap:12px}.developer-link{min-height:139px;padding:22px;border:1px solid var(--line);border-radius:18px;display:grid;grid-template-columns:44px 1fr;gap:16px;align-items:start}.developer-link:hover{border-color:var(--line-strong);background:#fafaf9}.developer-icon{width:42px;height:42px;border-radius:13px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font-size:13px;font-weight:800}.developer-icon.app{background:var(--blue-soft);color:#376fc0}.developer-link strong{font-size:14px}.developer-link p{margin:7px 0 0;color:var(--muted);font-size:10px;line-height:1.55}.developer-link div>span{display:inline-block;margin-top:18px;color:var(--accent);font-size:9px;font-weight:700}
.security-summary{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:16px;background:#fafaf9;overflow:hidden}.security-summary>div{padding:18px 20px;border-right:1px solid var(--line)}.security-summary>div:last-child{border-right:0}.security-summary strong,.security-summary span{display:block}.security-summary strong{font-size:11px}.security-summary span{margin-top:6px;color:var(--muted);font-size:9px;line-height:1.45}.security-grid{display:grid;grid-template-columns:repeat(2,1fr);margin-top:14px;border-top:1px solid var(--line)}.security-link{display:grid;grid-template-columns:34px 1fr auto;gap:14px;align-items:start;padding:22px 10px;border-bottom:1px solid var(--line)}.security-link:nth-child(odd){border-right:1px solid var(--line)}.security-index{width:30px;height:30px;border-radius:9px;background:var(--soft-2);display:grid;place-items:center;color:var(--faint);font-size:9px;font-weight:760}.security-link strong{font-size:13px}.security-link p{margin:6px 0 0;color:var(--muted);font-size:10px;line-height:1.5}.security-link>span:last-child{color:var(--accent);font-size:9px;font-weight:700;white-space:nowrap}.security-link:hover{background:#fafaf9}

/* changelog */
.changelog-shell{display:grid;grid-template-columns:220px minmax(0,1fr) 150px;gap:48px;padding:30px 0 100px;align-items:start}.changelog-content{min-width:0;padding-top:22px}.changelog-head{padding:20px 0 28px}.changelog-head h1{margin:0;font-size:42px;letter-spacing:-.05em;font-weight:630}.changelog-head p{margin:12px 0 0;color:var(--muted);font-size:14px}.changelog-filters{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.changelog-filters button{height:34px;padding:0 14px;border:0;border-radius:999px;background:var(--soft-2);color:var(--muted);font-size:10px}.changelog-filters button.active{background:#dcecff;color:#28689e}.month-nav{position:sticky;top:112px;padding-left:18px;border-left:1px solid var(--line)}.month-nav a{display:block;padding:7px 0;color:var(--faint);font-size:10px}.month-nav a.active{color:var(--ink);font-weight:700}.month-section{padding:34px 0;border-top:1px solid var(--line)}.month-section h2{margin:0 0 28px;font-size:18px}.update-entry{padding:0 0 38px;margin-bottom:36px;border-bottom:1px solid var(--line)}.update-entry:last-child{margin-bottom:0}.update-entry.hidden{display:none}.update-meta{display:flex;align-items:center;gap:8px;color:var(--faint);font-size:10px}.update-tag{padding:4px 7px;border-radius:999px;background:var(--soft-2);color:var(--muted);font-size:8px;font-weight:700}.update-entry h3{margin:14px 0 0;font-size:25px;line-height:1.2;letter-spacing:-.035em}.update-entry p{max-width:760px;margin:14px 0 0;color:var(--muted);font-size:12px;line-height:1.72}.update-entry ul{margin:14px 0 0;padding-left:20px;color:var(--muted);font-size:11px;line-height:1.75}.update-entry code{padding:2px 5px;border:1px solid var(--line);border-radius:5px;background:#f7f7f5;font:10px ui-monospace,SFMono-Regular,Consolas,monospace}.changelog-note{margin-top:22px;padding:14px 16px;border-left:3px solid var(--accent);background:var(--accent-soft);color:var(--muted);font-size:10px;line-height:1.6}

/* use cases */
.collection-list,.case-list{display:grid;grid-template-columns:repeat(2,1fr);gap:0;border-top:1px solid var(--line)}
.collection-item,.case-item{display:grid;grid-template-columns:48px 1fr auto;gap:16px;align-items:center;padding:24px 10px;border-bottom:1px solid var(--line)}.collection-item:nth-child(odd),.case-item:nth-child(odd){border-right:1px solid var(--line)}.collection-icon,.case-icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:var(--blue-soft);color:#2d82a2}.collection-item:nth-child(2n) .collection-icon,.case-item:nth-child(3n) .case-icon{background:var(--violet-soft);color:#7558d4}.collection-item:nth-child(3n) .collection-icon,.case-item:nth-child(2n) .case-icon{background:var(--accent-soft);color:var(--accent)}.collection-icon svg,.case-icon svg{width:20px;height:20px}.collection-item strong,.case-item strong{display:block;font-size:13px}.collection-item p,.case-item p{margin:5px 0 0;color:var(--muted);font-size:10px;line-height:1.5}.collection-item>svg,.case-item>svg{width:15px;height:15px;color:var(--faint)}.case-item.hidden{display:none}.case-empty{display:none;margin-top:20px;padding:28px;border:1px dashed var(--line-strong);text-align:center;color:var(--faint)}

/* resources */
.resource-title{padding:42px 0 46px;text-align:center}.resource-title h1{margin:0;font-size:42px;letter-spacing:-.045em;font-weight:630}.resource-title p{margin:18px 0 0;color:var(--muted);font-size:16px}.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.video-card.hidden,.blog-row.hidden{display:none}.video-thumb{aspect-ratio:16/9;border-radius:10px;overflow:hidden;position:relative;background:#e8e8e5}.video-card:nth-child(1) .video-thumb{background:linear-gradient(135deg,#18201d,#477d6d)}.video-card:nth-child(2) .video-thumb{background:linear-gradient(135deg,#d9e6ff,#8ba4d8)}.video-card:nth-child(3) .video-thumb{background:linear-gradient(135deg,#eee3ce,#cba35b)}.video-card:nth-child(4) .video-thumb{background:linear-gradient(135deg,#e6dcff,#8c74d5)}.video-card:nth-child(5) .video-thumb{background:linear-gradient(135deg,#dfeee8,#7ebaa6)}.video-card:nth-child(6) .video-thumb{background:linear-gradient(135deg,#f2e7d5,#c88d60)}.thumb-window{position:absolute;inset:18px;border-radius:7px;background:rgba(255,255,255,.92);box-shadow:0 8px 20px rgba(0,0,0,.18);display:grid;grid-template-columns:30% 1fr}.thumb-side{border-right:1px solid rgba(0,0,0,.08);background:rgba(245,245,244,.9)}.thumb-main{padding:13px}.thumb-line{height:7px;border-radius:4px;background:rgba(0,0,0,.12);margin-top:8px}.thumb-line.short{width:48%}.thumb-card{height:38px;margin-top:10px;border-radius:7px;background:rgba(0,0,0,.06)}.play{position:absolute;left:50%;top:50%;width:42px;height:42px;border-radius:50%;background:rgba(20,20,20,.92);color:#fff;display:grid;place-items:center;transform:translate(-50%,-50%)}.play svg{width:15px;height:15px;margin-left:2px}.video-meta{margin-top:12px;color:var(--faint);font-size:9px}.video-card h3{margin:7px 0 0;font-size:14px;line-height:1.45}.blog-list{border-top:1px solid var(--line)}.blog-row{display:grid;grid-template-columns:210px 1fr auto;gap:22px;align-items:center;padding:22px 0;border-bottom:1px solid var(--line)}.blog-thumb{height:112px;border-radius:9px;background:linear-gradient(135deg,var(--accent-soft),#8ac1af);position:relative;overflow:hidden}.blog-thumb:after{content:"";position:absolute;width:82px;height:82px;right:24px;top:15px;border:1px solid rgba(255,255,255,.55);border-radius:20px;transform:rotate(10deg)}.blog-row h3{margin:0;font-size:16px}.blog-row p{margin:8px 0 0;color:var(--muted);font-size:11px}.blog-row time{color:var(--faint);font-size:9px}
.resource-filter{display:flex;gap:8px;margin-bottom:22px}.resource-filter button{height:34px;padding:0 12px;border:0;border-radius:999px;background:var(--soft);color:var(--muted);font-size:10px}.resource-filter button.active{background:var(--ink);color:#fff}

@media(max-width:1100px){.header-search{display:none}.capability{grid-template-columns:180px 1fr 340px}.page-layout{grid-template-columns:190px 1fr;gap:36px}.docs-overview{grid-template-columns:1fr}.docs-visual{max-width:720px}.video-grid{grid-template-columns:repeat(2,1fr)}.quickstart-layout{grid-template-columns:210px minmax(0,1fr);gap:38px}.path-step{grid-template-columns:40px minmax(0,1fr) 190px}.concepts-layout,.developer-layout{grid-template-columns:1fr}.concept-map{min-height:290px}.changelog-shell{grid-template-columns:190px minmax(0,1fr)}.month-nav{display:none}}
@media(max-width:820px){.site-header,.header-shell{height:60px}.header-shell{display:flex}.primary-nav{display:none}.header-actions{margin-left:auto}.header-actions .button.primary,.theme-button{display:none}.mobile-menu{display:grid}.subnav{display:none}.home-hero{padding-top:60px}.app-shot{height:560px}.app-shell{grid-template-columns:170px 1fr}.task-center{margin-top:65px}.capability{grid-template-columns:1fr;gap:22px}.capability-label{display:none}.capability-visual{height:260px}.workflow-grid{grid-template-columns:1fr}.workflow-link:nth-child(odd){border-right:0}.page-layout,.changelog-shell{grid-template-columns:1fr;padding-top:20px}.side-nav{position:static;min-height:0;display:flex;overflow:auto;gap:5px;padding:0 0 15px;border-bottom:1px solid var(--line)}.side-nav .side-group{display:none}.side-nav>a,.side-nav button{width:auto;white-space:nowrap}.docs-overview{padding-top:52px}.collection-list,.case-list{grid-template-columns:1fr}.collection-item:nth-child(odd),.case-item:nth-child(odd){border-right:0}.latest-strip{grid-template-columns:1fr}.latest-item:first-child{border-right:0;border-bottom:1px solid var(--line)}.quickstart-layout{grid-template-columns:1fr;gap:30px}.quickstart-intro{position:static;max-width:560px}.quickstart-summary{display:flex;gap:20px}.path-step{grid-template-columns:40px minmax(0,1fr)}.path-preview{grid-column:2;margin-top:2px}.concept-flow{margin-top:38px}.security-summary{grid-template-columns:1fr}.security-summary>div{border-right:0;border-bottom:1px solid var(--line)}.security-summary>div:last-child{border-bottom:0}.security-grid{grid-template-columns:1fr}.security-link:nth-child(odd){border-right:0}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}
@media(max-width:620px){.container{width:min(100% - 28px,var(--max))}.brand span:last-child{display:none}.home-hero h1{font-size:48px}.home-hero .lede{font-size:15px}.hero-actions{flex-direction:column}.hero-actions .button{width:100%}.app-shot{height:500px;margin-top:42px}.app-shell{grid-template-columns:1fr}.app-sidebar{display:none}.app-main{padding:20px 14px}.task-center{margin-top:54px}.task-chips{flex-wrap:wrap}.home-section,.workflow-section{padding:76px 0}.home-section-head h2{font-size:40px}.capability{padding:40px 0}.workflow-link{grid-template-columns:42px 1fr auto;padding-left:0;padding-right:0}.docs-copy h1{font-size:50px}.docs-overview{gap:36px}.docs-visual{height:390px;padding:14px}.docs-screen{grid-template-columns:85px 1fr}.docs-screen-main{padding:18px}.docs-screen-main .suggestions{grid-template-columns:1fr}.docs-news-grid{grid-template-columns:1fr}.doc-item:nth-child(odd){border-right:0}.docs-news .section-title-row h2{font-size:28px}.quickstart-intro h2{font-size:30px}.path-step{grid-template-columns:34px minmax(0,1fr);gap:14px;padding:22px 0}.path-step:before{left:14px}.path-index{width:30px;height:30px}.path-preview{grid-column:2}.concept-map{min-height:auto;padding:22px}.concept-map-head{align-items:flex-start;flex-direction:column;gap:7px}.concept-flow{grid-template-columns:1fr;margin-top:28px}.concept-arrow{transform:rotate(90deg);justify-self:center}.concept-rails{grid-template-columns:1fr;padding-top:28px}.concept-link{grid-template-columns:28px minmax(0,1fr)}.concept-link b{grid-column:2}.developer-intro{min-height:260px;padding:24px}.developer-intro h3{font-size:24px}.developer-code{flex-direction:column;align-items:flex-start}.developer-link{grid-template-columns:40px 1fr}.security-link{grid-template-columns:30px 1fr}.security-link>span:last-child{grid-column:2}.changelog-head h1{font-size:34px}.update-entry h3{font-size:22px}.center-hero h1,.resource-title h1{font-size:36px}.center-hero p,.resource-title p{font-size:14px}.search-box{height:52px}.pill-row{overflow:auto;justify-content:flex-start}.video-grid{grid-template-columns:1fr}.blog-row{grid-template-columns:120px 1fr}.blog-row time{display:none}.blog-thumb{height:82px}.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}.footer-bottom{flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}