/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-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}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.grid{display:grid}.table{display:table}}:root{--ink:#f4f2ec;--muted:#a9a7b2;--black:#08090c;--surface:#111217;--surface-soft:#17181f;--line:#ffffff1c;--accent:#e9ed78;--accent-rgb:233, 237, 120;--purple:#8b5cf6;--font-body:var(--font-geist-sans), Arial, sans-serif;--font-mono:var(--font-geist-mono), monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip}body{background:var(--black);color:var(--ink);font-family:var(--font-body);margin:0;overflow-x:hidden}button,a{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}::selection{background:var(--accent);color:var(--black)}main{isolation:isolate;background:radial-gradient(circle at 100% 4%, #8b5cf61f, transparent 23%), radial-gradient(circle at 0 18%, rgba(var(--accent-rgb), .055), transparent 20%);min-height:100vh;position:relative}.nav-shell{z-index:50;border:1px solid var(--line);-webkit-backdrop-filter:blur(24px)saturate(140%);backdrop-filter:blur(24px)saturate(140%);background:#0f1014c2;border-radius:18px;grid-template-columns:1fr auto 1fr;align-items:center;width:min(1180px,100% - 40px);height:66px;padding:0 13px 0 22px;display:grid;position:fixed;top:20px;left:50%;transform:translate(-50%);box-shadow:0 14px 45px #00000040}.brand{letter-spacing:-.08em;align-items:flex-start;width:fit-content;font-size:1.35rem;font-weight:850;display:inline-flex}.brand-mark{border:1px solid rgba(var(--accent-rgb), .45);background:rgba(var(--accent-rgb), .08);border-radius:11px;place-items:center;width:38px;height:38px;display:inline-grid}.brand-dot{background:var(--accent);width:6px;height:6px;box-shadow:0 0 12px var(--accent);border-radius:50%;margin:3px 0 0 4px}.nav-links{color:#bab8c1;align-items:center;gap:34px;font-size:.87rem;font-weight:570;display:flex}.nav-links a{transition:color .18s;position:relative}.nav-links a:after{content:"";background:var(--accent);height:1px;transition:transform .18s;position:absolute;bottom:-8px;left:0;right:0;transform:scaleX(0)}.nav-links a:hover{color:#fff}.nav-links a:hover:after{transform:scaleX(1)}.nav-cta{background:var(--accent);color:#101105;cursor:pointer;border:0;border-radius:11px;justify-self:end;align-items:center;gap:9px;height:42px;padding:0 17px;font-size:.82rem;font-weight:760;transition:transform .18s,box-shadow .18s;display:inline-flex}.nav-cta:hover{box-shadow:0 10px 26px rgba(var(--accent-rgb), .2);transform:translateY(-2px)}.menu-button,.mobile-menu{display:none}.hero{grid-template-columns:minmax(0,1.02fr) minmax(480px,.98fr);align-items:center;gap:clamp(50px,7vw,110px);width:min(1280px,100% - 64px);min-height:910px;margin:0 auto;padding:172px 0 100px;display:grid;position:relative}.hero:before{content:"";z-index:-1;opacity:.4;background-image:radial-gradient(#ffffff1b .65px,#0000 .65px);background-size:20px 20px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 20%,#0000 85%);mask-image:linear-gradient(#000 20%,#0000 85%)}.eyebrow,.kicker{color:var(--accent);font-family:var(--font-mono);letter-spacing:.13em;align-items:center;gap:9px;font-size:.7rem;font-weight:650;display:inline-flex}.eyebrow{border:1px solid rgba(var(--accent-rgb), .24);background:rgba(var(--accent-rgb), .05);border-radius:999px;padding:8px 11px}.live-dot{background:var(--accent);width:7px;height:7px;box-shadow:0 0 0 4px rgba(var(--accent-rgb), .11), 0 0 12px rgba(var(--accent-rgb), .5);border-radius:50%}.hero h1{letter-spacing:-.078em;max-width:720px;margin:28px 0 25px;font-size:clamp(4.2rem,7.2vw,7.2rem);font-weight:650;line-height:.88}.hero h1 span{color:var(--accent)}.hero h1 i{color:var(--accent);font-family:Georgia,serif;font-weight:400;position:relative}.hero h1 i:after{content:"";border-top:2px solid rgba(var(--accent-rgb), .55);border-radius:50%;height:11px;position:absolute;bottom:-6px;left:4%;right:-2%;transform:rotate(-2deg)}.hero-lead{max-width:590px;color:var(--muted);margin:0;font-size:clamp(1.05rem,1.5vw,1.22rem);line-height:1.65}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:38px;display:flex}.button{cursor:pointer;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:11px;min-height:52px;padding:0 21px;font-size:.91rem;font-weight:720;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s;display:inline-flex}.button:hover{transform:translateY(-3px)}.button-primary{background:var(--accent);color:#101105;box-shadow:0 12px 30px rgba(var(--accent-rgb), .12)}.button-primary:hover{box-shadow:0 18px 38px rgba(var(--accent-rgb), .21)}.button-ghost{border-color:var(--line);color:var(--ink);background:#ffffff09}.button-ghost:hover{background:#fff1;border-color:#ffffff40}.mini-proof{align-items:center;gap:14px;margin-top:54px;display:flex}.avatar-stack{display:flex}.avatar-stack span{border:2px solid var(--black);width:34px;height:34px;color:var(--accent);background:#24252d;border-radius:50%;place-items:center;margin-left:-8px;font-size:.68rem;font-weight:800;display:grid}.avatar-stack span:first-child{background:var(--accent);color:#0d0e07;margin-left:0}.avatar-stack span:nth-child(2){background:var(--purple);color:#fff}.mini-proof strong,.mini-proof small{display:block}.mini-proof strong{font-size:.78rem;line-height:1.4}.mini-proof small{color:#777680;margin-top:2px;font-size:.7rem}.hero-lab{background:linear-gradient(145deg,#1f2027db,#0d0e12f2);border:1px solid #ffffff21;border-radius:25px;min-height:610px;animation:.9s cubic-bezier(.16,1,.3,1) .2s both lab-enter;position:relative;overflow:hidden;transform:perspective(1000px)rotateY(-2deg)rotateX(1deg);box-shadow:0 45px 100px #0006,inset 0 1px #ffffff0f}.hero-lab:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 90px #8b5cf612}.lab-topbar,.lab-footer{z-index:4;color:#777781;font-family:var(--font-mono);letter-spacing:.11em;align-items:center;font-size:.58rem;display:grid;position:relative}.lab-topbar{border-bottom:1px solid var(--line);background:#090a0d85;grid-template-columns:1fr auto 1fr;height:54px;padding:0 18px}.window-dots{gap:6px;display:flex}.window-dots i{background:#3d3e46;border-radius:50%;width:7px;height:7px}.window-dots i:first-child{background:var(--accent)}.lab-status{color:#9797a0;justify-self:end;align-items:center;gap:6px;display:flex}.lab-status i{background:#7bff9d;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #7bff9d}.lab-canvas{place-items:center;min-height:505px;display:grid;position:relative;overflow:hidden}.canvas-grid{background-image:linear-gradient(#ffffff0b 1px,#0000 1px),linear-gradient(90deg,#ffffff0b 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 78%);mask-image:radial-gradient(circle,#000,#0000 78%)}.coordinate{z-index:2;color:#4b4c55;font-family:var(--font-mono);letter-spacing:.12em;font-size:.53rem;position:absolute}.coordinate-x{top:22px;left:20px}.coordinate-y{writing-mode:vertical-rl;bottom:20px;right:17px}.onion-stage{cursor:pointer;filter:drop-shadow(0 35px 40px #00000075);background:0 0;border:0;border-radius:50%;place-items:center;width:310px;height:310px;padding:0;display:grid;position:relative}.onion-stage:focus-visible{outline:2px solid var(--accent);outline-offset:10px}.onion-ring,.onion-core,.orbit{border-radius:48% 52% 46% 54%/56% 48% 52% 44%;transition:transform .7s cubic-bezier(.2,.8,.2,1),opacity .5s;position:absolute}.onion-ring{box-shadow:inset 11px 8px 28px #ffffff14, inset -16px -18px 32px #00000052, 0 0 28px rgba(var(--accent-rgb), .05);border:1px solid #ffffff26}.ring-four{background:conic-gradient(from 160deg, #827b2d, var(--accent), #4b461c, #f6f3a6, #827b2d);animation:18s linear infinite soft-spin;inset:16px}.ring-three{background:conic-gradient(from 50deg,#292542,#a684ff,#403462,#d4c6ff,#292542);inset:43px;transform:rotate(15deg)}.ring-two{background:conic-gradient(from 210deg,#b9bd58,#f5f8a2,#767a31,#dfe374,#b9bd58);inset:70px;transform:rotate(-8deg)}.ring-one{background:radial-gradient(circle at 30% 28%,#fffbc0,#d7db6a 42%,#686b29 100%);inset:98px}.onion-core{z-index:3;background:#121318;border:1px solid #ffffff2e;flex-direction:column;justify-content:center;align-items:center;width:96px;height:96px;display:flex;box-shadow:0 15px 30px #00000059,inset 0 0 24px #ffffff08}.onion-core span{letter-spacing:-.08em;font-size:1.4rem;font-weight:800}.onion-core small{color:var(--accent);font-family:var(--font-mono);letter-spacing:.18em;margin-top:4px;font-size:.48rem}.orbit{border:1px dashed #ffffff1f;inset:2px}.orbit:after{content:"";background:var(--accent);width:7px;height:7px;box-shadow:0 0 10px var(--accent);border-radius:50%;position:absolute;top:17px;left:65px}.orbit-one{animation:13s linear infinite reverse soft-spin}.orbit-two{opacity:.45;animation:24s linear infinite soft-spin;inset:-18px}.peeled-1 .ring-four,.peeled-2 .ring-three,.peeled-3 .ring-two,.peeled-4 .ring-one{opacity:.08;transform:translate(90px,-50px)rotate(36deg)scale(.82)}.peeled-2 .ring-four,.peeled-3 .ring-four,.peeled-4 .ring-four{opacity:0;transform:translate(130px,-75px)rotate(70deg)scale(.65)}.peeled-3 .ring-three,.peeled-4 .ring-three{opacity:0;transform:translate(-100px,-60px)rotate(-45deg)scale(.7)}.peeled-4 .ring-two{opacity:0;transform:translate(70px,80px)rotate(45deg)scale(.65)}.floating-panel{z-index:6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#14151bb8;border:1px solid #ffffff21;border-radius:11px;align-items:center;gap:10px;min-width:126px;padding:10px 12px;display:flex;position:absolute;box-shadow:0 12px 24px #0003}.floating-panel svg{color:var(--accent)}.floating-panel small,.floating-panel strong{display:block}.floating-panel small{color:#72737c;font-family:var(--font-mono);letter-spacing:.13em;font-size:.45rem}.floating-panel strong{margin-top:2px;font-size:.67rem}.panel-depth{animation:5s ease-in-out infinite float-panel;top:88px;right:23px}.panel-motion{animation:5s ease-in-out 1.2s infinite float-panel;bottom:76px;left:22px}.peel-hint{z-index:6;color:#7f8089;font-family:var(--font-mono);letter-spacing:.05em;align-items:center;gap:7px;font-size:.55rem;display:flex;position:absolute;bottom:26px;right:24px}.lab-footer{border-top:1px solid var(--line);background:#090a0d85;grid-template-columns:1fr 1fr auto;gap:14px;min-height:50px;padding:0 18px}.lab-footer span{align-items:center;gap:7px;display:flex}.lab-footer span:last-child{color:var(--accent)}.swatch{border-radius:2px;width:7px;height:7px}.swatch-one{background:var(--accent)}.swatch-two{background:var(--purple)}.scroll-cue{color:#5d5e66;font-family:var(--font-mono);letter-spacing:.16em;align-items:center;gap:10px;font-size:.55rem;display:flex;position:absolute;bottom:37px;left:0}.scroll-cue svg{animation:1.8s ease-in-out infinite bounce}.ticker{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--accent);color:#0c0d08;clip-path:polygon(0 12%,100% 0,100% 88%,0 100%);overflow:hidden}.ticker-track{align-items:center;width:max-content;min-height:68px;animation:28s linear infinite ticker;display:flex}.ticker span{letter-spacing:.13em;align-items:center;gap:28px;margin-right:28px;font-size:.75rem;font-weight:820;display:flex}.ticker i{font-size:.65rem;font-style:normal}.section{width:min(1180px,100% - 48px);margin:0 auto;padding:145px 0}.section-heading{grid-template-columns:1.2fr .8fr;align-items:end;gap:60px;margin-bottom:68px;display:grid}.section-heading h2,.coming-soon h2{letter-spacing:-.065em;margin:18px 0 0;font-size:clamp(3.1rem,6vw,5.9rem);font-weight:580;line-height:.94}.section-heading h2 em{color:var(--accent);font-family:Georgia,serif;font-weight:400}.section-heading>p{max-width:450px;color:var(--muted);margin:0 0 8px auto;font-size:1rem;line-height:1.75}.layer-cards{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.layer-card{border:1px solid var(--line);background:linear-gradient(155deg,#ffffff0d,#ffffff05);border-radius:19px;flex-direction:column;min-height:485px;padding:22px;transition:transform .26s,border-color .26s,background .26s;display:flex;position:relative;overflow:hidden}.layer-card:hover{border-color:rgba(var(--accent-rgb), .28);background:linear-gradient(155deg, rgba(var(--accent-rgb),.07), #ffffff05);transform:translateY(-9px)}.card-top{color:#676871;font-family:var(--font-mono);justify-content:space-between;align-items:center;font-size:.62rem;display:flex}.card-top svg{color:var(--accent)}.card-visual{background:#0d0e12 radial-gradient(#ffffff14 .6px,#0000 .6px) 0 0/15px 15px;border-radius:13px;place-items:center;height:172px;margin:24px 0 27px;display:grid;position:relative}.card-visual i{border:1px solid rgba(var(--accent-rgb), .28);background:rgba(var(--accent-rgb), .055);border-radius:9px;width:105px;height:65px;position:absolute;transform:translateY(-20px)rotate(-8deg);box-shadow:0 12px 25px #0000004d}.card-visual i:nth-child(2){background:#8b5cf614;border-color:#8b5cf64d;transform:translate(8px)rotate(1deg)}.card-visual i:nth-child(3){background:#ffffff0e;border-color:#ffffff2e;transform:translate(18px,22px)rotate(9deg)}.layer-card:nth-child(2) .card-visual i{border-radius:50%;width:90px;height:90px}.layer-card:nth-child(3) .card-visual i{background:var(--accent);border-radius:50%;width:8px;height:8px;transform:translate(-45px,25px);box-shadow:45px -25px #8b5cf6,82px 18px #fff}.layer-card:nth-child(3) .card-visual i:nth-child(2){width:95px;height:1px;box-shadow:none;background:0 0;border:0;border-top:1px dashed #ffffff3d;border-radius:0;transform:rotate(-27deg)}.layer-card:nth-child(3) .card-visual i:nth-child(3){display:none}.card-tag{color:var(--accent);font-family:var(--font-mono);letter-spacing:.14em;font-size:.55rem;font-weight:700}.layer-card h3{letter-spacing:-.03em;margin:10px 0;font-size:1.35rem}.layer-card p{color:#8f8f99;margin:0;font-size:.88rem;line-height:1.65}.layer-card .card-link{border:0;border-top:1px solid var(--line);color:#c6c5cc;cursor:pointer;background:0 0;justify-content:space-between;align-items:center;margin-top:auto;padding:17px 0 0;font-size:.77rem;display:flex}.layer-card .card-link svg{transition:transform .18s}.layer-card .card-link:hover svg{transform:translate(4px)}.playground-section{width:min(1240px,100% - 48px);padding-top:120px}.playground-heading h2 em,.recipe-heading h2 em{color:var(--accent);font-family:Georgia,serif;font-weight:400}.playground-shell{background:#101116;border:1px solid #ffffff24;border-radius:24px;overflow:hidden;box-shadow:0 35px 90px #00000057}.playground-topbar{border-bottom:1px solid var(--line);background:#0c0d11;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;min-height:62px;padding:0 18px;display:grid}.playground-title{color:#777883;font-family:var(--font-mono);letter-spacing:.12em;align-items:center;gap:15px;font-size:.57rem;display:flex}.playground-tabs{border:1px solid var(--line);background:#13141a;border-radius:10px;gap:3px;padding:4px;display:flex}.playground-tabs button{color:#797a84;cursor:pointer;background:0 0;border:0;border-radius:7px;min-width:78px;height:32px;padding:0 12px;font-size:.68rem;font-weight:650}.playground-tabs button.active{color:#fff;background:#25262d;box-shadow:inset 0 1px #ffffff0f}.reset-button{border:1px solid var(--line);color:#91919a;cursor:pointer;background:#ffffff06;border-radius:8px;justify-self:end;align-items:center;gap:7px;padding:9px 11px;font-size:.65rem;display:flex}.reset-button:hover{color:#fff;border-color:#ffffff38}.playground-body{grid-template-columns:280px minmax(0,1fr);min-height:660px;display:grid}.control-rail{border-right:1px solid var(--line);background:#111217;padding:24px 20px}.control-heading{color:var(--accent);font-family:var(--font-mono);letter-spacing:.13em;align-items:center;gap:8px;padding-bottom:19px;font-size:.56rem;display:flex}.control-group{border-top:1px solid var(--line);padding:21px 0}.control-label{justify-content:space-between;align-items:center;margin-bottom:14px;font-size:.74rem;font-weight:650;display:flex}.control-label small{color:var(--accent);font-family:var(--font-mono);font-size:.56rem;font-weight:550}.palette-picker{gap:6px;display:grid}.palette-picker button{color:#8a8b94;text-align:left;cursor:pointer;background:#ffffff06;border:1px solid #0000;border-radius:9px;grid-template-columns:18px 1fr auto;align-items:center;gap:9px;height:40px;padding:0 10px;font-size:.69rem;transition:border-color .18s,background .18s,color .18s;display:grid}.palette-picker button i{border-radius:4px;width:14px;height:14px;box-shadow:inset 0 0 0 1px #ffffff2e}.palette-picker button.active{border-color:rgba(var(--accent-rgb), .25);background:rgba(var(--accent-rgb), .06);color:#fff}.palette-picker button svg{color:var(--accent)}.intensity-range{appearance:none;background:linear-gradient(90deg, var(--accent) 0 var(--range), #303139 var(--range) 100%);cursor:pointer;border-radius:99px;width:100%;height:4px;margin:9px 0 4px}.intensity-range::-webkit-slider-thumb{appearance:none;background:var(--accent);width:17px;height:17px;box-shadow:0 0 0 1px rgba(var(--accent-rgb),.5), 0 0 12px rgba(var(--accent-rgb),.22);border:3px solid #111217;border-radius:50%}.range-labels{color:#50515a;font-family:var(--font-mono);letter-spacing:.1em;justify-content:space-between;margin-top:8px;font-size:.43rem;display:flex}.switch-row{justify-content:space-between;align-items:center;display:flex}.switch-row>div>span,.switch-row>div>small{display:block}.switch-row>div>span{font-size:.73rem;font-weight:650}.switch-row>div>small{color:#666771;margin-top:4px;font-size:.58rem}.switch{cursor:pointer;background:#24252b;border:1px solid #3a3b43;border-radius:99px;width:41px;height:23px;padding:0;transition:background .18s,border-color .18s;position:relative}.switch i{background:#777882;border-radius:50%;width:15px;height:15px;transition:transform .18s,background .18s;position:absolute;top:3px;left:3px}.switch.on{border-color:var(--accent);background:rgba(var(--accent-rgb), .16)}.switch.on i{background:var(--accent);box-shadow:0 0 8px rgba(var(--accent-rgb),.35);transform:translate(18px)}.live-token{border:1px solid var(--line);background:#0d0e12;border-radius:10px;grid-template-columns:1fr auto;align-items:center;gap:7px;margin-top:24px;padding:13px;display:grid}.live-token>span{color:#555660;font-family:var(--font-mono);letter-spacing:.12em;grid-column:1/-1;font-size:.44rem}.live-token code{color:var(--accent);font-family:var(--font-mono);font-size:.66rem}.live-token button{border:1px solid var(--line);color:#93949c;cursor:pointer;background:#17181e;border-radius:7px;place-items:center;width:29px;height:29px;display:grid}.preview-area{background:radial-gradient(circle at 50% 45%, rgba(var(--accent-rgb), calc(.1 * var(--intensity))), transparent 34%), #0c0d11;place-items:center;min-width:0;padding:55px;display:grid;position:relative;overflow:hidden}.preview-grid{background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 20%,#0000 75%);mask-image:radial-gradient(circle,#000 20%,#0000 75%)}.component-preview{z-index:2;width:min(460px,100%);position:relative}.component-chrome{color:#52535c;font-family:var(--font-mono);letter-spacing:.12em;justify-content:space-between;margin-bottom:12px;font-size:.48rem;display:flex}.component-chrome span:first-child{color:#7d7e86;align-items:center;gap:6px;display:flex}.component-chrome i{background:#72f89c;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #72f89c}.demo-card{border:1px solid rgba(255,255,255, calc(.09 + .08 * var(--intensity)));box-shadow:0 30px 65px #0006, 0 0 calc(35px * var(--intensity)) rgba(var(--accent-rgb), calc(.11 * var(--intensity)));transform:translateZ(0) scale(calc(.98 + .02 * var(--intensity)));background:linear-gradient(145deg,#1f2027f5,#121318fa);border-radius:20px;padding:28px;transition:border-color .22s,box-shadow .22s,transform .22s;position:relative}.demo-card:before{content:"";border-radius:inherit;background:linear-gradient(110deg, rgba(var(--accent-rgb),.06), transparent 42%);pointer-events:none;position:absolute;inset:0}.demo-card-head{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.demo-icon{border:1px solid rgba(var(--accent-rgb),.27);background:rgba(var(--accent-rgb),.08);width:45px;height:45px;color:var(--accent);border-radius:12px;place-items:center;display:grid}.status-pill{border:1px solid var(--line);color:#666771;font-family:var(--font-mono);letter-spacing:.1em;border-radius:99px;align-items:center;gap:6px;padding:7px 9px;font-size:.47rem;display:flex}.status-pill i{background:#666771;border-radius:50%;width:5px;height:5px}.status-pill.active{color:var(--accent);border-color:rgba(var(--accent-rgb),.2);background:rgba(var(--accent-rgb),.04)}.status-pill.active i{background:var(--accent);box-shadow:0 0 7px var(--accent)}.demo-kicker{color:var(--accent);font-family:var(--font-mono);letter-spacing:.12em;font-size:.52rem}.demo-card h3{letter-spacing:-.045em;margin:10px 0 11px;font-size:clamp(1.7rem,3vw,2.25rem);font-weight:610;line-height:1.08}.demo-card>p{color:#8b8c95;max-width:360px;margin:0;font-size:.8rem;line-height:1.65}.demo-progress-row{border-top:1px solid var(--line);border-bottom:1px solid var(--line);align-items:center;gap:13px;margin:26px 0;padding:18px 0;display:flex}.demo-progress{background:conic-gradient(var(--accent) var(--progress), #2b2c33 0);border-radius:50%;place-items:center;width:48px;height:48px;display:grid;position:relative}.demo-progress:after{content:"";background:#1c1d23;border-radius:50%;position:absolute;inset:4px}.demo-progress span{z-index:2;color:var(--accent);font-family:var(--font-mono);font-size:.62rem;position:relative}.demo-progress-row strong,.demo-progress-row small{display:block}.demo-progress-row strong{font-size:.74rem}.demo-progress-row small{color:#686973;margin-top:4px;font-size:.6rem}.demo-actions{grid-template-columns:1fr auto auto;gap:8px;display:grid}.demo-primary,.icon-action{cursor:pointer;border:0;border-radius:10px;height:43px}.demo-primary{background:var(--accent);color:#111207;justify-content:center;align-items:center;gap:9px;font-size:.72rem;font-weight:760;display:flex}.icon-action{border:1px solid var(--line);color:#a0a0a8;background:#ffffff09;place-items:center;width:43px;display:grid}.icon-action.liked{color:#ff728b;background:#ff728b12;border-color:#ff728b47}.mini-toast{border:1px solid rgba(var(--accent-rgb),.22);color:#ceced4;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#15161ced;border-radius:10px;align-items:center;gap:8px;padding:12px 14px;font-size:.64rem;animation:.35s cubic-bezier(.16,1,.3,1) both toast-in;display:flex;position:absolute;bottom:-23px;right:-40px;box-shadow:0 14px 35px #00000059}.mini-toast svg{color:var(--accent)}.token-board{z-index:2;border:1px solid var(--line);background:#14151bf0;border-radius:19px;width:min(520px,100%);padding:27px;position:relative;box-shadow:0 30px 70px #00000059}.token-board-head{border-bottom:1px solid var(--line);color:var(--accent);align-items:center;gap:11px;padding-bottom:20px;display:flex}.token-board-head strong,.token-board-head small{display:block}.token-board-head strong{color:#fff;font-size:.82rem}.token-board-head small{color:#696a73;margin-top:3px;font-size:.6rem}.token-row{border-bottom:1px solid #fff1;justify-content:space-between;align-items:center;min-height:52px;display:flex}.token-row code{color:#b7b7c0;font-family:var(--font-mono);font-size:.68rem}.token-row span{color:var(--accent);font-family:var(--font-mono);font-size:.64rem}.token-note{background:rgba(var(--accent-rgb),.055);color:#999aa3;border-radius:9px;align-items:center;gap:8px;margin-top:18px;padding:12px;font-size:.66rem;display:flex}.token-note svg{color:var(--accent)}.recipe-section{padding-top:110px}.bento-grid{grid-template-columns:1fr 1fr;grid-auto-rows:minmax(330px,auto);gap:14px;display:grid}.bento-card{border:1px solid var(--line);background:#111217;border-radius:20px;padding:29px;position:relative;overflow:hidden}.bento-wide{grid-column:span 2;min-height:405px}.bento-number{color:var(--accent);font-family:var(--font-mono);letter-spacing:.13em;font-size:.52rem;font-weight:650}.bento-card h3{letter-spacing:-.055em;margin:16px 0 11px;font-size:clamp(2rem,4vw,3.45rem);font-weight:580;line-height:.98}.bento-card p{color:#85868f;max-width:380px;margin:0;font-size:.84rem;line-height:1.65}.bento-copy{z-index:3;position:relative}.bento-hierarchy{background:radial-gradient(circle at 76% 50%, rgba(var(--accent-rgb),.08), transparent 35%), #111217;grid-template-columns:.75fr 1.25fr;align-items:center;display:grid}.hierarchy-demo{border-left:1px solid var(--line);flex-direction:column;justify-content:center;min-height:330px;padding-left:15%;display:flex;position:relative}.hierarchy-demo span{color:#696a73;font-family:var(--font-mono);letter-spacing:.12em;font-size:.52rem}.hierarchy-demo strong{letter-spacing:-.08em;margin-top:8px;font-size:clamp(3.2rem,7vw,6.6rem);line-height:.78}.hierarchy-demo i{border:1px solid rgba(var(--accent-rgb),.18);border-radius:50%;position:absolute}.hierarchy-demo i:first-of-type{width:230px;height:230px;top:8%;right:5%}.hierarchy-demo i:nth-of-type(2){width:155px;height:155px;top:20%;right:11%}.hierarchy-demo i:nth-of-type(3){background:var(--accent);width:8px;height:8px;box-shadow:0 0 14px var(--accent);top:46%;right:18%}.bento-speed{background:radial-gradient(circle at 50% 35%, rgba(var(--accent-rgb),.12), transparent 35%), #111217;flex-direction:column;justify-content:flex-end;display:flex}.bento-speed .bento-number{position:absolute;top:28px;left:29px}.speed-orb{border:1px dashed rgba(var(--accent-rgb),.3);width:118px;height:118px;color:var(--accent);border-radius:50%;place-items:center;display:grid;position:absolute;top:57px;right:12%}.speed-orb:before{content:"";border:1px solid rgba(var(--accent-rgb),.14);border-radius:50%;position:absolute;inset:14px}.speed-orb i{background:var(--accent);width:8px;height:8px;box-shadow:0 0 12px var(--accent);transform-origin:4px 53px;border-radius:50%;animation:4s linear infinite soft-spin;position:absolute;top:6px}.bento-contrast{color:#0c0d0f;background:linear-gradient(145deg,#f1f1ea 0 47%,#15161b 47%)}.bento-contrast .bento-number{color:#595a51}.contrast-score{align-items:center;gap:15px;margin-top:37px;display:flex}.contrast-score>span{width:64px;height:64px;color:var(--accent);background:#0d0e10;border-radius:50%;place-items:center;font-size:1.1rem;font-weight:850;display:grid}.contrast-score strong,.contrast-score small{display:block}.contrast-score strong{font-size:1.3rem}.contrast-score small{font-family:var(--font-mono);letter-spacing:.11em;margin-top:3px;font-size:.46rem}.contrast-bars{align-items:end;gap:6px;display:flex;position:absolute;bottom:69px;left:48%;right:25px}.contrast-bars i{background:#2d2e35;border-radius:4px 4px 0 0;flex:1;height:25px}.contrast-bars i:nth-child(2){background:#555762;height:48px}.contrast-bars i:nth-child(3){background:var(--accent);height:72px}.contrast-bars i:nth-child(4){background:#f1f1ea;height:98px}.bento-contrast>p{color:#888992;font-size:.7rem;position:absolute;bottom:24px;left:50%;right:25px}.bento-motion{background:linear-gradient(120deg,#8b5cf614,#0000 35%),#111217;grid-template-columns:1.05fr .95fr;align-items:center;display:grid}.motion-track{border-right:1px solid var(--line);height:220px;position:relative}.motion-track:before,.motion-track:after{content:"";border-top:1px dashed #ffffff21;position:absolute;top:50%;left:5%;right:11%}.motion-track:after{border-color:rgba(var(--accent-rgb),.2);top:30%;transform:rotate(-12deg)}.motion-track i{top:calc(50% - 7px);left:calc(9% + var(--step) * 17%);background:var(--accent);width:14px;height:14px;opacity:calc(.18 + var(--step) * .18);box-shadow:0 0 calc(4px + var(--step) * 3px) rgba(var(--accent-rgb),.4);border-radius:50%;position:absolute}.motion-track i:first-child{--step:0}.motion-track i:nth-child(2){--step:1}.motion-track i:nth-child(3){--step:2}.motion-track i:nth-child(4){--step:3}.motion-track i:nth-child(5){--step:4}.bento-motion .bento-copy{padding-left:42px}.bento-motion button{border:1px solid rgba(var(--accent-rgb),.22);background:rgba(var(--accent-rgb),.07);color:var(--accent);cursor:pointer;border-radius:9px;align-items:center;gap:8px;margin-top:24px;padding:11px 14px;font-size:.67rem;font-weight:700;display:inline-flex}.recipe-steps{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);margin-top:80px;display:grid}.recipe-steps article{border-right:1px solid var(--line);gap:15px;min-height:155px;padding:24px 20px;display:flex}.recipe-steps article:last-child{border-right:0}.recipe-steps article>span{color:var(--accent);font-family:var(--font-mono);font-size:.52rem}.recipe-steps strong{font-size:.82rem}.recipe-steps p{color:#71727b;margin:9px 0 0;font-size:.69rem;line-height:1.55}.finale{text-align:center;border-top:1px solid var(--line);flex-direction:column;justify-content:center;align-items:center;min-height:680px;display:flex;position:relative;overflow:hidden}.finale-glow{z-index:-1;background:radial-gradient(circle, rgba(var(--accent-rgb),.14), transparent 68%);filter:blur(20px);border-radius:50%;width:520px;height:520px;position:absolute}.finale-label{color:var(--accent);font-family:var(--font-mono);letter-spacing:.15em;font-size:.58rem}.finale h2{letter-spacing:-.075em;margin:20px 0 18px;font-size:clamp(3.6rem,8.5vw,8.2rem);font-weight:580;line-height:.88}.finale h2 em{color:var(--accent);font-family:Georgia,serif;font-weight:400}.finale>p{color:#8a8b94;margin:0;font-size:1rem}.finale-actions{gap:10px;margin-top:35px;display:flex}footer{border-top:1px solid var(--line);color:#65666f;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px;width:min(1180px,100% - 48px);min-height:125px;margin:0 auto;font-size:.64rem;display:grid}footer p{margin:0}footer>div{font-family:var(--font-mono);letter-spacing:.09em;justify-self:end;gap:20px;font-size:.5rem;display:flex}footer a:hover{color:var(--accent)}.footer-brand{opacity:.75}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#030305cc;place-items:center;padding:20px;animation:.18s both fade-in;display:grid;position:fixed;inset:0}.cry-modal{text-align:center;background:#13141a;border:1px solid #ffffff29;border-radius:25px;width:min(470px,100%);padding:44px;animation:.35s cubic-bezier(.16,1,.3,1) both modal-in;position:relative;box-shadow:0 35px 100px #0000008c}.modal-close{border:1px solid var(--line);cursor:pointer;background:#ffffff08;border-radius:10px;place-items:center;width:38px;height:38px;display:grid;position:absolute;top:14px;right:14px}.tear-cloud{place-items:center;height:104px;display:grid;position:relative}.tear-cloud span{filter:drop-shadow(0 15px 18px #0000004d);font-size:4rem}.tear-cloud i{background:#7ac9ff;border-radius:70% 30% 60% 40%;width:9px;height:14px;animation:1.2s ease-in infinite tear;position:absolute}.tear-cloud i:first-of-type{top:57%;left:35%}.tear-cloud i:nth-of-type(2){animation-delay:.25s;top:45%;right:36%}.tear-cloud i:nth-of-type(3){animation-delay:.5s;top:70%;left:47%}.modal-label{color:var(--accent);font-family:var(--font-mono);letter-spacing:.15em;font-size:.55rem}.cry-modal h2{letter-spacing:-.05em;margin:9px 0;font-size:2.6rem}.cry-modal p{max-width:350px;color:var(--muted);margin:0 auto 26px;line-height:1.65}.reveal-up{animation:.7s cubic-bezier(.16,1,.3,1) both reveal-up}.delay-one{animation-delay:80ms}.delay-two{animation-delay:.16s}.delay-three{animation-delay:.24s}@keyframes reveal-up{0%{opacity:0;transform:translateY(25px)}}@keyframes lab-enter{0%{opacity:0;transform:perspective(1000px)rotateY(-8deg)rotateX(4deg)translateY(35px)scale(.96)}}@keyframes soft-spin{to{transform:rotate(360deg)}}@keyframes float-panel{50%{transform:translateY(-8px)}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}@keyframes ticker{to{transform:translate(-50%)}}@keyframes fade-in{0%{opacity:0}}@keyframes modal-in{0%{opacity:0;transform:translateY(16px)scale(.96)}}@keyframes tear{0%{opacity:0;transform:translateY(0)}30%{opacity:1}to{opacity:0;transform:translateY(38px)}}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)scale(.96)}}@media (width<=1050px){.hero{grid-template-columns:1fr;width:min(760px,100% - 48px);padding-top:150px}.hero-copy{text-align:center}.hero h1,.hero-lead{margin-left:auto;margin-right:auto}.hero-actions,.mini-proof{justify-content:center}.hero-lab{width:min(610px,100%);margin:20px auto 80px;transform:none}.scroll-cue{left:50%;transform:translate(-50%)}.layer-cards{grid-template-columns:1fr 1fr}.layer-card:last-child{grid-column:span 2}.playground-body{grid-template-columns:245px minmax(0,1fr)}.preview-area{padding:45px 28px}.mini-toast{right:0}.recipe-steps{grid-template-columns:1fr 1fr}.recipe-steps article:nth-child(2){border-right:0}.recipe-steps article:nth-child(-n+2){border-bottom:1px solid var(--line)}}@media (width<=760px){.nav-shell{grid-template-columns:1fr auto;width:calc(100% - 24px);top:12px}.nav-links,.nav-cta{display:none}.menu-button{border:1px solid var(--line);cursor:pointer;background:#ffffff0a;border-radius:11px;justify-self:end;place-items:center;width:42px;height:42px;display:grid}.mobile-menu{z-index:45;border:1px solid var(--line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f1014f5;border-radius:16px;gap:5px;padding:16px;display:grid;position:fixed;top:87px;left:12px;right:12px;box-shadow:0 20px 50px #00000059}.mobile-menu a,.mobile-menu button{color:#d0cfd5;text-align:left;background:0 0;border:0;border-radius:10px;justify-content:space-between;align-items:center;min-height:48px;padding:0 13px;font-size:.9rem;display:flex}.mobile-menu button{background:var(--accent);color:#111207;margin-top:7px;font-weight:750}.hero{gap:55px;width:calc(100% - 30px);min-height:auto;padding:132px 0 90px}.hero h1{margin-top:22px;font-size:clamp(3.25rem,16vw,5rem)}.hero-lead{font-size:1rem}.hero-actions{display:grid}.button{width:100%}.mini-proof{margin-top:35px}.hero-lab{min-height:510px;margin-bottom:50px}.lab-canvas{min-height:405px}.onion-stage{width:250px;height:250px}.ring-one{inset:80px}.ring-two{inset:57px}.ring-three{inset:35px}.ring-four{inset:13px}.onion-core{width:80px;height:80px}.panel-depth{top:60px;right:10px}.panel-motion{bottom:56px;left:10px}.floating-panel{min-width:110px;padding:8px 9px}.peel-hint{display:none}.lab-footer{grid-template-columns:1fr auto}.lab-footer span:nth-child(2),.scroll-cue{display:none}.ticker-track{min-height:48px}.section{width:calc(100% - 30px);padding:95px 0}.section-heading{grid-template-columns:1fr;gap:34px;margin-bottom:45px}.section-heading>p{margin-left:0}.section-heading h2{font-size:clamp(2.8rem,14vw,4.4rem)}.layer-cards{grid-template-columns:1fr}.layer-card:last-child{grid-column:auto}.layer-card{min-height:455px}.playground-section{width:calc(100% - 20px)}.playground-topbar{grid-template-columns:1fr auto;min-height:70px;padding:0 12px}.playground-title>span,.reset-button{display:none}.playground-tabs button{min-width:68px;padding:0 9px}.playground-body{grid-template-columns:1fr}.control-rail{border-right:0;border-bottom:1px solid var(--line);padding:20px 17px}.palette-picker{grid-template-columns:repeat(3,1fr)}.palette-picker button{grid-template-columns:18px 1fr;padding:0 7px;font-size:.62rem}.palette-picker button svg{display:none}.live-token{margin-top:5px}.preview-area{min-height:640px;padding:56px 16px 70px}.component-preview{width:100%}.component-chrome{padding:0 4px}.demo-card{padding:23px 20px}.mini-toast{bottom:-34px;right:10px}.token-board{padding:22px 18px}.bento-grid{grid-template-columns:1fr;grid-auto-rows:auto}.bento-wide{grid-column:auto;min-height:520px}.bento-hierarchy,.bento-motion{grid-template-columns:1fr}.bento-hierarchy{align-content:start}.hierarchy-demo{border-top:1px solid var(--line);border-left:0;min-height:280px;margin-top:35px;padding:50px 0 0}.hierarchy-demo strong{font-size:clamp(3.4rem,19vw,5.7rem)}.hierarchy-demo i:first-of-type{width:190px;height:190px}.hierarchy-demo i:nth-of-type(2){width:125px;height:125px}.bento-speed,.bento-contrast{min-height:370px}.bento-contrast{background:linear-gradient(150deg,#f1f1ea 0 48%,#15161b 48%)}.contrast-bars{left:43%}.bento-contrast>p{left:44%}.bento-motion{min-height:570px}.motion-track{border-right:0;border-bottom:1px solid var(--line);height:220px}.bento-motion .bento-copy{padding:35px 0 0}.recipe-steps{grid-template-columns:1fr;margin-top:55px}.recipe-steps article,.recipe-steps article:nth-child(2){border-right:0;border-bottom:1px solid var(--line);min-height:120px}.recipe-steps article:last-child{border-bottom:0}.finale{min-height:600px}.finale h2{font-size:clamp(3.4rem,17vw,5.8rem)}.finale-actions{width:100%;display:grid}footer{text-align:center;grid-template-columns:1fr;justify-items:center;padding:35px 0}footer>div{flex-direction:column;justify-self:center;gap:10px}.cry-modal{padding:38px 23px 28px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}