.context7-widget-host{display:contents}.context7-widget-trigger{--c7-vue-trigger-background:var(--c7-accent,#111827);--c7-vue-trigger-border:color-mix(in srgb,var(--c7-vue-trigger-background) 32%,transparent);--c7-vue-trigger-color:var(--c7-accent-contrast,#fff);--c7-vue-trigger-focus:color-mix(in srgb,var(--c7-vue-trigger-background) 42%,transparent);--c7-vue-trigger-radius:var(--c7-launcher-radius,999px);--c7-vue-trigger-shadow:0 12px 30px color-mix(in srgb,var(--c7-vue-trigger-background) 20%,transparent);align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--c7-vue-trigger-background);border:1px solid var(--c7-vue-trigger-border);border-radius:var(--c7-vue-trigger-radius);box-shadow:var(--c7-vue-trigger-shadow);color:var(--c7-vue-trigger-color);cursor:pointer;display:inline-flex;font:700 .875rem/1.1 var(--c7-font-family,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);gap:.5rem;min-height:2.75rem;padding:0 1rem;transition:border-color .16s ease,box-shadow .16s ease,filter .16s ease,transform .16s ease}.context7-widget-trigger:hover{filter:brightness(1.04);transform:translateY(-1px)}.context7-widget-trigger:focus-visible{outline:2px solid var(--c7-vue-trigger-focus);outline-offset:3px}.context7-widget-trigger[aria-expanded=true]{transform:translateY(-1px)}.context7-widget-trigger[data-theme=light]{--c7-vue-trigger-background:var(--c7-accent,#10b981);--c7-vue-trigger-color:var(--c7-accent-contrast,#04120b)}.context7-widget-trigger[data-theme=dark]{--c7-vue-trigger-background:var(--c7-accent,#7cffb2);--c7-vue-trigger-color:var(--c7-accent-contrast,#07120c)}.context7-widget-trigger[data-preset=minimal]{--c7-vue-trigger-radius:8px;--c7-vue-trigger-shadow:0 8px 18px rgba(15,23,42,.14)}.context7-widget-trigger[data-preset=terminal]{--c7-vue-trigger-background:#07120c;--c7-vue-trigger-color:#39ff88;--c7-vue-trigger-radius:7px;--c7-vue-trigger-shadow:0 0 0 1px rgba(57,255,136,.18),0 14px 32px rgba(0,0,0,.32);font-family:SF Mono,Monaco,Consolas,Liberation Mono,monospace;text-transform:uppercase}.context7-widget-trigger[data-preset=brutalist]{--c7-vue-trigger-background:#facc15;--c7-vue-trigger-color:#050505;--c7-vue-trigger-radius:0;--c7-vue-trigger-shadow:5px 5px 0 #050505}.context7-widget-trigger[data-preset=glass]{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.context7-widget-trigger[data-preset=neo]{--c7-vue-trigger-radius:12px;--c7-vue-trigger-shadow:6px 6px 0 #111827}:root{--bg:#101513;--bg-soft:#171c19;--ink:#f7f2e8;--muted:hsla(40,48%,94%,.68);--line:hsla(40,48%,94%,.16);--green:#7cffb2;--orange:#ffb45e;--blue:#7ab8ff;--rose:#ff6f91;--panel:rgba(18,24,21,.78);--font-sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:dark}*,:after,:before{box-sizing:border-box}html{background:var(--bg);color:var(--ink);font-family:var(--font-sans);scroll-behavior:smooth}body{margin:0;min-width:320px}body::-moz-selection{background:#7cffb247}body::selection{background:#7cffb247}a{color:inherit}button,input,select{font:inherit}main{background:linear-gradient(180deg,#0a0f0c 0,var(--bg) 44rem,var(--bg) 100%);min-height:100dvh}.hero,main{overflow:hidden}.hero{min-height:92dvh;padding:1rem clamp(1rem,3vw,2rem) clamp(4rem,8dvh,6rem);position:relative}.hero:after{background:linear-gradient(180deg,transparent,var(--bg));bottom:-1px;height:9rem;left:0;right:0}.hero:after,.hero:before{content:"";pointer-events:none;position:absolute;z-index:2}.hero:before{background:radial-gradient(ellipse at 18% 48%,rgba(6,10,8,.68),transparent 34rem),linear-gradient(90deg,rgba(6,10,8,.58),rgba(6,10,8,.2) 42%,transparent 68%);inset:0}.site-header{align-items:center;display:flex;gap:1rem;justify-content:space-between;position:relative;z-index:4}.brand{font-weight:800;gap:.65rem;letter-spacing:0;text-decoration:none}.brand,.brand span{align-items:center;display:inline-flex}.brand span{background:var(--green);border-radius:7px;color:#0f1512;height:2rem;justify-content:center;width:2rem}nav{align-items:center;display:flex;gap:clamp(.5rem,2vw,1.25rem)}nav a{color:var(--muted);font-size:.92rem;text-decoration:none}nav a:hover{color:var(--ink)}.hero__content{display:grid;gap:1.4rem;max-width:820px;padding-top:clamp(7rem,18dvh,12rem);position:relative;z-index:3;pointer-events:none}.eyebrow{color:var(--green);font-size:.78rem;font-weight:800;letter-spacing:.08em;margin:0;text-transform:uppercase}h1,h2,h3,p{margin:0}h1{font-size:clamp(4rem,11vw,9.5rem);line-height:.86;max-width:8ch}h1,h2{letter-spacing:0}h2{font-size:clamp(2.1rem,5vw,5.5rem);line-height:.95}h3{font-size:1.08rem;letter-spacing:0}.hero__content>p:not(.eyebrow),.maintenance-section p,.section-heading p:not(.eyebrow){color:var(--muted);font-size:clamp(1rem,2vw,1.25rem);line-height:1.6;max-width:720px}.hero__actions{display:flex;flex-wrap:wrap;gap:.75rem;pointer-events:all}.button,.icon-button,.lab-trigger{align-items:center;border:0;cursor:pointer;display:inline-flex;justify-content:center;text-decoration:none}.lab-trigger{width:100%}.button{border-radius:8px;font-weight:750;gap:.55rem;min-height:2.9rem;padding:0 1rem}.button--primary{background:var(--green);color:#101513}.button--ghost{background:#f7f2e814;border:1px solid var(--line);color:var(--ink)}.hero-scene{--pointer-x:64%;--pointer-y:34%;overflow:hidden;pointer-events:auto;z-index:1}.hero-scene,.hero-scene__background,.hero-scene__shade{inset:0;position:absolute}.hero-scene__background{background:#070b09;height:100%;width:100%}.hero-scene__shade{background:radial-gradient(circle at 78% 22%,rgba(255,177,89,.16),transparent 26rem),radial-gradient(circle at 56% 52%,rgba(57,203,255,.1),transparent 34rem),radial-gradient(ellipse at 20% 48%,rgba(5,8,7,.62),transparent 34rem),linear-gradient(90deg,rgba(5,8,7,.62),rgba(5,8,7,.18) 42%,transparent 68%),linear-gradient(180deg,#0508071f,#05080747 82%,#101513);pointer-events:none}.hero-scene__stack{height:520px;perspective:1100px;position:absolute;right:clamp(-6rem,4vw,6rem);top:18%;width:min(54vw,720px);pointer-events:none}.browser-frame{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:0 30px 80px #00000052;position:absolute}.browser-frame--script{animation:float-a 8s ease-in-out infinite;min-width:460px;padding:0;right:10%;top:2rem;transform:rotateX(56deg) rotate(-12deg)}.browser-frame__top{border-bottom:1px solid var(--line);display:flex;gap:.45rem;padding:.75rem}.browser-frame__top span{background:var(--rose);border-radius:50%;height:.65rem;width:.65rem}.browser-frame__top span:nth-child(2){background:var(--orange)}.browser-frame__top span:nth-child(3){background:var(--green)}pre{margin:0}code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.browser-frame pre{color:var(--ink);font-size:.86rem;line-height:1.6;padding:1rem}.browser-frame--chat{animation:float-b 9s ease-in-out infinite;display:grid;gap:.65rem;padding:1rem;right:0;top:12rem;transform:rotateX(52deg) rotate(8deg);width:380px}.chat-line{border-radius:8px;font-size:.86rem;line-height:1.35;padding:.7rem .8rem}.chat-line--assistant{background:#f7f2e817;color:var(--ink)}.chat-line--user{background:var(--green);color:#101513;justify-self:end}.browser-frame--events{animation:float-c 7s ease-in-out infinite;color:var(--blue);display:flex;flex-wrap:wrap;gap:.55rem;max-width:420px;padding:1rem;right:22%;top:24rem;transform:rotateX(56deg) rotate(-4deg)}.browser-frame--events span{background:#7ab8ff1a;border:1px solid rgba(122,184,255,.22);border-radius:999px;font-size:.78rem;padding:.45rem .65rem}.browser-frame--token{animation:float-b 8.5s ease-in-out infinite reverse;display:grid;gap:.2rem;padding:.8rem 1rem;right:5%;top:30rem;transform:rotateX(58deg) rotate(16deg)}.browser-frame--token strong{color:var(--green);font-size:1.8rem;line-height:1}.browser-frame--token span{color:var(--muted);font-size:.76rem}.lab-section,.maintenance-section,.paths-section,.showcase-section,.use-cases-section{padding:clamp(4rem,10vw,8rem) clamp(1rem,4vw,4rem);position:relative}.showcase-section{display:grid;gap:clamp(2rem,5vw,5rem);grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)}.showcase-section:before{background:linear-gradient(hsla(40,48%,94%,.06) 1px,transparent 0),linear-gradient(90deg,hsla(40,48%,94%,.06) 1px,transparent 0);background-size:36px 36px;content:"";inset:0;-webkit-mask-image:radial-gradient(circle at 72% 44%,#000,transparent 62%);mask-image:radial-gradient(circle at 72% 44%,#000,transparent 62%);opacity:.8;pointer-events:none;position:absolute}.showcase-copy{align-self:center;display:grid;gap:1rem;position:relative;z-index:2}.showcase-copy p:not(.eyebrow){color:var(--muted);font-size:1.1rem;line-height:1.65}.showcase-stage{min-height:590px;perspective:1200px;position:relative;z-index:2}.showcase-card{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#f7f2e812;border:1px solid var(--line);border-radius:8px;box-shadow:0 30px 90px #00000052;position:absolute}.showcase-card--widget{animation:float-a 9s ease-in-out infinite;max-width:380px;padding:.7rem;right:18%;top:0;transform:rotateX(8deg) rotateY(-16deg) rotate(2deg);width:min(78vw,380px)}.mini-widget{background:#f8fafc;border-radius:8px;color:#111827;overflow:hidden}.mini-widget__header{align-items:center;background:#eef2f7;border-bottom:1px solid #d9e1ec;display:flex;font-size:.9rem;font-weight:800;justify-content:space-between;padding:.85rem 1rem}.mini-widget__body{display:grid;gap:.7rem;min-height:260px;padding:1rem}.bubble{border-radius:8px;font-size:.9rem;line-height:1.45;max-width:86%;padding:.75rem .85rem}.bubble--assistant{background:#e5e7eb}.bubble--user{background:var(--green);justify-self:end}.mini-widget__input{align-items:center;border-top:1px solid #d9e1ec;color:#64748b;display:flex;justify-content:space-between;padding:.85rem 1rem}.mini-widget__input svg{background:#111827;border-radius:6px;color:#fff;padding:.2rem}.showcase-card--code{animation:float-c 8s ease-in-out infinite;left:2%;max-width:430px;top:11rem;transform:rotateX(14deg) rotateY(14deg) rotate(-7deg);width:min(78vw,430px)}.showcase-card--code pre{color:#ecfdf5;font-size:.82rem;line-height:1.7;padding:1rem}.window-title{border-bottom:1px solid var(--line);color:var(--orange);display:block;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.78rem;padding:.85rem 1rem}.showcase-card--events{animation:float-b 7.5s ease-in-out infinite;bottom:1rem;display:flex;flex-wrap:wrap;gap:.55rem;padding:1rem;right:8%;transform:rotateX(14deg) rotateY(-12deg) rotate(6deg);width:min(70vw,380px)}.showcase-card--events span{animation:pulse-chip 2.6s ease-in-out infinite;background:#7ab8ff1f;border:1px solid rgba(122,184,255,.26);border-radius:999px;color:#cfe5ff;font-size:.78rem;padding:.45rem .62rem}.showcase-card--events span:nth-child(2n){animation-delay:.2s}.showcase-card--events span:nth-child(3n){animation-delay:.45s}.section-heading{display:grid;gap:1rem;margin-bottom:2rem;max-width:980px}.path-grid{display:grid;gap:1rem;grid-template-columns:1.15fr .92fr .92fr}.code-block,.event-strip,.lab-controls,.path-card,.use-case{background:#f7f2e80e;border:1px solid var(--line);border-radius:8px}.path-card{isolation:isolate;display:grid;gap:1rem;min-height:230px;padding:1.25rem;position:relative;transform-style:preserve-3d}.path-card:before{background:linear-gradient(135deg,rgba(124,255,178,.18),transparent 55%);border-radius:inherit;content:"";inset:0;opacity:0;position:absolute;transition:opacity .18s ease;z-index:-1}.path-card:hover:before{opacity:1}.path-card svg{color:var(--orange)}.path-card p{color:var(--muted);line-height:1.6}.path-card--large{min-height:310px}.path-card--large h3{font-size:clamp(1.8rem,4vw,3.8rem);line-height:.95}.path-card__index{color:#f7f2e847;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.82rem}.install-grid{display:grid;gap:1rem;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:1rem}.code-block{min-width:0;overflow:hidden}.code-block__bar{align-items:center;border-bottom:1px solid var(--line);color:var(--muted);display:flex;font-size:.82rem;justify-content:space-between;min-height:2.75rem;padding:0 .7rem 0 1rem}.icon-button{background:transparent;border-radius:7px;color:var(--ink);height:2rem;width:2rem}.icon-button:hover{background:#f7f2e814}.code-block pre{color:#e8f7ee;font-size:.82rem;line-height:1.65;overflow-x:auto;padding:1rem}.lab{grid-template-columns:minmax(280px,.82fr) minmax(0,1.18fr)}.lab,.lab-controls{display:grid;gap:1rem}.lab-controls{align-content:start;padding:1rem}.control-group,label{display:grid;gap:.5rem}.control-group>span,label>span{color:var(--muted);font-size:.82rem}input,select,textarea{background:#101513b8;border:1px solid var(--line);border-radius:8px;color:var(--ink);min-height:2.65rem;min-width:0;outline:none;padding:0 .8rem}input:focus,select:focus,textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px #7cffb229}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.5}textarea{line-height:1.5;min-height:5.8rem;padding:.75rem .8rem;resize:vertical}.field-note{color:var(--muted);font-size:.76rem;line-height:1.45}.segmented{background:#101513b8;border:1px solid var(--line);border-radius:8px;display:grid;grid-template-columns:repeat(3,1fr);padding:.25rem}.segmented button{background:transparent;border:0;border-radius:6px;color:var(--muted);cursor:pointer;min-height:2.15rem}.segmented button[aria-pressed=true]{background:var(--green);color:#101513;font-weight:800}.swatches{display:flex;flex-wrap:wrap;gap:.55rem}.swatches button{background:var(--swatch);border:2px solid transparent;border-radius:50%;cursor:pointer;height:2rem;width:2rem}.swatches button[aria-pressed=true]{border-color:var(--ink);box-shadow:0 0 0 3px #ffffff1f}.swatches .swatch-preset{align-items:center;background:linear-gradient(135deg,#7cffb22e,#7ab8ff2e),#f7f2e812;border:1px solid var(--line);border-radius:999px;color:var(--ink);display:inline-flex;font-size:.72rem;font-weight:800;height:2rem;padding:0 .7rem;text-transform:uppercase;width:auto}.toggle{align-items:center;display:flex;gap:.65rem}.toggle input{accent-color:var(--green);min-height:auto}.lab-trigger{background:var(--orange);border-radius:8px;color:#101513;font-weight:800;gap:.55rem;min-height:2.75rem}.lab-trigger:disabled{cursor:not-allowed;filter:grayscale(.7);opacity:.46}.lab-output{display:grid;gap:1rem;grid-template-columns:1fr}.event-strip{color:var(--muted);display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1rem;padding:.8rem 1rem}.event-strip span{border-right:1px solid var(--line);padding-right:.65rem}.event-strip span:last-child{border-right:0}.use-case-list{display:grid;gap:.8rem}.use-case{align-items:start;display:grid;gap:1rem;grid-template-columns:4rem minmax(0,1fr);padding:1rem}.use-case>span{color:var(--rose);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.use-case p{color:var(--muted);line-height:1.6;margin-top:.35rem}.maintenance-section{align-items:start;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.maintenance-section,.maintenance-section>div:first-child{display:grid;gap:1rem}.customization-page,.examples-page{background:linear-gradient(180deg,rgba(16,21,19,0) 0,var(--bg) 620px),radial-gradient(circle at 12% 18%,rgba(255,111,145,.12),transparent 28rem),radial-gradient(circle at 82% 16%,rgba(124,255,178,.14),transparent 30rem),var(--bg);min-height:100dvh;overflow:hidden}.examples-hero{min-height:76dvh;overflow:hidden;padding:1rem clamp(1rem,3vw,2rem) 4rem;position:relative}.examples-hero:before{background:linear-gradient(hsla(40,48%,94%,.055) 1px,transparent 0),linear-gradient(90deg,hsla(40,48%,94%,.055) 1px,transparent 0);background-size:42px 42px;content:"";inset:0;-webkit-mask-image:radial-gradient(circle at 70% 32%,#000,transparent 64%);mask-image:radial-gradient(circle at 70% 32%,#000,transparent 64%);position:absolute}.examples-hero__content{display:grid;gap:1.25rem;max-width:720px;padding-top:min(16dvh,9rem);position:relative;z-index:2}.examples-hero__content h1{font-size:clamp(3.4rem,9vw,8.4rem);line-height:.88;max-width:11ch}.examples-hero__content p:not(.eyebrow){color:var(--muted);font-size:clamp(1rem,2vw,1.3rem);line-height:1.6;max-width:610px}.examples-hero__console{animation:float-b 8s ease-in-out infinite;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f7f2e812;border:1px solid var(--line);border-radius:8px;bottom:5rem;box-shadow:0 28px 80px #0000004d;display:flex;flex-wrap:wrap;gap:.55rem;max-width:min(520px,100vw - 2rem);padding:1rem;position:absolute;right:clamp(1rem,5vw,5rem);transform:rotate(-2deg);z-index:2}.examples-hero__console span{background:#7cffb21a;border:1px solid rgba(124,255,178,.22);border-radius:999px;color:#dfffea;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.78rem;padding:.5rem .65rem}.examples-section{padding:clamp(4rem,9vw,7rem) clamp(1rem,4vw,4rem);position:relative}.customization-hero{min-height:82dvh}.customization-hero:after{background:linear-gradient(180deg,transparent,var(--bg));bottom:-1px;content:"";height:9rem;left:0;pointer-events:none;position:absolute;right:0;z-index:1}.customization-hero__content{max-width:760px}.customization-hero__content h1{max-width:10ch}.customization-hero__actions{pointer-events:auto}.customization-hero__panel{bottom:clamp(2rem,9dvh,5rem);max-width:min(560px,100vw - 2rem);position:absolute;right:clamp(1rem,5vw,5rem);transform:rotate(-2deg);width:560px;z-index:2}.customization-section{position:relative}.customization-playbook{display:grid;gap:1rem;grid-template-columns:repeat(4,minmax(0,1fr))}.customization-playbook article{background:#f7f2e80e;border:1px solid var(--line);border-radius:8px;display:grid;gap:.8rem;min-height:220px;padding:1.1rem}.customization-playbook svg{color:var(--green)}.customization-playbook p{color:var(--muted);line-height:1.55}.token-grid{display:grid;gap:1rem;grid-template-columns:repeat(4,minmax(0,1fr))}.customization-callout,.parts-grid article,.token-card{background:#f7f2e80e;border:1px solid var(--line);border-radius:8px}.token-card{display:grid;gap:.75rem;min-width:0;padding:1rem}.token-card p{color:var(--muted);line-height:1.5}.token-card ul{display:grid;gap:.4rem;list-style:none;margin:0;padding:0}.token-card code{background:#101513b8;border:1px solid var(--line);border-radius:6px;color:#dfffea;display:block;font-size:.76rem;overflow-wrap:anywhere;padding:.45rem .55rem}.parts-grid{display:grid;gap:.8rem;grid-template-columns:repeat(5,minmax(0,1fr))}.parts-grid article{display:grid;gap:.5rem;min-height:120px;padding:.9rem}.parts-grid code{color:var(--green);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.82rem;font-weight:850}.parts-grid p{color:var(--muted);font-size:.86rem;line-height:1.45}.customization-callout{align-items:end;display:grid;gap:1.5rem;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);padding:clamp(1rem,3vw,2rem)}.customization-callout p:not(.eyebrow){color:var(--muted);font-size:1.05rem;line-height:1.65}.examples-section--constructor{padding-top:clamp(2rem,6vw,5rem)}.constructor-shell{display:grid;gap:1rem;grid-template-columns:minmax(280px,.86fr) minmax(0,1.14fr)}.constructor-code,.constructor-controls,.constructor-preview{background:#f7f2e80e;border:1px solid var(--line);border-radius:8px;min-width:0}.constructor-controls{align-content:start;display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr));padding:1rem}.constructor-group{display:grid;gap:.65rem;min-width:0}.constructor-group>span{color:var(--muted);font-size:.78rem;font-weight:750;text-transform:uppercase}.constructor-group--full{grid-column:1/-1}.constructor-field{color:var(--muted);display:grid;font-size:.82rem;gap:.5rem;min-width:0}.constructor-field--wide{grid-column:1/-1}.constructor-segmented{background:#101513b8;border:1px solid var(--line);border-radius:8px;display:grid;grid-template-columns:repeat(3,1fr);padding:.25rem}.constructor-segmented button{background:transparent;border:0;border-radius:6px;color:var(--muted);cursor:pointer;min-height:2.2rem}.constructor-segmented button[aria-pressed=true]{background:var(--green);color:#101513;font-weight:850}.constructor-trigger-modes{display:grid;gap:.6rem;grid-template-columns:repeat(2,minmax(0,1fr))}.constructor-trigger-modes button{background:#101513b8;border:1px solid var(--line);border-radius:8px;color:var(--ink);cursor:pointer;display:grid;gap:.3rem;min-height:4.4rem;padding:.75rem;text-align:left}.constructor-trigger-modes button[aria-pressed=true]{background:linear-gradient(135deg,#7cffb23d,#7ab8ff1f),#101513eb;border-color:#7cffb275;box-shadow:0 0 0 3px #7cffb21a}.constructor-trigger-modes small{color:var(--muted);line-height:1.35}.constructor-swatches{display:flex;flex-wrap:wrap;gap:.6rem}.constructor-swatches button{background:var(--swatch);border:2px solid transparent;border-radius:999px;color:var(--ink);cursor:pointer;height:2.15rem;width:2.15rem}.constructor-swatches button[aria-pressed=true]{border-color:var(--ink);box-shadow:0 0 0 3px #f7f2e81f}.constructor-swatches .constructor-swatch--preset{align-items:center;background:linear-gradient(135deg,#7cffb233,#ff6f912e),#f7f2e812;border:1px solid var(--line);display:inline-flex;font-size:.68rem;font-weight:850;justify-content:center;letter-spacing:0;min-width:4.6rem;padding:0 .7rem;text-transform:uppercase;width:auto}.constructor-size-grid{gap:.65rem}.constructor-size-grid,.constructor-toggles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.constructor-toggles{gap:.55rem}.constructor-toggle{align-items:center;background:#1015137a;border:1px solid var(--line);border-radius:8px;color:var(--muted);display:flex;gap:.6rem;min-height:2.55rem;padding:0 .75rem}.constructor-toggle input{accent-color:var(--green);min-height:auto}.constructor-preview{display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}.constructor-preview__header{align-items:center;border-bottom:1px solid var(--line);display:flex;gap:1rem;justify-content:space-between;min-height:4.25rem;padding:.85rem 1rem}.constructor-preview__header div{display:grid;gap:.2rem}.constructor-preview__header span{color:var(--muted);font-size:.78rem}.constructor-mini-button{align-items:center;background:var(--green);border:0;border-radius:8px;color:#101513;cursor:pointer;display:inline-flex;font-weight:850;gap:.45rem;min-height:2.45rem;padding:0 .8rem}.constructor-stage{background:radial-gradient(circle at 20% 20%,rgba(124,255,178,.1),transparent 19rem),radial-gradient(circle at 78% 72%,rgba(122,184,255,.12),transparent 20rem),#070c0a80;min-height:570px;overflow:hidden;padding:1rem;position:relative}.constructor-device{background:linear-gradient(hsla(40,48%,94%,.05) 1px,transparent 0),linear-gradient(90deg,hsla(40,48%,94%,.05) 1px,transparent 0),#0b110e;background-size:30px 30px;border:1px solid hsla(40,48%,94%,.2);border-radius:8px;box-shadow:0 28px 80px #00000052;min-height:535px;overflow:hidden;position:relative}.constructor-device[data-preset=neo]{background:linear-gradient(rgba(17,24,39,.08) 1px,transparent 0),linear-gradient(90deg,rgba(17,24,39,.08) 1px,transparent 0),#fff7c2;color:#111827}.constructor-device[data-preset=terminal]{background:#030806;border-color:#39ff885c}.constructor-device[data-preset=brutalist]{background:#f4f4f0;box-shadow:8px 8px #050505;color:#050505}.constructor-device__bar{align-items:center;background:#f7f2e812;border-bottom:1px solid var(--line);display:flex;gap:.4rem;min-height:2.65rem;padding:0 .85rem}.constructor-device__bar span{border-radius:999px;height:.55rem;width:.55rem}.constructor-device__bar span:first-child{background:var(--rose)}.constructor-device__bar span:nth-child(2){background:var(--orange)}.constructor-device__bar span:nth-child(3){background:var(--green)}.constructor-device__bar strong{color:var(--muted);font-size:.78rem;margin-left:.45rem}.constructor-device__body{display:grid;gap:1rem;padding:clamp(1rem,3vw,2rem);position:relative;z-index:1}.constructor-doc{display:grid;gap:.75rem;max-width:460px}.constructor-doc h3{font-size:clamp(1.9rem,4vw,4.2rem);line-height:.95}.constructor-doc p:not(.eyebrow){color:var(--muted);line-height:1.55}.constructor-external-trigger{align-items:center;background:var(--orange);border:0;border-radius:8px;color:#101513;cursor:pointer;display:inline-flex;font-weight:850;gap:.55rem;justify-content:center;min-height:3rem;padding:0 1rem;width:-moz-max-content;width:max-content}.constructor-highlight-grid{bottom:1.25rem;display:grid;gap:.7rem;grid-template-columns:repeat(2,minmax(0,1fr));position:absolute;right:1.25rem;width:min(360px,100% - 2.5rem)}.constructor-highlight-grid span{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f7f2e814;border:1px solid var(--line);border-radius:8px;display:grid;gap:.2rem;min-width:0;padding:.75rem}.constructor-highlight-grid small{color:var(--muted);font-size:.68rem;text-transform:uppercase}.constructor-trigger-dot{background:currentColor;border-radius:999px;height:.58rem;width:.58rem}.constructor-stats{border-top:1px solid var(--line);color:var(--muted);display:flex;flex-wrap:wrap;gap:.75rem;padding:.8rem 1rem}.constructor-stats span{border-right:1px solid var(--line);padding-right:.75rem}.constructor-stats span:last-child{border-right:0}.constructor-code{display:grid;gap:1rem;grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));padding:1rem}.recipe-grid--expanded{grid-template-columns:repeat(2,minmax(0,1fr))}.example-grid{display:grid;gap:1rem;grid-template-columns:repeat(3,minmax(0,1fr))}.example-card{display:grid;gap:1rem;min-width:0}.event-board article,.example-card__visual,.preset-card{background:#f7f2e80e;border:1px solid var(--line);border-radius:8px}.example-card__visual{align-content:space-between;display:grid;gap:1rem;min-height:360px;overflow:hidden;padding:1rem;position:relative}.example-card--center .example-card__visual{background:linear-gradient(145deg,rgba(57,255,136,.09),transparent 46%),#f7f2e80e}.example-card--anchor .example-card__visual{background:linear-gradient(145deg,rgba(122,184,255,.12),transparent 52%),#f7f2e80e}.example-card--corner .example-card__visual{background:linear-gradient(145deg,rgba(255,180,94,.13),transparent 48%),#f7f2e80e}.example-trigger{align-items:center;background:var(--green);border:0;border-radius:8px;color:#101513;cursor:pointer;display:inline-flex;font-weight:800;gap:.55rem;justify-content:center;min-height:2.75rem;padding:0 .95rem;width:-moz-max-content;width:max-content}.example-trigger--terminal{background:#07120c;border:1px solid rgba(57,255,136,.36);color:#39ff88;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.example-center-preview{align-self:end;background:#030806;border:1px solid rgba(57,255,136,.32);border-radius:7px;box-shadow:8px 8px #39ff8829;color:#d6ffe6;display:grid;gap:.6rem;justify-self:end;max-width:310px;padding:1rem}.example-center-preview span{background:#39ff88;border-radius:999px;height:.55rem;width:4rem}.example-center-preview p{color:#8bdca8;line-height:1.5}.example-toolbar{align-items:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f7f2e814;border:1px solid var(--line);border-radius:8px;display:flex;gap:1rem;justify-content:space-between;padding:.7rem}.example-toolbar>span{color:var(--muted);font-size:.88rem}.example-popover-preview{background:#ffffffad;border:1px solid hsla(0,0%,100%,.22);border-radius:10px;box-shadow:0 24px 70px #00000038;color:#111827;display:grid;gap:.55rem;justify-self:end;max-width:330px;padding:1rem}.example-popover-preview span{color:#059669;font-weight:850}.example-popover-preview p{color:#334155;line-height:1.5}.corner-stage{border:1px solid var(--line);border-radius:8px;display:grid;min-height:190px;overflow:hidden;place-items:end;position:relative}.corner-stage__page{background:linear-gradient(hsla(40,48%,94%,.08) 1px,transparent 0),linear-gradient(90deg,hsla(40,48%,94%,.08) 1px,transparent 0);background-size:24px 24px;inset:0;position:absolute}.corner-stage__launcher{align-items:center;background:var(--orange);border-radius:999px;color:#101513;display:inline-flex;font-weight:900;height:3.3rem;justify-content:center;margin:1rem;position:relative;width:3.3rem}.example-card--corner h3{margin-bottom:.45rem}.event-board p,.example-card--corner p,.preset-card p{color:var(--muted);line-height:1.55}.preset-strip{display:grid;gap:1rem;grid-template-columns:repeat(5,minmax(0,1fr))}.preset-card{display:grid;gap:.65rem;min-height:170px;padding:1rem}.preset-card span{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-weight:850}.preset-card--minimal{background:#f8fafc;color:#111827}.preset-card--minimal p{color:#475569}.preset-card--glass{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff29}.preset-card--neo{background:#fff7c2;box-shadow:6px 6px #111827;color:#111827}.preset-card--neo p{color:#3f2f00}.preset-card--terminal{background:#030806;border-color:#39ff8852;color:#39ff88}.preset-card--terminal p{color:#8bdca8}.preset-card--brutalist{background:#f5f5f5;box-shadow:7px 7px #050505;color:#050505}.preset-card--brutalist p{color:#2f2f2f}.recipe-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1rem}.event-board{display:grid;gap:.8rem;grid-template-columns:repeat(3,minmax(0,1fr))}.event-board article{display:grid;gap:.55rem;min-height:145px;padding:1rem}.event-board span{color:var(--green);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-weight:800}.site-footer{border-top:1px solid var(--line);color:var(--muted);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:1.5rem clamp(1rem,4vw,4rem)}.site-footer a{text-decoration:none}.site-footer a:hover{color:var(--ink)}@keyframes float-a{0%,to{translate:0 0}50%{translate:0 -18px}}@keyframes float-b{0%,to{translate:0 0}50%{translate:12px -14px}}@keyframes float-c{0%,to{translate:0 0}50%{translate:-10px 16px}}@keyframes pulse-chip{0%,to{opacity:.72;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:1ms!important}}@media(max-width:980px){.hero{min-height:auto}.hero__content{padding-top:8rem}.hero-scene__stack{opacity:.55;right:-18rem;top:10rem;transform:scale(.86)}.constructor-code,.constructor-shell,.customization-callout,.customization-playbook,.event-board,.example-grid,.install-grid,.lab,.maintenance-section,.parts-grid,.path-grid,.preset-strip,.recipe-grid,.showcase-section,.token-grid{grid-template-columns:1fr}.showcase-stage{min-height:720px}.customization-hero{min-height:auto}.customization-hero__panel{margin-top:2rem;position:relative;right:auto;bottom:auto;transform:none;width:auto}}@media(max-width:640px){.site-header{align-items:flex-start}nav{justify-content:flex-end;max-width:none}nav a[href="#use-cases"]{display:none}.hero__content{padding-top:7rem}h1{font-size:clamp(3.2rem,18vw,5rem)}.hero-scene__stack{opacity:.34;right:-26rem;top:7rem}.browser-frame--script{min-width:360px}.showcase-stage{min-height:790px}.showcase-card--widget{right:0;top:0}.showcase-card--code{left:0;top:24rem}.showcase-card--events{bottom:0;right:0}.use-case{grid-template-columns:1fr}.examples-hero{min-height:auto}.examples-hero__content{padding-top:7rem}.examples-hero__console{margin-top:2rem;position:relative;right:auto;bottom:auto}.customization-hero__actions{align-items:stretch;flex-direction:column}.customization-playbook article,.parts-grid article,.token-card{min-height:auto}.example-toolbar{align-items:stretch;flex-direction:column}.constructor-controls,.constructor-highlight-grid,.constructor-size-grid,.constructor-toggles,.constructor-trigger-modes{grid-template-columns:1fr}.constructor-preview__header{align-items:stretch;flex-direction:column}.constructor-stage{min-height:690px}.constructor-device{min-height:650px}.constructor-highlight-grid{margin-top:1rem;position:static;width:auto}}