.error-boundary{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:var(--space-md);color:var(--color-text-primary);text-align:center}.error-boundary h1{font-size:24px;font-weight:600}.error-boundary p{color:var(--color-text-secondary);font-size:14px}.error-boundary button{padding:var(--space-sm) var(--space-xl);background:var(--color-accent-solid);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:14px}.error-boundary button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.marketing-nav{position:sticky;top:0;z-index:100;display:flex;align-items:center;height:56px;max-width:1120px;margin:0 auto;padding:0 var(--space-lg);background:#f5f3efd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border)}.marketing-nav__logo{display:flex;align-items:center;gap:var(--space-sm);text-decoration:none;color:var(--color-text-primary)}.marketing-nav__wordmark{font-family:var(--font-heading);font-size:20px;font-weight:700;letter-spacing:-.03em}.marketing-nav__links{display:flex;align-items:center;gap:var(--space-lg);margin-left:auto;margin-right:var(--space-lg)}.marketing-nav__links a{font-size:14px;font-weight:500;color:var(--color-text-secondary);text-decoration:none}.marketing-nav__links a:hover{color:var(--color-accent)}.marketing-nav__cta{display:inline-flex;align-items:center;padding:var(--space-xs) var(--space-md);background:var(--color-accent-solid);color:#fff;font-size:13px;font-weight:600;text-decoration:none;border-radius:var(--radius-pill);white-space:nowrap;flex-shrink:0}.marketing-nav__cta:hover{filter:brightness(1.12)}.marketing-nav__signin{display:inline-flex;align-items:center;padding:var(--space-xs) var(--space-sm);background:none;border:none;color:var(--color-text-secondary);font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:color .15s ease}.marketing-nav__signin:hover{color:var(--color-accent)}.marketing-nav__signin:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-sm)}.marketing-nav__account{display:inline-flex;align-items:center;gap:var(--space-md);flex-shrink:0}.marketing-nav__account .cl-userButtonTrigger,.marketing-nav__account .cl-avatarBox{width:32px;height:32px}.marketing-nav__hamburger{display:none;background:none;border:none;cursor:pointer;padding:var(--space-xs);margin-left:auto;margin-right:var(--space-sm);color:var(--color-text-primary)}.marketing-nav__hamburger-icon,.marketing-nav__hamburger-icon:before,.marketing-nav__hamburger-icon:after{display:block;width:20px;height:2px;background:currentColor;border-radius:1px;transition:transform .2s ease,opacity .2s ease}.marketing-nav__hamburger-icon{position:relative}.marketing-nav__hamburger-icon:before,.marketing-nav__hamburger-icon:after{content:"";position:absolute;left:0}.marketing-nav__hamburger-icon:before{top:-6px}.marketing-nav__hamburger-icon:after{top:6px}.marketing-nav__hamburger[aria-expanded=true] .marketing-nav__hamburger-icon{background:transparent}.marketing-nav__hamburger[aria-expanded=true] .marketing-nav__hamburger-icon:before{top:0;transform:rotate(45deg)}.marketing-nav__hamburger[aria-expanded=true] .marketing-nav__hamburger-icon:after{top:0;transform:rotate(-45deg)}@media(max-width:899px){.marketing-nav__hamburger{display:block}.marketing-nav__links{position:fixed;top:56px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;margin:0;padding:var(--space-sm) 0;background:#f5f3eff2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);transform:translateY(-100%);opacity:0;visibility:hidden;transition:transform .2s ease,opacity .2s ease,visibility 0s .2s}.marketing-nav__links--open{transform:translateY(0);opacity:1;visibility:visible;transition:transform .2s ease,opacity .2s ease,visibility 0s}.marketing-nav__links a{display:block;padding:var(--space-sm) var(--space-lg);font-size:15px}.marketing-nav__links a:hover{background:var(--color-bg-hover)}}.site-footer{border-top:1px solid var(--color-border);padding:var(--space-xl) var(--space-lg);background:var(--color-bg-secondary)}.site-footer__inner{max-width:1120px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-md)}.site-footer__copy{font-size:13px;color:var(--color-text-muted)}.site-footer__nav{display:flex;gap:var(--space-lg)}.site-footer__nav a{font-size:13px;color:var(--color-text-secondary);text-decoration:none}.site-footer__nav a:hover{color:var(--color-accent)}:root{--color-bg-primary: #F5F3EF;--color-bg-secondary: #EDEAE4;--color-bg-tertiary: #E2DED6;--color-bg-hover: #D8D3C9;--color-border: rgba(85, 75, 60, .12);--color-text-primary: #1F1E1B;--color-text-secondary: #5D5850;--color-text-muted: #8A847A;--color-accent: #4F46B8;--color-accent-hover: #635ACD;--color-accent-subtle: rgba(79, 70, 184, .1);--color-accent-muted: rgba(79, 70, 184, .05);--color-accent-strong: rgba(79, 70, 184, .22);--color-accent-hint: rgba(79, 70, 184, .03);--color-accent-glow: rgba(79, 70, 184, .25);--color-accent-glow-strong: rgba(79, 70, 184, .4);--color-accent-border: rgba(79, 70, 184, .3);--color-accent-border-strong: rgba(79, 70, 184, .55);--color-success: #3A7D5C;--color-success-subtle: rgba(58, 125, 92, .07);--color-warning: #B07D2A;--color-error: #C03E3E;--color-accent-solid: #443DA5;--color-error-solid: #A83535;--color-paper: #FFFFFF;--color-tint-sage: rgba(120, 170, 110, .1);--color-tint-lavender: rgba(130, 110, 190, .1);--color-tint-marigold: rgba(200, 160, 90, .1);--color-tint-coral: rgba(200, 110, 100, .08);--color-overlay-subtle: rgba(85, 75, 60, .04);--color-shadow-light: rgba(85, 75, 60, .05);--color-shadow-medium: rgba(85, 75, 60, .09);--color-shadow-heavy: rgba(85, 75, 60, .15);--radius-pill: 999px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading: "Newsreader", "Georgia", "Times New Roman", serif;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--shadow-sm: 0 1px 3px rgba(85, 75, 60, .05), 0 1px 2px rgba(85, 75, 60, .03);--shadow-md: 0 4px 10px rgba(85, 75, 60, .07), 0 2px 4px rgba(85, 75, 60, .04);--shadow-lg: 0 10px 24px rgba(85, 75, 60, .1), 0 4px 8px rgba(85, 75, 60, .06);--shadow-glow: 0 0 1px rgba(79, 70, 184, .2), 0 4px 14px rgba(79, 70, 184, .1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;z-index:999}.skip-link:focus{position:fixed;top:8px;left:8px;width:auto;height:auto;padding:var(--space-sm) var(--space-md);background:var(--color-accent-solid);color:#fff;border-radius:var(--radius-sm);font-size:14px;font-weight:600;text-decoration:none}html,body,#root{height:100%;background:var(--color-bg-primary);background-image:repeating-linear-gradient(0deg,rgba(85,75,60,.02) 0px,rgba(85,75,60,.02) 1px,transparent 1px,transparent 4px),radial-gradient(circle at 50% 0%,var(--color-accent-subtle),transparent 50%);color:var(--color-text-primary);font-family:var(--font-sans);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}.app-layout{display:grid;grid-template-columns:320px 1fr;grid-template-rows:56px 1fr;height:100vh;max-width:100vw;overflow-x:hidden}.app-header{grid-column:1 / -1;display:flex;align-items:center;gap:var(--space-sm);padding:0 var(--space-lg);background:#edeae4d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);z-index:10}.app-header h1{font-size:20px;font-weight:700;letter-spacing:-.03em}.header-home-btn{background:none;border:none;padding:0;cursor:pointer;font:inherit;letter-spacing:inherit;color:var(--color-text-primary)}.header-home-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-sm)}.app-sidebar{grid-column:1;grid-row:2;background:var(--color-bg-secondary);border-right:1px solid var(--color-border);overflow-y:auto;padding:var(--space-md)}.app-main{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;padding:var(--space-xl)}.app-error-banner{grid-column:1 / -1;display:flex;justify-content:center;padding:8px}.workspace-main{grid-column:2;grid-row:2;justify-content:flex-start;width:100%;max-width:100%;padding:var(--space-md) var(--space-lg);overflow-x:hidden;overflow-y:auto}.workspace-loading{text-align:center;color:var(--color-text-muted);font-size:14px;padding:var(--space-xl) 0;animation:pulse 1.5s ease-in-out infinite}.workspace-welcome{display:flex;align-items:center;gap:var(--space-md);width:100%;padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-md);background:color-mix(in srgb,var(--color-accent-solid) 6%,var(--color-bg-secondary));border:1px solid var(--color-accent-border);border-radius:var(--radius-md);animation:fadeUpIn .3s cubic-bezier(.16,1,.3,1) backwards}.workspace-welcome__text{flex:1;display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-xs);font-size:14px}.workspace-welcome__text strong{color:var(--color-text-primary)}.workspace-welcome__text span{color:var(--color-text-secondary)}.workspace-welcome__actions{display:flex;gap:var(--space-sm);flex-shrink:0}.workspace-welcome__btn{padding:var(--space-xs) var(--space-md);border-radius:var(--radius-sm);font-size:13px;font-weight:600;cursor:pointer;border:none;transition:filter .15s ease}.workspace-welcome__btn:disabled{opacity:.4;cursor:not-allowed}.workspace-welcome__btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.workspace-welcome__btn--primary{background:var(--color-accent-solid);color:#fff}.workspace-welcome__btn--primary:hover:not(:disabled){filter:brightness(1.12)}.workspace-welcome__btn--secondary{background:var(--color-bg-tertiary);color:var(--color-text-primary);border:1px solid var(--color-border)}.workspace-welcome__btn--secondary:hover:not(:disabled){background:var(--color-bg-hover)}.workspace-welcome__dismiss{background:none;border:none;color:var(--color-text-muted);font-size:18px;line-height:1;cursor:pointer;padding:2px 4px;flex-shrink:0}.workspace-welcome__dismiss:hover{color:var(--color-text-secondary)}.workspace-welcome__dismiss:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-sm)}@media(max-width:600px){.workspace-welcome{flex-wrap:wrap}.workspace-welcome__text{width:100%}}.restore-banner{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-sm);max-width:400px;width:100%;padding:var(--space-lg) var(--space-xl);background:var(--color-bg-secondary);border:1px solid var(--color-accent-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);animation:fadeUpIn .35s cubic-bezier(.16,1,.3,1) backwards}.restore-banner__title{font-family:var(--font-heading);font-size:22px;font-weight:600;color:var(--color-text-primary);margin:0}.restore-banner__desc{font-size:15px;color:var(--color-text-secondary);margin:0}.restore-banner__actions{display:flex;gap:var(--space-sm);margin-top:var(--space-xs)}.restore-banner__btn{padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-sm);font-size:14px;font-weight:600;cursor:pointer;border:none;transition:filter .15s ease}.restore-banner__btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.restore-banner__btn--primary{background:var(--color-accent-solid);color:#fff}.restore-banner__btn--primary:hover{filter:brightness(1.12)}.restore-banner__btn--secondary{background:var(--color-bg-tertiary);color:var(--color-text-primary);border:1px solid var(--color-border)}.restore-banner__btn--secondary:hover{background:var(--color-bg-hover)}.restore-banner__note{font-size:12px;color:var(--color-text-muted);margin:var(--space-xs) 0 0}.header-new-btn{margin-left:auto;padding:var(--space-xs) var(--space-md);background:var(--color-bg-tertiary);color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:13px;white-space:nowrap;cursor:pointer}.header-new-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.header-new-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.export-counter{color:var(--color-text-muted);font-size:12px;white-space:nowrap}.sidebar-toggle{display:none;background:none;border:none;color:var(--color-text-primary);font-size:20px;cursor:pointer;padding:var(--space-xs)}.sidebar-toggle:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.sidebar-overlay{display:none}@media(max-width:900px){.app-layout{grid-template-columns:1fr}.app-header{padding:0 var(--space-sm)}.header-new-btn{padding:var(--space-xs) var(--space-sm)}.sidebar-toggle{display:block}.app-sidebar{position:fixed;top:56px;left:0;bottom:0;width:320px;max-width:100vw;z-index:100;transform:translate(-100%);transition:transform .2s ease,visibility 0s .2s;visibility:hidden}.app-sidebar.app-sidebar--open{transform:translate(0);visibility:visible;transition:transform .2s ease,visibility 0s}.sidebar-overlay{display:block;position:fixed;inset:56px 0 0;background:#554b3c26;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:99}.workspace-main{grid-column:1;grid-row:2}}.upload-view{background:transparent;gap:var(--space-2xl)}.upload-view:has(.restore-banner) .hero-container{margin-top:0}.landing-view{align-items:center;justify-content:center}.hero-container{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:600px;gap:var(--space-md);margin-top:-10vh;animation:fadeUpIn .35s cubic-bezier(.16,1,.3,1) backwards}.hero-container--wizard{margin-top:0}.app-main.wizard-view{justify-content:flex-start;overflow-y:auto;padding-top:var(--space-2xl);padding-bottom:var(--space-2xl)}@media(max-height:500px){.hero-container{margin-top:0}}@media(max-width:480px){.hero-title{font-size:32px}.hero-subtitle{font-size:16px}}@keyframes fadeUpIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.hero-title{font-family:var(--font-heading);font-size:48px;font-weight:700;line-height:1.1;letter-spacing:-.02em;color:var(--color-text-primary);margin-bottom:var(--space-xs)}.hero-subtitle{font-size:18px;color:var(--color-text-secondary);margin-bottom:var(--space-lg);max-width:480px}.hero-mode{color:var(--color-accent-hover);font-size:13px;font-weight:700;letter-spacing:0;text-transform:uppercase}button,a,input,select,textarea,[role=button],[role=tab]{transition:background-color .15s cubic-bezier(.16,1,.3,1),border-color .15s cubic-bezier(.16,1,.3,1),box-shadow .15s cubic-bezier(.16,1,.3,1),color .15s cubic-bezier(.16,1,.3,1),opacity .15s cubic-bezier(.16,1,.3,1)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;box-shadow:0 0 0 2px var(--color-bg-primary),0 0 0 4px var(--color-accent)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*{scrollbar-width:thin;scrollbar-color:var(--color-bg-hover) transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent;border-radius:3px}::-webkit-scrollbar-thumb{background:var(--color-bg-hover);border-radius:3px;transition:background .15s ease}::-webkit-scrollbar-thumb:hover{background:#4f46b840}::-webkit-scrollbar-thumb:active{background:#4f46b866}::-webkit-scrollbar-corner{background:transparent}.hero-visual{display:block;width:100%;height:auto;aspect-ratio:480 / 360;max-width:480px}@media(max-width:900px){.hero-visual{max-width:420px;margin:0 auto}}@media(max-width:600px){.hero-visual{max-width:320px}}.hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-2xl) var(--space-lg);max-width:1120px;margin:0 auto}.hero__layout{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--space-2xl);width:100%}.hero__content{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:var(--space-lg);max-width:560px;flex:1 1 0}.hero__visual-wrap{flex:0 1 480px;min-width:0;display:flex;justify-content:center}.hero__heading{font-family:var(--font-heading);font-size:56px;font-weight:700;line-height:1.05;letter-spacing:-.02em;color:var(--color-text-primary);margin:0}.hero__subtitle{font-size:20px;line-height:1.5;color:var(--color-text-secondary);max-width:560px;margin:0}.hero__trust-bar{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:flex-start;gap:var(--space-md) var(--space-xl)}.hero__trust-item{display:flex;align-items:center;gap:var(--space-xs);font-size:14px;font-weight:500;color:var(--color-text-secondary);white-space:nowrap}.hero__trust-icon{width:16px;height:16px;flex-shrink:0}.hero__actions{display:flex;gap:var(--space-md);flex-wrap:wrap;justify-content:flex-start}.hero__cta-primary{display:inline-flex;align-items:center;justify-content:center;padding:14px 32px;font-size:16px;font-weight:600;color:#fff;background:var(--color-accent-solid);border:none;border-radius:var(--radius-pill);text-decoration:none;cursor:pointer;box-shadow:var(--shadow-glow);transition:background .15s ease,transform .15s ease}.hero__cta-primary:hover{background:var(--color-accent-hover);transform:translateY(-1px)}.hero__cta-primary:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.hero__cta-secondary{display:inline-flex;align-items:center;justify-content:center;padding:14px 32px;font-size:16px;font-weight:600;color:var(--color-accent);background:transparent;border:1.5px solid var(--color-accent-border);border-radius:var(--radius-pill);cursor:pointer;transition:background .15s ease,border-color .15s ease}.hero__cta-secondary:hover{background:var(--color-accent-subtle);border-color:var(--color-accent-border-strong)}.hero__cta-secondary:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}@media(max-width:900px){.hero{max-width:720px}.hero__layout{flex-direction:column;gap:var(--space-xl)}.hero__content{align-items:center;text-align:center;max-width:720px}.hero__trust-bar,.hero__actions{justify-content:center}.hero__visual-wrap{flex:0 0 auto;width:100%}.hero__heading{font-size:42px}.hero__subtitle{font-size:18px}}@media(max-width:900px)and (min-width:601px){.hero__trust-bar{display:grid;grid-template-columns:auto auto;gap:var(--space-sm) var(--space-xl);justify-content:center}}@media(max-width:600px){.hero{padding:var(--space-xl) var(--space-md)}.hero__heading{font-size:32px}.hero__subtitle{font-size:16px}.hero__trust-bar{flex-direction:column;align-items:center;gap:var(--space-sm)}.hero__actions{flex-direction:column;width:100%;align-items:stretch}.hero__cta-primary,.hero__cta-secondary{width:100%;justify-content:center}}.how-it-works{padding:var(--space-2xl) var(--space-lg);max-width:960px;margin:0 auto;text-align:center}.how-it-works__heading{font-family:var(--font-heading);font-size:36px;font-weight:700;line-height:1.15;color:var(--color-text-primary);margin:0 0 var(--space-2xl)}.how-it-works__heading:focus{outline:none}.how-it-works__heading:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px;border-radius:var(--radius-sm)}.how-it-works__steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xl);position:relative}.how-it-works__steps:before{content:"";position:absolute;top:24px;left:calc(16.67% + 24px);right:calc(16.67% + 24px);height:2px;background:var(--color-accent-subtle)}.how-it-works__step{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);position:relative}.how-it-works__number{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:var(--color-accent-subtle);color:var(--color-accent);font-size:18px;font-weight:700;flex-shrink:0}.how-it-works__step-title{font-family:var(--font-heading);font-size:20px;font-weight:600;color:var(--color-text-primary);margin:0}.how-it-works__step-desc{font-size:15px;line-height:1.5;color:var(--color-text-secondary);margin:0;max-width:280px}@media(max-width:700px){.how-it-works__steps{grid-template-columns:1fr;gap:0;padding-left:24px;border-left:2px solid var(--color-accent-subtle)}.how-it-works__steps:before{display:none}.how-it-works__step{align-items:flex-start;text-align:left;padding:0 0 var(--space-xl) var(--space-lg);position:relative}.how-it-works__number{position:absolute;left:-48px;top:0;width:48px;height:48px}}.modes-section{padding:var(--space-2xl) var(--space-lg);max-width:1120px;margin:0 auto;text-align:center}.modes-section__heading{font-family:var(--font-heading);font-size:36px;font-weight:700;line-height:1.15;color:var(--color-text-primary);margin:0 0 var(--space-sm)}.modes-section__subtitle{font-size:18px;line-height:1.5;color:var(--color-text-secondary);margin:0 0 var(--space-2xl)}.modes-section__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-lg)}.modes-section .mode-card{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:stretch;padding:0;text-align:left;text-decoration:none;color:var(--color-text-primary);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;box-shadow:var(--shadow-sm);transition:transform .2s cubic-bezier(.2,0,0,1),border-color .2s ease,background .2s ease,box-shadow .2s ease}.modes-section .mode-card:before{content:"";position:absolute;top:0;left:0;right:0;height:132px;background:linear-gradient(to bottom,var(--card-tint, transparent),transparent);opacity:.6;transition:opacity .2s ease;pointer-events:none}.modes-section .mode-card--quick-booklet{--card-tint: var(--color-tint-lavender)}.modes-section .mode-card--guided-binder{--card-tint: var(--color-tint-sage)}.modes-section .mode-card--expert-imposition{--card-tint: var(--color-tint-marigold)}.modes-section .mode-card:hover{transform:translateY(-4px);border-color:var(--color-accent-border);background:var(--color-bg-tertiary);box-shadow:var(--shadow-lg),var(--shadow-glow)}.modes-section .mode-card:hover:before{opacity:1}.modes-section .mode-card:focus-visible{transform:translateY(-4px);border-color:var(--color-accent);background:var(--color-bg-tertiary);outline:2px solid var(--color-accent);outline-offset:4px;box-shadow:var(--shadow-lg),var(--shadow-glow)}.modes-section .mode-card__icon{position:relative;height:132px;display:flex;align-items:center;justify-content:center}.modes-section .mode-card__icon-img{width:88px;height:88px;object-fit:cover;background:var(--color-paper);border:1px solid var(--color-accent-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.modes-section .mode-card__content{position:relative;padding:var(--space-lg);padding-top:0;display:flex;flex-direction:column;gap:var(--space-xs)}.modes-section .mode-card__target{font-size:12px;font-weight:700;letter-spacing:.02em;color:var(--color-accent-hover);text-transform:uppercase}.modes-section .mode-card__title{font-family:var(--font-heading);font-size:24px;font-weight:600;line-height:1.2;margin-bottom:var(--space-xs)}.modes-section .mode-card__summary{color:var(--color-text-secondary);font-size:15px;line-height:1.5}.modes-section .mode-card__badge{align-self:flex-start;margin-top:var(--space-sm);padding:4px 10px;font-size:12px;font-weight:600;letter-spacing:.01em;color:var(--color-accent);background:var(--color-accent-subtle);border:1px solid var(--color-accent-border);border-radius:var(--radius-pill)}.modes-section__footnote{margin-top:var(--space-xl);font-size:14px;color:var(--color-text-muted)}@media(max-width:780px){.modes-section__grid{grid-template-columns:1fr;max-width:480px;margin:0 auto}.modes-section .mode-card{flex-direction:row;align-items:center;min-height:auto}.modes-section .mode-card:before{height:100%;width:112px;background:linear-gradient(to right,var(--card-tint, transparent),transparent)}.modes-section .mode-card__icon{width:112px;height:112px;flex-shrink:0}.modes-section .mode-card__icon-img{width:72px;height:72px}.modes-section .mode-card__content{padding:var(--space-md)}}.cal-seq{display:flex;flex-direction:column;align-items:center;gap:12px}.cal-seq__stack{position:relative;width:100%;aspect-ratio:4 / 3.2;cursor:pointer}.cal-seq__card{position:absolute;top:0;left:0;width:100%;border-radius:var(--radius-md);border:1px solid var(--color-border);box-shadow:0 2px 8px #0000001a,0 1px 3px #0000000f;transition:all .4s cubic-bezier(.2,.8,.2,1);background:var(--color-paper);pointer-events:auto}.cal-seq__dots{display:flex;gap:8px;justify-content:center}.cal-seq__dot{width:8px;height:8px;border-radius:50%;border:none;padding:0;background:var(--color-border);cursor:pointer;transition:all .25s ease}.cal-seq__dot:hover{background:var(--color-accent);opacity:.6}.cal-seq__dot--active{background:var(--color-accent);transform:scale(1.3)}.cal-seq__dot:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.features{padding:var(--space-2xl) var(--space-lg);max-width:960px;margin:0 auto}.features__heading{font-family:var(--font-heading);font-size:36px;font-weight:700;line-height:1.15;color:var(--color-text-primary);text-align:center;margin:0 0 var(--space-2xl)}.features__list{display:flex;flex-direction:column;gap:var(--space-2xl)}.features__item{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl);align-items:center}.features__item--reversed{direction:rtl}.features__item--reversed>*{direction:ltr}.features__text{display:flex;flex-direction:column;gap:var(--space-sm)}.features__title{font-family:var(--font-heading);font-size:24px;font-weight:600;color:var(--color-text-primary);margin:0}.features__description{font-size:16px;line-height:1.6;color:var(--color-text-secondary);margin:0}.features__image-placeholder{aspect-ratio:4 / 3;background:var(--color-bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center}.features__image-frame{border-radius:var(--radius-md);border:1px solid var(--color-border);overflow:hidden;box-shadow:0 4px 12px #00000040,0 1px 3px #00000026;background:var(--color-bg-tertiary)}.features__image,.features__video{display:block;width:100%;height:auto}.features__image-label{font-size:14px;font-weight:500;color:var(--color-text-muted)}@media(max-width:700px){.features__item{grid-template-columns:1fr}.features__item--reversed{direction:ltr}}.pricing{padding:var(--space-2xl) var(--space-lg);max-width:800px;margin:0 auto;text-align:center}.pricing__heading{font-family:var(--font-heading);font-size:36px;font-weight:700;line-height:1.15;color:var(--color-text-primary);margin:0 0 var(--space-xs)}.pricing__subtitle{font-size:18px;color:var(--color-text-secondary);margin:0 0 var(--space-xl)}.pricing-toggle{display:inline-flex;border:1.5px solid var(--color-border);border-radius:var(--radius-pill);padding:3px;margin:0 0 var(--space-2xl);background:var(--color-bg-secondary)}.pricing-toggle__option{display:inline-flex;align-items:center;gap:var(--space-xs);padding:8px 20px;font-size:14px;font-weight:600;color:var(--color-text-muted);border-radius:var(--radius-pill);cursor:pointer;transition:color .15s ease,background .15s ease}.pricing-toggle__option input[type=radio]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.pricing-toggle__option:has(input:focus-visible){outline:2px solid var(--color-accent);outline-offset:2px}.pricing-toggle__option--active{background:var(--color-bg-primary);color:var(--color-text-primary);box-shadow:var(--shadow-sm)}.pricing-toggle__badge{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--color-accent);background:var(--color-accent-subtle);padding:2px 8px;border-radius:var(--radius-pill)}.pricing__cards{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg)}.pricing__card{display:flex;flex-direction:column;padding:var(--space-xl);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:left}.pricing__card--pro{border-color:var(--color-accent-border-strong);box-shadow:var(--shadow-glow);order:1}.pricing__card--free{order:2}.pricing__card-header{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-lg)}.pricing__tier-label{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-accent)}.pricing__price{font-family:var(--font-heading);font-size:40px;font-weight:700;color:var(--color-text-primary);line-height:1}.pricing__period{font-size:16px;font-weight:400;color:var(--color-text-muted);margin-left:2px}.pricing__price-note{font-size:13px;color:var(--color-text-muted);margin:var(--space-xs) 0 0;line-height:1.4}.pricing__features{list-style:none;margin:0 0 var(--space-xl);padding:0;display:flex;flex-direction:column;gap:var(--space-sm);flex:1}.pricing__features li{font-size:15px;color:var(--color-text-secondary);padding-left:20px;position:relative}.pricing__features li:before{content:"";position:absolute;left:0;top:6px;width:10px;height:10px;border-radius:50%;background:var(--color-accent-subtle);border:1.5px solid var(--color-accent-border)}.pricing__cta{display:block;text-align:center;padding:12px 24px;font-size:15px;font-weight:600;border-radius:var(--radius-pill);text-decoration:none;cursor:pointer;border:none;transition:background .15s ease,transform .15s ease}.pricing__cta:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.pricing__cta--free{color:var(--color-accent);background:var(--color-bg-primary);border:1.5px solid var(--color-accent-border-strong);padding:10.5px 24px}.pricing__cta--free:hover{background:var(--color-accent-subtle);border-color:var(--color-accent)}.pricing__cta--pro{background:var(--color-accent-solid);color:#fff}.pricing__cta--pro:hover{background:var(--color-accent);transform:translateY(-1px)}@media(max-width:700px){.pricing__cards{grid-template-columns:1fr}.pricing__card--pro{order:-1}}.faq{padding:var(--space-2xl) var(--space-lg);max-width:720px;margin:0 auto}.faq__heading{font-family:var(--font-heading);font-size:36px;font-weight:700;line-height:1.15;color:var(--color-text-primary);text-align:center;margin:0 0 var(--space-xl)}.faq__list{display:flex;flex-direction:column;gap:var(--space-sm)}.faq__item{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:0;overflow:hidden}.faq__question{padding:var(--space-md) var(--space-lg);font-size:16px;font-weight:600;color:var(--color-text-primary);cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.faq__question::-webkit-details-marker{display:none}.faq__question::marker{content:""}.faq__question:after{content:"";display:block;width:10px;height:10px;border-right:2px solid var(--color-text-muted);border-bottom:2px solid var(--color-text-muted);transform:rotate(45deg);flex-shrink:0;transition:transform .2s ease}.faq__item[open] .faq__question:after{transform:rotate(-135deg)}.faq__question:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px;border-radius:var(--radius-md)}.faq__answer{padding:0 var(--space-lg) var(--space-md);font-size:15px;line-height:1.6;color:var(--color-text-secondary);margin:0}.final-cta{padding:var(--space-2xl) var(--space-lg);margin:var(--space-xl) var(--space-lg);max-width:800px;margin-left:auto;margin-right:auto;text-align:center;border-radius:var(--radius-xl);background:linear-gradient(135deg,var(--color-accent-subtle) 0%,var(--color-accent-muted) 50%,var(--color-accent-hint) 100%);border:1px solid var(--color-accent-border)}.final-cta__heading{font-family:var(--font-heading);font-size:32px;font-weight:700;line-height:1.15;color:var(--color-text-primary);margin:0 0 var(--space-sm)}.final-cta__subtitle{font-size:18px;color:var(--color-text-secondary);margin:0 0 var(--space-xl)}.final-cta__button{display:inline-flex;align-items:center;justify-content:center;padding:14px 40px;font-size:16px;font-weight:600;color:#fff;background:var(--color-accent-solid);border-radius:var(--radius-pill);text-decoration:none;box-shadow:var(--shadow-glow);transition:background .15s ease,transform .15s ease}.final-cta__button:hover{background:var(--color-accent-hover);transform:translateY(-1px)}.final-cta__button:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}@media(max-width:600px){.final-cta{margin-left:var(--space-md);margin-right:var(--space-md);padding:var(--space-xl) var(--space-md)}.final-cta__heading{font-size:26px}}.articles{padding:var(--space-2xl) var(--space-lg);max-width:960px;margin:0 auto}.articles__heading{font-family:var(--font-heading);font-size:36px;font-weight:700;line-height:1.15;color:var(--color-text-primary);text-align:center;margin:0 0 var(--space-xl)}.articles__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-lg)}.articles__card{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-lg);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);text-decoration:none;color:inherit;transition:border-color .15s ease,box-shadow .15s ease}.articles__card:hover{border-color:var(--color-accent-border);box-shadow:var(--shadow-md)}.articles__card:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.articles__card-title{font-family:var(--font-heading);font-size:20px;font-weight:600;color:var(--color-text-primary);margin:0}.articles__card-desc{font-size:15px;line-height:1.5;color:var(--color-text-secondary);margin:0}.sticky-cta{position:fixed;bottom:0;bottom:env(safe-area-inset-bottom,0px);left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--color-bg-primary);border-top:1px solid var(--color-border);box-shadow:var(--shadow-md);transform:translateY(100%);opacity:0;transition:transform .3s ease,opacity .3s ease}.sticky-cta--visible{transform:translateY(0);opacity:1}@media(prefers-reduced-motion:reduce){.sticky-cta{transition:none}}.sticky-cta__link{display:inline-flex;align-items:center;justify-content:center;padding:10px 28px;font-size:15px;font-weight:600;color:#fff;background:var(--color-accent-solid);border:none;border-radius:var(--radius-pill);text-decoration:none;cursor:pointer;box-shadow:var(--shadow-glow);transition:background .15s ease,transform .15s ease;white-space:nowrap}.sticky-cta__link:hover{background:var(--color-accent-hover);transform:translateY(-1px)}.sticky-cta__link:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.sticky-cta__link--secondary{color:var(--color-accent);background:transparent;border:1.5px solid var(--color-accent-border);box-shadow:none}.sticky-cta__link--secondary:hover{background:var(--color-accent-subtle);border-color:var(--color-accent-border-strong);transform:none}.sticky-cta__dismiss{position:absolute;right:var(--space-md);top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;transition:color .15s ease,background .15s ease}.sticky-cta__dismiss:hover{color:var(--color-text-secondary);background:var(--color-bg-hover)}.sticky-cta__dismiss:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media(max-width:600px){.sticky-cta{padding:var(--space-sm) var(--space-md);padding-right:44px;gap:var(--space-sm)}.sticky-cta__link{padding:10px 20px;font-size:14px}}.back-to-top{position:fixed;bottom:80px;bottom:calc(80px + env(safe-area-inset-bottom,0px));right:var(--space-lg);z-index:49;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:50%;box-shadow:var(--shadow-md);color:var(--color-text-secondary);cursor:pointer;opacity:0;transform:translateY(12px);transition:opacity .25s ease,transform .25s ease,color .15s ease,background .15s ease;pointer-events:none}.back-to-top--visible{opacity:1;transform:translateY(0);pointer-events:auto}@media(prefers-reduced-motion:reduce){.back-to-top{transition:none}}.back-to-top:hover{color:var(--color-accent);background:var(--color-accent-subtle);border-color:var(--color-accent-border)}.back-to-top:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}@media(max-width:600px){.back-to-top{right:var(--space-md);bottom:68px;bottom:calc(68px + env(safe-area-inset-bottom,0px));width:40px;height:40px}}