@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:var(--font-geist);--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-2xl:42rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--font-weight-semibold:600;--font-weight-bold:700;--ease-out:cubic-bezier(0, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-geist);--default-mono-font-family:var(--font-geist-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.top-4{top:calc(var(--spacing) * 4)}.z-20{z-index:20}.mx-auto{margin-inline:auto}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.h-full{height:100%}.min-h-12{min-height:calc(var(--spacing) * 12)}.min-h-full{min-height:100%}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-\[13ch\]{max-width:13ch}.max-w-\[1440px\]{max-width:1440px}.max-w-sm{max-width:var(--container-sm)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing) * 2)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}.overflow-hidden{overflow:hidden}.scroll-smooth{scroll-behavior:smooth}.rounded{border-radius:.25rem}.rounded-\[32px\]{border-radius:32px}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-\[var\(--line\)\]{border-color:var(--line)}.bg-\[var\(--brand\)\]{background-color:var(--brand)}.bg-white{background-color:var(--color-white)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-5{padding-block:calc(var(--spacing) * 5)}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-6{--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.leading-8{--tw-leading:calc(var(--spacing) * 8);line-height:calc(var(--spacing) * 8)}.leading-\[0\.96\]{--tw-leading:.96;line-height:.96}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.08em\]{--tw-tracking:.08em;letter-spacing:.08em}.text-\[var\(--brand\)\]{color:var(--brand)}.text-\[var\(--ink\)\]{color:var(--ink)}.text-\[var\(--muted\)\]{color:var(--muted)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}@media (hover:hover){.hover\:bg-\[var\(--brand-dark\)\]:hover{background-color:var(--brand-dark)}}.disabled\:cursor-default:disabled{cursor:default}.disabled\:opacity-60:disabled{opacity:.6}@media (min-width:40rem){.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}}@media (min-width:64rem){.lg\:flex-row{flex-direction:row}.lg\:items-center{align-items:center}.lg\:justify-between{justify-content:space-between}.lg\:px-8{padding-inline:calc(var(--spacing) * 8)}.lg\:text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}}}:root{--paper:#f5f7fb;--paper-strong:#fff;--ink:#121826;--muted:#667085;--line:#1218261f;--brand:#1769ff;--brand-dark:#0d47c7;--green:#0f9f6e;--orange:#d46b08;--violet:#7255d9;--rose:#d13f72;--shadow:0 24px 70px #27375a24}*{box-sizing:border-box}html{background:#f8f9fc;min-height:100%}body{min-height:100%;color:var(--ink);font-family:var(--font-sans), sans-serif;background:linear-gradient(90deg,#1769ff14 1px,#0000 1px) 0 0/44px 44px fixed,linear-gradient(#1769ff0f 1px,#0000 1px) 0 0/44px 44px fixed,linear-gradient(#fff 0%,#eef3ff 48%,#f8f9fc 100%) top/100% 100% no-repeat fixed;overflow-x:clip}a,button,select,input{transition:background-color .16s,border-color .16s,color .16s,box-shadow .16s,transform .26s cubic-bezier(.16,1,.3,1)}button,select{cursor:pointer}::selection{background:#1769ff29}.eyebrow{letter-spacing:.16em;text-transform:uppercase}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}.site-shell{position:relative}.topbar{border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe0;border-radius:20px;padding:14px 18px;box-shadow:0 18px 46px #27375a1a}.topbar-actions{align-items:center;gap:14px;display:flex}.topbar-brand{width:fit-content;color:var(--ink);letter-spacing:0;align-items:center;gap:10px;font-size:17px;font-weight:820;line-height:1.1;display:inline-flex}.topbar-brand-icon{background:#ffffffdb;border:1px solid #1218261a;border-radius:10px;flex:none;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 10px 22px #27375a1a}.topbar-brand-svg{width:30px;height:30px}.topbar-brand:hover{color:var(--brand-dark)}.nav-pill{border-radius:999px;padding:9px 14px}.nav-pill:hover{color:var(--ink);background:#1769ff14;transform:translateY(-1px)}.header-capture-wrap{flex-shrink:0;align-items:center;gap:10px;display:flex;position:relative}.download-now-link{min-height:42px;color:var(--brand-dark);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;background:#1769ff0f;border:1px solid #1769ff2e;border-radius:999px;justify-content:center;align-items:center;padding:0 16px;font-size:12px;font-weight:780;display:inline-flex}.download-now-link:hover{background:#1769ff1a;border-color:#1769ff5c;transform:translateY(-1px)}.header-capture-button{min-height:42px;padding-inline:18px;font-size:12px;box-shadow:0 14px 28px #1769ff3d}.header-try-launcher{animation:.22s cubic-bezier(.16,1,.3,1) both headerTryIn}@keyframes headerTryIn{0%{opacity:0;transform:translateY(-6px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.hero-grid{grid-template-columns:minmax(0,.95fr) minmax(420px,1.05fr);min-height:650px;display:grid}.hero-copy{flex-direction:column;justify-content:center;padding:clamp(32px,6vw,80px);display:flex}.hero-badges{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.hero-badges span{isolation:isolate;color:#344054;background:linear-gradient(#fffffffa,#f8fafceb),#fff;border:1px solid #1218261a;border-radius:999px;align-items:center;gap:9px;min-height:36px;padding:0 14px 0 10px;font-size:12px;font-weight:780;display:inline-flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffeb,0 12px 26px #27375a14}.hero-badge-icon{color:#c2410c;fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;background:#fff7ed;border-radius:999px;flex:none;width:22px;height:22px;padding:4px;box-shadow:inset 0 0 0 1px #c2410c1f,0 8px 18px #c2410c1a}.hero-badges span:nth-child(2) .hero-badge-icon{color:#475569;background:#f1f5f9;box-shadow:inset 0 0 0 1px #4755691f,0 8px 18px #27375a1a}.hero-badges span:nth-child(3) .hero-badge-icon{color:#047857;background:#ecfdf5;box-shadow:inset 0 0 0 1px #0478571f,0 8px 18px #0478571a}.hero-badges span:after{content:"";z-index:-1;border-radius:inherit;opacity:.86;background:linear-gradient(90deg,#0000 0%,#ffffffe6 44%,#0000 70%);transition:transform .52s cubic-bezier(.16,1,.3,1);position:absolute;inset:2px;transform:translate(-58%)}.hero-badges span:hover:after{transform:translate(58%)}.hero-cta-row{align-items:center;width:fit-content;display:inline-flex;position:relative}.hero-primary-link{isolation:isolate;background:var(--brand);color:#fff;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;justify-content:center;align-items:center;min-height:48px;padding:0 24px;font-size:13px;font-weight:700;display:inline-flex;position:relative;box-shadow:0 18px 36px #1769ff3d}.hero-primary-link:after{content:"";z-index:-1;border-radius:inherit;opacity:.58;border:1px solid #1769ff52;animation:2.6s cubic-bezier(.16,1,.3,1) infinite heroCtaPulse;position:absolute;inset:-7px}button.hero-primary-link{border:0}.hero-primary-link:hover{background:var(--brand-dark);transform:translateY(-1px)}@keyframes heroCtaPulse{0%,to{opacity:.5;transform:scale(1)}55%{opacity:0;transform:scale(1.14)}}@media (prefers-reduced-motion:reduce){.hero-primary-link:after{opacity:.28;animation:none}}.hero-exit-sentinel{pointer-events:none;height:1px;margin-top:-7px}.hero-showcase{background:radial-gradient(circle at 18% 20%,#1769ff29,#0000 34%),radial-gradient(circle at 86% 82%,#0f9f6e24,#0000 36%),#eef5ff;align-items:center;min-height:100%;padding:clamp(24px,4vw,60px);display:flex}.extension-demo-shell{background:#fff;border-radius:24px;width:min(100%,640px);overflow:hidden;box-shadow:0 30px 90px #27375a33}.browser-strip{border-bottom:1px solid var(--line);background:#f8fafc;align-items:center;gap:8px;padding:14px;display:flex}.browser-strip>span{background:#ff6b6b;border-radius:999px;width:11px;height:11px}.browser-strip>span:nth-child(2){background:#ffd166}.browser-strip>span:nth-child(3){background:#06d6a0}.browser-strip div{color:var(--muted);background:#fff;border-radius:999px;flex:1;margin-left:8px;padding:8px 14px;font-size:13px;font-weight:650}.extension-page-preview{background-color:#fff;background-image:linear-gradient(90deg,#1769ff12 1px,#0000 1px),linear-gradient(#1769ff0f 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:34px 34px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;min-height:460px;padding:44px;position:relative}.extension-toolbar-preview{isolation:isolate;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#2f3640;border:0;border-radius:13px;align-items:center;gap:0;width:min(100%,548px);height:42px;padding:0;display:flex;position:relative;box-shadow:0 0 0 1px #ffffff2e,-8px 0 22px #1769ff73,8px 0 24px #f9731680,0 18px 42px #12182652}.extension-toolbar-preview:before{content:"";z-index:-1;border-radius:inherit;opacity:.96;background:linear-gradient(90deg,#1769ff,#ffffff24,#ff8a1d);position:absolute;inset:-1px}.extension-toolbar-preview:after{content:"";z-index:-1;background:linear-gradient(#39424e 0%,#252b34 100%);border-radius:12px;position:absolute;inset:1px}.extension-toolbar-brand{align-items:center;gap:10px;height:42px;padding:0 14px;display:inline-flex}.extension-toolbar-preview b{place-items:center;width:28px;height:28px;display:grid}.extension-toolbar-brand-mark{fill:none;width:28px;height:28px;display:block}.extension-toolbar-brand-mark path{stroke:#f8fafc;stroke-width:9px;stroke-linecap:round;stroke-linejoin:round}.extension-toolbar-brand-mark .brand-cell-red{fill:#f24e1e}.extension-toolbar-brand-mark .brand-cell-purple{fill:#a259ff}.extension-toolbar-brand-mark .brand-cell-blue{fill:#1abcfe}.extension-toolbar-brand-mark .brand-cell-green{fill:#0acf83}.extension-toolbar-preview span{color:#ffffffbd;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;font-size:11px;font-weight:760}.extension-toolbar-divider{background:#ffffff1f;width:1px;height:42px}.extension-toolbar-preview button{color:#fff;background:0 0;border:0;font-size:12px;font-weight:700}.extension-toolbar-action{border-radius:0;align-items:center;gap:7px;height:42px;padding:0 12px;display:inline-flex;position:relative}.extension-toolbar-action span{color:#fff;letter-spacing:0;text-transform:none;white-space:nowrap;font-size:13px;font-weight:520}.extension-toolbar-action kbd{color:#ffffffb3;background:#ffffff1f;border-radius:999px;place-items:center;min-width:22px;height:18px;font-size:10px;font-weight:760;display:grid}.extension-toolbar-select{background:0 0}.toolbar-svg-icon{fill:currentColor;flex:0 0 22px;width:22px;height:22px;display:block}.extension-toolbar-preview .extension-toolbar-close{color:#ffffffbd;background:0 0;place-items:center;width:42px;min-width:42px;height:42px;padding:0;font-size:26px;font-weight:300;line-height:1;display:grid}.extension-toolbar-close .toolbar-svg-icon{flex-basis:24px;width:24px;height:24px}.extension-cursor-callout{z-index:3;pointer-events:none;filter:drop-shadow(0 18px 18px #1218262e)drop-shadow(0 8px 14px #1769ff1a);transform-origin:18% 10%;width:82px;height:96px;position:absolute;top:94px;left:352px;transform:rotate(-5deg)}.extension-cursor-callout svg{z-index:2;width:100%;height:100%;position:relative;overflow:visible}.extension-cursor-callout path{stroke-linecap:round;stroke-linejoin:round}.cursor-shadow{fill:#11182729;transform:translate(5px,6px)}.cursor-ghost{fill:#1769ff0a;stroke:#1769ff57;stroke-width:2px;animation:2.8s cubic-bezier(.45,0,.55,1) infinite alternate cursorGhostPulse}.cursor-ghost-one{transform:translate(10px,10px)}.cursor-ghost-two{opacity:.42;animation-delay:.22s;transform:translate(19px,18px)}.cursor-rim{fill:#fff;stroke:#10182838;stroke-width:1.4px}.cursor-body{fill:#111827}@keyframes cursorGhostPulse{0%{opacity:.22}to{opacity:.68}}@media (prefers-reduced-motion:reduce){.cursor-ghost{animation:none}}.extension-selection-box{border:2px solid var(--brand);background:#1769ff14;border-radius:22px;height:150px;position:absolute;top:145px;left:68px;right:68px;box-shadow:0 0 0 6px #1769ff14}.extension-card-row{grid-template-columns:repeat(3,1fr);gap:14px;display:grid;position:absolute;bottom:54px;left:68px;right:68px}.extension-card-row span{background:#fff;border-radius:18px;height:84px;box-shadow:0 14px 34px #27375a1f}.figma-paste-status{z-index:4;color:#111827;background:linear-gradient(#fffffff5,#f8fafceb),#fff;border:1px solid #1118271a;border-radius:15px;align-items:center;gap:12px;height:52px;padding:0 18px 0 12px;font-size:14px;font-weight:760;display:inline-flex;position:absolute;bottom:38px;right:68px;box-shadow:inset 0 1px #fffffffa,0 18px 34px #27375a29}.figma-paste-status-icon{color:#fff;background:#12b981;border-radius:999px;place-items:center;width:28px;height:28px;display:grid;box-shadow:inset 0 1px #ffffff52,0 10px 20px #12b9813d}.figma-paste-status-icon svg{fill:none;stroke:currentColor;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.secondary-cta,.primary-wide{letter-spacing:.08em;text-transform:uppercase;border-radius:999px;justify-content:center;align-items:center;min-height:48px;font-size:13px;font-weight:700;display:inline-flex}.secondary-cta{border:1px solid var(--line);color:var(--ink);background:#fff;padding:0 24px}.secondary-cta:hover{color:var(--brand);border-color:#1769ff6b}.preview-window{background:#ffffff1c;border:1px solid #ffffff29;border-radius:24px;width:min(100%,620px);overflow:hidden;box-shadow:0 30px 90px #00000057}.window-bar{border-bottom:1px solid #ffffff1f;gap:8px;padding:16px;display:flex}.window-bar span{background:#ff6b6b;border-radius:999px;width:11px;height:11px}.window-bar span:nth-child(2){background:#ffd166}.window-bar span:nth-child(3){background:#06d6a0}.preview-content{grid-template-columns:72px 1fr;min-height:440px;display:grid}.mini-sidebar{border-right:1px solid #ffffff1f;flex-direction:column;align-items:center;gap:20px;padding:24px 0;display:flex}.mini-logo,.mini-sidebar span{background:#fff3;border-radius:10px;width:30px;height:30px}.mini-logo{background:linear-gradient(135deg,#66e2c7,#77a9ff)}.mini-sidebar .active{background:#fff}.mini-board{align-content:start;gap:18px;padding:24px;display:grid}.mini-toolbar,.metric-row article{background:#ffffff1a;border:1px solid #ffffff21;border-radius:16px}.mini-toolbar{color:#fff;justify-content:space-between;align-items:center;gap:16px;padding:18px;display:flex}.mini-toolbar p,.metric-row span{color:#ffffff9e;font-size:12px}.mini-toolbar strong{margin-top:4px;font-size:20px;display:block}.mini-toolbar button{color:#121826;background:#fff;border:0;border-radius:999px;padding:10px 16px;font-weight:700}.metric-row{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.metric-row article{padding:18px}.metric-row strong{color:#fff;overflow-wrap:anywhere;margin-top:8px;font-size:clamp(20px,2.2vw,28px);line-height:1;display:block}.mini-chart{background:#ffffff14;border-radius:18px;align-items:end;gap:14px;height:150px;padding:18px;display:flex}.mini-chart span{background:linear-gradient(#66e2c7,#77a9ff);border-radius:999px 999px 4px 4px;flex:1}.component-band,.theme-lab,.value-strip,.pricing-panel,.demo-bridge{border:1px solid var(--line);box-shadow:var(--shadow);background:#ffffffe6;border-radius:28px}.demo-bridge{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:24px;padding:clamp(24px,4vw,48px);display:grid}.demo-bridge h2{max-width:680px;font-size:clamp(32px,4.8vw,58px);font-weight:760;line-height:1}.demo-bridge p{max-width:62ch;color:var(--muted);margin-top:18px;line-height:1.75}.demo-bridge strong{color:var(--ink)}.bridge-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.bridge-steps article{background:#f8fafc;border-radius:22px;flex-direction:column;justify-content:space-between;min-height:220px;padding:20px;display:flex;box-shadow:inset 0 0 0 1px #12182614,0 18px 42px #27375a14}.bridge-steps span{color:var(--brand);font-family:var(--font-geist-mono), monospace;font-size:13px;font-weight:750}.bridge-steps strong{margin-top:auto;font-size:19px;line-height:1.15;display:block}.bridge-steps p{color:var(--muted);margin-top:12px;font-size:14px;line-height:1.55}.component-band{padding:clamp(24px,4vw,48px)}.section-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px;display:flex}.section-heading h2,.theme-copy h2,.pricing-panel h2{max-width:760px;font-size:clamp(32px,5vw,56px);font-weight:700;line-height:1}.rich-component-wall{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:minmax(230px,auto);gap:16px;display:grid}.rich-card{background:linear-gradient(#ffffffe6,#f8fafcf0),#fff;border-radius:24px;padding:22px;box-shadow:inset 0 0 0 1px #12182614,0 22px 54px #27375a1a}.rich-card:hover{transform:translateY(-3px)}.date-card,.tour-card,.float-card,.splitter-card{grid-column:span 2}.masonry-card,.table-card{grid-column:span 3}.rich-card-head{justify-content:space-between;align-items:start;gap:16px;margin-bottom:18px;display:flex}.rich-card-head p{color:var(--brand);font-size:13px;font-weight:800}.rich-card-head h3{margin-top:5px;font-size:22px;font-weight:760;line-height:1.12}.rich-card-head>span{color:var(--brand-dark);background:#1769ff14;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:750}.date-input{color:var(--ink);background:#eef5ff;border-radius:14px;padding:13px 14px;font-weight:750}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:7px;margin-top:14px;display:grid}.calendar-grid span{min-height:32px;color:var(--muted);background:#fff;border-radius:10px;place-items:center;font-size:12px;font-weight:700;display:grid}.calendar-grid .active{background:var(--brand);color:#fff}.tour-window{background:linear-gradient(135deg,#1769ff1a,#0000 42%),#eef5ff;border-radius:20px;min-height:180px;position:relative;overflow:hidden}.tour-target{background:#fff;border-radius:18px;width:110px;height:62px;position:absolute;top:26px;left:24px;box-shadow:0 18px 34px #1769ff1f}.tour-popover{color:#fff;background:#121826;border-radius:18px;width:min(230px,100% - 36px);padding:16px;position:absolute;bottom:18px;right:18px}.tour-popover p{color:#ffffffad;margin-top:8px;font-size:13px;line-height:1.5}.tour-popover div{gap:8px;margin-top:14px;display:flex}.tour-popover button,.theme-control-row button,.theme-button-card button{border:0;border-radius:999px;padding:8px 11px;font-size:12px;font-weight:750}.tour-popover button:first-child{color:#ffffffc2;background:#ffffff1a}.tour-popover button:last-child{color:#121826;background:#fff}.float-stage{background:#eef5ff;border-radius:20px;min-height:190px;position:relative;overflow:hidden}.float-stage span{background:#fff;border-radius:18px;position:absolute}.float-stage span:first-child{width:52%;height:42px;top:22px;left:22px}.float-stage span:nth-child(2){width:72%;height:78px;top:82px;left:22px}.float-stage span:nth-child(3){width:36px;height:36px;top:28px;right:24px}.float-stage button{background:var(--brand);color:#fff;border:0;border-radius:999px;width:50px;height:50px;font-size:26px;line-height:1;position:absolute;bottom:20px;right:20px;box-shadow:0 18px 34px #1769ff47}.splitter-preview{background:#eef5ff;border-radius:20px;grid-template-columns:minmax(0,.95fr) 10px minmax(0,1.05fr);min-height:180px;padding:14px;display:grid}.splitter-preview section{background:#fff;border-radius:16px;padding:16px}.splitter-preview b{font-size:15px;display:block}.splitter-preview p{color:var(--muted);margin-top:8px;font-size:13px}.splitter-preview i{background:#1769ff4d;border-radius:999px;place-self:stretch center;width:4px}.masonry-preview{column-count:3;column-gap:10px}.masonry-preview span{break-inside:avoid;background:#eef5ff;border-radius:16px;margin-bottom:10px;display:block}.masonry-preview span:first-child{height:82px}.masonry-preview span:nth-child(2){height:128px}.masonry-preview span:nth-child(3){height:64px}.masonry-preview span:nth-child(4){height:110px}.masonry-preview span:nth-child(5){height:76px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:560px;font-size:14px}th,td{border-bottom:1px solid var(--line);text-align:left;padding:16px 12px}th{color:var(--muted);text-transform:uppercase;font-size:12px}.form-stack{gap:14px;display:grid}.form-stack label{color:var(--muted);gap:7px;font-size:13px;font-weight:700;display:grid}.form-stack select,.form-stack input{border:1px solid var(--line);min-height:44px;color:var(--ink);background:#f8fafc;border-radius:12px;padding:0 12px}.toggle-row{color:var(--ink);justify-content:space-between;align-items:center;font-size:14px;font-weight:700;display:flex}.toggle-row button{background:var(--green);border:0;border-radius:999px;width:48px;height:28px;position:relative}.toggle-row button:after{content:"";background:#fff;border-radius:999px;width:20px;height:20px;position:absolute;top:4px;right:4px}.accent-panel{color:#fff;background:#121826}.accent-panel .muted-copy{color:#ffffffad;font-size:14px;line-height:1.6}.progress-track{background:#ffffff1f;border-radius:999px;height:10px;margin:22px 0 16px;overflow:hidden}.progress-track span{border-radius:inherit;background:linear-gradient(90deg,#77a9ff,#66e2c7);width:74%;height:100%;display:block}.anchor-target{position:absolute;top:-120px}.capture-playground{--demo-accent:#1677ff;--demo-accent-soft:#e6f4ff;--demo-panel:#fff;--demo-surface:#f3f6fc;--demo-text:#1f2329;--demo-muted:#697386;--capture-pad-x:clamp(18px, 4vw, 56px);border:1px solid var(--line);box-shadow:var(--shadow);padding:clamp(28px, 5vw, 72px) var(--capture-pad-x);background:radial-gradient(circle at -6% 22%,#1677ff21,#0000 20%),radial-gradient(circle at 102% 4%,#0f9f6e1a,#0000 24%),radial-gradient(circle at 90% 86%,#1677ff1a,#0000 24%),#fffffff0;border-radius:32px;scroll-margin-top:116px;position:relative;overflow:visible}.capture-theme-dark{--demo-accent:#7aa2ff;--demo-accent-soft:#7aa2ff29;--demo-panel:#151b28;--demo-surface:#0f1521;--demo-text:#f8fbff;--demo-muted:#a7b0c0}.capture-theme-mui{--demo-accent:#2f80ed;--demo-accent-soft:#e8f1ff}.capture-theme-shadcn{--demo-accent:#18181b;--demo-accent-soft:#f4f4f5}.capture-theme-cartoon{--demo-accent:#d46b08;--demo-accent-soft:#fff2d9}.capture-theme-illustration{--demo-accent:#7c5cff;--demo-accent-soft:#f0edff}.capture-theme-skeuo{--demo-accent:#7952b3;--demo-accent-soft:#f0e8ff}.capture-theme-glass{--demo-accent:#0f9f6e;--demo-accent-soft:#e9f8f2}.capture-theme-geek{--demo-accent:#00a3a3;--demo-accent-soft:#e6fbfb}.capture-playground-heading,.rich-heading{text-align:center;justify-items:center;display:grid}.capture-playground-heading h2,.rich-heading h2{max-width:860px;color:var(--ink);margin-top:8px;font-size:clamp(38px,5.5vw,64px);font-weight:790;line-height:.98}.capture-playground-heading p:not(.eyebrow),.rich-heading p{max-width:760px;color:var(--muted);margin-top:12px;font-size:17px;line-height:1.6}.capture-playground-cta{margin-top:22px}.capture-playground-steps{counter-reset:capture-step;flex-wrap:wrap;justify-content:center;gap:22px;margin-top:22px;padding:0;list-style:none;display:flex}.capture-playground-steps li{counter-increment:capture-step;min-height:38px;color:var(--brand-dark);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;background:#1769ff0f;border:1px solid #1769ff29;border-radius:999px;align-items:center;gap:9px;padding:0 14px 0 10px;font-size:12px;font-weight:780;display:inline-flex;position:relative}.capture-playground-steps li:before{content:counter(capture-step);background:var(--brand);color:#fff;width:22px;height:22px;font-family:var(--font-geist-mono), monospace;border-radius:999px;place-items:center;font-size:11px;font-weight:780;line-height:1;display:grid}.capture-playground-steps li:not(:last-child):after{content:"";opacity:.52;border-top:1.5px solid;border-right:1.5px solid;width:8px;height:8px;position:absolute;right:-15px;transform:rotate(45deg)}.theme-customizer{grid-template-columns:290px minmax(0,1fr);gap:28px;margin-top:52px;display:grid}.style-list{align-content:start;gap:16px;display:grid}.style-list button{min-height:58px;color:var(--ink);text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;padding:0 24px;font-size:16px;font-weight:560}.style-list button[aria-pressed=true]{border-color:var(--demo-accent);background:var(--demo-accent-soft);color:var(--demo-accent)}.style-ai-card{margin-top:14px;padding:8px 16px}.style-ai-card span{color:var(--muted);font-weight:720}.style-ai-card p{color:#667085b8;margin-top:4px;font-size:13px}.theme-showcase-panel{background:var(--demo-panel);min-height:640px;color:var(--demo-text);border:1px solid #1218261a;border-radius:6px;padding:clamp(26px,5vw,56px);box-shadow:0 22px 72px #27375a2e}.modal-preview{background:var(--demo-panel);border-radius:10px;max-width:486px;margin:0 auto 16px;padding:24px;position:relative;box-shadow:0 18px 48px #27375a33}.modal-preview>button{color:var(--demo-muted);background:0 0;border:0;font-size:20px;position:absolute;top:15px;right:16px}.modal-preview strong{font-size:16px}.modal-preview p{color:var(--demo-text);margin-top:12px;line-height:1.55}.modal-preview div{justify-content:flex-end;gap:8px;margin-top:14px;display:flex}.modal-preview div button,.form-preview-row button,.button-preview-row button{background:var(--demo-panel);min-height:32px;color:var(--demo-text);border:1px solid #12182624;border-radius:6px;padding:0 14px;font-size:14px}.modal-preview div button:last-child,.button-preview-row button:first-child{border-color:var(--demo-accent);background:var(--demo-accent);color:#fff}.control-preview-stack{gap:14px;max-width:520px;margin:0 auto;display:grid}.info-input,.date-placeholder,.token-chip,.tag-select{background:var(--demo-panel);min-height:40px;color:var(--demo-text);border:1px solid #12182624;border-radius:7px;padding:9px 12px;font-size:14px}.info-input{border-color:var(--demo-accent)}@supports (color:color-mix(in lab, red, red)){.info-input{border-color:color-mix(in srgb, var(--demo-accent) 52%, white)}}.info-input{background:var(--demo-accent-soft)}.form-preview-row{grid-template-columns:max-content 34px .72fr 1.45fr;gap:10px;display:grid}.form-preview-row+.form-preview-row{grid-template-columns:.82fr 1.55fr}.chevron-button{padding:0}.token-chip{align-items:center;gap:8px;display:flex}.token-chip span{background:var(--demo-accent);border-radius:4px;width:24px;height:24px}.tag-select{align-items:center;gap:7px;display:flex}.tag-select span{background:var(--demo-text);border-radius:5px}@supports (color:color-mix(in lab, red, red)){.tag-select span{background:color-mix(in srgb, var(--demo-text) 7%, transparent)}}.tag-select span{padding:4px 7px}.tag-select b{color:var(--demo-muted);margin-left:auto;font-weight:500}.date-placeholder{color:var(--demo-muted)}@supports (color:color-mix(in lab, red, red)){.date-placeholder{color:color-mix(in srgb, var(--demo-muted) 70%, white)}}.date-placeholder span{float:right;font-size:11px}.progress-preview{grid-template-columns:minmax(0,1fr) max-content;align-items:center;gap:10px;display:grid}.progress-preview i{background:linear-gradient(90deg, var(--demo-accent) 0 60%, #12182614 60%);border-radius:999px;height:8px}.progress-preview span{color:var(--demo-text)}.steps-preview{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.steps-preview li{color:var(--demo-muted);align-items:center;gap:10px;display:flex}.steps-preview b{background:#12182614;border-radius:999px;place-items:center;width:32px;height:32px;display:grid}.steps-preview .done b,.steps-preview .current b{background:var(--demo-accent);color:#fff}.slider-preview{align-items:center;height:22px;display:grid}.slider-preview:before{content:"";background:linear-gradient(90deg, var(--demo-accent) 0 52%, #12182614 52%);border-radius:999px;height:4px}.slider-preview span{border:2px solid var(--demo-accent);background:var(--demo-panel);border-radius:999px;width:14px;height:14px;margin-top:-13px;margin-left:50%}.button-preview-row,.selection-preview-row,.segmented-preview{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.button-preview-row button:nth-child(2){color:#fff;background:#ff4d4f;border-color:#ff4d4f}.button-preview-row button:nth-child(4){border-style:dashed}.selection-preview-row{color:var(--demo-text);font-size:14px}.selection-preview-row label{align-items:center;gap:6px;display:inline-flex}.selection-preview-row input{accent-color:var(--demo-accent)}.switch-on{background:var(--demo-accent);color:#fff;border-radius:999px;padding:5px 11px;font-size:13px}.segmented-preview span{background:var(--demo-text);border:1px solid #1218261f}@supports (color:color-mix(in lab, red, red)){.segmented-preview span{background:color-mix(in srgb, var(--demo-text) 5%, transparent)}}.segmented-preview span{padding:8px 14px}.segmented-preview .active{border-color:var(--demo-accent);color:var(--demo-accent);background:var(--demo-panel)}.rich-components-row{grid-template-columns:minmax(420px,1.35fr) minmax(360px,1.1fr) minmax(230px,.7fr) minmax(250px,.75fr) minmax(320px,.95fr);gap:24px;margin-top:52px;padding-bottom:10px;display:grid;overflow-x:auto}.rich-demo-card{background:#f3f6fc;border-radius:6px;min-height:360px;padding:32px}.rich-demo-card h3{align-items:center;gap:10px;font-size:21px;font-weight:570;display:flex}.rich-demo-card h3 span{color:#d48806;background:#fff7d6;border-radius:6px;padding:5px 8px;font-size:12px;font-weight:700}.splitter-demo h3 span,.masonry-demo h3 span{color:var(--brand);background:#e6f4ff}.date-field{background:#fff;border:1px solid #12182624;border-radius:6px;gap:14px;margin-top:26px;padding:8px 12px;font-size:14px;display:inline-flex}.date-field b{color:var(--muted);font-size:11px}.date-picker-popup{background:#fff;border-radius:8px;grid-template-columns:120px 1fr;width:410px;max-width:100%;margin-top:6px;display:grid;overflow:hidden;box-shadow:0 24px 60px #27375a38}.date-picker-popup ul{border-right:1px solid var(--line);gap:15px;padding:18px 16px;font-size:14px;display:grid}.date-picker-popup>div{padding:16px}.date-picker-popup strong{text-align:center;display:block}.mini-calendar{grid-template-columns:repeat(7,1fr);gap:8px;margin-top:18px;display:grid}.mini-calendar span{min-height:28px;color:var(--ink);border-radius:6px;place-items:center;font-size:13px;display:grid}.mini-calendar .active{background:var(--brand);color:#fff}.tour-demo{align-content:center;display:grid}.tour-bubble{background:#fff;border-radius:8px;margin-top:42px;padding:22px 18px 16px;position:relative;box-shadow:0 20px 48px #27375a24}.tour-bubble>button{color:var(--muted);background:0 0;border:0;font-size:18px;position:absolute;top:12px;right:14px}.tour-bubble p{color:var(--ink);margin-top:12px;line-height:1.5}.tour-dots{gap:7px;margin-top:18px;display:flex}.tour-dots i{background:#d0d5dd;border-radius:999px;width:6px;height:6px}.tour-dots .active{background:var(--brand)}.tour-bubble footer{justify-content:flex-end;gap:8px;margin-top:14px;display:flex}.tour-bubble footer button{border:1px solid var(--line);background:#fff;border-radius:6px;padding:6px 10px}.tour-bubble footer button:last-child{border-color:var(--brand);background:var(--brand);color:#fff}.floating-actions{min-height:250px;margin-top:30px;position:relative}.floating-actions div{background:#fff;border-radius:8px;gap:6px;padding:8px;display:grid;position:absolute;top:72px;left:4px;box-shadow:0 18px 42px #27375a29}.floating-actions span,.floating-actions button{border:1px solid var(--line);width:38px;height:38px;color:var(--ink);background:#fff;border-radius:999px;place-items:center;font-size:11px;display:grid}.floating-actions button{border:0;position:absolute;box-shadow:0 14px 34px #27375a24}.floating-actions button:first-of-type{top:56px;right:8px}.floating-actions button:nth-of-type(2){top:92px;left:50%}.floating-actions button:nth-of-type(3){top:126px;right:10px}.floating-actions button:nth-of-type(4){top:190px;right:8px}.splitter-box{background:#fff;grid-template-rows:1fr 8px 1fr;width:200px;height:320px;margin:34px auto 0;display:grid;box-shadow:0 22px 50px #27375a29}.splitter-box section{color:gray;place-items:center;font-weight:740;display:grid}.splitter-box i{background:#c7c7c7;border-radius:999px;justify-self:center;width:24px;height:2px}.masonry-box{column-count:2;column-gap:10px;margin-top:32px}.masonry-box span{break-inside:avoid;border:1px solid var(--line);background:#fff;border-radius:8px;min-height:62px;margin-bottom:10px;padding:14px;display:block}.masonry-box span:nth-child(3n+1){min-height:100px}.table-demo{grid-column:1/-1;min-height:auto}.control-showcase{grid-template-columns:1.1fr .9fr .85fr;gap:16px;margin-top:16px;display:grid}.ui-kit-panel{background:#f8fafc;border-radius:22px;padding:22px;box-shadow:inset 0 0 0 1px #12182614,0 18px 42px #27375a14}.kit-label{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:800}.command-input{background:#fff;border-radius:16px;align-items:center;gap:12px;margin-top:18px;padding:16px;display:flex}.command-input span,.command-panel b{color:var(--brand-dark);font-family:var(--font-geist-mono), monospace;background:#1769ff14;border-radius:10px;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.command-input span{width:30px;height:30px}.command-panel ul{gap:10px;margin-top:16px;display:grid}.command-panel li{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;font-size:14px;display:flex}.command-panel b{min-width:38px;height:28px;padding:0 8px;font-size:12px}.timeline-panel ol{gap:16px;margin-top:18px;display:grid}.timeline-panel li{padding-left:26px;position:relative}.timeline-panel li:before{content:"";background:var(--green);border-radius:999px;width:11px;height:11px;position:absolute;top:5px;left:0;box-shadow:0 0 0 5px #0f9f6e1f}.timeline-panel b{font-size:15px;display:block}.timeline-panel span{color:var(--muted);margin-top:4px;font-size:13px;line-height:1.5;display:block}.empty-panel{align-content:center;display:grid}.empty-mark{background:linear-gradient(135deg,#1769ffe6,#0f9f6ec7),#1769ff;border-radius:20px;width:64px;height:64px}.empty-panel h3{margin-top:18px;font-size:22px;font-weight:750}.empty-panel p{color:var(--muted);margin-top:10px;font-size:14px;line-height:1.6}.theme-lab{grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);gap:24px;padding:clamp(24px,4vw,48px);display:grid}.theme-copy p{max-width:560px;color:var(--muted);margin-top:18px;line-height:1.7}.theme-tabs{flex-wrap:wrap;gap:8px;margin-top:26px;display:flex}.theme-tabs button{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:999px;padding:10px 16px;font-weight:700}.theme-tabs button[aria-selected=true]{background:var(--theme-accent);color:var(--theme-on-accent);border-color:#0000}.theme-prompt{background:#f8fafc;border-radius:18px;gap:6px;margin-top:22px;padding:16px;display:grid;box-shadow:inset 0 0 0 1px #12182614}.theme-prompt span{color:var(--brand);letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:800}.theme-prompt strong{font-size:15px}.theme-stage{--theme-bg:#eef5ff;--theme-card:#fff;--theme-ink:#132033;--theme-muted:#667085;--theme-accent:#1769ff;--theme-on-accent:#fff;--theme-line:#1320331f;--theme-radius:18px;background:var(--theme-bg);color:var(--theme-ink);border-radius:24px;padding:18px;display:grid}.theme-dark .theme-stage{--theme-bg:#111827;--theme-card:#1f2937;--theme-ink:#f9fafb;--theme-muted:#a7b0c0;--theme-accent:#7aa2ff;--theme-on-accent:#0d1424;--theme-line:#ffffff24;--theme-radius:14px}.theme-glass .theme-stage{--theme-bg:#edf7f4;--theme-card:#fff;--theme-ink:#12352c;--theme-muted:#5f756f;--theme-accent:#0f9f6e;--theme-on-accent:#fff;--theme-line:#0f503c29;--theme-radius:22px;background:linear-gradient(135deg, #0f9f6e2e, #1769ff1f), var(--theme-bg)}.theme-cartoon .theme-stage{--theme-bg:#fff7e8;--theme-card:#fffdf8;--theme-ink:#38210e;--theme-muted:#8a694e;--theme-accent:#d46b08;--theme-on-accent:#fff;--theme-line:#38210e2e;--theme-radius:28px}.theme-console{border:1px solid var(--theme-line);border-radius:var(--theme-radius);background:var(--theme-card);color:var(--theme-ink);padding:22px;box-shadow:0 20px 48px #0b12201a}.theme-console-head,.theme-control-row,.theme-segmented{align-items:center;gap:10px;display:flex}.theme-console-head{justify-content:space-between}.theme-console-head span,.theme-select-card label{color:var(--theme-muted);font-size:12px;font-weight:750}.theme-console-head h3{margin-top:6px;font-size:25px;font-weight:780}.theme-console-head button,.theme-control-row button:nth-child(2),.theme-button-card button:first-child{background:var(--theme-accent);color:var(--theme-on-accent)}.theme-control-row{flex-wrap:wrap;margin-top:20px}.theme-control-row button:first-child,.theme-button-card button:nth-child(3){background:var(--theme-accent)}@supports (color:color-mix(in lab, red, red)){.theme-control-row button:first-child,.theme-button-card button:nth-child(3){background:color-mix(in srgb, var(--theme-accent) 10%, transparent)}}.theme-control-row button:first-child,.theme-button-card button:nth-child(3){color:var(--theme-ink)}.theme-control-row span,.theme-control-row strong{background:var(--theme-accent);border-radius:999px}@supports (color:color-mix(in lab, red, red)){.theme-control-row span,.theme-control-row strong{background:color-mix(in srgb, var(--theme-accent) 10%, transparent)}}.theme-control-row span,.theme-control-row strong{color:var(--theme-ink);padding:8px 12px;font-size:12px;font-weight:750}.theme-preview-grid{grid-template-columns:1fr .78fr;gap:12px;margin-top:18px;display:grid}.theme-select-card,.theme-progress-card,.theme-step-card,.theme-button-card{border:1px solid var(--theme-line);border-radius:calc(var(--theme-radius) - 5px);background:var(--theme-card)}@supports (color:color-mix(in lab, red, red)){.theme-select-card,.theme-progress-card,.theme-step-card,.theme-button-card{background:color-mix(in srgb, var(--theme-card) 84%, var(--theme-bg))}}.theme-select-card,.theme-progress-card,.theme-step-card,.theme-button-card{padding:15px}.theme-select-card div{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.theme-select-card span,.theme-segmented span{background:var(--theme-accent);border-radius:999px}@supports (color:color-mix(in lab, red, red)){.theme-select-card span,.theme-segmented span{background:color-mix(in srgb, var(--theme-accent) 10%, transparent)}}.theme-select-card span,.theme-segmented span{color:var(--theme-muted);padding:8px 11px;font-size:12px;font-weight:750}.theme-progress-card span{color:var(--theme-muted);font-size:13px;font-weight:750}.theme-progress-card div{background:var(--theme-accent);border-radius:999px;height:10px}@supports (color:color-mix(in lab, red, red)){.theme-progress-card div{background:color-mix(in srgb, var(--theme-accent) 12%, transparent)}}.theme-progress-card div{margin-top:14px;overflow:hidden}.theme-progress-card i{border-radius:inherit;background:var(--theme-accent);width:60%;height:100%;display:block}.theme-step-card{grid-column:span 2}.theme-step-card ol{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.theme-step-card li{color:var(--theme-muted);text-align:center;justify-items:center;gap:8px;font-size:12px;display:grid}.theme-step-card b{background:var(--theme-accent);width:30px;height:30px;color:var(--theme-on-accent);border-radius:999px;place-items:center;display:grid}.theme-button-card{flex-wrap:wrap;grid-column:span 2;gap:8px;display:flex}.theme-button-card button:nth-child(2){color:#fff;background:#dc4446}.theme-segmented{background:var(--theme-accent);border-radius:999px;margin-top:16px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.theme-segmented{background:color-mix(in srgb, var(--theme-accent) 8%, transparent)}}.theme-segmented{padding:5px}.theme-segmented .active{background:var(--theme-accent);color:var(--theme-on-accent)}.theme-card{border:1px solid var(--theme-line);border-radius:var(--theme-radius);background:var(--theme-card);color:var(--theme-ink);padding:20px;box-shadow:0 18px 44px #0b12201a}.theme-card.primary{grid-column:span 2}.theme-card-head{justify-content:space-between;align-items:start;gap:16px;display:flex}.theme-card-head span,.theme-card span,.theme-list span,.density-row span{color:var(--theme-muted);font-size:13px}.theme-card button{background:var(--theme-accent);color:var(--theme-on-accent);border:0}.stat-pair{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:20px;display:grid}.stat-pair div{border:1px solid var(--theme-line);border-radius:calc(var(--theme-radius) - 4px);padding:16px}.stat-pair strong{margin-top:8px;font-size:34px;display:block}.theme-tabs-inline{gap:8px;margin-top:16px;display:flex}.theme-tabs-inline span{background:var(--theme-accent);border-radius:999px}@supports (color:color-mix(in lab, red, red)){.theme-tabs-inline span{background:color-mix(in srgb, var(--theme-accent) 10%, transparent)}}.theme-tabs-inline span{color:var(--theme-muted);padding:8px 12px;font-size:13px;font-weight:700}.theme-tabs-inline .active{background:var(--theme-accent);color:var(--theme-on-accent)}.status-dot{background:var(--theme-accent);border-radius:999px;width:34px;height:34px;margin-bottom:18px;display:block}.theme-list{gap:12px;margin-top:16px;display:grid}.theme-list li,.density-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.theme-list strong,.density-row strong{font-size:13px}.swatches{grid-template-columns:repeat(4,1fr);gap:8px;margin:18px 0;display:grid}.swatches span{aspect-ratio:1;border-radius:calc(var(--theme-radius) - 8px);background:var(--theme-accent)}.swatches span:nth-child(2){background:var(--theme-ink)}.swatches span:nth-child(3){background:var(--theme-muted)}.swatches span:nth-child(4){background:var(--theme-bg);border:1px solid var(--theme-line)}.value-strip{grid-template-columns:repeat(3,1fr);gap:1px;padding:0;display:grid;overflow:hidden}.answer-panel{border:1px solid var(--line);box-shadow:var(--shadow);background:#ffffffeb;border-radius:28px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;padding:clamp(24px,4vw,48px);display:grid}.dark-bottom-section{isolation:isolate;color:#ffffffeb;background:linear-gradient(90deg,#ffffff09 1px,#0000 1px) 0 0/38px 38px,linear-gradient(#ffffff08 1px,#0000 1px) 0 0/38px 38px,radial-gradient(circle at 12% 12%,#1769ff38,#0000 30%),radial-gradient(circle at 86% 84%,#0f9f6e33,#0000 32%),#0b1120;width:auto;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:0 max(16px,50vw - 688px) clamp(28px,4vw,56px);display:grid;position:relative;overflow:hidden}.dark-bottom-section:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#ffffff14,#0000 20%),radial-gradient(circle at 50% 100%,#ffffff12,#0000 36%);position:absolute;inset:0}.faq-panel{box-shadow:none;color:inherit;background:0 0;border:0;border-radius:0;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:48px;padding:clamp(54px,7vw,96px) 0 clamp(40px,5vw,72px);display:grid}.answer-panel h2,.faq-panel h2{max-width:680px;font-size:clamp(32px,4.6vw,54px);font-weight:760;line-height:1}.faq-panel .eyebrow{color:#8fb7ff}.answer-panel p{max-width:65ch;color:var(--muted);margin-top:18px;line-height:1.75}.comparison-matrix{background:linear-gradient(135deg,#1769ff2e,#0f9f6e29),#1218261a;border:1px solid #1218261a;border-radius:26px;grid-template-columns:minmax(128px,.78fr) repeat(3,minmax(0,1fr));gap:1px;display:grid;overflow:hidden;box-shadow:inset 0 1px #ffffffbf,0 22px 54px #27375a1c}.comparison-feature-label,.comparison-product,.comparison-row>*{background:#fffffff0;padding:18px}.comparison-feature-label{color:#667085;letter-spacing:.12em;text-transform:uppercase;background:linear-gradient(#fffffffa,#f1f6ffe6);align-items:end;font-size:12px;font-weight:820;display:grid}.comparison-product{background:#ffffffe0;align-content:end;gap:8px;min-height:142px;display:grid;position:relative}.comparison-product.is-copy{box-shadow:inset 0 -3px 0 var(--brand);background:radial-gradient(circle at 18% 22%,#1769ff24,#0000 34%),linear-gradient(#fff,#1769ff11)}.comparison-product span{color:var(--muted);font-size:12px;font-weight:740}.comparison-product b{color:#fff;background:linear-gradient(#0f8a7a,#0d7568);border-radius:14px;place-items:center;width:44px;height:44px;font-size:13px;display:grid;box-shadow:0 16px 32px #0d756833}.comparison-product.is-copy b{background:linear-gradient(180deg, var(--brand), var(--brand-dark));box-shadow:0 16px 34px #1769ff3d}.comparison-product strong{color:var(--ink);font-size:17px;line-height:1.2}.comparison-product.is-muted b{color:#0000;box-shadow:none;background:radial-gradient(circle at 35% 34%,#54607499,#0000 36%),linear-gradient(135deg,#eef2f7,#c9d1de);position:relative;overflow:hidden}.comparison-product.is-muted b:before{content:"";filter:blur(5px);background:linear-gradient(135deg,#222b3ab8,#6c778b75),#9aa5b7;border-radius:11px;position:absolute;inset:8px;transform:rotate(-8deg)scale(1.18)}.comparison-product.is-muted strong{color:#6b7484;font-weight:680}.comparison-row{display:contents}.comparison-row>*{align-items:center;gap:10px;min-height:82px;line-height:1.35;display:flex}.comparison-row span{color:#536071;letter-spacing:.08em;text-transform:uppercase;background:#f8fafcf0;font-size:12px;font-weight:820}.comparison-row strong{color:#08775f;background:linear-gradient(90deg,#0f9f6e1f,#1769ff0f),#fffffff2;font-weight:820}.comparison-row strong:before,.comparison-row em:before{content:"";border-radius:999px;flex:none}.comparison-row strong:before{background:var(--green);width:8px;height:8px;box-shadow:0 0 0 4px #0f9f6e1f}.comparison-row em{color:#697586;font-style:normal}.comparison-row em:before{background:#c7ced9;width:6px;height:6px}.faq-list{gap:0;display:grid}.faq-list article{box-shadow:none;background:0 0;border-top:1px solid #ffffff21;padding:22px 0}.faq-list article:last-child{border-bottom:1px solid #ffffff21}.faq-list h3{font-size:17px;font-weight:750}.faq-list p{color:#e2e8f0b8;margin-top:10px;line-height:1.65}.value-strip article{background:#fff;flex-direction:column;gap:14px;min-height:0;padding:22px 28px 24px;display:flex}.value-kicker{justify-content:flex-start;align-items:center;gap:16px;display:flex}.value-icon{width:48px;height:48px;color:var(--brand);fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;background:radial-gradient(circle at 28% 22%,#ffffffe6,#0000 34%),#1769ff1a;border-radius:16px;flex:none;padding:12px;box-shadow:inset 0 0 0 1px #1769ff24,0 18px 32px #1769ff1a}.value-strip article:nth-child(2) .value-icon{color:var(--rose);background:radial-gradient(circle at 28% 22%,#ffffffe6,#0000 34%),#d13f721a;box-shadow:inset 0 0 0 1px #d13f7224,0 18px 32px #d13f721a}.value-strip article:nth-child(3) .value-icon{color:var(--orange);background:radial-gradient(circle at 28% 22%,#ffffffe6,#0000 34%),#d46b081a;box-shadow:inset 0 0 0 1px #d46b0824,0 18px 32px #d46b081a}.value-strip h3{margin:0;font-size:22px;font-weight:700}.value-strip p{color:var(--muted);margin-top:0;line-height:1.7}.pricing-panel p{color:var(--muted);margin-top:12px;line-height:1.7}.site-footer-cta{color:#fff;box-shadow:none;background:0 0;border:0;border-top:1px solid #ffffff24;border-radius:0;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;padding:clamp(32px,5vw,64px) 0 clamp(8px,1vw,14px);display:grid;position:relative;overflow:visible}.site-footer-cta:before{content:"";background:linear-gradient(90deg,#0000,#8fb7ffb3,#93f2d894,#0000);height:1px;position:absolute;top:-1px;left:0;right:0}.site-footer-cta h2{max-width:720px;margin-top:10px;font-size:clamp(30px,4vw,48px);font-weight:760;line-height:1}.site-footer-cta p:not(.eyebrow){color:#e2e8f0b8;max-width:68ch;margin-top:14px;line-height:1.7}.site-footer-cta .eyebrow{color:#8fb7ff}.site-footer-cta a{color:#fff;white-space:nowrap;background:radial-gradient(circle at 24% 18%,#ffffff47,#0000 28%),linear-gradient(135deg,#1769ff,#0f9f6e);border:1px solid #ffffff5c;border-radius:999px;justify-content:center;align-items:center;min-height:56px;padding:0 24px;font-size:14px;font-weight:780;transition:transform .22s cubic-bezier(.16,1,.3,1),box-shadow .22s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:inset 0 1px #ffffff57,0 18px 38px #1769ff3d,0 0 0 6px #ffffff14}.site-footer-cta a:hover{transform:translateY(-2px);box-shadow:inset 0 1px #ffffff61,0 22px 44px #1769ff4d,0 0 0 7px #ffffff1a}.pricing-panel{isolation:isolate;background:radial-gradient(circle at 20% 18%,#1769ff1f,#0000 34%),radial-gradient(circle at 88% 90%,#0f9f6e24,#0000 34%),#fffffff0;grid-template-columns:minmax(0,1fr) minmax(320px,500px);gap:24px;padding:clamp(24px,4vw,48px);scroll-margin-top:128px;display:grid;position:relative;overflow:hidden}.pricing-panel:before{content:"";z-index:0;filter:blur(28px);opacity:.72;background:conic-gradient(from 130deg at 55% 48%,#1769ff3d,#0f9f6e33,#ffffff1a,#1769ff2e,#0f9f6e2e,#1769ff3d);animation:16s cubic-bezier(.45,0,.55,1) infinite alternate pricingShaderFlow;position:absolute;inset:-38%;transform:translate(-2%)rotate(0)}.pricing-panel:after{content:"";z-index:0;opacity:.78;background:linear-gradient(110deg,#ffffffd1 0%,#ffffff70 46%,#eef8ffbd 100%),repeating-linear-gradient(90deg,#1769ff14 0 1px,#0000 1px 38px);position:absolute;inset:0}@keyframes pricingShaderFlow{0%{transform:translate(-2%,-1%)rotate(-8deg)scale(1)}to{transform:translate(4%,3%)rotate(9deg)scale(1.05)}}@media (prefers-reduced-motion:reduce){.pricing-panel:before{animation:none}}.pricing-panel>*{z-index:1;position:relative}.pricing-panel article{color:#fff;background:linear-gradient(135deg,#ffffff14,#0000 30%),#121826;border-radius:22px;padding:26px;box-shadow:inset 0 1px #ffffff1f,0 26px 70px #1218263d}.price-head{justify-content:space-between;align-items:start;gap:16px;display:flex}.price-head p{color:#ffffffad;margin:0}.price-head strong{margin-top:6px;font-size:26px;line-height:1.12;display:block}.price-head strong span{display:block}.price-head small{color:#ffffffb8;margin-top:6px;font-size:13px;font-weight:650;display:block}.price-head>span{color:#ffffffb8;text-transform:uppercase;white-space:nowrap;background:#ffffff1a;border-radius:999px;flex:none;justify-content:center;align-items:center;width:max-content;min-width:max-content;padding:8px 12px;font-size:12px;font-weight:700;display:inline-flex}.pricing-benefits{color:#ffffffc2;gap:10px;margin:24px 0;padding:0;font-size:14px;list-style:none;display:grid}.pricing-benefits li{color:#ffffffdb;background:#fff1;border:1px solid #ffffff1a;border-radius:14px;align-items:center;gap:12px;min-height:44px;padding:10px 12px;line-height:1.25;display:flex;box-shadow:inset 0 1px #ffffff14}.pricing-benefit-icon{color:#93f2d8;fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;background:#ffffff1a;border-radius:999px;flex:none;width:24px;height:24px;padding:5px}.pricing-benefits span{color:inherit;font-weight:680}.primary-wide{color:#121826;letter-spacing:0;text-transform:none;background:#fff;width:100%;box-shadow:0 18px 34px #ffffff14}.pricing-panel .primary-wide{isolation:isolate;color:#fff;letter-spacing:0;text-transform:none;background:radial-gradient(circle at 18% 20%,#ffffff5c,#0000 28%),linear-gradient(135deg,#1769ff 0%,#0f9f6e 100%);border:1px solid #ffffff75;min-height:60px;font-size:15px;font-weight:820;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff5c,0 20px 44px #1769ff57,0 0 0 6px #1769ff1f}.pricing-panel .primary-wide:before{content:"";z-index:-1;border-radius:inherit;opacity:.62;background:linear-gradient(90deg,#0000 0%,#ffffff5c 44%,#0000 72%);transition:transform .52s cubic-bezier(.16,1,.3,1);position:absolute;inset:3px;transform:translate(-58%)skew(-18deg)}.pricing-panel .primary-wide:after{content:"";border-top:2px solid;border-right:2px solid;width:9px;height:9px;margin-left:12px;transition:transform .22s cubic-bezier(.16,1,.3,1);transform:rotate(45deg)}.pricing-panel .primary-wide:hover:before{transform:translate(58%)skew(-18deg)}.pricing-panel .primary-wide:hover:after{transform:translate(3px)rotate(45deg)}.manual-install-link{color:#ffffffc7;background:#ffffff0f;border:1px solid #ffffff29;border-radius:999px;justify-content:center;align-items:center;width:100%;min-height:48px;margin-top:14px;font-size:13px;font-weight:760;display:inline-flex}.manual-install-link:hover{color:#fff;background:#ffffff1a;border-color:#ffffff52;transform:translateY(-1px)}.primary-wide:hover{transform:translateY(-2px)}.primary-wide:active{transform:scale(.98)}.env-note{color:#ffffffb8;background:#ffffff14;border:1px solid #ffffff24;border-radius:14px;padding:14px;font-size:14px;line-height:1.6}@media (max-width:1040px){.hero-grid,.theme-lab,.pricing-panel,.demo-bridge,.theme-customizer{grid-template-columns:1fr}.hero-grid{min-height:auto}.hero-showcase{min-height:520px}.component-grid,.value-strip,.control-showcase,.bridge-steps,.rich-component-wall,.answer-panel,.faq-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.rich-card{grid-column:span 1}.control-showcase,.bridge-steps,.answer-panel,.faq-panel,.site-footer-cta{grid-template-columns:1fr}.style-list{grid-template-columns:repeat(2,minmax(0,1fr))}.style-ai-card{grid-column:1/-1}}@media (max-width:720px){.hero-copy,.component-band,.theme-lab,.pricing-panel,.demo-bridge{padding:24px}.component-grid,.demo-layout,.theme-stage,.value-strip,.rich-component-wall,.theme-preview-grid,.theme-step-card ol,.form-preview-row,.form-preview-row+.form-preview-row,.steps-preview,.comparison-matrix{grid-template-columns:1fr}.comparison-feature-label{display:none}.comparison-product{border-left:0;border-top:1px solid var(--line)}.comparison-row{display:grid}.comparison-row>*+*{border-left:0}.topbar-actions{flex-direction:column;align-items:flex-start}.capture-playground-steps{flex-direction:column;align-items:center;gap:10px}.capture-playground-steps li:not(:last-child):after{display:none}.theme-step-card,.theme-button-card{grid-column:auto}.theme-card.primary,.sample-panel.wide{grid-area:auto}.preview-content{grid-template-columns:1fr}.mini-sidebar{display:none}.metric-row{grid-template-columns:1fr}.extension-page-preview{min-height:380px;padding:22px}.extension-toolbar-preview{border-radius:22px;flex-direction:column;align-items:flex-start}.extension-selection-box{top:174px;left:34px;right:34px}.extension-cursor-callout{width:62px;height:72px;top:150px;left:auto;right:58px}.extension-card-row{grid-template-columns:1fr;bottom:54px;left:34px;right:34px}.extension-card-row span{height:84px}.figma-paste-status{height:48px;font-size:13px;bottom:38px;left:auto;right:34px}.style-list{grid-template-columns:1fr}.theme-showcase-panel{min-height:auto;padding:20px}.modal-preview{padding:20px}.selection-preview-row,.button-preview-row,.segmented-preview{flex-direction:column;align-items:stretch}.rich-components-row{grid-template-columns:minmax(280px,1fr)}.date-picker-popup{grid-template-columns:1fr}.date-picker-popup ul{border-right:0;border-bottom:1px solid var(--line)}}.capture-playground{--system-page-text:#121826;--system-bg:#f7f8fb;--system-panel:#fff;--system-raised:#f1f3f7;--system-text:#151924;--system-muted:#666f7d;--system-accent:#111;--system-on-accent:#fff;--system-line:#12182629;--system-radius:12px;--system-radius-lg:18px;--system-border:1px;--system-gap:16px;--system-pad:clamp(22px, 3.6vw, 44px);--system-font:var(--font-geist), sans-serif;--system-heading-weight:820;--system-heading-transform:none;--system-shadow:0 28px 80px #27375a2e;background:var(--lab-bg,#fff);color:var(--system-page-text)}.capture-playground .eyebrow{color:var(--system-accent);letter-spacing:0}.capture-playground .capture-playground-heading h2,.capture-playground .capture-playground-heading p:not(.eyebrow),.capture-playground .rich-heading p{color:var(--system-page-text)}@supports (color:color-mix(in lab, red, red)){.capture-playground .capture-playground-heading p:not(.eyebrow),.capture-playground .rich-heading p{color:color-mix(in srgb, var(--system-page-text) 68%, transparent)}}.capture-theme-nike{--lab-bg:linear-gradient(135deg, #11111114, transparent 34%), linear-gradient(180deg, #fbfbf6 0%, #efeee7 100%);--system-bg:#f0efe8;--system-panel:#fff;--system-raised:#111;--system-text:#111;--system-muted:#5f625d;--system-accent:#111;--system-on-accent:#fff;--system-line:#11111138;--system-radius:4px;--system-radius-lg:8px;--system-border:2px;--system-gap:12px;--system-heading-weight:900;--system-heading-transform:uppercase;--system-shadow:none}.capture-theme-airbnb{--lab-bg:radial-gradient(circle at 12% 14%, #ff385c29, transparent 24%), radial-gradient(circle at 88% 80%, #ffbb994d, transparent 28%), #fff8f5;--system-bg:#fff2ed;--system-panel:#fff;--system-raised:#fff7f4;--system-text:#231f20;--system-muted:#7a676b;--system-accent:#ff385c;--system-on-accent:#fff;--system-line:#ff385c3d;--system-radius:24px;--system-radius-lg:34px;--system-border:1px;--system-gap:20px;--system-heading-weight:780;--system-shadow:0 28px 76px #9e40522e}.capture-theme-spacex{--lab-bg:linear-gradient(90deg, #ffffff0f 1px, transparent 1px), linear-gradient(180deg, #ffffff0d 1px, transparent 1px), radial-gradient(circle at 72% 18%, #7d9cff29, transparent 28%), #05070b;--system-page-text:#f4f7ff;--system-bg:#090d14;--system-panel:#0e141f;--system-raised:#161e2b;--system-text:#f7faff;--system-muted:#9da8b8;--system-accent:#fff;--system-on-accent:#05070b;--system-line:#fff3;--system-radius:2px;--system-radius-lg:4px;--system-border:1px;--system-gap:12px;--system-font:var(--font-geist-mono), monospace;--system-heading-weight:780;--system-heading-transform:uppercase;--system-shadow:0 32px 90px #0000006b;background-size:40px 40px,40px 40px,auto,auto}.capture-theme-openai{--lab-bg:radial-gradient(circle at 18% 24%, #20231f14, transparent 24%), linear-gradient(180deg, #f7f5ef 0%, #ece8dd 100%);--system-bg:#eeebe2;--system-panel:#fbfaf6;--system-raised:#f4f1e9;--system-text:#1f211d;--system-muted:#686961;--system-accent:#1f211d;--system-on-accent:#fff;--system-line:#1f211d29;--system-radius:12px;--system-radius-lg:18px;--system-border:1px;--system-gap:16px;--system-heading-weight:650;--system-shadow:0 26px 70px #3e3c321f}.capture-theme-nickelodeon{--lab-bg:radial-gradient(circle at 16% 18%, #ff6a0038, transparent 24%), radial-gradient(circle at 84% 24%, #ffd20047, transparent 26%), #fff3bf;--system-bg:#ffe66b;--system-panel:#fff7d8;--system-raised:#ffb000;--system-text:#261205;--system-muted:#6b3a14;--system-accent:#ff6a00;--system-on-accent:#261205;--system-line:#261205e6;--system-radius:28px;--system-radius-lg:42px;--system-border:3px;--system-gap:20px;--system-heading-weight:900;--system-shadow:8px 8px 0 #261205}.brand-theme-customizer{grid-template-columns:minmax(220px,300px) minmax(0,1fr);align-items:stretch}.brand-style-list{overscroll-behavior:contain;scrollbar-width:thin;align-self:start;gap:14px;max-height:none;margin:-10px;padding:10px;position:sticky;top:112px;overflow:visible}.theme-picker-label{border:1px solid var(--system-line);background:var(--system-panel);border-radius:999px;grid-column:1/-1;align-items:center;gap:9px;width:fit-content;margin:0 0 4px;padding:8px 11px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.theme-picker-label{background:color-mix(in srgb, var(--system-panel) 86%, transparent)}}.theme-picker-label{color:var(--system-text);font-family:var(--system-font);letter-spacing:.04em;text-transform:uppercase;font-size:13px;font-weight:820;line-height:1}.theme-picker-label:before{content:"";background:var(--system-accent);width:7px;height:7px;box-shadow:0 0 0 3px var(--system-accent);border-radius:999px}@supports (color:color-mix(in lab, red, red)){.theme-picker-label:before{box-shadow:0 0 0 3px color-mix(in srgb, var(--system-accent) 18%, transparent)}}.brand-style-list button{border:var(--system-border) solid transparent;border-radius:var(--system-radius-lg);background:var(--system-panel);min-height:76px;color:var(--system-text);font-family:var(--system-font);align-content:center;gap:5px;padding:14px 18px 14px 48px;font-size:16px;display:grid;position:relative;box-shadow:inset 0 0 0 1px #ffffff57}.brand-style-list button:before{content:"";border:1px solid var(--system-line);background:var(--style-token);border-radius:999px;width:16px;height:16px;position:absolute;top:50%;left:18px;transform:translateY(-50%)}.brand-style-list button[aria-pressed=true]{border-color:var(--system-accent);background:var(--system-accent)}@supports (color:color-mix(in lab, red, red)){.brand-style-list button[aria-pressed=true]{background:color-mix(in srgb, var(--system-accent) 12%, var(--system-panel))}}.brand-style-list button[aria-pressed=true]{color:var(--system-text);box-shadow:var(--system-shadow)}.capture-theme-spacex .brand-style-list button[aria-pressed=true]{background:#151c29}.capture-theme-nike .brand-style-list button[aria-pressed=true]{background:#e3e3dd}.brand-style-list button span{font-weight:780}.brand-style-list button small{color:var(--system-muted);font-size:12px;font-weight:620}.capture-theme-spacex .brand-style-list button small{color:#c2cad8}.brand-showcase-panel{border:var(--system-border) solid var(--system-line);border-radius:var(--system-radius-lg);background:var(--system-bg);min-height:680px;color:var(--system-text);font-family:var(--system-font);box-shadow:var(--system-shadow);padding:0;overflow:hidden}.brand-browser-bar{border-bottom:var(--system-border) solid var(--system-line);background:var(--system-panel);align-items:center;gap:8px;display:flex}@supports (color:color-mix(in lab, red, red)){.brand-browser-bar{background:color-mix(in srgb, var(--system-panel) 84%, transparent)}}.brand-browser-bar{padding:14px var(--system-pad)}.brand-browser-bar span{border:var(--system-border) solid var(--system-line);background:var(--system-accent);border-radius:999px;width:10px;height:10px}.brand-browser-bar b{color:var(--system-muted);margin-left:8px;font-size:12px;font-weight:650}.brand-preview-grid{gap:var(--system-gap);padding:var(--system-pad);grid-template-columns:minmax(0,1.16fr) minmax(260px,.84fr);display:grid}.brand-hero-module,.brand-control-panel,.brand-stat-card,.brand-package-card,.brand-card-stack article{border:var(--system-border) solid var(--system-line);border-radius:var(--system-radius-lg);background:var(--system-panel)}.brand-hero-module{grid-column:1/-1;align-content:end;gap:16px;min-height:260px;padding:clamp(24px,5vw,58px);display:grid}.brand-hero-module p,.brand-package-card span,.brand-stat-card span,.brand-card-stack span{color:var(--system-accent);font-size:12px;font-weight:820}.brand-hero-module h3{max-width:780px;color:var(--system-text);font-size:clamp(36px,6vw,76px);font-weight:var(--system-heading-weight);text-transform:var(--system-heading-transform);line-height:.96}.brand-hero-module>span{max-width:700px;color:var(--system-muted);font-size:16px;line-height:1.6}.brand-action-row,.brand-chip-row,.create-button-row,.create-badge-row,.create-footer-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.brand-action-row button,.brand-chip-row button,.brand-control-panel button,.brand-stat-card,.brand-package-card,.create-card button{font-family:inherit}.brand-action-row button,.brand-chip-row button{border:var(--system-border) solid var(--system-line);border-radius:var(--system-radius);background:var(--system-panel);min-height:40px;color:var(--system-text);padding:0 16px;font-size:13px;font-weight:760}.brand-action-row button:first-child{border-color:var(--system-accent);background:var(--system-accent);color:var(--system-on-accent)}.brand-control-panel{gap:14px;padding:20px;display:grid}.brand-search-field{border:var(--system-border) solid var(--system-line);border-radius:var(--system-radius);background:var(--system-raised);min-height:48px;color:var(--system-muted);justify-content:space-between;align-items:center;gap:16px;padding:0 14px;font-size:13px;display:flex}.brand-search-field b{color:var(--system-text);font-size:12px}.brand-chip-row button{min-height:34px;padding:0 12px}.brand-toggle-line{border-top:var(--system-border) solid var(--system-line);color:var(--system-muted);justify-content:space-between;align-items:center;padding-top:14px;font-size:13px;display:flex}.brand-toggle-line i{border:var(--system-border) solid var(--system-line);background:var(--system-accent);border-radius:999px;width:44px;height:26px;position:relative}.brand-toggle-line i:after{content:"";background:var(--system-on-accent);border-radius:999px;width:16px;height:16px;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.brand-stat-card{align-content:center;gap:7px;padding:24px;display:grid}.brand-stat-card strong{color:var(--system-text);font-size:clamp(42px,6vw,72px);font-weight:var(--system-heading-weight);line-height:.95}.brand-stat-card p{color:var(--system-muted);margin-top:10px;font-size:13px}.brand-stat-card b{color:var(--system-text);font-size:22px}.brand-rating-stars{gap:5px;margin-top:2px;display:flex}.brand-rating-stars i{background:var(--system-accent);clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 56%,79% 92%,50% 70%,21% 92%,32% 56%,2% 35%,39% 35%);width:15px;height:15px;filter:drop-shadow(0 5px 8px var(--system-accent));display:block}@supports (color:color-mix(in lab, red, red)){.brand-rating-stars i{filter:drop-shadow(0 5px 8px color-mix(in srgb, var(--system-accent) 32%, transparent))}}.brand-package-card{gap:14px;padding:22px;display:grid}.brand-package-card header{justify-content:space-between;align-items:start;gap:16px;display:flex}.brand-package-card header span{text-transform:uppercase}.brand-package-card header strong{max-width:150px;color:var(--system-text);text-align:right;font-size:18px;line-height:1.1}.package-preview{border:var(--system-border) solid var(--system-line);border-radius:var(--system-radius);background:linear-gradient(120deg, var(--system-accent), transparent 42%), var(--system-raised);gap:12px;display:grid}@supports (color:color-mix(in lab, red, red)){.package-preview{background:linear-gradient(120deg, color-mix(in srgb, var(--system-accent) 10%, transparent), transparent 42%), var(--system-raised)}}.package-preview{padding:14px}.package-component-card{border:var(--system-border) solid var(--system-line);border-radius:var(--system-radius);background:var(--system-panel);grid-template-columns:minmax(0,1fr) minmax(88px,116px);align-items:center;gap:12px;padding:12px;display:grid}.package-component-card>div{align-content:center;gap:8px;min-width:0;display:grid}.package-component-card span{color:var(--system-muted);letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:780;line-height:1}.package-component-card button{border:var(--system-border) solid var(--system-accent);justify-self:start;min-height:38px}@supports (color:color-mix(in lab, red, red)){.package-component-card button{border:var(--system-border) solid color-mix(in srgb, var(--system-accent) 72%, var(--system-line))}}.package-component-card button{border-radius:var(--system-radius);background:var(--system-accent);color:var(--system-on-accent);font-family:var(--system-font);padding:0 14px;font-size:13px;font-weight:780;line-height:1}.package-component-card small{color:var(--system-muted);font-size:12px;line-height:1.25;display:block}.package-abstract-image{border:var(--system-border) solid var(--system-accent);align-self:stretch;min-height:86px;display:block;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.package-abstract-image{border:var(--system-border) solid color-mix(in srgb, var(--system-accent) 34%, var(--system-line))}}.package-abstract-image{border-radius:calc(var(--system-radius) * .82);background:linear-gradient(180deg, #ffffff1a, transparent 42%), radial-gradient(circle at 24% 20%, var(--system-accent), transparent 34%), url(/abstract-3d-object-unsplash.jpg)}@supports (color:color-mix(in lab, red, red)){.package-abstract-image{background:linear-gradient(180deg, #ffffff1a, transparent 42%), radial-gradient(circle at 24% 20%, color-mix(in srgb, var(--system-accent) 22%, transparent), transparent 34%), url(/abstract-3d-object-unsplash.jpg)}}.package-abstract-image{box-shadow:inset 0 1px 0 #ffffffa3, 0 16px 28px var(--system-accent);background-position:50%;background-size:cover;font-style:normal}@supports (color:color-mix(in lab, red, red)){.package-abstract-image{box-shadow:inset 0 1px 0 #ffffffa3, 0 16px 28px color-mix(in srgb, var(--system-accent) 12%, transparent)}}.package-abstract-image:after{content:"";background:linear-gradient(180deg, #ffffff1f, transparent 38%), radial-gradient(circle at 24% 20%, var(--system-accent), transparent 34%);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.package-abstract-image:after{background:linear-gradient(180deg, #ffffff1f, transparent 38%), radial-gradient(circle at 24% 20%, color-mix(in srgb, var(--system-accent) 28%, transparent), transparent 34%)}}.package-abstract-image:after{mix-blend-mode:screen;pointer-events:none}.package-token-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.package-token-grid span{border:var(--system-border) solid var(--system-line);border-radius:calc(var(--system-radius) * .8);background:var(--system-panel);min-height:56px;color:var(--system-text);align-content:center;min-width:0;padding:9px 10px;font-size:12px;font-weight:740;line-height:1.2;display:grid}.package-token-grid b{color:var(--system-muted);letter-spacing:.05em;text-transform:uppercase;margin-bottom:4px;font-size:10px;font-weight:760;line-height:1;display:block}.package-layer-list{gap:8px;display:grid}.package-layer-list span{border-top:var(--system-border) solid var(--system-line);color:var(--system-text);grid-template-columns:12px minmax(0,1fr) max-content;align-items:center;gap:8px;padding-top:8px;font-size:12px;line-height:1.2;display:grid}.package-layer-list i{background:var(--system-accent);border-radius:3px;width:9px;height:9px}.package-layer-list b{color:var(--system-muted);text-transform:uppercase;font-size:10px;font-weight:680}.brand-card-stack{gap:var(--system-gap);display:grid}.brand-card-stack article{padding:18px}.brand-card-stack strong{color:var(--system-text);margin-top:18px;font-size:18px;line-height:1.15;display:block}.brand-card-stack p{color:var(--system-muted);margin-top:8px;font-size:13px;line-height:1.45}.capture-theme-nickelodeon .brand-hero-module,.capture-theme-nickelodeon .brand-card-stack article,.capture-theme-nickelodeon .brand-control-panel,.capture-theme-nickelodeon .brand-stat-card,.capture-theme-nickelodeon .brand-package-card{box-shadow:5px 5px #261205}.capture-theme-spacex .brand-hero-module,.capture-theme-spacex .brand-control-panel,.capture-theme-spacex .brand-stat-card,.capture-theme-spacex .brand-package-card,.capture-theme-spacex .brand-card-stack article{background:linear-gradient(90deg, #ffffff0a 1px, transparent 1px), var(--system-panel);background-size:22px 22px}.rich-components-section{margin-top:clamp(58px,8vw,96px)}.capture-playground .rich-heading h2{color:var(--system-page-text)}.create-components-row{margin-right:calc(var(--capture-pad-x) * -1);padding:8px var(--capture-pad-x) 24px 4px;scroll-padding-right:var(--capture-pad-x);scroll-snap-type:x proximity;grid-template-columns:none;align-items:flex-start;gap:28px;display:flex;overflow-x:auto}.create-card{color:#f3f3f3;scroll-snap-align:start;background:#181818;border:1px solid #ffffff17;border-radius:14px;flex:0 0 340px;min-height:0;padding:16px;box-shadow:0 24px 70px #0000003d}.create-card h3{color:#f6f6f6;font-size:16px;font-weight:680}.create-card p,.create-card span,.create-card small,.create-card em{color:#a8a8a8}.create-controls-card{background:#101010;flex-basis:340px;gap:16px;display:grid}.create-icon-grid{grid-template-columns:repeat(8,1fr);gap:10px;display:grid}.create-icon-grid button{aspect-ratio:1;color:#efefef;background:#151515;border:1px solid #303030;border-radius:9px;place-items:center;width:100%;display:grid}.create-icon-grid button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:16px;height:16px}.create-button-row button,.twofa-card button,.create-footer-controls button,.env-card button,.layer-card button,.handoff-card button,.team-empty button,.invite-row button,.add-member{color:#f0f0f0;background:#232323;border:1px solid #3a3a3a;border-radius:8px;min-height:30px;padding:0 12px;font-size:12px;font-weight:640}.create-button-row .is-primary,.env-card footer button:last-child,.layer-card>button,.handoff-card footer button,.team-empty button{color:#171717;background:#e8e8e8;border-color:#e8e8e8}.create-button-row .is-ghost{background:0 0;border-color:#0000}.twofa-card{background:#1f1f1f;border:1px solid #343434;border-radius:9px;justify-content:space-between;align-items:center;gap:14px;padding:12px;display:flex}.twofa-card strong,.twofa-card span{display:block}.twofa-card strong{color:#f2f2f2;font-size:13px;font-weight:650}.twofa-card span{margin-top:5px;font-size:12px}.create-slider{align-items:center;height:18px;display:grid}.create-slider:before{content:"";background:linear-gradient(90deg,#e8e8e8 0 50%,#303030 50%);border-radius:999px;height:4px}.create-slider i{background:#f3f3f3;border-radius:999px;width:11px;height:11px;margin-top:-15px;margin-left:47%}.create-input,.create-textarea{color:#a8a8a8;background:#202020;border:1px solid #3a3a3a;border-radius:9px;justify-content:space-between;align-items:center;padding:0 10px;font-size:13px;display:flex}.create-input{min-height:30px}.create-input b{color:#a8a8a8;font-size:11px;font-weight:560}.create-textarea{align-items:start;min-height:72px;padding-top:12px}.create-badge-row span{color:#eee;background:#202020;border:1px solid #303030;border-radius:999px;padding:3px 9px;font-size:11px;line-height:1}.create-badge-row span:first-child{color:#111;background:#eee;border-color:#eee}.create-badge-row i{border:1px solid #454545;border-radius:999px;width:14px;height:14px}.create-badge-row .checked{background:#eee;box-shadow:inset 0 0 0 3px #181818}.create-footer-controls{justify-content:space-between}.create-footer-controls span{background:#e8e8e8;border-radius:999px;width:30px;height:18px;position:relative}.create-footer-controls span:after{content:"";background:#181818;border-radius:999px;width:14px;height:14px;position:absolute;top:2px;right:2px}.env-card,.layer-card,.handoff-card,.invite-card{gap:14px;display:grid}.env-card,.layer-card,.handoff-card{flex-basis:340px}.env-card header p,.layer-card header p,.handoff-card header p,.invite-card header p{margin-top:4px;font-size:13px}.env-row,.invite-row{background:#1d1d1d;border:1px solid #343434;border-radius:9px;grid-template-columns:minmax(0,1fr) max-content;align-items:center;gap:10px;padding:8px 10px;display:grid}.env-row span,.env-row b{font-family:var(--font-geist-mono), monospace;font-size:11px}.env-row span{color:#eee}.env-row b{color:#a8a8a8;font-weight:500}.env-card footer{border-top:1px solid #303030;justify-content:space-between;margin:4px -16px -16px;padding:14px 16px;display:flex}.layer-card header,.handoff-card header{justify-content:space-between;align-items:start;gap:14px;display:flex}.layer-card header>span,.handoff-card header>span{color:#d8d8d8;border:1px solid #353535;border-radius:999px;padding:3px 9px;font-size:11px}.layer-selection{background:linear-gradient(135deg,#ffffff14,#0000 54%),#1f1f1f;border:1px solid #343434;border-radius:12px;padding:14px}.layer-selection span{color:#171717;text-transform:uppercase;background:#e8e8e8;border-radius:999px;padding:3px 8px;font-size:10px;font-weight:760;display:inline-flex}.layer-selection strong{color:#f2f2f2;margin-top:12px;font-size:18px;line-height:1.1;display:block}.layer-selection small{color:#a8a8a8;margin-top:6px;font-size:12px;display:block}.layer-list{gap:8px;display:grid}.layer-list span{color:#eee;background:#1d1d1d;border:1px solid #303030;border-radius:9px;grid-template-columns:14px minmax(0,1fr) max-content;align-items:center;gap:8px;padding:8px 9px;font-size:12px;display:grid}.layer-list i{background:#e8e8e8;border-radius:3px;width:10px;height:10px}.layer-list b{color:#a8a8a8;text-transform:uppercase;font-size:10px;font-weight:620}.layer-properties{border:1px solid #303030;border-radius:10px;grid-template-columns:repeat(3,1fr);display:grid;overflow:hidden}.layer-properties span{gap:3px;padding:10px;display:grid}.layer-properties span+span{border-left:1px solid #303030}.layer-properties small{color:#797979;text-transform:uppercase;font-size:10px}.layer-properties b{color:#eee;font-size:14px;font-weight:620}.layer-card>button{width:100%}.handoff-preview{background:#101010;border:1px solid #343434;border-radius:12px;overflow:hidden}.handoff-window-bar{border-bottom:1px solid #303030;align-items:center;gap:6px;padding:9px 10px;display:flex}.handoff-window-bar span{background:#4a4a4a;border-radius:999px;width:8px;height:8px}.handoff-window-bar b{color:#a8a8a8;font-family:var(--font-geist-mono), monospace;margin-left:auto;font-size:10px;font-weight:560}.handoff-frame{gap:8px;padding:14px;display:grid}.handoff-node{background:#353535;border-radius:5px;width:76%;height:16px;display:block}.handoff-node.wide{background:#e8e8e8;border-radius:8px;width:100%;height:34px}.handoff-node.accent{background:#787878;width:64%}.handoff-node.short{width:48%}.handoff-steps{gap:8px;margin:0;padding:0;list-style:none;display:grid}.handoff-steps li{background:#1d1d1d;border:1px solid #303030;border-radius:9px;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:10px;padding:8px;display:grid}.handoff-steps span{color:#171717;background:#e8e8e8;border-radius:7px;place-items:center;width:28px;height:28px;font-size:11px;font-weight:760;display:grid}.handoff-steps b{color:#eee;font-size:13px;font-weight:650}.handoff-card footer{border-top:1px solid #303030;justify-content:space-between;align-items:center;gap:12px;margin:4px -16px -16px;padding:12px 16px;display:flex}.handoff-card footer span{font-size:12px}.invite-card{flex-basis:340px}.invite-row span{color:#eee;font-size:13px}.add-member{background:#1d1d1d;width:100%}.team-empty{text-align:center;border:1px dashed #3a3a3a;border-radius:12px;justify-items:center;gap:9px;margin-top:8px;padding:24px;display:grid}.avatar-stack{display:flex}.avatar-stack span{color:#f2f2f2;background:#4b4b4b;border:2px solid #181818;border-radius:999px;place-items:center;width:32px;height:32px;font-size:12px;font-weight:720;display:grid}.avatar-stack span+span{margin-left:-9px}.team-empty strong{color:#f2f2f2;font-size:13px}.team-empty p{max-width:190px;font-size:13px;line-height:1.45}.capture-playground .create-card{border:var(--system-border) solid var(--system-line);border-radius:var(--system-radius-lg);background:var(--system-panel);color:var(--system-text);box-shadow:var(--system-shadow);font-family:var(--system-font)}.capture-playground .create-controls-card{background:linear-gradient(135deg, var(--system-accent), transparent 42%), var(--system-panel)}@supports (color:color-mix(in lab, red, red)){.capture-playground .create-controls-card{background:linear-gradient(135deg, color-mix(in srgb, var(--system-accent) 8%, transparent), transparent 42%), var(--system-panel)}}.capture-theme-spacex .create-card{background:linear-gradient(90deg, #ffffff09 1px, transparent 1px), var(--system-panel);background-size:24px 24px}.capture-theme-nickelodeon .create-card{box-shadow:5px 5px #261205}.capture-playground .create-card h3,.capture-playground .create-card strong,.capture-playground .env-row span,.capture-playground .layer-properties b,.capture-playground .handoff-steps b,.capture-playground .team-empty strong,.capture-playground .invite-row span{color:var(--system-text)}.capture-playground .create-card p,.capture-playground .create-card span,.capture-playground .create-card small,.capture-playground .create-card em,.capture-playground .env-row b,.capture-playground .create-input b,.capture-playground .layer-selection small,.capture-playground .layer-list b,.capture-playground .layer-properties small,.capture-playground .handoff-window-bar b{color:var(--system-muted)}.capture-playground .create-icon-grid button,.capture-playground .create-input,.capture-playground .create-textarea,.capture-playground .invite-row,.capture-playground .add-member,.capture-playground .team-empty,.capture-playground .create-footer-controls button,.capture-playground .twofa-card button,.capture-playground .invite-row button,.capture-playground .layer-list span,.capture-playground .layer-properties,.capture-playground .handoff-preview,.capture-playground .handoff-steps li{border:var(--system-border) solid var(--system-line);border-radius:var(--system-radius);background:var(--system-raised);color:var(--system-text)}.capture-playground .twofa-card,.capture-playground .env-row,.capture-playground .layer-selection{border:var(--system-border) solid var(--system-line);border-radius:var(--system-radius);background:var(--system-accent)}@supports (color:color-mix(in lab, red, red)){.capture-playground .twofa-card,.capture-playground .env-row,.capture-playground .layer-selection{background:color-mix(in srgb, var(--system-accent) 8%, var(--system-panel))}}.capture-playground .twofa-card,.capture-playground .env-row,.capture-playground .layer-selection{color:var(--system-text)}.capture-playground .create-input,.capture-playground .create-textarea,.capture-playground .invite-row,.capture-playground .add-member,.capture-playground .team-empty,.capture-playground .layer-list span,.capture-playground .handoff-preview,.capture-playground .handoff-steps li{background:var(--system-accent)}@supports (color:color-mix(in lab, red, red)){.capture-playground .create-input,.capture-playground .create-textarea,.capture-playground .invite-row,.capture-playground .add-member,.capture-playground .team-empty,.capture-playground .layer-list span,.capture-playground .handoff-preview,.capture-playground .handoff-steps li{background:color-mix(in srgb, var(--system-accent) 5%, var(--system-panel))}}.capture-playground .create-icon-grid button,.capture-playground .layer-selection span,.capture-playground .layer-list i,.capture-playground .handoff-steps span,.capture-playground .handoff-node.accent{background:var(--system-accent);color:var(--system-on-accent)}.capture-playground .create-button-row button,.capture-playground .env-card button,.capture-playground .layer-card button,.capture-playground .handoff-card button,.capture-playground .team-empty button{border:var(--system-border) solid var(--system-line);border-radius:var(--system-radius);background:var(--system-panel);color:var(--system-text)}.capture-playground .create-footer-controls button,.capture-playground .invite-row button{background:var(--system-panel);color:var(--system-text)}.capture-playground .twofa-card button,.capture-playground .create-button-row .is-primary,.capture-playground .env-card footer button:last-child,.capture-playground .layer-card>button,.capture-playground .handoff-card footer button,.capture-playground .team-empty button{border-color:var(--system-accent);background:var(--system-accent);color:var(--system-on-accent)}.capture-playground .create-button-row .is-ghost{color:var(--system-muted);background:0 0}.capture-playground .create-slider:before{background:linear-gradient(90deg, var(--system-accent) 0 50%, var(--system-text) 50%)}@supports (color:color-mix(in lab, red, red)){.capture-playground .create-slider:before{background:linear-gradient(90deg, var(--system-accent) 0 50%, color-mix(in srgb, var(--system-text) 14%, transparent) 50%)}}.capture-playground .create-slider i{background:var(--system-accent)}.capture-playground .create-badge-row span{border:var(--system-border) solid var(--system-line);background:var(--system-raised);color:var(--system-text)}.capture-playground .create-badge-row span:first-child{border-color:var(--system-accent);background:var(--system-accent);color:var(--system-on-accent)}.capture-playground .create-badge-row i{border:var(--system-border) solid var(--system-line)}.capture-playground .create-badge-row .checked{background:var(--system-accent);box-shadow:inset 0 0 0 3px var(--system-panel)}.capture-playground .create-footer-controls span{background:var(--system-accent)}.capture-playground .create-footer-controls span:after{background:var(--system-on-accent)}.capture-playground .env-card footer,.capture-playground .handoff-window-bar,.capture-playground .handoff-card footer,.capture-playground .layer-properties,.capture-playground .layer-properties span+span{border-color:var(--system-line)}.capture-playground .handoff-node{background:var(--system-accent)}@supports (color:color-mix(in lab, red, red)){.capture-playground .handoff-node{background:color-mix(in srgb, var(--system-accent) 18%, var(--system-raised))}}.capture-playground .handoff-node.wide{background:var(--system-accent)}@supports (color:color-mix(in lab, red, red)){.capture-playground .handoff-node.wide{background:color-mix(in srgb, var(--system-accent) 26%, var(--system-raised))}}.capture-playground .handoff-window-bar span{background:var(--system-text)}@supports (color:color-mix(in lab, red, red)){.capture-playground .handoff-window-bar span{background:color-mix(in srgb, var(--system-text) 20%, transparent)}}.capture-playground .avatar-stack span{border-color:var(--system-panel);background:var(--system-accent);color:var(--system-on-accent)}@media (max-width:1040px){.brand-theme-customizer,.brand-preview-grid{grid-template-columns:1fr}.brand-style-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none;position:static;overflow:visible}}@media (max-width:720px){.capture-playground{padding:24px 14px}.brand-style-list{grid-template-columns:1fr}.brand-preview-grid{padding:16px}.brand-hero-module{min-height:220px;padding:22px}.brand-package-card{grid-template-columns:1fr}.create-card{flex-basis:min(86vw,360px)}.create-icon-grid{grid-template-columns:repeat(4,1fr)}}.install-shell{width:min(1440px,100%);margin:0 auto;padding:20px clamp(16px,3vw,32px) 48px}.install-topbar{z-index:10;justify-content:space-between;align-items:center;gap:16px;display:flex;position:sticky;top:16px}.install-topbar-links{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.install-topbar-links a{min-height:40px;color:var(--muted);border-radius:999px;justify-content:center;align-items:center;padding:0 14px;font-size:13px;font-weight:760;display:inline-flex}.install-topbar-links a:hover{color:var(--ink);background:#1769ff14}.install-hero,.install-steps,.install-activation-panel,.install-troubleshooting{border:1px solid var(--line);background:#ffffffeb;border-radius:28px;margin-top:20px;box-shadow:0 22px 60px #27375a1a}.install-hero{background:linear-gradient(90deg,#fffffff2,#f7faffc7),repeating-linear-gradient(90deg,#1769ff14 0 1px,#0000 1px 38px),repeating-linear-gradient(#1769ff0f 0 1px,#0000 1px 38px);grid-template-columns:minmax(0,1fr) minmax(320px,520px);align-items:center;gap:clamp(24px,4vw,56px);padding:clamp(28px,5vw,64px);display:grid;overflow:hidden}.install-hero h1{max-width:11ch;color:var(--ink);margin-top:12px;font-size:clamp(46px,8vw,96px);font-weight:840;line-height:.95}.install-hero p:not(.eyebrow){max-width:66ch;color:var(--muted);margin-top:22px;font-size:18px;line-height:1.75}.install-command-row{background:#ffffffc2;border:1px solid #1118271f;border-radius:18px;flex-wrap:wrap;align-items:center;gap:10px;width:fit-content;max-width:100%;margin-top:28px;padding:10px;display:flex}.install-command-row code,.install-file-tree li,.install-activation-card code{font-family:var(--font-geist-mono), ui-monospace, SFMono-Regular, Menlo, monospace}.install-command-row code{color:#f8fafc;background:#111827;border-radius:12px;padding:10px 12px;font-size:13px;font-weight:720}.install-command-row span{color:var(--muted);padding:0 6px;font-size:13px;font-weight:720}.install-folder-visual{color:#f8fafc;background:#111827;border:1px solid #1118271f;border-radius:22px;overflow:hidden;box-shadow:0 28px 70px #1118273d}.install-window-bar{background:#ffffff0f;border-bottom:1px solid #ffffff1a;align-items:center;gap:8px;padding:14px 16px;display:flex}.install-window-bar span{background:#ffffff47;border-radius:999px;width:10px;height:10px}.install-window-bar b{color:#ffffffbd;margin-left:6px;font-size:13px;font-weight:680}.install-file-tree{padding:clamp(22px,4vw,34px)}.install-file-tree p{color:#fff;align-items:center;gap:10px;margin:0 0 20px;font-size:18px;font-weight:780;display:flex}.install-file-tree svg,.install-help-grid svg,.install-activation-card svg{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:24px;height:24px}.install-file-tree ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.install-file-tree li{color:#e2e8f0c7;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:14px;padding:12px 14px;font-size:13px}.install-file-tree li.is-required{color:#c7fff0;background:#0acf831f;border-color:#93f2d861}.install-steps,.install-troubleshooting{padding:clamp(24px,4vw,42px)}.install-section-heading{justify-content:space-between;align-items:end;gap:18px;margin-bottom:22px;display:flex}.install-section-heading h2,.install-activation-panel h2{color:var(--ink);margin-top:8px;font-size:clamp(28px,4vw,48px);font-weight:780;line-height:1}.install-step-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.install-step-list article,.install-help-grid article{background:#f8fafcb8;border:1px solid #1118271a;border-radius:18px;padding:20px}.install-step-list article>span{color:var(--brand-dark);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:820}.install-step-list h3,.install-help-grid h3{color:var(--ink);margin:10px 0 0;font-size:19px;line-height:1.2}.install-step-list p,.install-help-grid p,.install-activation-panel p{color:var(--muted);margin-top:10px;line-height:1.65}.install-step-list small{color:#475569;margin-top:14px;font-size:13px;font-weight:680;line-height:1.45;display:block}.install-activation-panel{background:radial-gradient(circle at 90% 20%,#a259ff1f,#0000 34%),radial-gradient(circle at 30% 100%,#1abcfe24,#0000 36%),#fffffff0;grid-template-columns:minmax(0,1fr) minmax(280px,440px);align-items:center;gap:24px;padding:clamp(24px,4vw,42px);display:grid;overflow:hidden}.install-activation-card{color:#fff;background:#111827;border:1px solid #1118271f;border-radius:20px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;padding:20px;display:grid;box-shadow:0 24px 54px #11182733}.install-activation-card svg{color:#93f2d8}.install-activation-card strong{font-size:15px;display:block}.install-activation-card code{color:#e2e8f0ad;margin-top:5px;font-size:12px;display:block}.install-activation-card button{color:#111827;min-height:48px;font:inherit;background:#fff;border:0;border-radius:999px;grid-column:1/-1;font-weight:780}.install-help-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.install-help-grid article{background:#fff}.install-help-grid svg{color:var(--brand)}.install-help-grid code{color:var(--ink);background:#11182714;border-radius:7px;padding:2px 5px}@media (max-width:980px){.install-hero,.install-activation-panel{grid-template-columns:1fr}.install-step-list,.install-help-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:680px){.install-topbar{flex-direction:column;align-items:flex-start;position:static}.install-topbar-links{justify-content:flex-start}.install-hero h1{max-width:12ch}.install-step-list,.install-help-grid{grid-template-columns:1fr}.install-section-heading{display:block}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}