:root{--text-2xs:.6875rem;--text-xs:.75rem;--text-sm:.8125rem;--text-md:.875rem;--text-ui:.9375rem;--text-base:1rem;--text-lead:1.125rem;color-scheme:dark;color:var(--text);--bg:light-dark(#fcfcfe,#09090a);--surface:light-dark(#f9f9fc,#111113);--raised:light-dark(#f5f4f8,#19181b);--line:light-dark(#e7e6eb,#28272b);--muted:light-dark(#64646d,#92929b);--text:light-dark(#1b1b1e,#f0f0f5);--accent:light-dark(#593590,#ba99fd);--purple:light-dark(#7b4ac4,#9c6eeb);--font:"Geist Variable", sans-serif;--font-mono:"Geist Mono Variable", ui-monospace, "SFMono-Regular", monospace;--radius:10px}:root[data-theme=light]{color-scheme:light}.hero,.prose pre{color-scheme:dark;color:var(--text)}.hero{background:var(--bg)}:root[data-theme=light] img[src="/logo.svg"]{filter:invert()}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:var(--text-base);-webkit-font-smoothing:antialiased;margin:0;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.45}a,button{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button{background:0 0;border:0}svg{flex-shrink:0}img{max-width:100%}h1,h2,h3,h4,p{margin:0}h1,h2,h3{letter-spacing:-.045em;font-weight:550;line-height:1.12}::selection{color:light-dark(#121212,#fff);background:light-dark(#8c6ccc,#8160bf)}.wrap{max-width:1240px;margin-inline:auto;padding-inline:32px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:var(--text-sm);color:var(--muted);align-items:center;gap:10px;font-weight:450;display:flex}.eyebrow:before{content:"";background:var(--accent);width:24px;height:1px}.muted{color:var(--muted)}.eyebrow,.hero-badge strong,.scene-number,.component-card-tags span,.rule-card-meta,.rule-reason>span,.agent-pillars>a>span,.brand-source-label,.pricing-tag,.doc-status,.search-results small,.mono,code,pre,kbd{font-family:var(--font-mono)}kbd{font-size:var(--text-sm);border:1px solid var(--line);color:var(--muted);border-radius:4px;padding:1px 5px}.skip-link{background:var(--purple);z-index:500;padding:10px;position:fixed;top:-60px;left:12px}.skip-link:focus{top:12px}.announcement{min-height:35px;font-size:var(--text-md);color:light-dark(#3d3d45,#c1c1ca);background:light-dark(#f9f7fe,#14111b);border-bottom:1px solid light-dark(#e8e2fc,#2a243a);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:8px 16px;display:flex}.announcement>span:nth-child(2){color:light-dark(#27272d,#dfdfe8)}.announcement a{color:light-dark(#303037,#d2d2db);align-items:center;gap:5px;margin-left:10px;display:inline-flex}.status-dot{background:light-dark(#593591,#ba99fe);border-radius:50%;flex-shrink:0;width:5px;height:5px;display:inline-block;box-shadow:0 0 8px light-dark(#6a3bae60,#ad82fb60)}.site-header{z-index:50;backdrop-filter:blur(20px);background:light-dark(#fcfcfeef,#09090aef);border-bottom:1px solid light-dark(#1212120d,#ffffff0d);position:sticky;top:0}.nav-inner{align-items:center;gap:32px;max-width:1440px;height:72px;margin:auto;padding:0 38px;display:flex}.brand{flex-shrink:0;align-items:center;gap:12px;display:inline-flex}.brand img{width:150px;height:auto}.site-header .brand img{width:184px}.desktop-nav{align-items:center;gap:20px;height:100%;display:flex}.desktop-nav a{color:light-dark(#5f5f67,#9898a1);font-size:var(--text-ui);transition:color .2s;position:relative}.desktop-nav a:hover,.desktop-nav a.active{color:light-dark(#16171c,#f5f6fd)}.desktop-nav a.active:after{content:"";background:var(--accent);height:2px;position:absolute;bottom:-27px;left:0;right:0}.nav-actions{align-items:center;gap:16px;margin-left:auto;display:flex}.search-trigger{color:light-dark(#67676f,#8f8f97);font-size:var(--text-md);background:light-dark(#f8f8fb,#121214);border:1px solid light-dark(#e8e7ec,#27262a);border-radius:6px;align-items:center;gap:9px;padding:6px 8px;display:flex}.search-trigger kbd{background:light-dark(#edebf1,#222125);border:0;margin-left:12px}.login-link{font-size:var(--text-ui);white-space:nowrap;align-items:center;gap:7px;display:flex}.icon-button{border:1px solid var(--line);border-radius:7px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.mobile-menu-toggle{display:none}.theme-toggle{color:var(--muted);transition:color .2s,border-color .2s}.theme-toggle:hover{color:var(--text);border-color:var(--muted)}.theme-toggle .theme-icon-light,:root[data-theme=light] .theme-toggle .theme-icon-dark{display:none}:root[data-theme=light] .theme-toggle .theme-icon-light{display:block}.mobile-nav{border-top:1px solid var(--line);padding:15px 24px}.mobile-nav a{justify-content:space-between;padding:12px 0;display:flex}.btn{font-size:var(--text-ui);white-space:nowrap;background:light-dark(#f8f6fb,#151417);border:1px solid light-dark(#dcdbe3,#323137);border-radius:7px;justify-content:center;align-items:center;gap:10px;padding:11px 18px;font-weight:550;line-height:1.5;transition:background .2s,transform .2s,border-color .2s;display:inline-flex}.btn:hover{background:light-dark(#eae9f1,#242329);border-color:light-dark(#adadb5,#55555c);transform:translateY(-1px)}.btn.primary{color:light-dark(#f4f1fe,#1d162e);background:light-dark(#583c8a,#b69bf2);border-color:light-dark(#482f72,#c8b0fe);box-shadow:inset 0 1px light-dark(#12121250,#ffffff50),0 0 25px light-dark(#7b53bf12,#9770df12)}.btn.primary:hover{background:light-dark(#472f71,#c9b1ff);box-shadow:0 0 25px light-dark(#7b53bf30,#9770df30)}.btn.small{font-size:var(--text-md);padding:7px 12px}.btn.ghost{color:light-dark(#47474e,#b5b5bd);background:0 0;border-color:#0000}.btn.ghost:hover{background:light-dark(#12121208,#ffffff08)}.text-link{font-size:var(--text-ui);color:light-dark(#3d3d45,#c1c1ca);align-items:center;gap:8px;display:inline-flex}.text-link:hover{color:light-dark(#121212,#fff)}.hero{isolation:isolate;text-align:center;padding:76px 32px 0;position:relative;overflow:hidden}.hero-badge{font-size:var(--text-sm);color:light-dark(#39393f,#c7c7cf);background:light-dark(#f8f6ff,#15121d);border:1px solid light-dark(#e3def5,#2e2a3b);border-radius:20px;align-items:center;gap:10px;padding:5px 10px 5px 6px;display:inline-flex}.hero-badge strong{font-size:var(--text-xs);color:light-dark(#412d65,#cebafe);background:light-dark(#e4def7,#2f2841);border-radius:14px;padding:1px 7px;font-weight:500}.hero h1{letter-spacing:-.066em;margin:25px auto 22px;font-size:clamp(54px,6.9vw,91px);font-weight:560;line-height:1.025;position:relative}.hero h1 span{color:light-dark(#543b80,#b9a1ef);-webkit-text-fill-color:transparent;background:linear-gradient(100deg,light-dark(#212127,#e7e7f0) 10%,light-dark(#5f4390,#ae93e8) 58%,light-dark(#967ec7,#755da3)) text;display:block}.hero-copy{color:light-dark(#4a4a51,#b1b1ba);text-shadow:0 1px 12px light-dark(#14101959,#09090a);font-size:var(--text-lead);max-width:535px;margin:auto;line-height:1.6}.hero-copy strong{color:light-dark(#38383f,#c8c8d1);font-weight:450}.hero-ctas{flex-wrap:wrap;justify-content:center;gap:10px;margin:26px 0 17px;display:flex}.hero-note{font-size:var(--text-sm);color:light-dark(#5c5c64,#9b9ba4);justify-content:center;align-items:center;gap:7px;display:flex}.hero-note svg{color:light-dark(#74747c,#82828a)}.stack-strip{font-size:var(--text-ui);color:light-dark(#5d5d64,#9a9aa2);justify-content:center;align-items:center;gap:29px;padding:30px 0 32px;display:flex}.stack-strip>span{align-items:center;gap:8px;display:flex}.stack-strip b{color:light-dark(#3e3e45,#c0c0c9);font-size:20px;font-weight:400}.stack-strip .divider{background:light-dark(#e2e0ea,#2e2c34);width:1px;height:16px}.studio-shell{text-align:left;background:light-dark(#fbfaff,#0f0e11);border:1px solid light-dark(#d9d4e9,#373343);border-radius:12px 12px 0 0;max-width:1120px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 -8px 60px light-dark(#815ac413,#916ad613),0 20px 80px light-dark(#14101930,#0008)}.studio-topbar{height:46px;font-size:var(--text-sm);color:light-dark(#64646c,#92929a);background:light-dark(#f7f6fd,#151419);border-bottom:1px solid light-dark(#e7e3f2,#2a2732);align-items:center;gap:8px;padding:0 17px;display:flex}.window-dots{gap:5px;margin-right:16px;display:flex}.window-dots i{background:light-dark(#cfccd7,#3f3d46);border-radius:50%;width:7px;height:7px}.studio-topbar .studio-name{color:light-dark(#323239,#d0d0d9)}.studio-topbar .studio-right{align-items:center;gap:13px;margin-left:auto;display:flex}.studio-live{font-size:var(--text-xs);color:light-dark(#515159,#a8a8b1);align-items:center;gap:6px;display:flex}.studio-main{grid-template-columns:218px 1fr 210px;min-height:382px;display:grid}.studio-controls{background:light-dark(#faf8ff,#111014);border-right:1px solid light-dark(#e9e7f3,#26242d);padding:22px 20px}.studio-label{font-size:var(--text-xs);color:light-dark(#696a71,#8c8d95);text-transform:uppercase;letter-spacing:.13em;margin-bottom:14px;display:block}.studio-heading{font-size:var(--text-ui);color:light-dark(#303037,#d3d3dc);align-items:center;gap:8px;margin-bottom:21px;display:flex}.control-group{margin-bottom:24px}.control-label{font-size:var(--text-sm);color:light-dark(#57575e,#a1a1a9);justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.swatches{gap:8px;display:flex}.swatch{border:3px solid light-dark(#faf7ff,#131117);border-radius:50%;outline:1px solid #0000;width:25px;height:25px;padding:0;transition:outline .2s,transform .2s}.swatch:hover{transform:scale(1.12)}.swatch.selected{outline-color:var(--demo-accent,light-dark(#593e89,#b49aee))}.segment{background:light-dark(#f5f2fd,#1a181f);border:1px solid light-dark(#e4e0f0,#2d2a36);border-radius:6px;padding:3px;display:flex}.segment button{font-size:var(--text-sm);color:light-dark(#67676f,#8f8f97);border-radius:3px;flex:1;padding:5px}.segment button.selected{color:light-dark(#29292f,#dcdce5);background:light-dark(#dbd8e6,#35323d);box-shadow:0 1px 4px light-dark(#14101918,#0004)}.studio-controls input[type=range]{width:100%;accent-color:var(--demo-accent,light-dark(#593e89,#b49aee));height:4px}.studio-export{width:100%;font-size:var(--text-sm);color:light-dark(#515158,#a8a8b0);border:1px solid light-dark(#dcdae7,#33313b);border-radius:5px;justify-content:center;align-items:center;gap:8px;margin-top:16px;padding:7px 0;display:flex}.studio-canvas{background-color:light-dark(#fbfaff,#0f0e13);background-image:radial-gradient(light-dark(#d3cee160,#3d394860) .7px,#0000 .7px);background-size:15px 15px;flex-direction:column;justify-content:center;align-items:center;padding:26px 30px 24px;display:flex;position:relative;overflow:hidden}.canvas-caption{font-size:var(--text-xs);color:light-dark(#6f6f77,#87878f);letter-spacing:.05em;position:absolute;top:13px;left:20px}.project-preview{background:var(--demo-surface,light-dark(#f7f4ff,#17151d));border:1px solid var(--demo-border,light-dark(#ddd7f1,#342f44));border-radius:var(--demo-radius,12px);width:100%;max-width:355px;color:var(--demo-text,light-dark(#1e1e24,#ebebf4));padding:23px;transition:background .4s,border-color .4s,border-radius .3s;box-shadow:0 15px 40px light-dark(#14101918,#0004)}.project-brand{font-size:var(--text-md);align-items:center;gap:8px;margin-bottom:22px;display:flex}.project-brand-mark{background:var(--demo-accent);color:light-dark(#f5f3ff,#1a1527);border-radius:7px;place-items:center;width:24px;height:24px;font-size:19px;display:grid}.project-brand>span:last-child{font-size:var(--text-xs);border:1px solid var(--demo-border);color:var(--demo-muted,light-dark(#6d6d75,#898991));border-radius:4px;margin-left:auto;padding:1px 6px}.project-preview h3{letter-spacing:-.04em;margin-bottom:6px;font-size:23px}.project-preview p{font-size:var(--text-sm);color:var(--demo-muted,light-dark(#64646d,#92929b))}.project-progress{gap:4px;margin-top:21px;display:flex}.project-progress i{background:var(--demo-border);border-radius:3px;flex:1;height:3px}.project-progress i:first-child,.project-progress i:nth-child(2){background:var(--demo-accent)}.project-row{border-bottom:1px solid var(--demo-border);font-size:var(--text-md);align-items:center;gap:10px;padding:13px 0;display:flex}.project-row>svg{color:var(--demo-accent)}.project-row small{font-size:var(--text-xs);color:var(--demo-muted,light-dark(#6d6d75,#898991));margin-top:1px;display:block}.project-row .project-tick{margin-left:auto}.project-preview .demo-button{width:100%;font-size:var(--text-sm);margin-top:19px;padding:9px}.project-foot{text-align:center;font-size:var(--text-xs);color:var(--demo-muted,light-dark(#6d6d75,#898991));margin-top:10px}.studio-code{font-size:var(--text-sm);background:light-dark(#fbfaff,#0f0e13);border-left:1px solid light-dark(#e8e4f6,#282532);padding:22px 17px}.code-tab{color:light-dark(#4c4c53,#aeaeb6);font-size:var(--text-sm);align-items:center;gap:8px;margin-bottom:22px;display:flex}.code-lines{font-family:var(--font-mono);font-size:var(--text-xs);color:light-dark(#6a6a72,#8c8c94);white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}.code-lines .key{color:light-dark(#44444a,#b9b9c1)}.code-lines .value{color:var(--demo-accent)}.code-comment{color:light-dark(#717179,#85858d)}.code-badge{color:light-dark(#624b8f,#a790da);font-size:var(--text-xs);background:light-dark(#f2effe,#1e1a29);border:1px solid light-dark(#e3def5,#2f2a3c);border-radius:5px;align-items:center;gap:7px;margin-top:30px;padding:9px;display:flex}.studio-bottom{font-size:var(--text-xs);color:light-dark(#67676f,#8f8f97);background:light-dark(#f9f8fe,#121116);border-top:1px solid light-dark(#e8e5f5,#282531);justify-content:space-between;padding:8px 16px;display:flex}.hero-end{background:linear-gradient(0deg, var(--bg), transparent);z-index:2;height:35px;margin-top:-20px;position:relative}.proof-strip{color:light-dark(#676770,#8f8f98);font-size:var(--text-sm);border-bottom:1px solid light-dark(#ecebf3,#222127);justify-content:center;align-items:center;gap:28px;padding:27px 0 52px;display:flex}.proof-strip span{align-items:center;gap:7px;display:flex}.proof-strip svg{color:light-dark(#6a6a72,#8c8c94)}.section{padding-top:100px;padding-bottom:90px}.section-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:38px;display:flex}.section-heading h2{margin-top:16px;font-size:clamp(32px,3.5vw,45px)}.section-heading p{color:light-dark(#595961,#9e9ea7);max-width:400px;font-size:var(--text-base);margin-top:15px}.section-heading>.text-link{white-space:nowrap;margin-bottom:4px}.component-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.component-card{background:light-dark(#fbfaff,#0f0e13);border:1px solid light-dark(#e9e5f3,#28252f);border-radius:9px;transition:border-color .3s,transform .3s;overflow:hidden}.component-card:hover{border-color:light-dark(#bbbbc4,#4c4c54);transform:translateY(-3px)}.component-scene{background-image:radial-gradient(light-dark(#b9b9c340,#4d4d5540) .6px,#0000 .6px);background-size:14px 14px;justify-content:center;align-items:center;height:280px;padding-top:28px;display:flex;position:relative;overflow:hidden}.component-scene:after{content:"";pointer-events:none;background:radial-gradient(light-dark(#8e6bd116,#815dc216),#0000 70%);position:absolute;inset:0}.scene-number{font-size:var(--text-xs);color:light-dark(#717179,#85858d);letter-spacing:.06em;position:absolute;top:14px;left:17px}.scene-hint{font-size:var(--text-xs);color:light-dark(#6a6a72,#8c8c94);align-items:center;gap:4px;display:flex;position:absolute;top:13px;right:14px}.component-card-footer{background:light-dark(#faf9fd,#111013);border-top:1px solid light-dark(#e8e6f3,#27252f);padding:19px 20px 21px}.component-card-title{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.component-card-title h3{letter-spacing:-.035em;font-size:19px}.component-card-title svg{color:light-dark(#82828a,#74747c);transition:transform .2s}.component-card:hover .component-card-title svg{color:light-dark(#482f72,#c8b0fe);transform:translate(2px,-2px)}.component-card-footer p{font-size:var(--text-md);color:light-dark(#5a5961,#9e9ea6);max-width:280px;line-height:1.6}.component-card-tags{gap:6px;margin-top:17px;display:flex}.component-card-tags span{color:light-dark(#63636a,#94949c);font-size:var(--text-xs);border:1px solid light-dark(#e5e1ef,#2c2933);border-radius:4px;padding:1px 5px}.demo-button{background:var(--demo-accent,light-dark(#593e89,#b49aee));color:var(--demo-onaccent,light-dark(#f3f0ff,#1e172e));border-radius:var(--demo-radius,7px);font-size:var(--text-ui);border:1px solid light-dark(#12121222,#fff2);justify-content:center;align-items:center;gap:8px;padding:10px 17px;font-weight:550;transition:transform .2s,box-shadow .3s,background .3s,border-radius .3s;display:inline-flex;position:relative;overflow:hidden}.demo-button:hover{transform:translateY(-2px);box-shadow:0 5px 24px light-dark(#7c56bd38,#9570da38)}.demo-button:active{transform:scale(.97)}.demo-button[data-variant=secondary]{color:light-dark(#34343b,#ceced7);background:light-dark(#efecfb,#201d2b);border-color:light-dark(#d1cce5,#3f3854)}.demo-button[data-variant=outline]{color:var(--demo-text,light-dark(#37373e,#cacad3));background:0 0;border-color:light-dark(#bebec6,#4a4a51)}.demo-button[data-variant=ghost]{color:var(--demo-text,light-dark(#37373e,#cacad3));background:0 0;border-color:#0000}.demo-button[data-size=sm]{font-size:var(--text-sm);padding:6px 12px}.demo-button[data-size=lg]{font-size:var(--text-base);padding:13px 23px}.demo-button .button-sheen{pointer-events:none;background:linear-gradient(90deg,#0000,light-dark(#12121244,#fff4),#0000);width:65%;position:absolute;inset:0;transform:translate(-120%)skew(-25deg)}.demo-button:hover .button-sheen{animation:.7s sheen}.button-cloud{flex-direction:column;align-items:center;gap:12px;display:flex;transform:rotate(-7deg)}.button-cloud-row{align-items:center;gap:9px;display:flex}.button-cloud-row:nth-child(2){margin-left:30px}.button-cloud .demo-button{font-size:var(--text-md)}.button-cloud .button-orbit{color:light-dark(#62626a,#95959e);background:light-dark(#f4f1fe,#1c1828);border:1px solid light-dark(#cac1e6,#473f5e);border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.component-card:hover .button-cloud{animation:3s ease-in-out infinite float}.mini-accordion{background:light-dark(#f8f6ff,#15121d);border:1px solid light-dark(#dfdaf3,#322d42);border-radius:8px;width:78%;max-width:300px;overflow:hidden}.mini-accordion details+details{border-top:1px solid light-dark(#e3def5,#2f2a3c)}.mini-accordion summary{cursor:pointer;font-size:var(--text-sm);color:light-dark(#2f2f35,#d4d4dc);justify-content:space-between;align-items:center;padding:13px 15px;list-style:none;display:flex}.mini-accordion summary::-webkit-details-marker{display:none}.mini-accordion summary svg{color:light-dark(#73737b,#83838b);transition:transform .2s}.mini-accordion details[open] summary svg{transform:rotate(180deg)}.mini-accordion p{font-size:var(--text-xs);color:light-dark(#64646c,#92929a);padding:0 15px 14px;line-height:1.6;animation:.3s fade-in}.dialog-scene{width:78%;height:156px;position:relative}.ghost-window{background:light-dark(#fbf9fe,#110e17);border:1px solid light-dark(#e5dff8,#2d283b);border-radius:8px;padding:16px;position:absolute;inset:0}.ghost-line{background:light-dark(#e8e3fa,#292536);border-radius:3px;width:45%;height:5px;margin-bottom:10px}.ghost-line:nth-child(2){background:light-dark(#f1eefd,#1e1b29);width:72%}.floating-dialog{background:light-dark(#f3f0ff,#1d1929);border:1px solid light-dark(#c5b4f6,#4f3e76);border-radius:8px;padding:16px;transition:transform .4s;position:absolute;inset:28px 15px -9px 24px;box-shadow:0 10px 25px light-dark(#1410191e,#0005)}.component-card:hover .floating-dialog{transform:translateY(-5px)}.floating-dialog>span{font-size:var(--text-sm);color:light-dark(#2d2d34,#d6d6df);align-items:center;gap:7px;display:flex}.floating-dialog>p{font-size:var(--text-xs);color:light-dark(#64646b,#93939b);margin:8px 0 13px}.floating-dialog .demo-button{font-size:var(--text-xs);float:right;padding:5px 10px}.grid-caption{font-size:var(--text-sm);color:light-dark(#6c6c74,#8a8a92);justify-content:space-between;margin-top:20px;display:flex}.grid-caption a{color:light-dark(#4b4b52,#b0b0b8)}.system-section{background:linear-gradient(160deg, light-dark(#fbfaff,#0f0e13), var(--bg) 60%);border-top:1px solid light-dark(#edeaf5,#232129);border-bottom:1px solid light-dark(#edeaf5,#232129)}.system-grid{grid-template-columns:1fr 1fr;align-items:center;gap:72px;display:grid}.system-copy h2{margin:20px 0;font-size:43px;line-height:1.14}.system-copy>p{font-size:var(--text-base);color:light-dark(#58585f,#a0a0a8);max-width:430px;line-height:1.6}.feature-list{gap:19px;margin:28px 0 30px;display:grid}.feature-list>div{align-items:flex-start;gap:13px;display:flex}.feature-list svg{color:light-dark(#55555c,#a3a3ab);margin-top:2px}.feature-list strong{font-size:var(--text-ui);font-weight:500}.feature-list p{font-size:var(--text-md);color:light-dark(#595960,#9f9fa7);margin-top:3px}.system-map{background:radial-gradient(light-dark(#a686e514,#6e4da714),#0000 65%);flex-direction:column;justify-content:center;align-items:center;min-height:365px;display:flex;position:relative}.map-inputs,.map-outputs{justify-content:center;gap:12px;width:100%;display:flex}.map-node{font-size:var(--text-sm);color:light-dark(#4d4d54,#adadb5);background:light-dark(#f9f7ff,#131119);border:1px solid light-dark(#ddd8f0,#342f42);border-radius:7px;align-items:center;gap:8px;padding:12px 15px;display:flex}.map-node svg{color:light-dark(#695196,#a189d3)}.map-trunk{background:linear-gradient(light-dark(#e1dcf5,#312a44),light-dark(#8b73bd,#7d65ad));width:1px;height:45px;position:relative}.map-trunk:after{content:"";background:light-dark(#50377b,#bea6f4);width:3px;height:10px;animation:2s linear infinite flow;position:absolute;left:-1px;box-shadow:0 0 10px light-dark(#653ea2,#ae89f5)}.map-core{background:light-dark(#f0ecfb,#211b30);border:1px solid light-dark(#977fcc,#735ba4);border-radius:10px;align-items:center;gap:10px;padding:20px 29px;display:flex;box-shadow:0 0 50px light-dark(#784fba14,#9b74e214)}.map-core img{width:134px}.map-core span{font-size:var(--text-xs);color:light-dark(#404048,#bdbdc6);border:1px solid light-dark(#9b9ba3,#616168);border-radius:4px;padding:1px 5px}.map-caption{color:light-dark(#6b6b73,#8b8b93);font-size:var(--text-sm);margin-top:20px}.feature-bento{grid-template-columns:1.1fr 1fr 1fr;gap:16px;display:grid}.feature-tile{background:light-dark(#fbfafe,#100e14);border:1px solid light-dark(#e7e3f3,#2a2733);border-radius:9px;padding:27px;position:relative;overflow:hidden}.feature-tile>svg{color:light-dark(#664e93,#a38cd6);margin-bottom:23px}.feature-tile h3{margin-bottom:12px;font-size:22px}.feature-tile p{font-size:var(--text-ui);color:light-dark(#595960,#9f9fa7);line-height:1.6}.feature-tile .text-link{font-size:var(--text-md);margin-top:25px}.agent-tile{background:radial-gradient(at 20% 0,light-dark(#d1cbe41f,#43306a1f),#0000 70%),light-dark(#fbfafe,#100e14)}.agent-command{font-family:var(--font-mono);font-size:var(--text-md);color:light-dark(#634b90,#a78fda);background:light-dark(#f8f6fe,#14121c);border:1px solid light-dark(#e5dff9,#2d283c);border-radius:6px;margin-top:25px;padding:11px 13px}.token-swatches{gap:6px;margin-top:29px;display:flex}.token-swatches i{border-radius:4px;flex:1;height:35px}.figma-code{justify-content:center;align-items:center;gap:22px;margin-top:29px;padding:10px;display:flex}.figma-code>span{color:light-dark(#5e468a,#ad95e0);background:light-dark(#f6f4fe,#181522);border:1px solid light-dark(#d3cde6,#3d384d);border-radius:8px;place-items:center;width:42px;height:42px;display:grid}.cta-section{text-align:center;background:radial-gradient(at 50% 100%,light-dark(#c6b1fe17,#52398317),#0000 66%);border-top:1px solid light-dark(#ebe7f6,#26232e);padding:94px 32px 96px;position:relative}.cta-section .eyebrow{justify-content:center}.cta-section h2{margin:20px 0;font-size:clamp(38px,4.6vw,61px);line-height:1.15}.cta-section h2 span{color:light-dark(#654e92,#a48dd7)}.cta-section p{color:light-dark(#595960,#9f9fa7);font-size:var(--text-base)}.cta-section .hero-ctas{margin-bottom:0}.site-footer{border-top:1px solid light-dark(#ebe8f7,#25222d);padding-top:50px;padding-bottom:22px}.footer-top{justify-content:space-between;gap:50px;padding-bottom:48px;display:flex}.footer-top p{font-size:var(--text-md);color:light-dark(#595961,#9e9ea7);margin:20px 0;line-height:1.6}.footer-by{font-size:var(--text-sm);color:light-dark(#6f6f77,#87878f)}.footer-by a{color:light-dark(#5a5961,#9e9ea6);align-items:center;gap:3px;display:inline-flex}.footer-links{gap:75px;display:flex}.footer-links>div{flex-direction:column;gap:10px;display:flex}.footer-links span{font-size:var(--text-sm);color:light-dark(#37373d,#cacad2);margin-bottom:7px}.footer-links a{font-size:var(--text-md);color:light-dark(#66666e,#909098);align-items:center;gap:4px;display:flex}.footer-links a:hover{color:light-dark(#2e2e35,#d5d5de)}.footer-bottom{font-size:var(--text-xs);color:light-dark(#6b6b73,#8b8b93);border-top:1px solid light-dark(#ece9f4,#24222a);justify-content:space-between;gap:15px;padding-top:19px;display:flex}.footer-bottom>span:nth-child(2),.footer-bottom>a{align-items:center;gap:7px;display:flex}.footer-legal{font-size:var(--text-xs);color:light-dark(#6b6b73,#8b8b93);margin:12px 0 0}.page-intro{padding-top:65px;padding-bottom:45px}.page-intro h1{margin:19px 0;font-size:clamp(40px,4.6vw,62px)}.page-intro>p{font-size:var(--text-base);color:light-dark(#6b6b73,#8b8b93);max-width:560px;line-height:1.6}.page-intro h1 span{color:light-dark(#5c4489,#af97e3)}.page-toolbar{border-top:1px solid light-dark(#e5e1f0,#2c2934);border-bottom:1px solid light-dark(#e5e1f0,#2c2934);justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;padding:17px 0;display:flex}.target-tabs{flex-wrap:wrap;gap:5px;display:flex}.target-tabs a,.target-tabs button{font-size:var(--text-md);color:light-dark(#6b6b73,#8b8b94);border:1px solid #0000;border-radius:6px;align-items:center;gap:7px;padding:7px 11px;display:flex}.target-tabs .selected{color:light-dark(#2d2d34,#d6d6df);background:light-dark(#efecfb,#211d2e);border-color:light-dark(#cbc3e5,#453e5a)}.target-tabs small{font-size:var(--text-xs);color:light-dark(#65656d,#919199)}.target-tabs b{font-size:var(--text-lead);font-weight:400}.toolbar-note{font-size:var(--text-sm);color:light-dark(#6a6a72,#8c8c94)}.catalogue-section{padding-top:56px;padding-bottom:70px}.catalogue-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:23px;display:flex}.catalogue-heading h2{font-size:24px}.catalogue-heading h2 span{font-size:var(--text-ui);color:light-dark(#65656d,#919199);margin-left:9px}.filter-input{color:light-dark(#38383f,#c8c8d1);font-size:var(--text-md);background:light-dark(#f8f6ff,#15121c);border:1px solid light-dark(#e3def5,#2f2a3c);border-radius:6px;min-width:220px;padding:9px 12px}.catalogue-grid{grid-template-columns:repeat(5,1fr);gap:0;display:grid}.catalogue-item{font-size:var(--text-md);color:light-dark(#696971,#8d8d95);border-bottom:1px solid light-dark(#efecfb,#201d2a);justify-content:space-between;align-items:center;gap:6px;padding:13px 9px;display:flex}.catalogue-item.ready{color:light-dark(#452e6c,#cbb5fe)}.catalogue-item.ready:hover{background:light-dark(#f6f3fe,#1a1623)}.catalogue-item small{font-size:var(--text-xs);color:light-dark(#6b6b73,#8b8b93);white-space:nowrap}.catalogue-empty{color:light-dark(#65656e,#91919a);padding:30px}.catalogue-note{font-size:var(--text-md);color:light-dark(#64646c,#92929a);border-left:2px solid light-dark(#ae96e1,#644c91);margin-top:22px;padding-left:14px}.search-dialog{color:var(--text);background:light-dark(#f9f8fe,#121117);border:1px solid light-dark(#b9b9c2,#4d4d54);border-radius:12px;width:min(620px,100% - 32px);max-height:80vh;margin-top:14vh;padding:0;box-shadow:0 30px 100px light-dark(#1410193b,#000a)}.search-dialog::backdrop{backdrop-filter:blur(5px);background:light-dark(#fdfdfeb8,#040307b8)}.search-input-wrap{color:light-dark(#66666e,#909098);border-bottom:1px solid light-dark(#e4def7,#2e293c);align-items:center;gap:14px;padding:16px 19px;display:flex}.search-input-wrap input{color:light-dark(#2a2a30,#dbdbe4);min-width:0;font-size:var(--text-base);background:0 0;border:0;outline:none;flex:1}.search-results{max-height:50vh;padding:8px;overflow:auto}.search-results a{border-radius:6px;flex-direction:column;padding:11px 13px;display:flex}.search-results a:hover,.search-results a:focus{background:light-dark(#ede7fe,#251f34);outline:none}.search-results small{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:light-dark(#6b5399,#9e86d1)}.search-results strong{font-size:var(--text-base);font-weight:500}.search-results span{font-size:var(--text-sm);color:light-dark(#63636a,#94949c);margin-top:3px}.search-footer{font-size:var(--text-xs);color:light-dark(#67676f,#8f8f97);border-top:1px solid light-dark(#e4def7,#2e293c);justify-content:space-between;padding:10px 18px;display:flex}.search-empty{text-align:center;color:light-dark(#65656d,#919199);font-size:var(--text-ui);padding:35px}[data-reveal]{transition:opacity .7s,transform .7s}[data-reveal].in-view{animation:.7s both reveal}body:has(dialog[open]){overflow:hidden}@keyframes sheen{to{transform:translate(240%)skew(-25deg)}}@keyframes float{0%,to{transform:rotate(-7deg)translateY(0)}50%{transform:rotate(-5deg)translateY(-5px)}}@keyframes flow{0%{opacity:0;top:0}40%{opacity:1}to{opacity:0;top:90%}}@keyframes fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes reveal{0%{opacity:.5;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:1s linear infinite spin}@media (width>=1600px){.hero{padding-top:94px}.hero h1{font-size:98px}.studio-main{min-height:410px}}@media (width<=1200px){.desktop-nav{display:none}.mobile-menu-toggle{display:flex}.search-trigger span,.search-trigger kbd{display:none}}@media (width<=1100px){.nav-inner{gap:25px;padding:0 24px}.desktop-nav{gap:18px}.search-trigger span,.search-trigger kbd{display:none}.nav-actions{gap:15px}.studio-main{grid-template-columns:190px 1fr 175px}.studio-code{padding:22px 12px}.studio-canvas{padding:30px 20px}.system-grid{gap:40px}.footer-links{gap:42px}.catalogue-grid{grid-template-columns:repeat(4,1fr)}}@media (width<=800px){.desktop-nav{display:none}.mobile-menu-toggle{display:flex}.nav-inner{height:62px}.hero{padding-top:48px}.hero h1{font-size:66px}.studio-main{grid-template-columns:170px 1fr}.studio-code{display:none}.studio-controls{padding:20px 15px}.proof-strip{flex-wrap:wrap;gap:15px}.component-grid{gap:12px}.component-scene{height:264px}.component-card-footer{padding:17px 14px}.component-card-tags{flex-wrap:wrap}.button-cloud{transform:scale(.85)rotate(-7deg)}.system-grid{grid-template-columns:1fr;gap:20px}.system-copy>p{max-width:600px}.system-map{min-height:270px}.feature-bento{grid-template-columns:1fr}.feature-tile{padding:25px}.feature-tile>svg{margin-bottom:14px}.feature-tile p{max-width:550px}.token-swatches{max-width:260px}.figma-code{justify-content:flex-start}.footer-top{flex-direction:column;gap:35px}.footer-links{justify-content:space-between}.section{padding-top:70px;padding-bottom:65px}.catalogue-grid{grid-template-columns:repeat(3,1fr)}.page-toolbar{flex-direction:column;align-items:flex-start;gap:10px}.section-heading h2{font-size:36px}}@media (width<=600px){.wrap{padding-inline:20px}.announcement{font-size:var(--text-xs);gap:6px}.announcement-detail{display:none}.announcement a{font-size:var(--text-xs)}.nav-inner{gap:10px;padding:0 20px}.brand img{width:130px}.site-header .brand img{width:156px}.login-link{display:none}.nav-actions{gap:10px}.hero{padding:42px 15px 0}.hero h1{letter-spacing:-.065em;margin:24px 0 18px;font-size:53px}.hero-copy{font-size:var(--text-base);padding:0 12px}.hero-ctas{gap:8px}.hero-ctas .btn{font-size:var(--text-md);padding:10px 13px}.hero-note{font-size:var(--text-xs)}.stack-strip{font-size:var(--text-xs);gap:16px;padding:25px 0}.stack-strip b{font-size:16px}.stack-strip .divider{display:none}.studio-topbar{font-size:var(--text-xs);padding:0 11px}.window-dots{margin-right:5px}.studio-live{display:none}.studio-main{flex-direction:column;display:flex}.studio-controls{border-bottom:1px solid light-dark(#e7e2f5,#2b2735);border-right:0;align-items:center;gap:17px;padding:12px;display:flex}.studio-heading,.studio-label,.studio-controls .control-group:nth-of-type(4),.studio-export{display:none}.control-group{flex:1;margin:0}.control-label{font-size:var(--text-xs);margin-bottom:8px}.swatches{gap:6px}.swatch{width:22px;height:22px}.segment button{font-size:var(--text-xs);padding:4px}.studio-canvas{padding:35px 28px 25px}.project-preview{max-width:320px}.studio-bottom{font-size:var(--text-xs);gap:10px}.studio-bottom span:last-child{display:none}.proof-strip{font-size:var(--text-xs);gap:13px;padding:20px 10px 32px}.section-heading{flex-direction:column;align-items:flex-start;gap:15px;margin-bottom:26px}.section-heading h2{font-size:33px}.section-heading p{font-size:var(--text-ui)}.component-grid{grid-template-columns:1fr}.component-scene{height:280px}.component-card-footer{padding:20px}.component-card-footer p{max-width:100%}.button-cloud{transform:rotate(-7deg)}.mini-accordion{max-width:280px}.dialog-scene{max-width:290px}.grid-caption{font-size:var(--text-xs);align-items:flex-start;gap:15px}.grid-caption span{max-width:220px}.system-copy h2{font-size:34px}.map-node{font-size:var(--text-xs);padding:9px 10px}.map-inputs,.map-outputs{gap:7px}.map-outputs .map-node{padding:8px}.map-outputs .map-node:last-child{display:none}.map-core{padding:18px}.footer-links{flex-wrap:wrap;gap:20px}.footer-links a{font-size:var(--text-sm)}.footer-bottom{font-size:var(--text-xs);flex-wrap:wrap}.footer-bottom>span:nth-child(2){display:none}.page-intro{padding-top:45px}.page-intro h1{font-size:42px}.page-intro>p{font-size:var(--text-ui)}.target-tabs{gap:2px}.target-tabs a,.target-tabs button{font-size:var(--text-sm);gap:4px;padding:6px 7px}.target-tabs small{display:none}.catalogue-grid{grid-template-columns:repeat(2,1fr)}.catalogue-heading{flex-direction:column;align-items:flex-start}.filter-input{width:100%}.catalogue-item{font-size:var(--text-sm);padding:13px 5px}.catalogue-item small{font-size:var(--text-2xs)}.cta-section{padding:64px 20px}.search-dialog{margin-top:8vh}.search-footer kbd{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}[hidden]{display:none!important}.docs-shell{grid-template-columns:240px minmax(0,1fr) 195px;gap:45px;max-width:1440px;margin:auto;padding:0 32px;display:grid}.docs-sidebar{scrollbar-width:thin;scrollbar-color:light-dark(#e1dbf3,#312c3e) transparent;height:calc(100vh - 73px);padding:28px 16px 30px 0;position:sticky;top:73px;overflow-y:auto}.docs-version{font-size:var(--text-sm);background:light-dark(#f7f6ff,#15131d);border:1px solid light-dark(#e3def5,#2e2a3b);border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:28px;padding:9px 11px;display:flex}.docs-version>span{align-items:center;gap:6px;display:flex}.docs-version>span:last-child{font-size:var(--text-xs);color:light-dark(#52525a,#a7a7b0)}.docs-nav-group{margin-bottom:23px}.docs-nav-group h2{font-size:var(--text-sm);color:light-dark(#38383f,#c8c8d0);letter-spacing:0;margin-bottom:9px;padding-left:10px;font-weight:550}.docs-nav-group h2 span{font-size:var(--text-xs);color:light-dark(#5a5a62,#9d9da6);margin-left:8px}.docs-nav-group>a{color:light-dark(#52525a,#a7a7b0);font-size:var(--text-md);border-left:1px solid light-dark(#e7e2f8,#2a2636);justify-content:space-between;align-items:center;gap:6px;padding:6px 10px;transition:color .2s,background .2s;display:flex}.docs-nav-group>a:hover{color:light-dark(#3d3d44,#c1c1c9);background:light-dark(#f6f3ff,#191620)}.docs-nav-group>a.active{color:light-dark(#4a3375,#c4adfa);background:light-dark(#eeeaf9,#231e30);border-left-color:light-dark(#5e438c,#af95e5)}.nav-planned{font-size:var(--text-2xs);letter-spacing:.02em;color:light-dark(#52525a,#a7a7b0);border:1px solid light-dark(#dbd6f0,#353045);border-radius:3px;padding:0 4px}.docs-nav-group .nav-all{color:light-dark(#4e4e56,#acacb5);margin-top:5px}.sidebar-help{font-size:var(--text-sm);color:light-dark(#54545c,#a4a4ad);background:light-dark(#f8f6fe,#14121c);border:1px solid light-dark(#dfd9f1,#332e40);border-radius:7px;align-items:center;gap:8px;padding:12px 9px;display:flex}.sidebar-help small{font-size:var(--text-xs);color:light-dark(#5a5a62,#9d9da6);margin-top:3px;display:block}.docs-main{min-width:0;max-width:820px;padding:34px 0 75px}.docs-breadcrumb{font-size:var(--text-xs);color:light-dark(#5a5a62,#9d9da6);align-items:center;gap:9px;margin-bottom:27px;display:flex}.docs-breadcrumb span{color:light-dark(#4f4f56,#ababb4)}.doc-header h1{letter-spacing:-.05em;margin:12px 0 15px;font-size:43px}.doc-header p{font-size:var(--text-lead);color:light-dark(#4b4b53,#afafb8);max-width:650px;line-height:1.6}.doc-status{text-transform:uppercase;letter-spacing:.1em;font-size:var(--text-xs);color:light-dark(#584084,#b49ce8);background:light-dark(#f0edfc,#201c2d);border:1px solid light-dark(#d0cae3,#413858);border-radius:4px;padding:3px 7px;display:inline-flex}.doc-status.planned{color:light-dark(#5f4411,#ceaf7e);background:light-dark(#f9f1e5,#211b13);border-color:light-dark(#d6c4ad,#51422e)}.doc-status.legacy{color:light-dark(#52525a,#a7a7b0);background:light-dark(#f1effa,#1e1c24);border-color:light-dark(#d0cdde,#3e3b49)}.doc-actions{border-bottom:1px solid light-dark(#e7e0f7,#2c2738);justify-content:flex-end;gap:16px;margin-bottom:28px;padding:19px 0 16px;display:flex}.doc-actions .text-link{font-size:var(--text-sm);color:light-dark(#4e4e56,#acacb5)}.prose{color:light-dark(#404047,#bebec7);font-size:var(--text-base);line-height:1.7}.prose p{margin:0 0 18px}.prose>p,.prose>ul,.prose>ol,.prose>blockquote{max-width:70ch}.prose h1{color:light-dark(#222229,#e5e5ee);margin:30px 0 20px;font-size:32px}.prose h2{color:light-dark(#28282f,#dddde6);letter-spacing:-.03em;border-bottom:1px solid light-dark(#eae6f9,#262331);margin:42px 0 17px;padding-bottom:13px;scroll-margin-top:96px;font-size:26px;font-weight:550}.prose h3{color:light-dark(#34343b,#ceced7);letter-spacing:-.02em;margin:28px 0 14px;font-size:20px}.prose h4{color:light-dark(#34343b,#ceced7);margin:24px 0 12px;font-size:17px}.prose a{color:light-dark(#404046,#bebec6);text-underline-offset:3px;text-decoration:underline light-dark(#ac94e0,#654d92)}.prose a:hover{color:light-dark(#33333a,#cfcfd8)}.prose strong{color:light-dark(#34343b,#ceced7);font-weight:550}.prose ul,.prose ol{margin:17px 0 23px;padding-left:22px}.prose li{margin:7px 0;padding-left:4px}.prose :not(pre)>code{font-size:var(--text-md);color:light-dark(#3d3d45,#c1c1ca);overflow-wrap:anywhere;background:light-dark(#f1eefd,#1f1b2a);border:1px solid light-dark(#e2dcf5,#302b3e);border-radius:4px;padding:2px 5px}.prose pre{font-size:var(--text-md);border:1px solid light-dark(#dfd9f1,#332e40);border-radius:8px;margin:21px 0 26px;padding:22px 20px;line-height:1.6;position:relative;overflow-x:auto;background:light-dark(#faf8fe,#121016)!important}.prose pre code{font-size:inherit}.code-copy{color:light-dark(#56565e,#a2a2ab);font-size:var(--text-xs);background:light-dark(#f3effe,#1e192a);border:1px solid light-dark(#d2cce6,#3e3851);border-radius:4px;padding:3px 7px;position:absolute;top:7px;right:7px}.prose table{border-collapse:collapse;width:100%;font-size:var(--text-md);margin:20px 0 30px;display:block;overflow:auto}.prose th{color:light-dark(#3c3c43,#c3c3cc);text-align:left;background:light-dark(#f6f3ff,#191621);font-weight:500}.prose th,.prose td{vertical-align:top;border-bottom:1px solid light-dark(#e5dff8,#2d283b);min-width:110px;padding:11px 13px}.prose blockquote{color:light-dark(#44444a,#b9b9c1);background:light-dark(#f6f4fe,#181520);border-left:2px solid light-dark(#947dc6,#755ea4);margin:23px 0;padding:8px 17px}.prose blockquote p:last-child{margin-bottom:0}.prose hr{border:0;border-top:1px solid light-dark(#e5dff8,#2d283b);margin:35px 0}.prose img{border-radius:8px}.callout{font-size:var(--text-md);color:light-dark(#404047,#bebec7);background:light-dark(#f4f0ff,#1d1926);border:1px solid light-dark(#d0cbe4,#403954);border-radius:7px;margin:22px 0;padding:14px 17px;line-height:1.6}.callout a{color:light-dark(#432c68,#ceb8ff);text-decoration:underline}.doc-pagination{border-top:1px solid light-dark(#e7e1fb,#2b253b);justify-content:space-between;gap:20px;margin-top:48px;padding-top:25px;display:flex}.doc-pagination a{flex-direction:column;gap:6px;display:flex}.doc-pagination a:last-child{text-align:right}.doc-pagination small{font-size:var(--text-xs);color:light-dark(#5a5a62,#9d9da6)}.doc-pagination span{font-size:var(--text-ui);color:light-dark(#48484e,#b4b4bc)}.docs-toc{flex-direction:column;height:max-content;padding-top:40px;display:flex;position:sticky;top:100px}.docs-toc>span{font-size:var(--text-sm);color:light-dark(#414147,#bdbdc5);margin-bottom:15px}.docs-toc>a{font-size:var(--text-sm);color:light-dark(#5a5a62,#9d9da6);padding:5px 0}.docs-toc>a:hover{color:light-dark(#414148,#bcbcc4)}.toc-help{border-top:1px solid light-dark(#e5def8,#2e283d);margin-top:32px;padding-top:23px}.toc-help>svg{color:light-dark(#7c65ac,#8b74bc);margin-bottom:11px}.toc-help strong{font-size:var(--text-base);color:light-dark(#46464d,#b6b6be);font-weight:500;line-height:1.6;display:block}.toc-help p{font-size:var(--text-sm);color:light-dark(#5a5a62,#9d9da6);margin:10px 0 13px}.toc-help a{font-size:var(--text-xs);color:light-dark(#5b4387,#b099e4);align-items:center;gap:6px;display:flex}.docs-mobile-bar{display:none}.component-doc-targets{border-bottom:1px solid light-dark(#e2ddf5,#2f2b3d);margin:25px 0 18px;padding-bottom:15px}.playground{background:light-dark(#faf8fe,#120f19);border:1px solid light-dark(#ded8f1,#342e44);border-radius:9px;margin:22px 0;overflow:hidden}.playground-tabs{background:light-dark(#f8f6fe,#14121c);border-bottom:1px solid light-dark(#e7e1fb,#2b253b);align-items:center;gap:5px;padding:8px 12px;display:flex}.playground-tabs button{color:light-dark(#64646d,#92929b);font-size:var(--text-sm);border-radius:4px;padding:5px 9px}.playground-tabs button[aria-selected=true]{color:light-dark(#4a3174,#c6aefc);background:light-dark(#e7e1fb,#2b253c)}.playground-tabs .playground-target{font-size:var(--text-xs);color:light-dark(#696972,#8d8d96);margin-left:auto}.playground-content{background-image:radial-gradient(light-dark(#b8a7e640,#58477f40) .65px,#0000 .65px);background-size:15px 15px;justify-content:center;align-items:center;min-height:300px;padding:45px 25px;display:flex}.playground-footer{font-size:var(--text-sm);color:light-dark(#63636c,#93939c);border-top:1px solid light-dark(#e7e1fb,#2b253b);flex-wrap:wrap;align-items:center;gap:18px;padding:12px 15px;display:flex}.playground-footer label{align-items:center;gap:7px;display:flex}.playground-footer select{font-size:var(--text-sm);color:light-dark(#414149,#bcbcc5);background:light-dark(#f2effe,#1e192b);border:1px solid light-dark(#d2cce5,#3f3755);border-radius:4px;padding:3px 5px}.playground-footer input{accent-color:light-dark(#5f478b,#ac94df)}.component-code{background:light-dark(#fbf9ff,#110f15);position:relative}.component-code pre{font-size:var(--text-md);color:light-dark(#543c80,#b9a1ee);max-height:480px;margin:0;padding:24px;line-height:1.85;overflow:auto}.component-code .code-copy{top:10px;right:10px}.preview-accordion{background:light-dark(#f6f4fe,#181422);border:1px solid light-dark(#d3cee7,#3d3651);border-radius:9px;width:100%;max-width:380px;overflow:hidden}.preview-accordion-item+.preview-accordion-item{border-top:1px solid light-dark(#dfd9f3,#332c46)}.preview-accordion-header{margin:0!important}.preview-accordion-trigger{width:100%;font-size:var(--text-ui);color:light-dark(#333339,#cfcfd7);text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:20px;padding:16px 18px;display:flex}.preview-accordion-trigger svg{color:light-dark(#735ba2,#967ec8);transition:transform .25s}.preview-accordion-trigger[data-state=open] svg,.preview-accordion-trigger[aria-expanded=true] svg{transform:rotate(180deg)}.preview-accordion-panel{color:light-dark(#696971,#8d8d95);font-size:var(--text-md);line-height:1.6;overflow:hidden}.preview-accordion-panel>div{padding:0 18px 17px}.preview-accordion-panel[data-state=open]{animation:.25s ease-out accordion-open}.preview-accordion-panel[data-state=closed]{animation:.2s ease-out accordion-close}.preview-accordion-panel[data-open],.preview-accordion-panel[data-expanded]{animation:.2s fade-in}.preview-result{font-size:var(--text-sm);color:light-dark(#53535b,#a6a6af);text-align:center;min-height:20px;margin-top:15px}.dialog-backdrop{backdrop-filter:blur(5px);z-index:120;background:light-dark(#fdfcffcc,#06050bcc);animation:.18s fade-in;position:fixed;inset:0}.dialog-panel{z-index:121;background:light-dark(#f7f5fe,#161320);border:1px solid light-dark(#b79feb,#5e468a);border-radius:13px;outline:none;width:min(420px,100vw - 36px);max-height:85vh;padding:30px;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%);box-shadow:0 25px 100px light-dark(#14101930,#0008)}.dialog-panel h2{color:light-dark(#222229,#e5e5ee);margin:16px 0 12px;font-size:25px}.dialog-panel p{font-size:var(--text-ui);color:light-dark(#5d5d64,#9a9aa2);margin-bottom:23px;line-height:1.6}.dialog-panel .dialog-icon{color:light-dark(#52397d,#bca4f1);background:light-dark(#e8e2fc,#2a243a);border:1px solid light-dark(#b6a0ec,#5d468a);border-radius:10px;place-items:center;width:40px;height:40px;display:grid}.dialog-close-icon{color:light-dark(#5e5e65,#9999a1);position:absolute;top:14px;right:14px}.dialog-actions{justify-content:flex-end;gap:9px;display:flex}.dialog-actions .demo-button{font-size:var(--text-md)}.aria-modal-overlay{justify-content:center;align-items:center;display:flex}.aria-modal{outline:none;width:min(420px,100vw - 36px)}.aria-modal .dialog-panel{width:100%;position:relative;top:auto;left:auto;transform:none}.native-preview-caption{font-size:var(--text-sm);color:light-dark(#67676f,#8f8f97);margin:10px 0 25px;line-height:1.6}.api-note{color:light-dark(#54545b,#a5a5ad);font-size:var(--text-md);background:light-dark(#f4f1ff,#1c1729);border-left:2px solid light-dark(#8d75bf,#7b63ab);margin:18px 0;padding:12px 14px;line-height:1.6}.primitive-badge{font-size:var(--text-xs);color:light-dark(#573f83,#b59de9);background:light-dark(#efecfb,#211c30);border:1px solid light-dark(#d2cce5,#3f3755);border-radius:4px;align-items:center;gap:6px;padding:4px 8px;display:inline-flex}.example-nav{gap:7px;margin:25px 0;display:flex}.example-nav button{font-size:var(--text-md);color:light-dark(#64646b,#93939b);border:1px solid light-dark(#e2dcf5,#302b3e);border-radius:6px;padding:8px 14px}.example-nav button.selected{color:light-dark(#36363d,#cbcbd4);background:light-dark(#edeaf9,#231e32);border-color:light-dark(#a48cd6,#6b5398)}@keyframes accordion-open{0%{opacity:0;height:0}to{height:var(--radix-accordion-content-height);opacity:1}}@keyframes accordion-close{0%{height:var(--radix-accordion-content-height)}to{height:0}}@media (width<=1200px){.docs-shell{grid-template-columns:215px minmax(0,1fr);gap:35px}.docs-toc{display:none}}@media (width<=800px){.docs-shell{padding:0 24px;display:block}.docs-sidebar{border-bottom:1px solid light-dark(#e3def7,#2f2940);height:auto;max-height:70vh;padding:20px 0;display:none;position:relative;top:0;overflow:auto}.docs-sidebar.is-open{display:block}.docs-mobile-bar{z-index:40;background:light-dark(#fbfaff,#100d16);border-bottom:1px solid light-dark(#ebe6fe,#262134);padding:10px 24px;display:block;position:sticky;top:62px}.docs-mobile-bar button{font-size:var(--text-sm);color:light-dark(#695197,#a088d3);align-items:center;gap:10px;display:flex}.docs-main{padding-top:25px}.docs-breadcrumb{margin-bottom:18px}.doc-header h1{font-size:36px}.doc-header p{font-size:var(--text-base)}.prose{font-size:var(--text-ui)}.prose h2{font-size:22px}.prose pre{font-size:var(--text-sm);padding:30px 14px 18px}.playground-content{min-height:270px}.doc-actions{justify-content:flex-start}.component-doc-targets .target-tabs a{font-size:var(--text-sm)}.docs-nav-group>a{padding:9px 12px}}@media (prefers-reduced-motion:reduce){.preview-accordion-panel{animation:none!important}}.showcase-toolbar{justify-content:space-between;align-items:center;gap:15px;display:flex}.showcase-toolbar>span{font-size:var(--text-sm);color:light-dark(#66666f,#909099)}.showcase-browser{border:1px solid light-dark(#cfcae3,#413957);border-radius:10px;overflow:hidden;box-shadow:0 20px 80px light-dark(#cdbdfe0d,#4d2b860d)}.showcase-browser-bar{height:39px;font-size:var(--text-xs);color:light-dark(#63636c,#93939c);background:light-dark(#f6f3ff,#191620);border-bottom:1px solid light-dark(#ded9f2,#332d45);justify-content:space-between;align-items:center;padding:0 15px;display:flex}.showcase-browser-bar>span:last-child{align-items:center;gap:6px;display:flex}.showcase-app{background:light-dark(#faf9ff,#110f17);grid-template-columns:184px minmax(0,1fr);min-height:590px;display:grid}.showcase-sidebar{background:light-dark(#f9f7ff,#13111a);border-right:1px solid light-dark(#e2ddf7,#2f2a3f);flex-direction:column;padding:24px 13px 15px;display:flex}.showcase-logo{letter-spacing:-.04em;color:light-dark(#2f2f35,#d4d4dc);align-items:center;gap:7px;padding:0 8px 24px;font-size:18px;font-weight:550;display:flex}.showcase-logo>span{color:light-dark(#5e468a,#ad95e0);font-size:25px}.workspace-selector{font-size:var(--text-xs);color:light-dark(#53535a,#a6a6ae);border:1px solid light-dark(#dcd6ef,#362f49);border-radius:5px;align-items:center;gap:7px;margin-bottom:25px;padding:7px;display:flex}.workspace-selector>svg{margin-left:auto}.tiny-avatar{width:23px;height:23px;font-size:var(--text-2xs);color:light-dark(#4e3678,#c0a9f5);background:light-dark(#e6e0fa,#2c263d);border:1px solid light-dark(#b9aae5,#56477b);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.showcase-sidebar>small{font-size:var(--text-2xs);letter-spacing:.15em;color:light-dark(#6b6b73,#8b8b93);margin-bottom:10px;padding-left:9px}.showcase-sidebar>button{font-size:var(--text-sm);color:light-dark(#6a6a72,#8c8c94);text-align:left;border-radius:5px;align-items:center;gap:9px;margin-bottom:4px;padding:9px;display:flex}.showcase-sidebar>button.active{color:light-dark(#404148,#bcbdc5);background:light-dark(#e8e2fc,#2a2439)}.showcase-sidebar>button>span{font-size:var(--text-xs);margin-left:auto}.showcase-sidebar-bottom{font-size:var(--text-xs);color:light-dark(#4e4e55,#acacb4);border-top:1px solid light-dark(#e4def7,#2f293e);align-items:center;gap:7px;margin-top:auto;padding:12px 4px 0;display:flex}.showcase-sidebar-bottom small{font-size:var(--text-2xs);color:light-dark(#6a6a72,#8c8c94);display:block}.showcase-sidebar-bottom>svg{margin-left:auto}.showcase-app-main{min-width:0}.showcase-app-top{height:52px;font-size:var(--text-xs);color:light-dark(#63636a,#94949c);border-bottom:1px solid light-dark(#e7e0fa,#2c263b);justify-content:space-between;align-items:center;padding:0 28px;display:flex}.showcase-app-top>span{align-items:center;gap:14px;display:flex}.showcase-app-top>span>span:not(.tiny-avatar){color:light-dark(#7b63aa,#8e76bf)}.workspace-content{padding:31px 28px}.workspace-title{justify-content:space-between;align-items:center;gap:20px;display:flex}.workspace-title p{font-size:var(--text-2xs);color:light-dark(#585860,#a0a0a9);letter-spacing:.12em;margin-bottom:9px}.workspace-title h2{letter-spacing:-.04em;color:light-dark(#292a30,#dadbe3);margin-bottom:9px;font-size:24px}.workspace-title>div>span{font-size:var(--text-sm);color:light-dark(#62626b,#94949d)}.workspace-title>.demo-button{font-size:var(--text-xs);white-space:nowrap;padding:8px 11px}.workspace-metrics{grid-template-columns:repeat(3,1fr);gap:13px;margin-top:29px;display:grid}.workspace-metrics>div{background:light-dark(#f7f5ff,#171320);border:1px solid light-dark(#e1dbf4,#322b43);border-radius:7px;padding:15px}.workspace-metrics>div>span{font-size:var(--text-xs);color:light-dark(#54535b,#a5a5ae);justify-content:space-between;align-items:center;display:flex}.workspace-metrics strong{color:light-dark(#2d2d33,#d7d7e0);letter-spacing:-.045em;justify-content:space-between;align-items:center;margin:17px 0 13px;font-size:32px;font-weight:500;line-height:1;display:flex}.workspace-metrics svg{color:light-dark(#7457a8,#987cd0);width:70px;height:28px}.workspace-metrics>div>span svg{width:12px;height:12px}.workspace-metrics small{font-size:var(--text-xs);color:light-dark(#6b6b73,#8b8b93)}.workspace-section-title{justify-content:space-between;align-items:center;margin:29px 0 15px;display:flex}.workspace-section-title h3{font-size:var(--text-base);letter-spacing:-.02em;color:light-dark(#38383f,#c8c8d1)}.workspace-section-title h3 span{font-size:var(--text-xs);color:light-dark(#64646b,#93939b);margin-left:8px}.workspace-section-title button{font-size:var(--text-xs);color:light-dark(#5e5e65,#9999a1);align-items:center;gap:5px;display:flex}.workspace-projects{grid-template-columns:repeat(3,1fr);gap:13px;display:grid}.workspace-projects article{background:light-dark(#f7f4ff,#171420);border:1px solid light-dark(#dfd9f3,#332c45);border-radius:7px;padding:15px}.project-tile-top{justify-content:space-between;align-items:center;display:flex}.project-tile-top>span{color:light-dark(#553d80,#b8a0ec);background:light-dark(#e4ddf7,#302843);border:1px solid light-dark(#b6a6e6,#584880);border-radius:7px;place-items:center;width:27px;height:27px;font-size:18px;display:grid}.project-tile-top>small{font-size:var(--text-2xs);color:light-dark(#55555c,#a3a3ab);border:1px solid light-dark(#d2cce5,#3f3657);border-radius:4px;padding:1px 5px}.workspace-projects h4{font-size:var(--text-md);color:light-dark(#3c3c43,#c3c3cc);margin-top:18px;font-weight:500}.workspace-projects p{font-size:var(--text-xs);color:light-dark(#595861,#9f9fa8);margin:6px 0 22px;line-height:1.6}.project-tile-progress{background:light-dark(#e2ddf6,#302943);border-radius:3px;height:3px}.project-tile-progress i{background:light-dark(#624a90,#a890dd);border-radius:3px;height:100%;display:block}.project-tile-bottom{font-size:var(--text-2xs);color:light-dark(#676770,#8f8f98);justify-content:space-between;align-items:center;margin-top:12px;display:flex}.project-tile-bottom .tiny-avatar{width:20px;height:20px;font-size:var(--text-2xs)}.workspace-bottom-note{font-size:var(--text-xs);color:light-dark(#6c559b,#9c85cf);background:light-dark(#f1effe,#1e1a2b);border:1px solid light-dark(#ddd7f1,#352d4b);border-radius:6px;align-items:center;gap:8px;margin-top:23px;padding:12px;display:flex}.workspace-bottom-note>a{color:light-dark(#523a7e,#bba3f0);align-items:center;gap:5px;margin-left:auto;display:flex}.showcase-below{font-size:var(--text-xs);color:light-dark(#696971,#8d8d95);justify-content:space-between;gap:20px;margin-top:18px;display:flex}.showcase-below>span:first-child{align-items:center;gap:6px;display:flex}.showcase-onboarding,.showcase-help{text-align:center;max-width:400px;margin:auto;padding:32px 25px 35px}.onboarding-icon{color:light-dark(#523b7e,#baa3ef);background:light-dark(#e5dff9,#2d273d);border:1px solid light-dark(#b59dea,#5f478c);border-radius:14px;place-items:center;width:58px;height:58px;margin:0 auto 24px;display:grid;box-shadow:0 0 35px light-dark(#7f58c018,#936dd718)}.showcase-onboarding .eyebrow,.showcase-help .eyebrow{font-size:var(--text-2xs);letter-spacing:.1em;justify-content:center}.showcase-onboarding h2,.showcase-help h2{color:light-dark(#2e2e35,#d5d5de);margin:14px 0;font-size:32px;line-height:1.1}.showcase-onboarding>p,.showcase-help>p{font-size:var(--text-sm);color:light-dark(#67676f,#8f8f97)}.onboarding-steps{text-align:left;margin:28px 0}.onboarding-steps>div{border-bottom:1px solid light-dark(#ded9f2,#332d46);align-items:center;gap:12px;padding:13px 0;display:flex}.onboarding-steps>div>span{width:27px;height:27px;font-size:var(--text-sm);color:light-dark(#462e6d,#cbb4fe);border:1px solid light-dark(#b9a9e5,#57477c);border-radius:50%;place-items:center;display:grid}.onboarding-steps>div>div{flex:1}.onboarding-steps strong{font-size:var(--text-md);color:light-dark(#3e3e45,#c0c0c9);font-weight:500}.onboarding-steps small{font-size:var(--text-xs);color:light-dark(#64646c,#92929a);margin-top:3px;display:block}.onboarding-steps>div>svg{color:light-dark(#563e82,#b69eeb)}.showcase-help{max-width:520px;padding-top:40px}.showcase-help .preview-accordion{text-align:left;max-width:none;margin:30px auto 22px}.example-detail-grid{grid-template-columns:repeat(3,1fr);gap:17px;display:grid}.example-detail-grid>a{background:light-dark(#faf8fe,#120f1a);border:1px solid light-dark(#e0daf4,#322b46);border-radius:8px;padding:26px;transition:border-color .2s}.example-detail-grid>a:hover{border-color:light-dark(#8d76bf,#7a63aa)}.example-detail-grid svg{color:light-dark(#644c91,#a68ed9)}.example-detail-grid h3{margin:20px 0 12px;font-size:22px}.example-detail-grid p{color:light-dark(#595960,#9f9fa7);font-size:var(--text-md)}.example-detail-grid span{font-size:var(--text-sm);color:light-dark(#5c4588,#ae97e2);align-items:center;gap:7px;margin-top:27px;display:flex}.pricing-intro{text-align:center;padding-top:64px}.pricing-intro .eyebrow{justify-content:center}.pricing-intro p{margin:auto}.pricing-notice{font-size:var(--text-sm);color:light-dark(#505057,#a9a9b1);background:light-dark(#f5f3fe,#1a1625);border:1px solid light-dark(#d1cbe4,#403757);border-radius:7px;justify-content:center;align-items:center;gap:9px;max-width:820px;margin:0 auto 30px;padding:12px 20px;line-height:1.6;display:flex}.pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:19px;padding-top:13px;display:grid}.pricing-card{background:light-dark(#f9f7ff,#131119);border:1px solid light-dark(#ded9f2,#332e43);border-radius:10px;flex-direction:column;padding:30px 27px;display:flex;position:relative}.pricing-card.highlighted{background:linear-gradient(170deg,light-dark(#e5dff944,#2e264344),light-dark(#f8f6fe,#14121c) 70%);border-color:light-dark(#745aa6,#967ccc);box-shadow:0 0 45px light-dark(#7d58bd0d,#936fd60d)}.pricing-tag{color:light-dark(#f5f2ff,#1c152b);font-size:var(--text-xs);letter-spacing:.1em;background:light-dark(#60488c,#ab93de);border:1px solid light-dark(#424249,#bbbbc4);border-radius:4px;padding:3px 8px;position:absolute;top:-12px;left:26px}.pricing-plan{color:light-dark(#1b1b1e,#f0f0f5);letter-spacing:-.025em;margin-bottom:16px;font-size:28px;font-weight:650;line-height:1.15}.pricing-card>.pricing-line{font-size:var(--text-lead);color:light-dark(#494951,#b2b2bb);min-height:2.7em;margin-bottom:12px;line-height:1.35}.pricing-card>p{font-size:var(--text-ui);color:light-dark(#56565d,#a2a2aa);min-height:76px;line-height:1.6}.pricing-price{flex-wrap:wrap;align-items:baseline;gap:8px;margin-top:20px;display:flex}.pricing-price strong{letter-spacing:-.04em;font-size:42px;line-height:1.2}.pricing-price span{font-size:var(--text-base);color:light-dark(#56565d,#a2a2aa)}.pricing-card>.pricing-billing{font-size:var(--text-sm);min-height:44px;margin-top:8px;line-height:1.6}.pricing-card>.btn{width:100%;margin-top:20px}.pricing-divider{background:light-dark(#dbd5ee,#372f4c);height:1px;margin:26px 0 9px}.pricing-card ul{margin:12px 0 28px;padding:0;list-style:none}.pricing-card li{font-size:var(--text-md);color:light-dark(#56565d,#a2a2aa);align-items:flex-start;gap:9px;padding:8px 0;line-height:1.6;display:flex}.pricing-card li svg{color:light-dark(#573f83,#b59de9);flex-shrink:0;margin-top:3px}.pricing-card li.pricing-excluded,.pricing-card li.pricing-excluded svg{color:light-dark(#616168,#96969e)}.pricing-card>small{font-size:var(--text-xs);color:light-dark(#616168,#96969e);margin-top:auto;line-height:1.6}.pricing-private{background:light-dark(#f9f7ff,#131119);border:1px solid light-dark(#ded9f2,#332e43);border-radius:10px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:36px;margin-top:28px;padding:32px;display:grid}.pricing-private h2{margin:12px 0;font-size:28px}.pricing-private p{font-size:var(--text-base);color:light-dark(#56565d,#a2a2aa);max-width:580px;line-height:1.6}.pricing-private-action strong{font-size:24px}.pricing-private-action p{font-size:var(--text-sm);margin:8px 0 16px}.pricing-comparison{padding-top:72px}.pricing-comparison h2{margin:12px 0 26px;font-size:32px}.pricing-table-scroll{border:1px solid light-dark(#ded9f2,#332e43);border-radius:10px;overflow-x:auto}.pricing-table-scroll:focus-visible{outline-offset:4px;outline:2px solid light-dark(#573f83,#b59de9)}.pricing-comparison table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:850px;font-size:var(--text-md);line-height:1.6}.pricing-comparison .sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.pricing-comparison th,.pricing-comparison td{text-align:left;vertical-align:top;border-bottom:1px solid light-dark(#ded9f2,#332e43);padding:18px 16px}.pricing-comparison thead th{color:light-dark(#2a2a30,#dbdbe3);font-weight:600}.pricing-comparison tbody th{color:light-dark(#494951,#b2b2bb);font-weight:500}.pricing-comparison td{color:light-dark(#56565d,#a2a2aa)}.pricing-table-featured{background:light-dark(#e5dff944,#2e264344)}.pricing-comparison tbody tr:last-child>*{border-bottom:0}.pricing-footnote{font-size:var(--text-sm);color:light-dark(#56565d,#a2a2aa);text-align:center;max-width:760px;margin:24px auto 0;line-height:1.6}.pricing-footnote a{color:light-dark(#573e82,#b69eea);white-space:nowrap}.pricing-faq{grid-template-columns:1fr 1.5fr;gap:70px;padding:90px 0;display:grid}.pricing-faq h2{margin:20px 0 28px;font-size:40px}.pricing-faq details{border-bottom:1px solid light-dark(#e0d9f3,#332c44)}.pricing-faq summary{font-size:var(--text-ui);color:light-dark(#3a3a41,#c5c5ce);cursor:pointer;justify-content:space-between;align-items:center;padding:20px 0;list-style:none;display:flex}.pricing-faq summary::-webkit-details-marker{display:none}.pricing-faq details[open] summary svg{transform:rotate(45deg)}.pricing-faq details p{color:light-dark(#56565d,#a2a2aa);font-size:var(--text-md);padding:0 0 23px;line-height:1.6}.changelog-page{max-width:1030px;padding-bottom:80px}.release-banner{font-size:var(--text-sm);color:light-dark(#6a6a72,#8c8c94);border-top:1px solid light-dark(#d2cce5,#3f3755);border-bottom:1px solid light-dark(#d2cce5,#3f3755);align-items:center;gap:16px;padding:17px 0;display:flex}.release-banner>a{color:light-dark(#543c80,#b9a1ee);align-items:center;gap:6px;margin-left:auto;display:flex}.changelog-timeline{margin-top:45px}.changelog-timeline article{grid-template-columns:65px 1fr;gap:25px;padding:15px 0 55px;display:grid}.timeline-number{font-family:var(--font-mono);color:light-dark(#64646c,#92929a);font-size:var(--text-md);border-right:1px solid light-dark(#d4cee7,#3d3650);justify-content:center;padding-top:4px;display:flex}.changelog-timeline h2{margin:16px 0;font-size:29px}.changelog-timeline p{font-size:var(--text-base);color:light-dark(#64646c,#92929a);max-width:680px;line-height:1.6}.changelog-timeline article>div>div{align-items:center;gap:22px;margin-top:22px;display:flex}.timeline-status{color:light-dark(#57575f,#a1a1aa);font-size:var(--text-xs);background:light-dark(#f4f1ff,#1c1729);border:1px solid light-dark(#cbc2eb,#463d5f);border-radius:5px;padding:3px 7px}.legal-page{max-width:850px;padding-top:65px;padding-bottom:80px}.not-found{min-height:60vh}.not-found h1{margin:20px 0;font-size:72px}.not-found h1 span{color:light-dark(#6c549a,#9d85cf)}@media (width<=1000px){.workspace-title{flex-direction:column;align-items:flex-start}.workspace-metrics strong{font-size:27px}.workspace-metrics svg{width:45px}.showcase-app{grid-template-columns:160px 1fr}.workspace-content{padding:24px 20px}.workspace-projects{gap:8px}.workspace-projects article{padding:11px}.pricing-card{padding:28px 20px}.pricing-card h2{font-size:25px}}@media (width<=800px){.showcase-sidebar{display:none}.showcase-app{display:block}.showcase-toolbar>span{display:none}.workspace-title{flex-direction:row}.pricing-grid{grid-template-columns:1fr;gap:25px}.pricing-card h2{font-size:30px}.pricing-card>p{min-height:auto}.pricing-private{grid-template-columns:1fr;gap:24px;padding:28px 20px}.pricing-card ul{margin-bottom:18px}.pricing-faq{grid-template-columns:1fr;gap:15px}.example-detail-grid{gap:10px}.example-detail-grid>a{padding:19px}.pricing-notice{font-size:var(--text-xs)}.pricing-faq h2{font-size:34px}.release-banner{flex-wrap:wrap}.release-banner>a{margin-left:0}}@media (width<=600px){.showcase-app-top{padding:0 17px}.workspace-content{padding:23px 15px}.workspace-title{flex-direction:column;gap:15px}.workspace-title h2{font-size:24px}.workspace-metrics{gap:7px;margin-top:20px}.workspace-metrics>div{padding:11px 8px}.workspace-metrics>div>span{font-size:var(--text-2xs)}.workspace-metrics strong{font-size:27px}.workspace-metrics strong svg{display:none}.workspace-metrics small{font-size:var(--text-2xs)}.workspace-projects{grid-template-columns:1fr}.workspace-projects article{padding:16px}.workspace-projects h4{font-size:var(--text-base);margin-top:13px}.workspace-projects p{font-size:var(--text-sm);margin-bottom:15px}.project-tile-bottom{font-size:var(--text-xs)}.workspace-bottom-note{font-size:var(--text-xs);flex-wrap:wrap}.workspace-bottom-note>a{margin-left:0}.showcase-below{font-size:var(--text-xs)}.showcase-below>span:last-child,.showcase-browser-bar>span:last-child{display:none}.example-detail-grid{grid-template-columns:1fr}.showcase-help{padding:35px 16px}.showcase-help h2,.showcase-onboarding h2{font-size:29px}.showcase-onboarding>p{font-size:var(--text-xs)}.pricing-notice{align-items:flex-start;line-height:1.6}.pricing-notice .status-dot{margin-top:6px}.changelog-timeline article{grid-template-columns:24px 1fr;gap:14px}.changelog-timeline h2{font-size:25px}.changelog-timeline p{font-size:var(--text-ui)}.changelog-timeline article>div>div{flex-wrap:wrap;gap:12px}.release-banner>span:nth-child(2){font-size:var(--text-xs)}}.component-frame{color-scheme:dark;color:var(--text);border:1px solid var(--line);background:light-dark(#121212,#fff);border-radius:10px;width:100%;display:block}.accent-text{color:light-dark(#573e83,#b69deb)}.rules-section{scroll-margin-top:100px}.rules-section .section-heading h2{font-size:clamp(28px,3.1vw,40px)}.rules-cards{background:linear-gradient(140deg,light-dark(#f8f4ff,#17141d),light-dark(#fcfbfe,#0e0d0f) 60%);border:1px solid light-dark(#e3e0ec,#2d2b34);border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr));display:grid;overflow:hidden}.rule-card{flex-direction:column;padding:28px;display:flex}.rule-card+.rule-card{border-left:1px solid light-dark(#e3e0ec,#2d2b34)}.rule-card-meta{font-size:var(--text-xs);letter-spacing:1px;color:light-dark(#54535b,#a5a5ae);justify-content:space-between;align-items:center;gap:12px;display:flex}.rule-card h3{letter-spacing:-.5px;margin:28px 0 12px;font-size:21px}.rule-card>p{color:light-dark(#5a5a62,#9d9da6);font-size:var(--text-base);min-height:65px;line-height:1.6}.rule-example{color-scheme:dark;min-height:98px;font-size:var(--text-ui);color:light-dark(#dde6f8,#222936);background:light-dark(#151617,#f8f9fb);border-radius:8px;justify-content:center;align-items:center;gap:15px;margin:16px 0 24px;padding:15px;display:flex}:root[data-theme=light] .rule-example{box-shadow:inset 0 0 0 1px #e4e4ec}.rule-actions>span{border:1px solid light-dark(#282a2f,#d9dce3);border-radius:5px;padding:8px 12px}.rule-actions>strong{color:light-dark(#121212,#fff);background:light-dark(#5b8cff,#2457e5);border-radius:5px;align-items:center;gap:10px;padding:9px 12px;font-weight:500;display:flex}.rule-feedback{color:light-dark(#1a1a1c,#f2f2f5);background:light-dark(#f0f3f9,#191b1f);gap:10px}.rule-feedback>span{color:light-dark(#6b302a,#eca59c);text-align:center;border:1px solid light-dark(#6b302a,#eca59c);border-radius:50%;flex-shrink:0;width:19px;height:19px}.rule-feedback>div{font-size:var(--text-md);gap:5px;display:grid}.rule-feedback strong{font-weight:500}.rule-feedback>div>span{color:light-dark(#484d55,#aab0ba);font-size:var(--text-sm)}.rule-language{color-scheme:dark;color:light-dark(#a7ccb3,#31523d);font-size:var(--text-md);background:light-dark(#1d1b15,#f4f1e9)}.rule-language s{color:light-dark(#837f75,#7c786e)}.rule-reason{font-size:var(--text-md);color:light-dark(#585860,#a0a0a9);margin-top:auto;line-height:1.6}.rule-reason>span{color:light-dark(#404047,#bebec7);font-size:var(--text-xs);letter-spacing:1.2px;margin-bottom:8px;display:block}.rules-section-footer{justify-content:space-between;align-items:center;gap:25px;margin-top:28px;display:flex}.rules-section-footer p{color:light-dark(#585860,#a0a0a9);font-size:var(--text-ui);line-height:1.6}@media (width<=1000px){.rule-card{padding:22px 18px}.rule-actions{font-size:var(--text-sm);gap:7px}}@media (width<=764px){.system-demo-frame{height:1110px}.rules-cards{grid-template-columns:1fr}.rule-card{padding:28px}.rule-card+.rule-card{border-top:1px solid light-dark(#e3e0ec,#2d2b34);border-left:0}.rule-card>p{min-height:0}.rules-section-footer{flex-direction:column;align-items:flex-start}.system-demo-caption{max-width:300px;line-height:1.6}}.agent-section{scroll-margin-top:110px}.agent-pillars{grid-template-columns:repeat(3,1fr);gap:35px;margin-top:32px;display:grid}.agent-pillars>a{padding:12px 0}.agent-pillars>a>span{font-size:var(--text-xs);letter-spacing:1.3px;color:light-dark(#64646b,#93939b)}.agent-pillars h3{letter-spacing:-.4px;margin:15px 0 10px;font-size:20px}.agent-pillars p{font-size:var(--text-ui);color:light-dark(#5a5961,#9e9ea6);max-width:320px;line-height:1.6}.agent-pillars b{font-size:var(--text-sm);color:light-dark(#523a7e,#bba3f0);align-items:center;gap:7px;margin-top:17px;font-weight:400;display:flex}.brand-section{background:light-dark(#fcfbfe,#0d0c0f);border-block:1px solid light-dark(#eae8ef,#252429)}.component-universe{position:relative}.universe-intro{text-align:center}.universe-intro .eyebrow{justify-content:center}.universe-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:18px 24px;margin-top:26px;display:flex}.universe-registry-features{background:light-dark(#f9f8fe,#121117);border:1px solid light-dark(#e2ddf0,#302c3a);border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:40px;padding:30px;display:grid}.universe-registry-features svg{color:light-dark(#52397d,#bca4f1)}.universe-registry-features h3{letter-spacing:-.3px;margin:16px 0 9px;font-size:19px}.universe-registry-features p{font-size:var(--text-ui);color:light-dark(#505058,#a9a9b2);line-height:1.6}.universe-catalogue-intro{text-align:center;font-size:var(--text-base);color:light-dark(#505058,#a9a9b2);max-width:570px;margin:42px auto 0;line-height:1.6}@media (width<=700px){.universe-registry-features{grid-template-columns:1fr;gap:26px;padding:24px}}.universe-intro h2{letter-spacing:-1.8px;margin-top:18px;font-size:clamp(32px,4vw,48px);line-height:1.16}.universe-intro p{color:light-dark(#5b5b63,#9c9ca4);font-size:var(--text-base);margin-top:20px;line-height:1.6}.universe-metrics{justify-content:center;align-items:center;gap:38px;padding:38px 0 34px;display:flex}.universe-metrics>span{text-align:center;font-size:var(--text-sm);letter-spacing:1px;color:light-dark(#6c6c74,#8a8a92);flex-direction:column;display:flex}.universe-metrics b{letter-spacing:-5px;color:light-dark(#2a2a31,#dadae3);margin-bottom:7px;font-size:72px;font-weight:500;line-height:1.1}.universe-metrics>i{color:light-dark(#bbbbc4,#4c4c54);font-size:22px;font-style:normal}.universe-infinity b{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,light-dark(#25252c,#e1e1ea),light-dark(#704ead,#9e7de0)) text}.universe-wall{background:radial-gradient(at 50% 0,light-dark(#e6e1fa65,#2c253e65),#0000 75%),light-dark(#fbfaff,#0f0e13);border:1px solid light-dark(#e9e4f7,#292533);border-radius:14px 14px 0 0;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;margin:0;padding:20px;list-style:none;display:grid}.universe-wall li{color:light-dark(#47474e,#b5b5bd);min-width:0;min-height:38px;font-size:var(--text-md);background:light-dark(#f6f4fe,#18161f);border:1px solid light-dark(#e0ddee,#302d3a);border-radius:5px;align-items:center;gap:8px;padding:10px 9px;line-height:1.4;transition:transform .18s,background .18s,color .18s,border-color .18s;display:flex}.universe-wall li:hover{color:light-dark(#1e1e24,#ebebf4);background:light-dark(#e9e3fc,#292437);border-color:light-dark(#a38bd4,#6c5499);transform:translateY(-3px)}.universe-wall li>span:last-child{overflow-wrap:anywhere;min-width:0}.universe-wall li:nth-child(5n+2){background:light-dark(#f0eefd,#1e1c27)}.universe-wall li:nth-child(7n+4){color:light-dark(#3c3c43,#c3c3cc);border-color:light-dark(#d3cee7,#3d374e)}.universe-tile-number{width:2ch;font-family:ui-monospace,monospace;font-size:var(--text-sm);font-variant-numeric:tabular-nums;color:light-dark(#616169,#96969f);flex-shrink:0}.universe-targets{background:light-dark(#f9f7ff,#14111a);border:1px solid light-dark(#e9e4f7,#292533);border-top:0;border-radius:0 0 14px 14px;grid-template-columns:repeat(4,1fr);padding:19px 12px;display:grid}.universe-targets a{color:light-dark(#45454c,#b7b7bf);border-right:1px solid light-dark(#e2dcf2,#312c3d);justify-content:center;align-items:center;gap:9px;padding:5px 10px;display:flex}.universe-targets a:last-child{border-right:0}.universe-targets a:hover{color:light-dark(#121212,#fff)}.universe-targets a>span{color:light-dark(#5e468b,#ad95e1);font-size:20px;line-height:1}.universe-targets strong{font-size:var(--text-md);font-weight:500}.universe-targets small{font-size:var(--text-xs);color:light-dark(#64646c,#92929a)}.universe-invitation{justify-content:space-between;align-items:center;gap:25px;padding:28px 0 0;display:flex}.universe-invitation h3{letter-spacing:-.4px;font-size:20px;font-weight:500}.universe-invitation p{color:light-dark(#66666e,#909098);font-size:var(--text-ui);margin-top:7px}@media (width<=1050px){.universe-wall{grid-template-columns:repeat(5,minmax(0,1fr))}.universe-targets a{gap:6px}}@media (width<=760px){.universe-wall{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:12px}.universe-targets{grid-template-columns:repeat(2,1fr);gap:14px 0}.universe-targets a:nth-child(2){border-right:0}.universe-invitation{flex-direction:column;align-items:start}.universe-metrics{gap:24px}.universe-metrics b{font-size:60px}}@media (width<=450px){.universe-intro h2{letter-spacing:-1.2px;font-size:31px}.universe-intro p{font-size:var(--text-ui)}.universe-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding-block:27px;display:grid}.universe-metrics>i{display:none}.universe-infinity{grid-column:1/-1}.universe-metrics b{letter-spacing:-3px;font-size:51px}.universe-metrics>span{font-size:var(--text-xs);letter-spacing:.3px}.universe-metrics>i{font-size:18px}.universe-wall{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding:10px}.universe-wall li{font-size:var(--text-sm);flex-direction:column;align-items:flex-start;gap:5px;min-height:34px;padding:8px 6px}.universe-tile-number{font-size:var(--text-xs)}.universe-targets{padding:16px 7px}.universe-invitation h3{font-size:17px}}@media (prefers-reduced-motion:reduce){.universe-wall li{transition:none}.universe-wall li:hover{transform:none}}.brand-import-grid{grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid}.brand-import-grid h2{letter-spacing:-1.8px;margin:17px 0 24px;font-size:42px;line-height:1.14}.brand-import-grid>div>p{color:light-dark(#696971,#8d8d95);max-width:460px;font-size:var(--text-base);margin-bottom:28px;line-height:1.6}.brand-guide{font-size:var(--text-md);color:light-dark(#6a6a72,#8c8c94);align-items:center;gap:8px;width:fit-content;margin-top:17px;display:flex}@media (width<=1050px){.brand-import-grid{gap:45px}.brand-import-grid h2{font-size:36px}.agent-pillars{gap:25px}}@media (width<=760px){.agent-pillars{grid-template-columns:1fr;gap:5px}.agent-pillars>a{border-bottom:1px solid light-dark(#eae7f2,#26242c);padding:22px 0}.agent-pillars p{max-width:520px}.brand-import-grid{grid-template-columns:1fr;gap:25px}.brand-import-grid h2{font-size:38px}.brand-import-grid>div>p{max-width:560px}.map-outputs .map-node:last-child{display:flex!important}}@media (width<=450px){.brand-import-grid h2{font-size:33px}.brand-import-grid>div>p{font-size:var(--text-base)}.map-outputs{flex-wrap:wrap}}