*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Inter,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--color-background);color:var(--color-on-background);line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}img,svg{display:block;max-width:100%}:root{--color-background: #0A0A0A;--color-surface: #121212;--color-surface-elevated: #1E1E1E;--color-surface-variant: #2A2A2A;--color-primary: #FFD600;--color-primary-dark: #FFAB00;--color-primary-light: #FFF176;--color-on-primary: #0A0A0A;--color-secondary: #FF8C00;--color-explain: #9C7CF4;--color-on-background: #FFFFFF;--color-on-background-secondary: #A0A0A0;--color-on-background-tertiary: #666666;--color-on-surface: #FFFFFF;--color-on-surface-secondary: #888888;--color-on-surface-tertiary: #555555;--glass-fill: rgba(255,255,255,.08);--glass-fill-light: rgba(255,255,255,.12);--glass-stroke: rgba(255,255,255,.1);--glass-stroke-light: rgba(255,255,255,.2);--glass-highlight: rgba(255,255,255,.15);--glass-shadow: rgba(0,0,0,.4);--glow-primary: rgba(255,214,0,.4);--glow-primary-subtle: rgba(255,214,0,.15);--color-error: #E55B4A;--color-success: #4CAF50;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--space-4xl: 96px;--space-5xl: 128px;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.75rem;--font-size-4xl: 2.5rem;--font-size-5xl: 3.5rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease}.section{padding:var(--space-4xl) var(--space-lg);max-width:1200px;margin:0 auto}.section--narrow{max-width:1000px}@media(max-width:768px){.section{padding:var(--space-3xl) var(--space-md)}}.btn-primary{display:inline-flex;align-items:center;justify-content:center;background:var(--color-primary);color:var(--color-on-primary);font-weight:600;font-size:var(--font-size-base);padding:14px 32px;border-radius:var(--radius-full);transition:all var(--transition-fast);position:relative;box-shadow:0 0 20px #ffd60026}.btn-primary:hover{background:var(--color-primary-light);transform:translateY(-1px);box-shadow:0 0 30px #ffd60040}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;background:#ffffff0f;color:var(--color-on-background);font-weight:500;font-size:var(--font-size-base);padding:14px 32px;border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.12);transition:all var(--transition-fast)}.btn-secondary:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-1px)}.glass-card{background:linear-gradient(135deg,#ffffff14,#ffffff08,#ffffff03);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);position:relative;overflow:hidden}.glass-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);pointer-events:none}.glass-card--blur{backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px)}.glass-navbar{background:linear-gradient(180deg,#282828d9,#1e1e1ebf);border-bottom:1px solid rgba(255,255,255,.06)}.glass-bottom-bar{background:linear-gradient(180deg,#1e1e1ecc,#191919f2);border-top:1px solid rgba(255,255,255,.06)}.glass-modal{background:linear-gradient(180deg,#2d2d2df2,#232323fa);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);position:relative}.glass-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);pointer-events:none}.glass-chip{background:linear-gradient(135deg,#ffffff0f,#ffffff08);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-full);padding:6px 14px;font-size:var(--font-size-sm);color:var(--color-on-surface-secondary);transition:all var(--transition-fast);cursor:pointer}.glass-chip:hover{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-color:#ffffff1f}.glass-chip-active{background:linear-gradient(135deg,#ffd60026,#ffd60014);border:1px solid rgba(255,214,0,.25);border-radius:var(--radius-full);padding:6px 14px;font-size:var(--font-size-sm);color:var(--color-primary);cursor:pointer}.glass-fresnel{box-shadow:inset 1px 1px #ffffff14,inset -1px -1px #ffffff05}.glass-accent-bar{position:absolute;left:0;top:0;bottom:0;width:3px;border-radius:0 2px 2px 0}.glass-accent-bar--white{background:#ffffffb3;box-shadow:0 0 12px #ffffff1a}.glass-accent-bar--yellow{background:var(--color-primary);box-shadow:0 0 12px var(--glow-primary-subtle)}.glass-accent-bar--orange{background:var(--color-secondary);box-shadow:0 0 12px #ff8c0026}.glass-accent-bar--purple{background:var(--color-explain);box-shadow:0 0 12px #9c7cf426}.glass-panel{background:linear-gradient(135deg,#ffffff0f,#ffffff05);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-xl);position:relative;overflow:hidden}.glass-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 10%,rgba(255,255,255,.15) 50%,transparent 90%);pointer-events:none}.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;padding:var(--space-2xl) var(--space-lg);padding-bottom:var(--space-5xl)}.hero__glow{position:absolute;top:-20%;left:50%;transform:translate(-50%);width:900px;height:700px;background:radial-gradient(ellipse at center,rgba(255,214,0,.08) 0%,rgba(255,214,0,.03) 40%,transparent 70%);pointer-events:none;z-index:0}.hero__logo{position:relative;z-index:1;margin-bottom:var(--space-xl)}.hero__tagline{font-size:var(--font-size-5xl);font-weight:600;line-height:1.08;letter-spacing:-.035em;max-width:700px;position:relative;z-index:1}.hero__tagline em{font-style:normal;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero__subtitle{font-size:var(--font-size-lg);color:var(--color-on-background-secondary);max-width:520px;margin-top:var(--space-lg);position:relative;z-index:1;line-height:1.6}.hero__ctas{display:flex;gap:var(--space-md);margin-top:var(--space-xl);position:relative;z-index:1}@media(max-width:768px){.hero__tagline{font-size:var(--font-size-4xl)}.hero__ctas{flex-direction:column;width:100%;max-width:300px}}.problem{text-align:center}.problem__heading{font-size:var(--font-size-4xl);font-weight:600;max-width:700px;margin:0 auto var(--space-3xl);line-height:1.15;letter-spacing:-.02em}.problem__heading em{font-style:normal;color:var(--color-on-background-secondary)}.problem__list{max-width:680px;margin:0 auto;display:flex;flex-direction:column;text-align:left}.problem__item{display:flex;align-items:baseline;gap:var(--space-md);padding:var(--space-xl) 0 var(--space-xl) var(--space-xl);border-left:2px solid rgba(255,255,255,.06);transition:border-color .4s cubic-bezier(.16,1,.3,1),opacity .25s ease;cursor:default}.problem__item:hover{border-color:var(--accent)}.problem__list:hover .problem__item:not(:hover){opacity:.35}.problem__dot{width:8px;height:8px;border-radius:50%;background:var(--accent);flex-shrink:0;opacity:.4;transition:opacity .3s,box-shadow .3s;margin-top:7px}.problem__item:hover .problem__dot{opacity:1;box-shadow:0 0 10px var(--accent-glow)}.problem__body{flex:1}.problem__text{font-size:var(--font-size-lg);color:var(--color-on-background-secondary);line-height:1.6;transition:color .25s ease;text-wrap:balance}.problem__item:hover .problem__text{color:var(--color-on-surface)}.problem__solution{max-height:0;opacity:0;overflow:hidden;transition:max-height .4s cubic-bezier(.16,1,.3,1),opacity .3s ease 50ms,margin-top .3s ease;margin-top:0}.problem__item:hover .problem__solution{max-height:280px;opacity:1;margin-top:var(--space-md)}.problem__solution-text{font-size:var(--font-size-sm);color:var(--accent);font-weight:500;margin-bottom:var(--space-sm);line-height:1.5}.problem__solution-card{padding:12px 14px 12px 18px;position:relative}.features-container{position:relative;max-width:1000px;margin:0 auto;padding:0 var(--space-lg)}.features-scroll{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3xl);min-height:250vh}.features-text{display:flex;flex-direction:column;padding-top:20vh}.feature-panel{min-height:70vh;display:flex;flex-direction:column;justify-content:center;padding:var(--space-xl) 0}.feature-panel__label{font-size:var(--font-size-sm);font-weight:600;text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-sm)}.feature-panel__label--white{color:#ffffffd9}.feature-panel__label--orange{color:var(--color-secondary)}.feature-panel__label--yellow{color:var(--color-primary)}.feature-panel__label--purple{color:var(--color-explain)}.feature-panel__title{font-size:var(--font-size-4xl);font-weight:600;line-height:1.15;letter-spacing:-.02em;margin-bottom:var(--space-md)}.feature-panel__desc{font-size:var(--font-size-lg);color:var(--color-on-background-secondary);line-height:1.6;max-width:400px}.features-visual{position:sticky;top:15vh;align-self:start;height:70vh;display:flex;align-items:center;justify-content:center}.features-phone{width:280px;height:560px;border:2px solid rgba(255,255,255,.1);border-radius:36px;overflow:hidden;position:relative;box-shadow:0 0 60px #0006}.features-phone__screen{position:absolute;inset:0;display:flex;flex-direction:column;background:var(--color-background);padding:var(--space-md);opacity:0;transition:opacity .5s ease}.features-phone__screen--active{opacity:1}@media(max-width:768px){.features-scroll{grid-template-columns:1fr;min-height:auto;gap:var(--space-xl)}.features-text{padding-top:0}.feature-panel{min-height:auto;padding:var(--space-lg) 0}.features-visual{position:relative;top:auto;height:auto;margin:var(--space-xl) auto}}.recall{text-align:center}.recall__heading{font-size:var(--font-size-4xl);font-weight:600;margin-bottom:var(--space-md);letter-spacing:-.02em}.recall__subheading{font-size:var(--font-size-lg);color:var(--color-on-background-secondary);margin-bottom:var(--space-3xl);max-width:600px;margin-left:auto;margin-right:auto;line-height:1.6}.recall__mockup{max-width:560px;margin:0 auto;border-radius:var(--radius-xl);padding:var(--space-lg);text-align:left}.privacy{text-align:center}.privacy__heading{font-size:var(--font-size-4xl);font-weight:600;margin-bottom:var(--space-3xl);letter-spacing:-.02em}.privacy__points{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-lg);max-width:900px;margin:0 auto}.privacy__point{padding:var(--space-xl);text-align:center}.privacy__icon{margin-bottom:var(--space-md);display:flex;justify-content:center}.privacy__point-title{font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--space-sm)}.privacy__point-desc{font-size:var(--font-size-base);color:var(--color-on-background-secondary);line-height:1.5}.demo-section{max-width:1100px;margin:0 auto;padding:var(--space-5xl) var(--space-lg) var(--space-4xl)}.demo-section__header{text-align:center;margin-bottom:var(--space-3xl)}.demo-section__heading{font-size:var(--font-size-4xl);font-weight:600;margin-bottom:var(--space-md);letter-spacing:-.02em}.demo-section__subheading{font-size:var(--font-size-lg);color:var(--color-on-background-secondary);max-width:500px;margin:0 auto;line-height:1.6}.demo-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3xl);min-height:320vh}.demo-narrative{display:flex;flex-direction:column;padding-top:15vh}.demo-narrative__beat{min-height:55vh;display:flex;flex-direction:column;justify-content:center;padding:var(--space-xl) 0}.demo-narrative__step{font-size:var(--font-size-sm);font-weight:600;color:var(--color-primary);margin-bottom:var(--space-sm);text-transform:uppercase;letter-spacing:.06em}.demo-narrative__title{font-size:var(--font-size-3xl);font-weight:600;margin-bottom:var(--space-md);line-height:1.2}.demo-narrative__desc{font-size:var(--font-size-base);color:var(--color-on-background-secondary);line-height:1.6;max-width:380px}.demo-sticky{position:sticky;top:10vh;align-self:start;display:flex;align-items:flex-start;justify-content:center;padding-top:5vh}.phone-bezel{width:340px;height:680px;border:2px solid rgba(255,255,255,.1);border-radius:40px;overflow:hidden;position:relative;box-shadow:0 0 60px #0006,0 0 1px #ffffff1a}@media(max-width:768px){.demo-layout{grid-template-columns:1fr;min-height:auto}.demo-narrative{padding-top:0}.demo-narrative__beat{min-height:auto;padding:var(--space-lg) 0}.demo-sticky{position:relative;top:auto;justify-content:center;padding-top:var(--space-lg)}.phone-bezel{width:100%;max-width:100%;height:580px;border:none;border-radius:var(--radius-lg);box-shadow:none}}.beta{text-align:center;padding:var(--space-5xl) var(--space-lg);max-width:800px;margin:0 auto}.beta__panel{padding:var(--space-3xl) var(--space-2xl)}.beta__heading{font-size:var(--font-size-4xl);font-weight:600;margin-bottom:var(--space-md);letter-spacing:-.02em}.beta__subheading{font-size:var(--font-size-lg);color:var(--color-on-background-secondary);margin-bottom:var(--space-xl);line-height:1.6}.beta__form{max-width:400px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-md)}.beta__input{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);padding:14px 18px;font-size:var(--font-size-base);color:var(--color-on-surface);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);font-family:inherit}.beta__input:focus{border-color:#ffd60066;box-shadow:0 0 0 3px #ffd60014}.beta__input::placeholder{color:var(--color-on-surface-tertiary)}.beta__textarea{resize:vertical;min-height:80px}.beta__note{font-size:var(--font-size-sm);color:var(--color-on-background-tertiary);margin-top:var(--space-sm)}.beta__success{color:var(--color-success);font-size:var(--font-size-base);padding:var(--space-lg)}.footer{padding:var(--space-3xl) var(--space-lg);text-align:center;border-top:1px solid rgba(255,255,255,.08)}.footer__logo{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);margin-bottom:var(--space-md)}.footer__wordmark{font-size:var(--font-size-lg);font-weight:600;color:var(--color-on-background-secondary)}.footer__copy{font-size:var(--font-size-sm);color:var(--color-on-background-tertiary)}.demo-app{width:100%;height:100%;background:var(--color-background);display:flex;flex-direction:column;position:relative;overflow:hidden;font-size:14px}.demo-status-bar{height:44px;display:flex;align-items:center;justify-content:center;padding:0 var(--space-md);font-size:12px;color:var(--color-on-surface-secondary);flex-shrink:0}.demo-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--space-md);-ms-overflow-style:none;scrollbar-width:none}.demo-content::-webkit-scrollbar{display:none}.demo-tab-bar{display:flex;padding:var(--space-sm) 0 calc(var(--space-sm) + 4px);flex-shrink:0}.demo-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-xs) 0;font-size:11px;color:var(--color-on-surface-tertiary);transition:color var(--transition-fast)}.demo-tab--active{color:var(--color-primary)}.demo-tab__icon{width:22px;height:22px}.demo-context{padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-md);border-radius:var(--radius-md);display:flex;align-items:center;gap:var(--space-sm)}.demo-context__dot{width:8px;height:8px;border-radius:50%;background:var(--color-success);box-shadow:0 0 6px #4caf5066}.demo-context__text{font-size:12px;color:var(--color-on-surface-secondary)}.demo-context__source{color:var(--color-on-surface);font-weight:500}.demo-action-dock{display:flex;justify-content:center;gap:var(--space-lg);padding:var(--space-md) 0;margin-top:auto}.demo-action-btn{display:flex;flex-direction:column;align-items:center;gap:4px}.demo-action-btn__circle{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.demo-action-btn__circle--mark{background:#ffffff14;border:1.5px solid rgba(255,255,255,.25)}.demo-action-btn__circle--mark:hover{background:#ffffff26}.demo-action-btn__circle--note{background:#ffd6001f;border:1.5px solid rgba(255,214,0,.25)}.demo-action-btn__circle--note:hover{background:#ffd60033}.demo-action-btn__circle--explain{background:#9c7cf41f;border:1.5px solid rgba(156,124,244,.25)}.demo-action-btn__circle--explain:hover{background:#9c7cf433}.demo-action-btn__label{font-size:11px;color:var(--color-on-surface-secondary)}.demo-item{padding:12px 14px 12px 18px;margin-bottom:var(--space-sm);position:relative;cursor:pointer;transition:background var(--transition-fast)}.demo-item:hover{background:#ffffff0a}.demo-item__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:4px}.demo-item__title{font-size:14px;font-weight:600;color:var(--color-on-surface)}.demo-item__time{font-size:11px;color:var(--color-on-surface-tertiary);white-space:nowrap;margin-left:var(--space-sm)}.demo-item__content{font-size:13px;color:var(--color-on-surface-secondary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.demo-item__source{font-size:11px;color:var(--color-on-surface-tertiary);margin-top:4px}.demo-search{display:flex;align-items:center;gap:var(--space-sm);padding:10px 14px;border-radius:var(--radius-md);margin-bottom:var(--space-md)}.demo-search__icon{color:var(--color-on-surface-tertiary);flex-shrink:0}.demo-search__input{background:none;border:none;outline:none;color:var(--color-on-surface);font-size:14px;width:100%;font-family:inherit}.demo-search__input::placeholder{color:var(--color-on-surface-tertiary)}.demo-filters{display:flex;gap:var(--space-sm);margin-bottom:var(--space-md);flex-wrap:wrap}.demo-ask-overlay{position:absolute;inset:0;background:#0a0a0aeb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;flex-direction:column;z-index:10}.demo-ask-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md);border-bottom:1px solid rgba(255,255,255,.06)}.demo-ask-header__title{font-size:14px;font-weight:600}.demo-ask-close{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffff14;font-size:16px;color:var(--color-on-surface-secondary)}.demo-ask-body{flex:1;padding:var(--space-md);overflow-y:auto}.demo-ask-question{font-size:14px;font-weight:500;color:var(--color-on-surface);margin-bottom:var(--space-md);padding:var(--space-sm) var(--space-md);background:#ffffff0a;border-radius:var(--radius-sm)}.demo-ask-answer{font-size:14px;color:var(--color-on-surface);line-height:1.6}.demo-ask-citation{display:inline;color:var(--color-primary);font-weight:600;font-size:12px;cursor:pointer}.demo-ask-sources{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid rgba(255,255,255,.06)}.demo-ask-sources__title{font-size:12px;font-weight:600;color:var(--color-on-surface-secondary);margin-bottom:var(--space-sm)}.demo-ask-source-item{padding:var(--space-sm);margin-bottom:var(--space-xs);border-radius:var(--radius-sm);background:#ffffff08;font-size:12px}.demo-ask-source-item__num{color:var(--color-primary);font-weight:600;margin-right:4px}.demo-source-group{margin-bottom:var(--space-lg)}.demo-source-group__header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);cursor:pointer;padding:var(--space-sm);border-radius:var(--radius-sm);transition:background var(--transition-fast)}.demo-source-group__header:hover{background:#ffffff0a}.demo-source-group__icon{width:36px;height:36px;border-radius:var(--radius-sm);background:#ffffff0f;display:flex;align-items:center;justify-content:center;font-size:18px}.demo-source-group__info{flex:1}.demo-source-group__name{font-size:14px;font-weight:600}.demo-source-group__count{font-size:12px;color:var(--color-on-surface-tertiary)}.demo-date-header{font-size:12px;font-weight:600;color:var(--color-on-surface-tertiary);text-transform:uppercase;letter-spacing:.05em;padding:var(--space-sm) 0;margin-top:var(--space-md)}.demo-date-header:first-child{margin-top:0}.demo-expanded-overlay{position:absolute;inset:0;background:#0a0a0ad9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;padding:var(--space-md);z-index:5}.demo-expanded-card{width:100%;max-height:80%;overflow-y:auto;padding:var(--space-lg);position:relative}.demo-expanded-card__close{position:absolute;top:var(--space-sm);right:var(--space-sm);width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffff14;font-size:14px;color:var(--color-on-surface-secondary);cursor:pointer}.demo-expanded-card__title{font-size:18px;font-weight:700;margin-bottom:var(--space-sm)}.demo-expanded-card__meta{font-size:12px;color:var(--color-on-surface-tertiary);margin-bottom:var(--space-md)}.demo-expanded-card__content{font-size:14px;color:var(--color-on-surface);line-height:1.6;white-space:pre-wrap}.walkthrough-overlay{position:absolute;inset:0;z-index:20;pointer-events:none}.walkthrough-dimmer{position:absolute;inset:0;background:#0009;pointer-events:auto}.walkthrough-spotlight{position:absolute;border-radius:var(--radius-md);box-shadow:0 0 0 9999px #0009;pointer-events:none;transition:all .4s ease}.walkthrough-card{position:absolute;max-width:280px;padding:var(--space-md);pointer-events:auto;z-index:21}.walkthrough-card__step{font-size:11px;color:var(--color-primary);font-weight:600;margin-bottom:4px}.walkthrough-card__text{font-size:14px;color:var(--color-on-surface);line-height:1.5;margin-bottom:var(--space-md)}.walkthrough-card__actions{display:flex;gap:var(--space-sm);justify-content:flex-end}.walkthrough-btn{padding:6px 16px;border-radius:var(--radius-full);font-size:13px;font-weight:500}.walkthrough-btn--next{background:var(--color-primary);color:var(--color-on-primary)}.walkthrough-btn--skip{color:var(--color-on-surface-secondary)}.demo-save-feedback{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);font-size:14px;font-weight:600;color:var(--color-on-surface);z-index:15;pointer-events:none}.reveal{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-stagger>*{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.reveal-stagger.visible>*:nth-child(1){transition-delay:0ms;opacity:1;transform:translateY(0)}.reveal-stagger.visible>*:nth-child(2){transition-delay:.15s;opacity:1;transform:translateY(0)}.reveal-stagger.visible>*:nth-child(3){transition-delay:.3s;opacity:1;transform:translateY(0)}.reveal-stagger.visible>*:nth-child(4){transition-delay:.45s;opacity:1;transform:translateY(0)}@supports (animation-timeline: view()){.reveal{opacity:1;transform:none;transition:none;animation:scroll-reveal linear both;animation-timeline:view();animation-range:entry 0% entry 80%}@keyframes scroll-reveal{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.reveal-stagger>*{opacity:1;transform:none;transition:none;animation:scroll-reveal-child linear both;animation-timeline:view();animation-range:entry 0% entry 90%}.reveal-stagger>*:nth-child(1){animation-range:entry 0% entry 70%}.reveal-stagger>*:nth-child(2){animation-range:entry 10% entry 80%}.reveal-stagger>*:nth-child(3){animation-range:entry 20% entry 90%}@keyframes scroll-reveal-child{0%{opacity:0;transform:translateY(30px) rotate(1.5deg)}to{opacity:1;transform:translateY(0) rotate(0)}}.reveal-left{animation:scroll-slide-left linear both;animation-timeline:view();animation-range:entry 0% entry 80%}@keyframes scroll-slide-left{0%{opacity:0;transform:translate(-60px)}to{opacity:1;transform:translate(0)}}.reveal-right{animation:scroll-slide-right linear both;animation-timeline:view();animation-range:entry 0% entry 80%}@keyframes scroll-slide-right{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}.reveal-scale{animation:scroll-scale linear both;animation-timeline:view();animation-range:entry 0% entry 80%}@keyframes scroll-scale{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}}@keyframes hero-fade-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.hero-entrance{opacity:0;animation:hero-fade-up .8s cubic-bezier(.16,1,.3,1) forwards}.hero-entrance--1{animation-delay:.1s}.hero-entrance--2{animation-delay:.3s}.hero-entrance--3{animation-delay:.5s}.hero-entrance--4{animation-delay:.7s}@supports (animation-timeline: scroll()){.hero-parallax--fast{animation:hero-scroll-fast linear both;animation-timeline:scroll();animation-range:0vh 90vh}.hero-parallax--medium{animation:hero-scroll-medium linear both;animation-timeline:scroll();animation-range:0vh 90vh}.hero-parallax--slow{animation:hero-scroll-slow linear both;animation-timeline:scroll();animation-range:0vh 90vh}@keyframes hero-scroll-fast{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100px);opacity:0}}@keyframes hero-scroll-medium{0%{transform:translateY(0);opacity:1}to{transform:translateY(-60px);opacity:0}}@keyframes hero-scroll-slow{0%{transform:translateY(0);opacity:1}to{transform:translateY(-30px);opacity:.3}}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.fade-in{animation:fade-in .3s ease forwards}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.cursor-blink{animation:blink 1s step-end infinite}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.15);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes flash-save{0%{opacity:0;transform:scale(.8)}30%{opacity:1;transform:scale(1.05)}to{opacity:0;transform:scale(1)}}.flash-save{animation:flash-save 1.2s ease forwards}@keyframes pulse-ring{0%{box-shadow:0 0 #ffd6004d}70%{box-shadow:0 0 0 12px #ffd60000}to{box-shadow:0 0 #ffd60000}}.pulse-ring{animation:pulse-ring 2s ease infinite}@keyframes glow-pulse{0%,to{opacity:.5}50%{opacity:1}}.ambient-glow{animation:glow-pulse 4s ease-in-out infinite}@keyframes typing-cursor{0%,to{border-color:var(--color-primary)}50%{border-color:transparent}}@supports (animation-timeline: view()){.recall-reveal-1{animation:scroll-reveal linear both;animation-timeline:view();animation-range:entry 20% entry 60%}.recall-reveal-2{animation:scroll-reveal linear both;animation-timeline:view();animation-range:entry 30% entry 70%}.recall-reveal-3{animation:scroll-reveal linear both;animation-timeline:view();animation-range:entry 35% entry 75%}.recall-reveal-4{animation:scroll-reveal linear both;animation-timeline:view();animation-range:entry 45% entry 85%}}