/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer theme{:root,:host{--font-sans:"Segoe UI", Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--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%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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;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:where(:not(iframe)){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]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance: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}.hidden{display:none}.resize{resize:both}.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))}}:root{color-scheme:dark;--background:#121214;--surface:#1b1b20;--surface-raised:#232329;--text-primary:#f2f0f7;--text-secondary:#b2afbd;--border:#39363f;--accent:#b9a6ff;--accent-hover:#d0c3ff;--on-accent:#19132d;--focus:#c6b6ff;--success:#a4d6b6;--warning:#e5c78d;--danger:#ffacb8;--header:#121214f2;--art:#282132;--art-line:#b9a6ff12;--button:#b9a6ff;--radius-sm:8px;--radius-md:16px;--radius-lg:28px;font-family:var(--font-sans);color:var(--text-primary);background:var(--background);font-synthesis:none}:root[data-theme=light]{color-scheme:light;--background:#faf9fc;--surface:#f0edf5;--surface-raised:#fff;--text-primary:#211c30;--text-secondary:#665e75;--border:#d6d0df;--accent:#5b3db6;--accent-hover:#43268f;--on-accent:#fff;--focus:#5b3db6;--success:#276743;--warning:#755113;--danger:#ab2942;--header:#faf9fcf2;--art:#ede7f7;--art-line:#5b3db610;--button:#5b3db6}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:112px}body{min-width:320px;margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.65}a{color:inherit;text-decoration:none}button{color:inherit}h1,h2,h3,p{margin:0}button,a,input{transition:background-color .18s,color .18s,border-color .18s}:focus-visible{outline:3px solid var(--focus);outline-offset:5px}main:focus{outline:none}.page-width{width:min(1160px,100% - 64px);margin-inline:auto}.muted{color:var(--text-secondary)}.site-header{z-index:30;background:var(--header);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0}.nav-container{align-items:center;gap:64px;width:min(1280px,100% - 64px);min-height:88px;margin-inline:auto;display:flex;position:relative}.brand{letter-spacing:-1px;flex-shrink:0;align-items:center;gap:12px;font-size:23px;font-weight:750;display:inline-flex}.brand-accent{color:var(--accent)}.logo-mark{background:var(--accent);width:38px;height:38px;color:var(--on-accent);border-radius:var(--radius-sm);letter-spacing:-3px;place-content:center;padding-right:3px;font-size:30px;display:grid}.logo-mark span{display:contents}.desktop-nav{gap:8px;display:flex}.desktop-nav a,.mobile-panel nav a{border-radius:var(--radius-sm);min-height:44px;color:var(--text-secondary);padding:11px 16px;font-size:14px}nav a:hover{background:var(--surface);color:var(--text-primary)}nav a[aria-current=page]{background:var(--surface-raised);color:var(--accent);box-shadow:inset 0 -2px var(--accent);font-weight:650}.header-actions{align-items:center;gap:24px;margin-left:auto;display:flex}.desktop-account{align-items:center;gap:20px;display:flex}.desktop-account>button:not(.primary-button){min-height:44px;font-size:14px}.primary-button,.secondary-button{border-radius:var(--radius-sm);border:1px solid #0000;justify-content:center;align-items:center;gap:24px;min-height:48px;padding:13px 22px;font-size:14px;font-weight:650;display:inline-flex}.primary-button{background:var(--button);color:var(--on-accent)}.primary-button:hover{background:var(--accent-hover)}.secondary-button{background:var(--surface);border-color:var(--border)}.secondary-button:hover{background:var(--surface-raised)}.icon-button{border-radius:var(--radius-sm);min-width:44px;min-height:44px;font-size:25px}.icon-button:hover{background:var(--surface-raised)}.theme-toggle{place-items:center;min-width:60px;min-height:44px;display:grid}.theme-track{border:1px solid var(--border);background:var(--surface);border-radius:20px;width:56px;height:30px;padding:3px;display:block}.theme-thumb{background:var(--accent);width:22px;height:22px;color:var(--on-accent);border-radius:50%;place-content:center;font-size:18px;line-height:1;transition:transform .22s;display:grid}[data-theme=dark] .theme-thumb{transform:translate(26px)}.mobile-trigger{display:none}.hero{grid-template-columns:1.15fr 1fr;align-items:center;gap:80px;padding-block:96px 104px;display:grid}.eyebrow{letter-spacing:2px;color:var(--accent);align-items:center;gap:12px;font-size:11px;font-weight:700;display:flex}.status-dot{background:var(--accent);border-radius:50%;width:7px;height:7px}h1{letter-spacing:-3.8px;margin:28px 0;font-size:clamp(48px,5.6vw,78px);font-weight:750;line-height:1.08}h1>span{color:var(--accent)}.hero-copy>p{color:var(--text-secondary);max-width:460px;margin-bottom:32px;font-size:17px;line-height:1.7}.hero-caption{color:var(--text-secondary);align-items:center;gap:12px;margin-top:32px;font-size:12px;display:flex}.hero-caption>span{background:var(--border);width:24px;height:1px}.hero-art{isolation:isolate;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--art);height:430px;position:relative;overflow:hidden}.art-grid{background-image:linear-gradient(var(--art-line) 1px,transparent 1px),linear-gradient(90deg,var(--art-line) 1px,transparent 1px);background-size:40px 40px;position:absolute;top:0;right:0;bottom:0;left:0}.art-index{letter-spacing:2px;color:var(--text-secondary);font-size:10px;position:absolute;top:26px;left:28px}.brand-tile{color:#fff;letter-spacing:-20px;background:linear-gradient(140deg,#a18ae9,#6344b5);border-radius:44px;place-content:center;width:224px;height:244px;padding-bottom:20px;padding-right:14px;font-size:180px;font-weight:750;line-height:1;display:grid;position:absolute;top:82px;left:calc(50% - 112px);transform:rotate(-9deg);box-shadow:15px 20px #77629225,0 24px 60px #00000025,inset 1px 1px #ffffff40}.brand-tile span{color:#e1d5ff;display:contents}.art-dot{background:var(--accent);border-radius:50%;width:15px;height:15px;position:absolute;top:76px;right:38px}.art-footer{color:var(--text-secondary);letter-spacing:2px;justify-content:space-between;align-items:center;font-size:9px;display:flex;position:absolute;bottom:28px;left:28px;right:28px}.art-footer span:last-child{color:var(--accent);font-size:24px}.about-section{background:var(--surface);border-block:1px solid var(--border);padding-block:72px;scroll-margin-top:24px}.section-heading{justify-content:space-between;align-items:flex-end;gap:48px;margin-bottom:48px;display:flex}h2{letter-spacing:-1.3px;margin-top:18px;font-size:clamp(28px,3vw,40px);font-weight:650;line-height:1.2}.section-heading>p{max-width:400px;color:var(--text-secondary);font-size:16px;line-height:1.7}.principles{grid-template-columns:repeat(3,1fr);gap:36px;display:grid}.principles article{border-top:1px solid var(--border);padding-top:24px}.card-number{color:var(--accent);font-family:monospace;font-size:12px}h3{letter-spacing:-.5px;font-size:21px;font-weight:650}.principles h3{margin:24px 0 12px}.principles p{color:var(--text-secondary);font-size:15px;line-height:1.7}.explore-section{padding-block:80px 96px}.area-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.area-card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);padding:32px;display:block}.area-card:hover{border-color:var(--accent);background:var(--surface-raised)}.area-card-top{justify-content:space-between;align-items:center;gap:16px;display:flex}.badge{border:1px solid var(--border);color:var(--text-secondary);border-radius:6px;padding:5px 9px;font-size:11px;font-weight:600;display:inline-flex}.area-card h3{justify-content:space-between;margin-top:32px;font-size:32px;display:flex}.area-card h3 span{color:var(--accent)}.area-card p{color:var(--text-secondary);margin-top:12px;line-height:1.7}.area-link{color:var(--accent);border-top:1px solid var(--border);justify-content:space-between;margin-top:28px;padding-top:20px;font-size:13px;font-weight:600;display:flex}main{min-height:calc(100dvh - 190px)}.area-page{padding-block:56px 96px}.back-link{min-height:44px;color:var(--text-secondary);align-items:center;margin-bottom:48px;font-size:14px;display:inline-flex}.back-link:hover{color:var(--accent)}.area-page h1{max-width:820px;font-size:clamp(40px,5vw,64px)}.area-description{max-width:640px;color:var(--text-secondary);font-size:18px;line-height:1.7}.empty-state{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);gap:32px;margin-block:48px 32px;padding:40px;display:flex}.empty-symbol{color:var(--accent);letter-spacing:-4px;font-size:56px;font-weight:700}.empty-state h2{margin:18px 0 12px;font-size:25px}.empty-state p{max-width:620px;color:var(--text-secondary);line-height:1.7}.footer{border-top:1px solid var(--border)}.footer-inner{justify-content:space-between;align-items:center;gap:24px;min-height:100px;display:flex}.footer .brand{font-size:18px}.footer .logo-mark{display:none}.footer-inner>span,.footer small{color:var(--text-secondary);font-size:12px}.account-wrap{position:relative}.account-trigger{align-items:center;gap:10px;min-height:48px;display:flex}.avatar{background:var(--surface-raised);width:34px;height:34px;color:var(--accent);border-radius:50%;flex-shrink:0;place-content:center;display:grid}.username{text-overflow:ellipsis;white-space:nowrap;max-width:128px;font-size:14px;overflow:hidden}.dropdown{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-raised);width:288px;padding:12px;position:absolute;top:calc(100% + 12px);right:0;box-shadow:0 16px 48px #00000025}.account-identity{border-bottom:1px solid var(--border);gap:12px;margin-bottom:8px;padding:12px 4px 20px;display:flex}.account-identity strong{overflow-wrap:anywhere;font-size:14px;display:block}.account-identity small{color:var(--text-secondary);margin-top:4px;font-size:11px;display:block}.dropdown>button,.mobile-account>button{border-radius:var(--radius-sm);text-align:left;justify-content:space-between;align-items:center;width:100%;min-height:48px;padding:12px;font-size:14px;display:flex}.dropdown>button:hover:not(:disabled){background:var(--surface)}.soon{color:var(--text-secondary);font-size:11px}.logout{color:var(--danger)}.auth-dialog{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-raised);width:min(480px,100% - 32px);max-height:calc(100dvh - 32px);color:var(--text-primary);margin:auto;padding:40px;overflow-y:auto;box-shadow:0 32px 80px #00000040}.auth-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#101017a6}.dialog-close{color:var(--text-secondary);position:absolute;top:8px;right:8px}.auth-dialog h2{font-size:30px}.dialog-description{color:var(--text-secondary);margin:16px 0 24px;font-size:13px;line-height:1.65}fieldset{border:0;gap:18px;min-width:0;margin:0;padding:0;display:grid}.field label{margin-bottom:8px;font-size:13px;font-weight:650;display:block}.input-wrap{position:relative}input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--background);width:100%;min-height:48px;color:var(--text-primary);padding:12px;font-size:16px}.input-wrap:has(.password-toggle) input{padding-right:82px}.password-toggle{min-height:44px;color:var(--accent);padding-inline:10px;font-size:12px;font-weight:600;position:absolute;top:2px;right:4px}.field-hint,.field-error{margin-top:7px;font-size:12px;line-height:1.6}.field-hint{color:var(--text-secondary)}.field-error{color:var(--danger)}input[aria-invalid=true]{border-color:var(--danger)}.form-error{border:1px solid var(--danger);border-radius:var(--radius-sm);padding:12px}.full-width{width:100%}.auth-switch{color:var(--text-secondary);text-align:center;margin-top:20px;font-size:13px}.auth-switch button{color:var(--accent);min-height:44px;padding-inline:6px;font-weight:650}.skip-link{z-index:100;background:var(--surface-raised);padding:12px;position:fixed;top:-100px;left:16px}.skip-link:focus{top:12px}.feedback:empty{display:none}.notice{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--success);background:var(--surface);justify-content:space-between;align-items:center;margin-top:20px;padding:8px 16px;font-size:14px;display:flex}.session-warning{color:var(--warning);padding-top:20px;font-size:14px}@media(max-width:1050px){.nav-container{gap:24px}.desktop-nav a{padding-inline:12px}.header-actions,.desktop-account{gap:12px}.hero{gap:36px}.hero-art{height:380px}.brand-tile{top:65px}}@media(max-width:800px){html{scroll-padding-top:96px}.page-width,.nav-container{width:calc(100% - 40px)}.nav-container{min-height:76px}.desktop-nav,.desktop-account{display:none}.mobile-trigger{display:block}.mobile-panel{background:var(--surface-raised);border-bottom:1px solid var(--border);max-height:calc(100dvh - 76px);padding:24px;position:absolute;top:100%;left:-20px;right:-20px;overflow-y:auto;box-shadow:0 20px 40px #00000020}.mobile-panel nav{gap:8px;margin-top:12px;display:grid}.mobile-account{border-top:1px solid var(--border);margin-top:20px;padding-top:20px}.mobile-account>.eyebrow{margin-bottom:12px}.hero{grid-template-columns:1fr;gap:40px;padding-block:56px}h1{letter-spacing:-2.5px;font-size:52px}.hero-copy>p{max-width:560px}.hero-art{width:100%;height:280px}.brand-tile{border-radius:32px;width:160px;height:180px;font-size:128px;top:45px;left:calc(50% - 80px)}.art-dot{top:64px;right:20%}.section-heading{margin-bottom:32px;display:block}.section-heading>p{max-width:560px;margin-top:24px}.principles{grid-template-columns:1fr;gap:28px}.principles article{grid-template-columns:40px 1fr;column-gap:16px;display:grid}.principles h3{margin:0 0 12px}.principles p{grid-column:2}.about-section{padding-block:48px}.explore-section{padding-block:56px}.area-grid{gap:16px}.area-card{padding:24px}.area-page{padding-block:32px 64px}.empty-state{padding:28px}.footer-inner{flex-wrap:wrap;padding-block:24px}}@media(max-width:480px){.brand{gap:10px;font-size:21px}.header-actions{gap:4px}.hero .eyebrow{letter-spacing:1.4px;font-size:10px}h1{font-size:44px}.hero-art{height:230px}.brand-tile{letter-spacing:-12px;width:130px;height:146px;font-size:104px;top:36px;left:calc(50% - 65px)}.art-index{font-size:8px;top:16px;left:20px}.art-footer{letter-spacing:1px;font-size:8px;bottom:14px;left:20px;right:20px}.art-dot{width:10px;height:10px;top:48px;right:40px}.area-grid{grid-template-columns:1fr}.empty-state{padding:24px;display:block}.empty-symbol{margin-bottom:20px;display:block}.footer-inner>span{order:3;width:100%}.auth-dialog{padding:36px 24px 24px}}@media(prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}.scroll-progress{background:var(--accent);height:3px;transform:scaleX(var(--scroll-progress,0));transform-origin:0;z-index:60;pointer-events:none;position:fixed;inset:0 0 auto}.site-header{transition:box-shadow .22s,background-color .22s}.is-scrolled .site-header{box-shadow:0 8px 32px #00000020}.section-heading,.principles article,.empty-state{transition:opacity .65s,translate .65s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0s)}.reveal-pending{opacity:0;translate:0 28px}.hero-copy>*{animation:.7s both hero-enter}.hero-copy>:nth-child(2){animation-delay:80ms}.hero-copy>:nth-child(3){animation-delay:.16s}.hero-copy>:nth-child(4){animation-delay:.24s}.hero-copy>:nth-child(5){animation-delay:.32s}@keyframes hero-enter{0%{opacity:0;translate:0 16px}to{opacity:1;translate:0}}.brand-tile{translate:0 var(--parallax,0px)}.hero-art,.area-card{isolation:isolate;transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .22s ease-out,border-color .22s,background-color .22s,opacity .65s,translate .65s;position:relative}.area-card:before,.hero-art:after{content:"";border-radius:inherit;background:radial-gradient(circle at var(--pointer-x,50%) var(--pointer-y,50%),var(--accent),transparent 65%);position:absolute;top:0;right:0;bottom:0;left:0}@supports (color:color-mix(in lab,red,red)){.area-card:before,.hero-art:after{background:radial-gradient(circle at var(--pointer-x,50%) var(--pointer-y,50%),color-mix(in srgb,var(--accent) 13%,transparent),transparent 65%)}}.area-card:before,.hero-art:after{opacity:0;pointer-events:none;z-index:-1;transition:opacity .25s}.hero-art:after{z-index:2}.primary-button,.secondary-button{transition:transform .18s,box-shadow .18s,background-color .18s}.primary-button:active,.secondary-button:active{transform:scale(.97)}.primary-button>span,.secondary-button>span,.area-link>span,.area-card h3>span{transition:transform .22s;display:inline-block}.mobile-panel,.dropdown{animation:.18s both menu-enter}.auth-dialog[open]{animation:.22s both dialog-enter}@keyframes menu-enter{0%{opacity:0;translate:0 -8px}to{opacity:1;translate:0}}@keyframes dialog-enter{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.back-top{z-index:25;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-raised);width:48px;height:48px;color:var(--accent);visibility:hidden;opacity:0;place-items:center;font-size:24px;transition:opacity .22s,translate .22s,visibility .22s;display:grid;position:fixed;bottom:24px;right:24px;translate:0 12px;box-shadow:0 8px 24px #00000020}.show-back-top .back-top{visibility:visible;opacity:1;translate:0}@media(hover:hover)and (pointer:fine){.area-card:hover:before,.hero-art:hover:after{opacity:1}.area-card:hover{translate:0 -5px}.primary-button:hover{box-shadow:0 8px 24px var(--accent);transform:translateY(-2px)}@supports (color:color-mix(in lab,red,red)){.primary-button:hover{box-shadow:0 8px 24px color-mix(in srgb,var(--accent) 20%,transparent)}}.secondary-button:hover{transform:translateY(-2px)}.primary-button:hover>span,.secondary-button:hover>span{transform:translate(2px,-2px)}.area-card:hover .area-link>span{transform:translate(4px)}.area-card:hover h3>span{transform:translate(3px,-3px)}}@media(prefers-reduced-motion:reduce){*,:before,:after{animation:none!important}.reveal-pending{opacity:1;translate:none}.hero-art,.area-card,.primary-button,.secondary-button{transform:translate(0)!important}.brand-tile{translate:none}}.welcome-screen{z-index:90;background:var(--background);pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:32px;animation:.65s both welcome-exit;display:flex;position:fixed;top:0;right:0;bottom:0;left:0}.welcome-mark{letter-spacing:-12px;color:var(--accent);font-size:112px;font-weight:750;line-height:1;animation:.42s both welcome-assemble}.welcome-mark span{animation:.42s both welcome-dot;display:inline-block}.welcome-caption{color:var(--text-secondary);letter-spacing:3px;font-size:10px}@keyframes welcome-assemble{0%{opacity:0;transform:scale(.85)rotate(-12deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes welcome-dot{0%{transform:translate(24px,-24px)}to{transform:translate(0)}}@keyframes welcome-exit{0%,70%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}.hero-art{width:100%;color:inherit;text-align:left}.art-instruction{color:var(--text-secondary);opacity:0;font-size:10px;transition:opacity .18s;position:absolute;top:26px;right:20px}.hero-art:hover .art-instruction,.hero-art:focus-visible .art-instruction{opacity:1}.art-playing .brand-tile{animation:.7s both tile-turn}.art-playing .art-dot{animation:.7s both dot-orbit}@keyframes tile-turn{0%,to{transform:rotate(-9deg)}40%{transform:rotate(12deg)scale(.94)}70%{transform:rotate(-15deg)scale(1.03)}}@keyframes dot-orbit{0%,to{translate:0}40%{translate:-26px 40px;scale:1.6}70%{translate:12px -10px}}.area-intro{grid-template-columns:1.15fr 1fr;align-items:center;gap:48px;display:grid}.area-intro h1{font-size:clamp(40px,4.2vw,60px)}.area-artwork{isolation:isolate;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--art);height:340px;position:relative;overflow:hidden}.note-stack{position:absolute;top:72px;right:0;bottom:0;left:0}.note-sheet{border-radius:8px;width:175px;height:205px;position:absolute;top:0;left:calc(50% - 87px)}.note-back{background:#826bb7;transform:rotate(-12deg)translate(-12px,4px)}.note-front{background:#eee8ff;padding:22px;transform:rotate(7deg);box-shadow:0 16px 32px #00000020}.note-heading{color:#443069;letter-spacing:-4px;font-size:48px;font-weight:650;display:block}.note-heading span{color:#8260cc}.note-front i{background:#c0b1dc;width:100%;height:3px;margin-top:15px;display:block}.note-front i:last-of-type{width:65%}.note-pencil{background:linear-gradient(90deg,#7250b9 50%,#9875dc 50%);border-radius:3px 3px 0 0;width:12px;height:150px;position:absolute;top:48px;right:-12px;transform:rotate(20deg)}.note-pencil:after{content:"";border-top:15px solid #c7ae93;border-left:6px solid #0000;border-right:6px solid #0000;position:absolute;bottom:-15px}.object-stack{position:absolute;top:60px;right:0;bottom:0;left:0}.object-block{background:linear-gradient(135deg,#b398ee,#6946ac);border-radius:22px;width:145px;height:160px;position:absolute;top:24px;left:calc(50% - 90px);transform:rotate(-14deg);box-shadow:14px 18px #8e6bc333,0 24px 48px #00000020}.object-ring{border:22px solid #e3d8fb;border-radius:50%;width:120px;height:120px;position:absolute;top:86px;left:calc(50% - 2px);transform:rotate(-20deg);box-shadow:inset 0 5px 12px #65439830,0 12px 24px #00000020}.object-dot{background:var(--accent);border-radius:50%;width:28px;height:28px;position:absolute;top:10px;left:calc(50% + 76px)}.principles .card-number{letter-spacing:-1px;font-size:20px}.section-heading h2:after{content:"";background:var(--accent);border-radius:50%;width:8px;height:8px;margin-left:10px;display:inline-block}.page-content{view-transition-name:page-content}::view-transition-old(page-content){animation:.14s both page-out}::view-transition-new(page-content){animation:.22s both page-in}::view-transition-old(root){animation:none}::view-transition-new(root){animation:none}@keyframes page-out{to{opacity:0}}@keyframes page-in{0%{opacity:0;translate:0 8px}to{opacity:1;translate:0}}.theme-transition .page-content{view-transition-name:none}.theme-transition::view-transition-old(root){z-index:1}.theme-transition::view-transition-new(root){z-index:2;animation:.48s ease-in-out both theme-reveal}.theme-transition::view-transition-image-pair(root){isolation:isolate}.theme-transition::view-transition-old(root){mix-blend-mode:normal}.theme-transition::view-transition-new(root){mix-blend-mode:normal}@keyframes theme-reveal{0%{clip-path:circle(0 at var(--theme-x) var(--theme-y))}to{clip-path:circle(var(--theme-radius) at var(--theme-x) var(--theme-y))}}@media(max-width:800px){.area-intro{grid-template-columns:1fr;gap:32px}.area-artwork{height:280px}.note-stack{top:45px}.object-stack{top:35px}}@media(max-width:480px){.area-artwork{height:250px}.note-stack{top:34px;scale:.85}.object-stack{top:20px;scale:.85}.art-instruction{display:none}}@media(prefers-reduced-motion:reduce){.welcome-screen{display:none}::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}.headline-line{color:var(--text-primary);animation:.65s both headline-in;display:block}.headline-line:nth-child(2){animation-delay:.2s}.headline-line em{color:var(--accent);font-style:normal}@keyframes headline-in{0%{opacity:0;translate:0 18px}to{opacity:1;translate:0}}.desktop-nav{isolation:isolate;position:relative}.desktop-nav a{z-index:1;position:relative}.desktop-nav a[aria-current=page]{box-shadow:none;background:0 0}.nav-indicator{width:var(--nav-width,0px);transform:translate(var(--nav-left,0px));background:var(--surface-raised);border-radius:var(--radius-sm);border-bottom:2px solid var(--accent);transition:transform .28s cubic-bezier(.2,.7,.2,1),width .28s;position:absolute;top:0;bottom:0;left:0}.art-grid{translate:var(--grid-x,0px) var(--grid-y,0px);transition:translate .35s ease-out;scale:1.05}.area-card:hover,.area-card:focus-visible{box-shadow:inset 0 0 0 1px var(--accent),0 0 24px var(--accent)}@supports (color:color-mix(in lab,red,red)){.area-card:hover,.area-card:focus-visible{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 35%,transparent),0 0 24px color-mix(in srgb,var(--accent) 8%,transparent)}}.playground-section{padding-block:80px}.playground-layout{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.play-preview{--play-color:#ad94ec;--play-dark:#33244e;background:var(--art);min-height:380px;position:relative;overflow:hidden}.palette-mint{--play-color:#96d9c5;--play-dark:#193d32}.palette-peach{--play-color:#edbd99;--play-dark:#4c2c1a}.play-mark,.play-outline{border-radius:35px;width:180px;height:190px;transition:transform .4s,border-radius .3s,background-color .25s;position:absolute;top:calc(50% - 95px);left:calc(50% - 90px)}.play-mark{letter-spacing:-13px;color:var(--play-dark);background:var(--play-color);transform:rotate(calc(-9deg + var(--play-turn)));justify-content:center;align-items:center;padding-right:12px;font-size:130px;font-weight:750;display:flex;box-shadow:0 24px 48px #00000020}.play-outline{border:1px solid var(--play-color);transform:translate(calc(var(--spread) * -.5),calc(var(--spread) * .3)) rotate(calc(12deg + var(--play-turn)))}.shape-circle .play-mark,.shape-circle .play-outline{border-radius:50%}.shape-square .play-mark,.shape-square .play-outline{border-radius:6px}.play-dot{top:calc(50% - 90px - var(--spread));left:calc(50% + 80px + var(--spread) * .5);background:var(--play-color);border-radius:50%;width:18px;height:18px;transition:top .25s,left .25s,background-color .25s;position:absolute}.play-controls{gap:24px;padding:36px;display:grid}.play-controls legend,.play-controls label{margin-bottom:12px;font-size:13px;font-weight:650}.play-controls label{justify-content:space-between;display:flex}.play-controls output{color:var(--accent)}.choice-row,.play-actions{flex-wrap:wrap;gap:8px;display:flex}.choice-row button{border:1px solid var(--border);border-radius:var(--radius-sm);min-height:44px;padding:10px 14px;font-size:13px}.choice-row button[aria-pressed=true]{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.play-controls input[type=range]{accent-color:var(--accent);cursor:pointer;background:0 0;border:0;padding:0}.idea-grid{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:20px;margin-top:24px;display:grid}.idea-card{text-align:left;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);flex-direction:column;gap:12px;padding:24px;transition:border-color .2s,background-color .2s,box-shadow .2s;display:flex}.idea-card:hover,.idea-card[aria-pressed=true]{border-color:var(--accent);background:var(--surface-raised)}.idea-card[aria-pressed=true]{box-shadow:inset 0 0 0 1px var(--accent),0 0 24px var(--accent)}@supports (color:color-mix(in lab,red,red)){.idea-card[aria-pressed=true]{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 30%,transparent),0 0 24px color-mix(in srgb,var(--accent) 8%,transparent)}}.idea-title{letter-spacing:-.5px;margin-top:8px;font-size:21px;font-weight:650;display:block}.idea-summary{color:var(--text-secondary);margin-bottom:12px;font-size:14px;line-height:1.7}.idea-toggle{color:var(--accent);justify-content:space-between;align-items:center;margin-top:auto;font-size:12px;display:flex}.idea-toggle>span{font-size:20px}.idea-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);align-items:start;gap:32px;margin-top:16px;padding:32px;display:flex}.idea-panel-index{color:var(--accent);letter-spacing:-3px;font-size:48px;font-weight:650;line-height:1}.idea-panel-content{max-width:750px;min-height:130px;animation:.22s both idea-panel-in}.idea-panel-content h3{margin-block:12px}.idea-panel-content p{color:var(--text-secondary);font-size:16px;line-height:1.7}@keyframes idea-panel-in{0%{opacity:0;translate:0 6px}to{opacity:1;translate:0}}@media(max-width:480px){.idea-panel{gap:16px;padding:24px}.idea-panel-index{font-size:32px}.idea-panel-content{min-height:0}}@supports (container-type:inline-size){.area-grid{container-type:inline-size}@container (max-width:500px){.area-card h3{font-size:28px}.area-card{padding:24px}}}@supports (anchor-name:--account-trigger){.account-trigger{anchor-name:--account-trigger}.dropdown{position-anchor:--account-trigger}}@media(max-width:800px){.site-header{transition:translate .22s,box-shadow .22s}.header-hidden .site-header:not(:focus-within):not(:has(.mobile-panel)){translate:0 -100%}.playground-layout{grid-template-columns:1fr}.play-preview{min-height:300px}.playground-section{padding-block:56px}.idea-grid{grid-template-columns:1fr}.play-controls{padding:24px}}@media(prefers-reduced-motion:reduce){.headline-line{animation:none}.art-grid,.header-hidden .site-header{translate:none}}@supports (animation-timeline:scroll()){@media(prefers-reduced-motion:no-preference)and (min-width:801px){.brand-tile{animation:linear both scroll-assemble;animation-timeline:scroll(root);animation-range:0 500px}.art-playing .brand-tile{animation:.7s both tile-turn}@keyframes scroll-assemble{0%{rotate:-3deg}to{rotate:6deg}}}}@supports (top:anchor(bottom)){.dropdown{top:calc(anchor(bottom) + 12px);right:calc(100% - anchor(right));position-try-fallbacks:flip-inline;position:fixed}}