:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--primary:#1677ff;--primary-dark:#075fcc;--primary-soft:#eaf3ff;--ink:#0f172a;--text:#334155;--muted:#64748b;--line:#e2e8f0;--surface:#fff;--surface-soft:#f8fafc;--card-bg:#fff;--code:#0b1120;--green:#10b981;--scrollbar-thumb:#94a3b861;--scrollbar-thumb-hover:#64748b94;--scrollbar-track:transparent;--sans:Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;--mono:"SFMono-Regular", "Cascadia Code", "Roboto Mono", Consolas, monospace;font-family:var(--sans);font-synthesis:none;text-rendering:optimizelegibility}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--primary:#3b82f6;--primary-dark:#60a5fa;--primary-soft:#3b82f626;--ink:#f1f5f9;--text:#cbd5e1;--muted:#94a3b8;--line:#1e293b;--surface:#090d16;--surface-soft:#0e1526;--card-bg:#0f172a;--code:#060a12;--green:#34d399;--scrollbar-thumb:#94a3b840;--scrollbar-thumb-hover:#94a3b873;--scrollbar-track:transparent}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:999px;transition:background-color .2s}::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover)}::-webkit-scrollbar-corner{background:0 0}pre{scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}pre::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb)}pre::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover)}[data-theme=dark] pre{scrollbar-color:#ffffff2e transparent}[data-theme=dark] pre::-webkit-scrollbar-thumb{background-color:#ffffff2e}[data-theme=dark] pre::-webkit-scrollbar-thumb:hover{background-color:#ffffff59}html{scroll-behavior:smooth;scroll-padding-top:76px}body{min-width:320px;color:var(--ink);background:var(--surface);-webkit-font-smoothing:antialiased;margin:0;transition:background-color .25s,color .25s}body,button,input{font-family:var(--sans)}a{color:inherit;text-decoration:none}button{color:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--primary);outline-offset:3px}pre,code{font-family:var(--mono)}#app,.site-shell{min-height:100vh}.site-shell{--pointer-x:72%;--pointer-y:18%;--parallax-x:0px;--parallax-y:0px;--tilt-x:0deg;--tilt-y:0deg;position:relative;overflow:clip}.site-shell:after{content:"";z-index:40;pointer-events:none;opacity:.45;background:radial-gradient(400px circle at var(--pointer-x) var(--pointer-y), #3b82f614, transparent 70%);transition:opacity .3s;position:fixed;inset:0}.ambient-glow-mesh{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.aurora-orb{filter:blur(100px);opacity:.48;pointer-events:none;will-change:transform;border-radius:50%;position:absolute}.aurora-1{background:radial-gradient(circle,#3b82f659 0%,#0ea5e926 50%,#0000 75%);width:680px;height:680px;animation:26s ease-in-out infinite alternate aurora-drift-1;top:3%;right:-6%}.aurora-2{background:radial-gradient(circle,#8b5cf647 0%,#6366f11f 50%,#0000 75%);width:620px;height:620px;animation:32s ease-in-out infinite alternate aurora-drift-2;top:36%;left:-8%}.aurora-3{background:radial-gradient(circle,#06b6d442 0%,#10b9811f 50%,#0000 75%);width:720px;height:720px;animation:28s ease-in-out infinite alternate aurora-drift-3;top:68%;right:-8%}[data-theme=dark] .aurora-orb{opacity:.32;filter:blur(120px)}[data-theme=dark] .aurora-1{background:radial-gradient(circle,#60a5fa73 0%,#38bdf82e 50%,#0000 75%)}[data-theme=dark] .aurora-2{background:radial-gradient(circle,#c084fc5c 0%,#818cf826 50%,#0000 75%)}[data-theme=dark] .aurora-3{background:radial-gradient(circle,#34d39947 0%,#22d3ee24 50%,#0000 75%)}@keyframes aurora-drift-1{0%{transform:translate(0,0)scale(1)}50%{transform:translate(-100px,80px)scale(1.14)}to{transform:translate(60px,140px)scale(.92)}}@keyframes aurora-drift-2{0%{transform:translate(0,0)scale(.95)}50%{transform:translate(120px,-60px)scale(1.18)}to{transform:translate(50px,90px)scale(1)}}@keyframes aurora-drift-3{0%{transform:translate(0,0)scale(1.08)}50%{transform:translate(-120px,-90px)scale(.9)}to{transform:translate(-40px,70px)scale(1.12)}}.container{width:min(1520px,100% - clamp(32px,7vw,128px));margin-inline:auto}.site-header{z-index:50;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe6;height:68px;transition:background-color .25s,border-color .25s;position:sticky;top:0}[data-theme=dark] .site-header{background:#090d16e6}.nav-container{grid-template-columns:1fr auto 1fr;align-items:center;gap:28px;width:min(1520px,100% - clamp(32px,7vw,128px));height:100%;margin-inline:auto;display:grid}.brand{letter-spacing:-.025em;align-items:center;gap:10px;width:max-content;font-size:17px;font-weight:760;display:inline-flex}.brand-mark{filter:drop-shadow(0 5px 8px #1677ff26);width:32px;height:32px;transition:transform .35s cubic-bezier(.2,.8,.2,1),filter .35s}.brand:hover .brand-mark{filter:drop-shadow(0 8px 14px #1677ff40);transform:translateY(-1px)rotate(-4deg)scale(1.06)}[data-theme=dark] .brand-mark{filter:drop-shadow(0 4px 12px #3b82f647)}[data-theme=dark] .brand:hover .brand-mark{filter:drop-shadow(0 6px 18px #3b82f673)}.main-nav{align-items:center;gap:28px;display:flex}.main-nav a{color:var(--muted);font-size:14px;font-weight:550;transition:color .2s}.main-nav a:hover{color:var(--primary)}.header-actions{justify-content:flex-end;align-items:center;gap:16px;display:flex}.theme-toggle-btn{border:1px solid var(--line);width:36px;height:36px;color:var(--muted);background:var(--surface-soft);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:0;transition:all .2s;display:inline-flex}.theme-toggle-btn:hover{color:var(--primary);border-color:var(--primary);transform:scale(1.05)}.theme-toggle-btn svg{width:18px;height:18px}.github-link{align-items:center;gap:7px;font-size:13px;font-weight:620;display:inline-flex}.github-link svg{fill:currentColor;width:19px;height:19px}.github-stars{border:1px solid var(--line);background:var(--card-bg);min-width:38px;color:var(--muted);font-family:var(--mono);border-radius:999px;align-items:center;gap:4px;padding:4px 8px 4px 7px;font-size:11px;font-weight:700;line-height:1;transition:all .2s;display:inline-flex}.github-stars svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linejoin:round;width:12px;height:12px}.github-stars b{font:inherit}.github-link:hover .github-stars{border-color:var(--primary);background:var(--primary-soft);color:var(--primary)}.menu-toggle{background:0 0;border:0;width:38px;height:38px;padding:8px;display:none}.menu-toggle span{background:var(--ink);border-radius:2px;height:2px;margin:6px 0;display:block}.button{border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:9px;min-height:46px;padding:0 20px;font-size:14px;font-weight:650;transition:all .2s;display:inline-flex}.button:hover{transform:translateY(-1px);box-shadow:0 8px 22px #1e40af29}.button svg{fill:none;stroke:currentColor;stroke-width:1.7px;width:17px;height:17px}.button-small{min-height:38px;padding:0 15px;font-size:13px}.button-primary{color:#fff;background:var(--primary);box-shadow:0 7px 18px #1677ff33}.button-primary:hover{background:var(--primary-dark);box-shadow:0 9px 24px #1677ff47}.button-secondary{color:var(--ink);border-color:var(--line);background:var(--card-bg)}.button-secondary:hover{border-color:var(--muted);background:var(--surface-soft)}.button-white{color:#075fcc;background:#fff}.button-outline{color:#fff;background:0 0;border-color:#ffffff85}.button-outline:hover{background:#ffffff14}.hero{background:radial-gradient(circle at 78% 12%, var(--primary-soft), transparent 32%), linear-gradient(var(--surface), var(--surface-soft));padding:56px 0;position:relative}.hero:before{content:"";opacity:.35;pointer-events:none;background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);background-position:var(--parallax-x) var(--parallax-y);background-size:48px 48px;transition:background-position .18s ease-out;position:absolute;inset:-24px;-webkit-mask-image:linear-gradient(#000,#0000 72%);mask-image:linear-gradient(#000,#0000 72%)}.hero:after{content:"";pointer-events:none;border:1.5px dashed #3b82f638;border-radius:50%;width:480px;height:480px;transition:transform .22s ease-out;animation:50s linear infinite hero-orbit-spin;position:absolute;top:2%;right:4%;box-shadow:0 0 0 70px #3b82f606,0 0 0 140px #3b82f603}@keyframes hero-orbit-spin{0%{transform:translate3d(var(--parallax-x), var(--parallax-y), 0) rotate(0deg)}to{transform:translate3d(var(--parallax-x), var(--parallax-y), 0) rotate(360deg)}}.hero-layout{grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);align-items:center;gap:clamp(36px,4vw,72px);display:grid;position:relative}.hero-copy{z-index:1;position:relative}.project-badge{border:1px solid var(--line);width:max-content;color:var(--text);background:var(--card-bg);border-radius:999px;align-items:center;gap:9px;padding:6px 12px 6px 8px;font-size:12px;font-weight:600;display:inline-flex;box-shadow:0 2px 8px #00000008}.project-badge span{color:#fff;background:var(--primary);border-radius:999px;padding:3px 8px;font-size:11px}.hero h1{letter-spacing:-.045em;margin:26px 0 24px;font-size:clamp(44px,4.6vw,62px);font-weight:800;line-height:1.1}.hero h1 span,.hero h1 em{display:block}.hero h1 em{color:var(--primary);font-style:normal}.hero-lead{max-width:590px;color:var(--text);margin:0;font-size:17px;line-height:1.8}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.hero-meta{color:var(--muted);font:560 12px var(--mono);flex-wrap:wrap;align-items:center;gap:12px 22px;margin-top:26px;display:flex}.hero-meta span{align-items:center;gap:6px;display:inline-flex}.hero-meta svg{fill:none;width:15px;height:15px;stroke:var(--green);stroke-width:1.6px}.hero-preview{min-width:0;padding:17px 0 46px;position:relative}.browser-frame{border:1px solid var(--line);background:var(--card-bg);transform-origin:50%;border-radius:12px;transition:transform .22s ease-out,box-shadow .3s;overflow:hidden;transform:none;box-shadow:0 24px 70px #00000026,0 4px 18px #0000000f}.hero-preview:hover .browser-frame{transform:perspective(1200px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y))}.browser-bar{border-bottom:1px solid var(--line);background:var(--surface-soft);align-items:center;gap:6px;height:38px;padding:0 13px;display:flex}.browser-bar i{background:#cbd5e1;border-radius:50%;width:8px;height:8px}.browser-bar i:first-child{background:#ff766f}.browser-bar i:nth-child(2){background:#ffc45a}.browser-bar i:nth-child(3){background:#61ca7b}.browser-bar span{color:var(--muted);font:550 11px var(--mono);margin:0 auto;padding-right:38px}.browser-frame img{width:100%;height:auto;display:block}.preview-caption{border:1px solid var(--line);background:var(--card-bg);border-radius:9px;align-items:center;gap:14px;padding:13px 17px;display:flex;position:absolute;bottom:0;right:20px;box-shadow:0 12px 28px #0000001f}.preview-caption span{color:#13794f;background:#e7f8ef;border-radius:4px;padding:4px 8px;font-size:11px;font-weight:700}[data-theme=dark] .preview-caption span{color:#34d399;background:#34d39926}.preview-caption p{color:var(--text);margin:0;font-size:12px}.stack-strip{z-index:2;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--surface);position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 10% 90%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 10% 90%,#0000 100%)}.marquee-track{will-change:transform;width:max-content;animation:30s linear infinite marquee-scroll;display:flex}.marquee-track:hover{animation-play-state:paused}.marquee-group{min-height:62px;color:var(--muted);font:650 12px var(--mono);text-transform:uppercase;letter-spacing:.06em;flex-shrink:0;align-items:center;gap:36px;padding-right:36px;display:flex}.marquee-group span{cursor:default;-webkit-user-select:none;user-select:none;align-items:center;transition:color .2s,transform .2s;display:inline-flex}.marquee-group span:before{content:"";background:var(--primary);opacity:.75;border-radius:50%;width:6px;height:6px;margin-right:12px;display:inline-block;box-shadow:0 0 6px #1677ff66}.marquee-group span:hover{color:var(--primary);transform:translateY(-1px)}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.section{z-index:1;padding:88px 0;position:relative}.section-heading .eyebrow,.eyebrow{color:var(--primary);font:720 12px var(--mono);letter-spacing:.12em;margin-bottom:16px;display:block}.section-heading h2,.quickstart-intro h2,.api-section-head h2,.closing-section h2{letter-spacing:-.035em;margin:0;font-size:clamp(34px,4vw,50px);font-weight:800;line-height:1.15}.section-heading>p{color:var(--text);line-height:1.8}.motion-ready [data-reveal]{opacity:0;transition:opacity .6s,transform .65s cubic-bezier(.22,.8,.3,1);transition-delay:calc(var(--reveal-order,0) * 60ms);transform:translateY(24px)}.motion-ready [data-reveal=left]{transform:translate(-24px)}.motion-ready [data-reveal=right]{transform:translate(24px)}.motion-ready [data-reveal].is-visible{opacity:1;transform:none}.centered-heading{text-align:center;max-width:800px;margin:0 auto 44px}.centered-heading p{max-width:680px;margin:20px auto 0}.product-section .centered-heading{max-width:1100px;position:relative}.product-heading-wrap:before{content:"";background:radial-gradient(circle, var(--primary-soft) 0%, transparent 70%);pointer-events:none;z-index:0;opacity:.8;filter:blur(20px);width:min(600px,80%);height:180px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.product-heading-wrap>*{z-index:1;position:relative}.preview-badge-pill{border:1px solid var(--line);background:var(--card-bg);border-radius:999px;align-items:center;gap:8px;margin-bottom:16px;padding:4px 14px 4px 10px;transition:transform .25s,border-color .25s;display:inline-flex;box-shadow:0 2px 10px #0000000a}.preview-badge-pill:hover{border-color:var(--primary);transform:translateY(-1px)}.preview-badge-pill .eyebrow{margin-bottom:0;font-size:11px}.pulse-beacon{background:#10b981;border-radius:50%;width:8px;height:8px;position:relative}.pulse-beacon:after{content:"";border:1.5px solid #10b981;border-radius:50%;animation:2s cubic-bezier(0,.2,.8,1) infinite beacon-ripple;position:absolute;inset:-3px}@keyframes beacon-ripple{0%{opacity:1;transform:scale(.6)}to{opacity:0;transform:scale(2.2)}}.product-section .centered-heading h2{letter-spacing:-.03em;text-wrap:balance;font-size:clamp(30px,3.7vw,48px)}.gradient-shimmer-text{background:linear-gradient(110deg, #0f172a 0%, var(--primary) 20%, #8b5cf6 36%, #06b6d4 52%, var(--primary) 68%, #8b5cf6 84%, #0f172a 100%);-webkit-text-fill-color:transparent;background-size:240%;-webkit-background-clip:text;background-clip:text;transition:filter .3s;animation:7s linear infinite text-shimmer-flow;display:inline-block}[data-theme=dark] .gradient-shimmer-text{background:linear-gradient(110deg,#f8fafc 0%,#60a5fa 20%,#c084fc 36%,#38bdf8 52%,#60a5fa 68%,#c084fc 84%,#f8fafc 100%) 0 0/240%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:7s linear infinite text-shimmer-flow}.product-heading-wrap:hover .gradient-shimmer-text{filter:drop-shadow(0 0 14px #3b82f659)}@keyframes text-shimmer-flow{0%{background-position:0%}to{background-position:240%}}.product-section .centered-heading p{text-wrap:pretty;max-width:800px;transition:color .2s}.section-split-head{justify-content:space-between;align-items:end;gap:36px;margin-bottom:42px;display:flex}.section-split-head>div:first-child{flex:1;min-width:0}.section-split-head>div:first-child h2{letter-spacing:-.035em;text-wrap:balance;margin:0;font-size:clamp(28px,3.1vw,42px);font-weight:800;line-height:1.22}.section-split-head>div:first-child>p{max-width:680px;color:var(--text);margin:16px 0 0;font-size:14px;line-height:1.75}.heading-stat-badge{border:1px solid var(--line);background:var(--surface-soft);border-radius:10px;flex:none;align-items:center;gap:15px;padding:16px 20px;transition:border-color .2s,transform .2s;display:flex;box-shadow:0 2px 8px #00000005}.heading-stat-badge:hover{border-color:#3b82f666;transform:translateY(-1px)}.heading-stat-badge strong{color:var(--primary);font:760 36px/1 var(--mono)}.heading-stat-badge span{color:var(--muted);font:600 11px/1.55 var(--mono)}.product-section{background:0 0;padding-top:72px}.product-section>.container{max-width:1160px}.product-showcase{border:1px solid var(--line);background:var(--surface-soft);border-radius:14px;max-width:1000px;margin-inline:auto;transition:border-color .3s,box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 18px 55px #0000001a}.product-showcase:hover{border-color:#3b82f659;box-shadow:0 22px 60px #3b82f61a}.product-showcase:before{content:"";border-bottom:1px solid var(--line);background:var(--surface);height:42px;display:block}.product-showcase:after{content:"●  ●  ●";color:var(--muted);letter-spacing:4px;font-size:11px;position:absolute;top:13px;left:16px}.showcase-stage{aspect-ratio:16/9;background:var(--surface-soft);position:relative;overflow:hidden}.showcase-stage img{object-fit:cover;object-position:top left;width:100%;height:100%;display:block;position:absolute;inset:0}.showcase-label{color:var(--muted);font:600 11px var(--mono);align-items:center;gap:8px;display:flex;position:absolute;top:11px;right:16px}.status-dot{background:#10b981;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #10b98126}.preview-grid{grid-template-columns:repeat(3,1fr);gap:16px;max-width:1000px;margin:24px auto 0;display:grid}.preview-card{border:1px solid var(--line);width:100%;color:inherit;text-align:left;background:var(--card-bg);cursor:pointer;border-radius:12px;padding:0;transition:border-color .25s,box-shadow .25s,transform .25s;overflow:hidden}.preview-card:hover{border-color:#3b82f673;transform:translateY(-3px);box-shadow:0 16px 36px -8px #3b82f626,0 4px 14px #0000000a}.preview-card[data-swap-target=true]{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.preview-crop{aspect-ratio:16/9;border-bottom:1px solid var(--line);background:var(--surface-soft);position:relative;overflow:hidden}.preview-crop img{object-fit:cover;object-position:top left;width:100%;height:100%;transition:filter .25s;position:absolute;inset:0}.preview-image-hidden{visibility:hidden}.preview-action{color:#fff;opacity:0;font:700 10px var(--mono);letter-spacing:.06em;background:#075fcce6;border-radius:4px;padding:5px 8px;transition:opacity .2s,transform .2s;position:absolute;bottom:12px;left:12px;transform:translateY(4px);box-shadow:0 5px 14px #075fcc3d}.preview-card:hover .preview-action,.preview-card:focus-visible .preview-action{opacity:1;transform:none}.preview-card>div:last-child{padding:20px;position:relative}.preview-card>div:last-child>span{color:var(--muted);font:650 11px var(--mono);position:absolute;top:19px;right:18px}.preview-grid h3{margin:0 0 10px;font-size:17px}.preview-grid p{color:var(--text);margin:0;font-size:13px;line-height:1.7}::view-transition-old(showcase-hero){animation-duration:.32s;animation-timing-function:cubic-bezier(.2,.8,.25,1)}::view-transition-new(showcase-hero){animation-duration:.32s;animation-timing-function:cubic-bezier(.2,.8,.25,1)}::view-transition-old(showcase-card){animation-duration:.32s;animation-timing-function:cubic-bezier(.2,.8,.25,1)}::view-transition-new(showcase-card){animation-duration:.32s;animation-timing-function:cubic-bezier(.2,.8,.25,1)}.frontend-project{border:1px solid var(--line);background:radial-gradient(circle at 92% 12%, var(--primary-soft), transparent 40%), var(--card-bg);border-radius:14px;grid-template-columns:1.05fr .95fr;align-items:center;gap:56px;margin-top:28px;padding:42px;transition:border-color .25s,box-shadow .25s;display:grid;overflow:hidden;box-shadow:0 8px 30px #0000000a}.frontend-project:hover{border-color:#3b82f666;box-shadow:0 16px 45px -10px #3b82f61f}.frontend-project-copy{min-width:0}.frontend-project-title{align-items:center;gap:16px;display:flex}.frontend-logo{box-sizing:border-box;border:1px solid var(--line);background:var(--surface);object-fit:contain;border-radius:13px;flex:none;width:54px;height:54px;padding:8px;box-shadow:0 10px 24px #1677ff24}[data-theme=dark] .frontend-logo{background:var(--surface-soft);border-color:#ffffff14;box-shadow:0 10px 24px #00000059,0 0 16px #3b82f61f}.frontend-project-title h3{letter-spacing:-.035em;margin:0 0 6px;font-size:26px}.frontend-project-title code{color:var(--primary);overflow-wrap:anywhere;font-size:12px;font-weight:550;display:block}.frontend-project-copy>p{max-width:650px;color:var(--text);margin:24px 0 20px;font-size:14px;line-height:1.8}.frontend-tags{flex-wrap:wrap;gap:8px;display:flex}.frontend-tags span{border:1px solid var(--line);color:var(--text);background:var(--surface-soft);font:620 11px var(--mono);border-radius:999px;padding:6px 10px}.frontend-actions{flex-wrap:wrap;gap:10px;margin-top:26px;display:flex}.frontend-project-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.frontend-project-grid>div{border:1px solid var(--line);background:var(--surface-soft);border-radius:10px;flex-direction:column;min-height:132px;padding:20px;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;box-shadow:0 4px 16px #0000000a}.frontend-project-grid>div:hover{border-color:#3b82f673;transform:translateY(-2px);box-shadow:0 8px 24px -6px #3b82f626}.frontend-project-grid b{color:var(--primary);font:700 11px var(--mono)}.frontend-project-grid strong{margin-top:auto;font-size:15px}.frontend-project-grid span{color:var(--muted);margin-top:6px;font-size:12px;line-height:1.55}.capabilities-section{-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#f8fafcb8}[data-theme=dark] .capabilities-section{background:#0e1526ad}.capability-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-top:48px;display:grid}.capability-card{border:1px solid var(--line);background:var(--card-bg);border-radius:11px;flex-direction:column;min-height:315px;padding:26px;transition:transform .25s,border-color .25s,box-shadow .25s;display:flex}.capability-card:hover{border-color:#3b82f673;transform:translateY(-3px);box-shadow:0 16px 36px -10px #3b82f626,0 4px 14px #0000000a}.capability-top{color:var(--muted);font:650 11px var(--mono);justify-content:space-between;align-items:flex-start;display:flex}.capability-top svg{width:40px;height:40px;color:var(--primary);background:var(--primary-soft);fill:none;stroke:currentColor;stroke-width:1.5px;border-radius:9px;padding:8px}.capability-card h3{letter-spacing:-.02em;margin:46px 0 13px;font-size:20px}.capability-card p{color:var(--text);margin:0;font-size:14px;line-height:1.72}.capability-card ul{flex-wrap:wrap;gap:7px;margin:auto 0 0;padding:28px 0 0;list-style:none;display:flex}.capability-card li{color:var(--text);background:var(--surface-soft);font:600 11px var(--mono);border-radius:5px;padding:5px 8px}.backend-architecture{border:1px solid var(--line);background:var(--card-bg);border-radius:16px;margin-top:60px;overflow:hidden;box-shadow:0 26px 70px #0000001f}.architecture-header{border-bottom:1px solid var(--line);background:var(--surface-soft);grid-template-columns:1fr auto;align-items:end;gap:36px;padding:38px 40px;display:grid}.architecture-header h3{letter-spacing:-.03em;margin:0 0 13px;font-size:28px;line-height:1.25}.architecture-header p{max-width:690px;color:var(--text);margin:0;font-size:14px;line-height:1.75}.process-legend{border:1px solid var(--line);background:var(--card-bg);border-radius:10px;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.legend-filter-btn{color:var(--text);cursor:pointer;font:600 11px var(--mono);background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:9px;padding:6px 10px;transition:all .2s;display:flex}.legend-filter-btn:hover{background:var(--surface-soft)}.legend-filter-btn.active{border-color:var(--primary);background:var(--primary-soft);color:var(--primary);font-weight:700}.legend-filter-btn i,.runtime-process header i{border-radius:50%;width:8px;height:8px}.legend-service{background:var(--primary);box-shadow:0 0 0 3px #3b82f633}.legend-worker{background:#8b5cf6;box-shadow:0 0 0 3px #8b5cf633}.legend-cron{background:#f59e0b;box-shadow:0 0 0 3px #f59e0b33}.architecture-canvas{color:var(--ink);background:radial-gradient(circle at 10% 0,#1677ff12,#0000 30%),radial-gradient(circle at 94% 42%,#8b5cf60d,#0000 30%),#f8fafc;gap:14px;padding:24px;transition:background .25s,color .25s;display:grid;position:relative}.architecture-canvas:before{content:"";pointer-events:none;opacity:.5;background-image:linear-gradient(#94a3b838 1px,#0000 1px),linear-gradient(90deg,#94a3b838 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 85%,#0000);mask-image:linear-gradient(#000 85%,#0000)}.contract-plane,.runtime-plane,.infrastructure-plane{z-index:1;border:1px solid var(--line);background:#fff;border-radius:12px;transition:background .25s,border-color .25s;position:relative;box-shadow:0 4px 18px -2px #0f172a0a,0 1px 2px #0f172a05}.architecture-index{color:var(--muted);font:650 11px var(--mono);letter-spacing:.09em;align-items:center;gap:9px;display:flex}.architecture-index b{width:26px;height:26px;color:var(--primary);background:var(--primary-soft);border:1px solid #1677ff40;border-radius:6px;place-items:center;font-size:11px;display:grid}.contract-plane{grid-template-columns:140px minmax(170px,.8fr) 28px minmax(130px,.55fr) 28px minmax(0,1.6fr);align-items:center;gap:9px;padding:16px;display:grid}.contract-source,.contract-compiler{background:#f0f7ff;border:1px solid #1677ff33;border-radius:8px;gap:5px;min-width:0;padding:13px 14px;display:grid}.contract-plane small,.runtime-process small,.infrastructure-plane small{color:var(--primary);font:720 11px var(--mono);letter-spacing:.07em}.contract-plane strong{color:var(--ink);font:680 13px var(--mono)}.contract-plane code{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.architecture-connector{color:#94a3b8;text-align:center;font:500 20px var(--mono)}.flow-beam{position:relative;overflow:hidden}.flow-beam:after{content:"";background:linear-gradient(90deg,#0000,#3b82f6cc,#0000);animation:2s ease-in-out infinite beam-flow;position:absolute;inset:0}@keyframes beam-flow{0%{transform:translate(-100%)}to{transform:translate(100%)}}.contract-outputs{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.contract-outputs div{border:1px solid var(--line);background:var(--surface-soft);border-radius:7px;gap:5px;min-width:0;padding:12px 10px;display:grid}.contract-outputs b{color:var(--muted);font:700 11px var(--mono)}.contract-outputs span{color:var(--ink);font-size:12px}.runtime-plane{padding:16px}.runtime-plane>.architecture-index{margin-bottom:12px}.runtime-process{border:1px solid var(--line);background:#fff;border-radius:10px;transition:all .3s;overflow:hidden;box-shadow:0 2px 8px #0f172a08}.runtime-process.is-focused{border-color:var(--primary);transform:scale(1.01);box-shadow:0 0 20px #3b82f640}.runtime-process.is-dimmed{opacity:.4}.runtime-process header{border-bottom:1px solid var(--line);background:var(--surface-soft);grid-template-columns:1fr auto;align-items:center;gap:3px 18px;min-height:66px;padding:13px 16px;display:grid}.runtime-process header>div{align-items:center;gap:8px;display:flex}.runtime-process header strong{color:var(--ink);grid-column:1;font-size:15px}.runtime-process header>span{border:1px solid var(--line);color:var(--muted);font:600 11px var(--mono);background:#fff;border-radius:999px;grid-area:1/2/3;align-self:center;padding:5px 9px}.service-flow{grid-template-columns:repeat(6,1fr);gap:7px;padding:16px;display:grid;position:relative}.service-flow:before{content:"";background:linear-gradient(90deg,#1677ff14,#1677ff73,#1677ff14);height:2px;position:absolute;top:48%;left:7%;right:7%}.service-flow>div{z-index:1;background:#fff;border:1px solid #1677ff33;border-radius:8px;flex-direction:column;gap:6px;min-width:0;min-height:116px;padding:12px;display:flex;position:relative;box-shadow:0 2px 6px #1677ff0a}.service-flow b{color:var(--primary);font:700 11px var(--mono);align-self:flex-start}.service-flow strong,.compact-flow strong,.infrastructure-items strong{color:var(--ink);font-size:12px;line-height:1.35}.service-flow span,.compact-flow span,.infrastructure-items span{color:var(--muted);margin-top:auto;font-size:11px;line-height:1.5}.service-integrations{flex-wrap:wrap;gap:6px;padding:0 16px 16px;display:flex}.service-integrations span{color:#1d4ed8;font:600 11px var(--mono);background:#1677ff0d;border:1px solid #1677ff2e;border-radius:5px;padding:6px 9px}.background-processes{grid-template-columns:1fr 1fr;gap:10px;margin-top:10px;display:grid}.worker-process{border-color:#8b5cf647}.cron-process{border-color:#f59e0b4d}.compact-flow{grid-template-columns:1fr 18px 1fr 18px 1fr;align-items:stretch;gap:5px;padding:14px;display:grid}.compact-flow>div{border:1px solid var(--line);background:var(--surface-soft);border-radius:7px;flex-direction:column;gap:6px;min-width:0;min-height:94px;padding:11px;display:flex}.compact-flow>b{color:#94a3b8;text-align:center;font:500 15px var(--mono);align-self:center}.worker-process small{color:#7c3aed}.cron-process small{color:#d97706}.cron-sources{gap:6px;padding:12px 14px 0;display:flex}.cron-sources span{color:#b45309;font:600 11px var(--mono);background:#f59e0b14;border:1px solid #f59e0b40;border-radius:5px;padding:5px 8px}.infrastructure-plane{grid-template-columns:180px 1fr;align-items:stretch;gap:12px;padding:15px;display:grid}.infrastructure-plane>.architecture-index{align-self:center}.infrastructure-items{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.infrastructure-items>div{border:1px solid var(--line);background:var(--surface-soft);border-radius:8px;gap:5px;padding:12px 14px;display:grid}[data-theme=dark] .architecture-canvas{color:#dbe7f7;background:radial-gradient(circle at 10% 0,#1677ff38,#0000 27%),radial-gradient(circle at 94% 42%,#8b5cf624,#0000 28%),#0c1424}[data-theme=dark] .architecture-canvas:before{opacity:.22;background-image:linear-gradient(#94a3b829 1px,#0000 1px),linear-gradient(90deg,#94a3b829 1px,#0000 1px)}[data-theme=dark] .contract-plane,[data-theme=dark] .runtime-plane,[data-theme=dark] .infrastructure-plane{background:#0f192bdb;border:1px solid #94a3b838;box-shadow:inset 0 1px #ffffff06}[data-theme=dark] .architecture-index{color:#91a5be}[data-theme=dark] .architecture-index b{color:#70adff;background:#1677ff26;border-color:#60a5fa61}[data-theme=dark] .contract-source,[data-theme=dark] .contract-compiler{background:#1677ff13;border:1px solid #60a5fa38}[data-theme=dark] .contract-plane small,[data-theme=dark] .runtime-process small,[data-theme=dark] .infrastructure-plane small{color:#73aefc}[data-theme=dark] .contract-plane strong{color:#f4f8ff}[data-theme=dark] .contract-plane code{color:#8fa3bd}[data-theme=dark] .architecture-connector{color:#4d76a6}[data-theme=dark] .contract-outputs div{background:#ffffff09;border:1px solid #94a3b82e}[data-theme=dark] .contract-outputs b{color:#7f91a9}[data-theme=dark] .contract-outputs span{color:#e4edf8}[data-theme=dark] .runtime-process{box-shadow:none;background:#070d199e;border:1px solid #94a3b833}[data-theme=dark] .runtime-process header{background:#ffffff06;border-bottom:1px solid #94a3b829}[data-theme=dark] .runtime-process header strong{color:#f6f9fd}[data-theme=dark] .runtime-process header>span{color:#95a6bc;background:0 0;border:1px solid #94a3b833}[data-theme=dark] .service-flow:before{background:linear-gradient(90deg,#3b82f61f,#3b82f6,#3b82f61f)}[data-theme=dark] .service-flow>div{box-shadow:none;background:#111d30;border:1px solid #60a5fa3b}[data-theme=dark] .service-flow b{color:#579aff}[data-theme=dark] .service-flow strong,[data-theme=dark] .compact-flow strong,[data-theme=dark] .infrastructure-items strong{color:#f0f5fb}[data-theme=dark] .service-flow span,[data-theme=dark] .compact-flow span,[data-theme=dark] .infrastructure-items span{color:#8799b0}[data-theme=dark] .service-integrations span{color:#9cb2cc;background:#1677ff11;border:1px solid #60a5fa2e}[data-theme=dark] .compact-flow>div{background:#ffffff09;border:1px solid #94a3b829}[data-theme=dark] .compact-flow>b{color:#586d88}[data-theme=dark] .worker-process small{color:#b092ff}[data-theme=dark] .cron-process small{color:#f2b849}[data-theme=dark] .cron-sources span{color:#d8b875;background:#f59e0b12;border:1px solid #f59e0b33}[data-theme=dark] .infrastructure-items>div{background:#ffffff09;border:1px solid #94a3b829}.quickstart-section{background:0 0}.quickstart-layout{grid-template-columns:.7fr 1.3fr;align-items:start;gap:72px;display:grid}.quickstart-intro{position:sticky;top:100px}.quickstart-intro>p{color:var(--text);margin:22px 0 28px;font-size:15px;line-height:1.8}.requirements{border-top:1px solid var(--line)}.requirements span{border-bottom:1px solid var(--line);color:var(--text);font:620 12px var(--mono);align-items:center;padding:14px 0;display:flex}.requirements b{color:var(--ink);margin-left:auto}.requirements small{color:var(--muted);background:var(--surface-soft);border-radius:4px;margin-left:8px;padding:3px 6px;font-size:11px}.setup-panel{border:1px solid var(--line);background:var(--card-bg);border-radius:12px;transition:border-color .3s,box-shadow .3s;overflow:hidden;box-shadow:0 16px 45px #00000014}.setup-panel:hover{border-color:#3b82f666;box-shadow:0 20px 50px -10px #3b82f61f}.setup-tabs{border-bottom:1px solid var(--line);background:var(--surface-soft);grid-template-columns:repeat(4,1fr);display:grid}.setup-tabs button{border:0;border-right:1px solid var(--line);min-width:0;min-height:54px;color:var(--muted);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:8px;font-size:12px;font-weight:650;transition:color .2s;display:flex}.setup-tabs button:last-child{border-right:0}.setup-tabs button span{color:var(--muted);font:650 11px var(--mono)}.setup-tabs button.active{color:var(--primary);background:var(--card-bg);box-shadow:inset 0 -2px var(--primary)}.setup-body{grid-template-rows:auto 1fr;min-height:520px;display:grid}.setup-copy{grid-template-columns:62px 1fr;column-gap:22px;padding:32px;display:grid}.setup-copy>span{color:var(--primary);font:700 12px var(--mono);grid-row:1/span 3}.setup-copy h3{margin:0 0 10px;font-size:23px}.setup-copy p{color:var(--text);margin:0;font-size:14px;line-height:1.7}.setup-copy ul{margin:18px 0 0;padding:0;list-style:none}.setup-copy li{color:var(--muted);margin-top:6px;font-size:12px}.setup-copy li:before{content:"✓";color:var(--green);margin-right:8px;font-weight:800}.code-card{border:1px solid var(--line);color:#0f172a;background:#f8fafc;border-radius:8px;align-self:end;margin:0 18px 18px;transition:all .25s;overflow:hidden;box-shadow:0 4px 16px -2px #0f172a0d}.code-card-head,.tutorial-code>div,.request-example>div{border-bottom:1px solid var(--line);color:#475569;height:39px;font:600 11px var(--mono);letter-spacing:.02em;background:#edf2f7;justify-content:space-between;align-items:center;padding:0 14px;display:flex}.code-card-head span,.tutorial-code>div>span{text-transform:uppercase;color:#334155;align-items:center;gap:7px;font-weight:700;display:inline-flex}.code-card-head span:before{content:"";background:var(--green);border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 0 2px #10b98133}.code-card button,.tutorial-code button,.request-example button{color:var(--primary);cursor:pointer;font:inherit;background:0 0;border:0;border-radius:4px;padding:4px 8px;font-weight:650;transition:all .18s}.code-card button:hover,.tutorial-code button:hover,.request-example button:hover{color:var(--primary-dark);background:#1677ff14}.code-card pre{color:#0f172a;letter-spacing:.005em;-webkit-font-smoothing:auto;min-height:195px;margin:0;padding:22px;font-size:12px;font-weight:500;line-height:1.85;overflow:auto}[data-theme=dark] .code-card{color:#e7eef7;background:var(--code);border:1px solid #94a3b826;box-shadow:0 10px 30px #00000059}[data-theme=dark] .code-card-head,[data-theme=dark] .tutorial-code>div,[data-theme=dark] .request-example>div{color:#a7b5c7;background:#0f172aa6;border-bottom:1px solid #ffffff14}[data-theme=dark] .code-card-head span,[data-theme=dark] .tutorial-code>div>span{color:#94a3b8}[data-theme=dark] .code-card button,[data-theme=dark] .tutorial-code button,[data-theme=dark] .request-example button{color:#7db3ff}[data-theme=dark] .code-card button:hover,[data-theme=dark] .tutorial-code button:hover,[data-theme=dark] .request-example button:hover{color:#93c5fd;background:#3b82f626}[data-theme=dark] .code-card pre{color:#e7eef7}.panel-fade-enter-active,.panel-fade-leave-active{transition:opacity .18s,transform .18s}.panel-fade-enter-from{opacity:0;transform:translateY(4px)}.panel-fade-leave-to{opacity:0;transform:translateY(-4px)}.tutorial-section{-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#f8fafcb8}[data-theme=dark] .tutorial-section{background:#0e1526ad}.tutorial-workbench{border:1px solid var(--line);background:var(--card-bg);border-radius:12px;grid-template-columns:.67fr 1.33fr;margin-top:48px;transition:border-color .3s,box-shadow .3s;display:grid;overflow:hidden;box-shadow:0 14px 40px #0000000f}.tutorial-workbench:hover{border-color:#3b82f666;box-shadow:0 20px 50px -10px #3b82f61f}.tutorial-nav{border-right:1px solid var(--line);background:var(--surface-soft)}.tutorial-nav button{border:0;border-bottom:1px solid var(--line);text-align:left;cursor:pointer;background:0 0;grid-template-columns:34px 1fr 18px;align-items:center;gap:8px;width:100%;min-height:98px;padding:19px;transition:background .18s;display:grid}.tutorial-nav button:last-child{border-bottom:0}.tutorial-nav button>span{color:var(--muted);font:650 11px var(--mono)}.tutorial-nav button div{flex-direction:column;gap:5px;display:flex}.tutorial-nav button b{font-size:15px}.tutorial-nav button small{color:var(--muted);font:550 11px var(--mono)}.tutorial-nav svg,.api-row svg{fill:none;stroke:currentColor;stroke-width:1.5px;width:17px;height:17px}.tutorial-nav button.active{color:var(--primary);background:var(--card-bg);box-shadow:inset 3px 0 var(--primary)}.tutorial-nav button.active>span{color:var(--primary)}.tutorial-content{padding:38px}.tutorial-meta{color:var(--muted);font:650 11px var(--mono);justify-content:space-between;display:flex}.tutorial-content>h3{letter-spacing:-.03em;margin:30px 0 13px;font-size:28px;line-height:1.25}.tutorial-summary{color:var(--text);margin:0;font-size:14px;line-height:1.75}.tutorial-points{grid-template-columns:repeat(3,1fr);gap:10px;margin:28px 0;display:grid}.tutorial-points>div{border:1px solid var(--line);background:var(--surface-soft);border-radius:8px;min-height:116px;padding:16px}.tutorial-points span{color:var(--primary);font:700 12px var(--mono)}.tutorial-points p{color:var(--text);margin:18px 0 0;font-size:12px;line-height:1.6}.tutorial-points b{color:var(--ink);margin-bottom:4px;font-size:13px;display:block}.tutorial-code{border:1px solid var(--line);color:#0f172a;background:#f8fafc;border-radius:8px;transition:all .25s;overflow:hidden;box-shadow:0 4px 16px -2px #0f172a0d}.tutorial-code pre{color:#0f172a;-webkit-font-smoothing:auto;margin:0;padding:20px;font-size:12px;font-weight:500;line-height:1.8;overflow:auto}[data-theme=dark] .tutorial-code{color:#e7eef7;background:var(--code);border:1px solid #94a3b826;box-shadow:0 10px 30px #00000059}[data-theme=dark] .tutorial-code pre{color:#e7eef7}.api-section{background:0 0}.api-section-head{justify-content:space-between;align-items:end;gap:60px;margin-bottom:42px;display:flex}.api-section-head>div:first-child>p{max-width:670px;color:var(--text);margin:16px 0 0;line-height:1.75}.api-count{border:1px solid var(--line);background:var(--surface-soft);border-radius:10px;flex:none;align-items:center;gap:15px;padding:16px 20px;display:flex}.api-count strong{color:var(--primary);font:760 36px/1 var(--mono)}.api-count span{color:var(--muted);font:600 11px/1.55 var(--mono)}.api-conventions{border:1px solid var(--line);background:var(--card-bg);border-radius:12px;grid-template-columns:repeat(3,1fr);margin-bottom:24px;display:grid;overflow:hidden;box-shadow:0 14px 42px #0000000f}.conventions-intro{border-bottom:1px solid var(--line);background:var(--surface-soft);grid-column:1/-1;grid-template-columns:1fr auto;padding:24px;display:grid}.conventions-intro>.eyebrow,.conventions-intro>h3,.conventions-intro>p{grid-column:1}.conventions-intro h3{letter-spacing:-.025em;margin:13px 0 10px;font-size:24px}.conventions-intro>p{color:var(--text);margin:0;font-size:13px;line-height:1.7}.base-url{border:1px solid var(--line);background:var(--card-bg);border-radius:7px;grid-area:1/2/4;align-self:center;gap:7px;margin-left:40px;padding:13px 15px;display:grid}.base-url span{color:var(--muted);font:650 11px var(--mono)}.base-url code{overflow-wrap:anywhere;color:var(--primary);font-size:12px;font-weight:550}.convention-card{border-left:1px solid var(--line);min-width:0;padding:27px 24px}.auth-convention{border-left:0}.convention-title{align-items:flex-start;gap:12px;display:flex}.convention-title>span{width:28px;height:28px;color:var(--primary);background:var(--primary-soft);font:700 11px var(--mono);border-radius:6px;flex:none;place-items:center;display:grid}.convention-title h4{margin:1px 0 5px;font-size:15px}.convention-title p{color:var(--muted);margin:0;font-size:12px;line-height:1.6}.convention-code{color:#dce6f1;background:var(--code);border-radius:6px;justify-content:space-between;align-items:center;gap:8px;margin-top:18px;padding:10px 12px;display:flex}.convention-code code{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:11px;font-weight:500;overflow:hidden}.convention-code button,.convention-json button{color:#9ac4ff;cursor:pointer;font:650 11px var(--mono);background:0 0;border:0;flex:none}.convention-list{gap:8px;margin:16px 0 0;padding:0;list-style:none;display:grid}.convention-list li{color:var(--text);grid-template-columns:96px 1fr;gap:8px;font-size:12px;line-height:1.55;display:grid}.convention-list b{color:var(--ink);font-weight:650}.convention-list code,.convention-note code{color:var(--primary);font-size:.95em;font-weight:550}.convention-json{color:#e7eef7;background:var(--code);border-radius:7px;margin-top:18px;overflow:hidden}.convention-json>div{color:#a7b5c7;font:650 11px var(--mono);border-bottom:1px solid #ffffff14;justify-content:space-between;padding:9px 12px;display:flex}.convention-json pre{-webkit-font-smoothing:auto;margin:0;padding:14px;font-size:11px;font-weight:500;line-height:1.7;overflow:auto}.convention-note{color:var(--muted);margin:14px 0 0;font-size:12px;line-height:1.65}.pagination-contract{flex-wrap:wrap;gap:6px;margin-top:18px;display:flex}.pagination-contract code{border:1px solid var(--line);color:var(--primary);background:var(--surface-soft);border-radius:4px;padding:5px 8px;font-size:11px;font-weight:550}.status-list{gap:8px;margin-top:16px;display:grid}.status-list>div{grid-template-columns:64px 1fr;align-items:center;gap:8px;display:grid}.status-list b{color:var(--ink);font:700 11px var(--mono)}.status-list span{color:var(--text);font-size:12px;line-height:1.5}.api-portal-banner{border:1px solid var(--line);background:linear-gradient(135deg, var(--card-bg), var(--surface-soft));border-radius:16px;margin-top:28px;padding:36px 40px;transition:border-color .3s,box-shadow .3s,transform .3s;box-shadow:0 16px 45px #0000000d}.api-portal-banner:hover{border-color:#3b82f666;transform:translateY(-2px);box-shadow:0 20px 50px -10px #3b82f626}[data-theme=dark] .api-portal-banner{box-shadow:0 16px 45px #00000059}.portal-banner-content{justify-content:space-between;align-items:center;gap:36px;display:flex}.portal-eyebrow{color:var(--primary);font:700 11px var(--mono);letter-spacing:.12em;margin-bottom:8px;display:inline-block}.portal-banner-content h3{color:var(--ink);letter-spacing:-.025em;margin:0 0 8px;font-size:24px}.portal-banner-content p{max-width:620px;color:var(--text);margin:0;font-size:14px;line-height:1.7}.portal-banner-actions{flex-shrink:0}.button-large{border-radius:9px;align-items:center;gap:10px;padding:13px 26px;font-size:15px;font-weight:650;display:inline-flex}.button-large svg{stroke:currentColor;stroke-width:2px;fill:none;width:17px;height:17px;transition:transform .2s}.button-large:hover svg{transform:translate(3px)}@media (width<=820px){.portal-banner-content{flex-direction:column;align-items:flex-start;gap:24px}.portal-banner-actions{width:100%}.portal-banner-actions .button{justify-content:center;width:100%}}.closing-section{color:#fff;background:linear-gradient(120deg,#0b65d7,#1677ff 64%,#3b8cff);padding:78px 0}.closing-content{justify-content:space-between;align-items:center;gap:60px;display:flex}.closing-section .eyebrow{color:#cfe2ff}.closing-section h2{font-size:clamp(34px,4vw,50px)}.closing-section p{color:#fffc;max-width:650px;margin:18px 0 0;font-size:15px;line-height:1.75}.closing-actions{flex:none;gap:11px;display:flex}.site-footer{border-top:1px solid var(--line);background:var(--surface);padding:48px 0 28px}.footer-layout{grid-template-columns:1fr auto;gap:32px;display:grid}.footer-brand{font-size:16px}.footer-layout p{color:var(--muted);margin:12px 0 0;font-size:13px}.footer-links{color:var(--muted);flex-wrap:wrap;justify-content:flex-end;gap:20px;font-size:13px;display:flex}.footer-links a:hover{color:var(--primary)}.site-footer small{border-top:1px solid var(--line);color:var(--muted);font:500 11px var(--mono);grid-column:1/-1;padding-top:22px}@media (width<=1080px){.nav-container{grid-template-columns:1fr auto}.main-nav{border:1px solid var(--line);background:var(--card-bg);border-radius:10px;flex-direction:column;align-items:stretch;gap:0;padding:10px;display:none;position:fixed;top:76px;left:20px;right:20px;box-shadow:0 16px 42px #00000029}.main-nav.open{display:flex}.main-nav a{padding:13px 12px}.menu-toggle{display:block}.hero-layout{grid-template-columns:1fr;gap:45px}.hero-copy{text-align:center;max-width:760px;margin-inline:auto}.project-badge,.hero-actions,.hero-meta{justify-content:center;margin-inline:auto}.hero-preview{max-width:900px;margin-inline:auto}.capability-grid{grid-template-columns:repeat(2,1fr)}.quickstart-layout{grid-template-columns:1fr}.quickstart-intro{position:static}.requirements{border-left:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.requirements span{border-right:1px solid var(--line);gap:6px;padding:14px;display:grid}.requirements b{margin:0}.architecture-header{grid-template-columns:1fr;align-items:start}.process-legend{flex-flow:wrap}.contract-plane{grid-template-columns:120px minmax(0,1fr) 28px minmax(0,.75fr)}.contract-plane>.architecture-connector:last-of-type{display:none}.contract-outputs{grid-column:2/-1}.service-flow{grid-template-columns:repeat(3,1fr)}.service-flow:before{display:none}}@media (width<=820px){.container,.nav-container{width:min(1200px,100% - 32px)}.github-link{display:none}.hero{padding:68px 0 62px}.hero h1{font-size:42px}.section{padding:82px 0}.product-section .centered-heading h2{white-space:normal;text-wrap:balance;font-size:clamp(24px,5vw,34px)}.product-section .centered-heading p{white-space:normal;text-wrap:pretty}.section-split-head,.api-section-head{flex-direction:column;align-items:flex-start;gap:24px}.section-split-head>div:first-child h2{white-space:normal;text-wrap:balance;font-size:clamp(24px,5vw,32px)}.heading-stat-badge,.api-count{width:100%}.preview-grid{grid-template-columns:1fr}.preview-crop{aspect-ratio:auto;height:270px}.frontend-project{grid-template-columns:1fr;gap:34px}.architecture-canvas{padding:16px}.contract-plane{grid-template-columns:1fr}.contract-plane>.architecture-index,.contract-source,.contract-compiler,.contract-outputs{grid-column:auto}.contract-plane>.architecture-connector{display:none}.contract-outputs{grid-template-columns:repeat(2,1fr)}.background-processes,.infrastructure-plane,.tutorial-workbench{grid-template-columns:1fr}.tutorial-nav{border-right:0;border-bottom:1px solid var(--line);grid-template-columns:repeat(2,1fr);display:grid}.tutorial-nav button{border-right:1px solid var(--line)}.api-conventions{grid-template-columns:repeat(2,1fr)}.conventions-intro{grid-column:1/-1}.auth-convention{border-left:0}.status-convention{border-top:1px solid var(--line);border-left:0;grid-column:1/-1}.status-list{grid-template-columns:repeat(2,1fr)}.api-browser{grid-template-columns:1fr;height:auto}.api-list{border-right:0;border-bottom:1px solid var(--line);height:470px}.api-detail{height:auto}.closing-content{flex-direction:column;align-items:flex-start}.footer-layout{grid-template-columns:1fr}.footer-links{justify-content:flex-start}}@media (width<=560px){.brand{font-size:15px}.header-actions .button{display:none}.hero{padding-top:54px}.project-badge{font-size:11px}.hero h1{font-size:36px}.hero-lead{font-size:15px}.hero-actions{display:grid}.hero-preview{padding-bottom:36px}.browser-bar{height:31px}.browser-bar span{display:none}.preview-caption{padding:10px 12px;right:8px}.preview-caption p{display:none}.stack-strip .container{min-height:62px}.section{padding:68px 0}.product-section{padding-top:60px}.section-heading h2,.section-split-head h2,.quickstart-intro h2,.api-section-head h2,.closing-section h2{font-size:30px}.product-section .centered-heading h2{font-size:clamp(20px,6vw,26px)}.product-showcase:before{height:32px}.showcase-label{top:8px}.preview-crop{height:200px}.capability-grid{grid-template-columns:1fr}.capability-card{min-height:285px}.frontend-project{padding:26px 20px}.frontend-project-grid{grid-template-columns:1fr}.frontend-project-grid>div{min-height:104px}.architecture-header{padding:27px 22px}.process-legend{flex-direction:column;width:100%}.architecture-canvas{padding:10px}.contract-outputs,.service-flow,.infrastructure-items,.runtime-process header{grid-template-columns:1fr}.runtime-process header>span{grid-area:auto/1;justify-self:start}.compact-flow{grid-template-columns:1fr}.compact-flow>b{transform:rotate(90deg)}.cron-sources{flex-direction:column}.requirements{grid-template-columns:1fr}.setup-tabs{grid-template-columns:repeat(2,1fr)}.setup-tabs button:nth-child(2){border-right:0}.setup-tabs button:nth-child(-n+2){border-bottom:1px solid var(--line)}.setup-copy{grid-template-columns:1fr;padding:25px 20px}.setup-copy>span{grid-row:auto;margin-bottom:13px}.code-card pre{padding:17px 14px;font-size:11px}.tutorial-nav{grid-template-columns:1fr}.tutorial-nav button{border-right:0;min-height:80px}.tutorial-content{padding:26px 18px}.tutorial-content>h3{font-size:24px}.tutorial-points{grid-template-columns:1fr}.tutorial-points>div{min-height:90px}.api-count{width:100%}.api-conventions{grid-template-columns:1fr}.conventions-intro,.status-convention{grid-column:auto}.conventions-intro{display:block}.base-url{margin:20px 0 0}.convention-card{border-top:1px solid var(--line);border-left:0}.status-list{grid-template-columns:1fr}.api-toolbar{grid-template-columns:1fr;gap:9px;padding:12px}.method-filters{width:100%}.method-filters button{flex:1}.api-result-count{display:none}.api-row{grid-template-columns:45px 1fr}.api-row>svg{display:none}.api-detail{padding:27px 18px}.api-detail-title{flex-direction:column;align-items:flex-start}.api-detail-title code{overflow-wrap:anywhere}.parameter-table{min-width:620px}.closing-actions{flex-direction:column;width:100%}.footer-links{grid-template-columns:repeat(2,1fr);display:grid}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}.site-shell:after,.hero:after,.flow-beam:after,.ambient-glow-mesh{display:none!important}.aurora-orb,.marquee-track{animation:none!important}.browser-frame{transform:none}.motion-ready [data-reveal]{opacity:1;transform:none}}