@import"https://fonts.googleapis.com/css2?family=Fraunces:wght@400;600;700&family=Lora:wght@400;500;600&family=Source+Sans+3:wght@400;500;600;700&display=swap";:root{color-scheme:dark light;font-family:"Source Sans 3",Segoe UI,sans-serif;line-height:1.6;font-weight:400;--font-ui: "Source Sans 3", "Segoe UI", sans-serif;--font-display: "Fraunces", serif;--font-story: "Lora", "Fraunces", serif}:root[data-theme=dark]{--bg: #0b0d13;--bg-2: #121625;--panel: rgba(19, 23, 35, .92);--panel-strong: #1a2033;--panel-soft: rgba(24, 29, 43, .7);--text: #f4f1ea;--muted: #b7b0a5;--border: rgba(255, 255, 255, .08);--accent: #f1b768;--accent-2: #d98a3f;--glow: rgba(241, 183, 104, .25);--shadow: 0 20px 60px rgba(0, 0, 0, .45)}:root[data-theme=light]{--bg: #f4efe6;--bg-2: #ebe2d4;--panel: rgba(255, 252, 248, .88);--panel-strong: #fff7ed;--panel-soft: rgba(255, 255, 255, .7);--text: #2d221b;--muted: #6f5b4c;--border: rgba(111, 91, 76, .16);--accent: #d48a44;--accent-2: #b66a2f;--glow: rgba(212, 138, 68, .2);--shadow: 0 24px 50px rgba(50, 36, 28, .12)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 10% 10%,rgba(241,183,104,.08),transparent 40%),radial-gradient(circle at 80% 0%,rgba(95,110,179,.18),transparent 45%),linear-gradient(180deg,var(--bg-2),var(--bg));color:var(--text);font-family:var(--font-ui)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(255,255,255,.04) 1px,transparent 1px);background-size:3px 3px;opacity:.2;pointer-events:none;z-index:0}#root{min-height:100vh;position:relative;z-index:1}.app-shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.app-shell.auth{grid-template-columns:1fr}.app-shell.auth .main{min-height:100vh;padding:48px 24px;justify-content:center;align-items:center}.app-shell.auth .panel{width:min(460px,100%)}.sidebar{position:sticky;top:0;height:100vh;padding:28px 24px;background:linear-gradient(180deg,#0f121cf2,#0f121cbf);border-right:1px solid var(--border);display:flex;flex-direction:column;gap:28px}:root[data-theme=light] .sidebar{background:linear-gradient(180deg,#fff8eef2,#f5ebdde6)}.sidebar-brand{display:flex;gap:12px;align-items:center}.logo-mark{width:44px;height:44px;border-radius:12px;background:linear-gradient(140deg,var(--accent),var(--accent-2));object-fit:contain;display:block;box-shadow:0 0 20px var(--glow)}.logo-title{font-family:var(--font-display);font-size:1.3rem}.logo-subtitle{font-size:.8rem;color:var(--muted);max-width:180px}.sidebar-nav{display:grid;gap:8px}.sidebar-nav a{text-decoration:none;color:var(--text);padding:10px 12px;border-radius:12px;border:1px solid transparent;transition:all .2s ease;background:transparent}.sidebar-nav a:hover{border-color:var(--border);background:#ffffff0a;transform:translate(2px)}.sidebar-footer{margin-top:auto;display:grid;gap:10px}.chip{border:1px solid var(--border);background:var(--panel-soft);color:var(--text);border-radius:999px;padding:8px 14px;cursor:pointer;font-size:.9rem;transition:all .2s ease}.chip:hover{border-color:var(--accent);box-shadow:0 0 20px var(--glow)}.main{padding:32px 48px 80px;display:flex;flex-direction:column;gap:32px}.topbar{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.topbar-title{display:flex;flex-direction:column;gap:6px}.topbar-title h1{margin:0;font-family:var(--font-display);font-size:2.2rem}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:.72rem;color:var(--muted)}.status-stack{display:flex;flex-wrap:wrap;gap:8px}.pill{border:1px solid var(--border);border-radius:999px;padding:6px 12px;font-size:.85rem;color:var(--muted);background:#ffffff0a}.pill.compact{padding:3px 8px;font-size:.72rem}.panel{background:var(--panel);border:1px solid var(--border);border-radius:24px;padding:28px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:panel-reveal .7s ease both}.panel:nth-of-type(2){animation-delay:.1s}.panel:nth-of-type(3){animation-delay:.2s}.panel:nth-of-type(4){animation-delay:.3s}@keyframes panel-reveal{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:24px}.panel-header h2{margin:6px 0 0;font-family:var(--font-display);font-size:1.8rem}.panel-subtitle{margin:8px 0 0;color:var(--muted)}.panel-title{font-weight:600;margin-bottom:10px}.panel-actions{display:flex;gap:12px;flex-wrap:wrap}.alert{border-radius:16px;padding:14px 18px;border:1px solid rgba(216,79,55,.3);background:#d84f371a}.alert.error{color:#f6b6a9}.alert.success{border-color:#5cbf6e59;background:#5cbf6e1f;color:#c8f3d1}.auth-actions{display:flex;gap:12px;flex-wrap:wrap}.card{border-radius:20px;border:1px solid var(--border);padding:18px;background:var(--panel-strong);box-shadow:inset 0 0 30px #0000001a}.card.glass{background:var(--panel-soft)}.card.tinted{background:linear-gradient(145deg,#f1b76814,#d98a3f0a)}.muted{color:var(--muted)}.subtle-note{font-size:.92rem;margin:8px 0 16px}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.field.compact{margin-bottom:10px}.field.inline{align-items:flex-start}.field-label{display:inline-flex;align-items:center;gap:6px;font-size:.85rem;color:var(--muted)}.info-tip{position:relative;display:inline-flex;align-items:center}.info-dot{width:18px;height:18px;border-radius:999px;border:1px solid var(--border);display:grid;place-items:center;font-size:.7rem;color:var(--muted);background:#ffffff0a}.info-bubble{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%,6px);width:220px;padding:8px 10px;border-radius:12px;border:1px solid var(--border);background:var(--panel-strong);color:var(--text);font-size:.78rem;opacity:0;pointer-events:none;transition:all .2s ease;box-shadow:0 12px 30px #0000002e;z-index:20}.info-tip:hover .info-bubble,.info-tip:focus-within .info-bubble{opacity:1;transform:translate(-50%)}input,select,textarea{border-radius:14px;border:1px solid var(--border);background:var(--panel-strong);color:var(--text);padding:10px 12px;font-family:var(--font-ui);font-size:.95rem}input[type=range]{padding:0;accent-color:var(--accent)}select option,select optgroup{background:var(--panel-strong);color:var(--text)}:root[data-theme=dark] select{color-scheme:dark}textarea{min-height:140px;resize:vertical}.story-input{min-height:200px;font-size:1.05rem;line-height:1.6;border-radius:18px}button{font-family:var(--font-ui)}.btn{border-radius:14px;padding:10px 16px;border:none;cursor:pointer;font-weight:600;transition:all .2s ease}.btn.primary{background:linear-gradient(120deg,var(--accent),var(--accent-2));color:#1b120b;box-shadow:0 12px 30px var(--glow)}.btn.ghost{background:transparent;border:1px solid var(--border);color:var(--text)}.btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.studio-grid{display:grid;gap:24px;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}.studio-hero{display:flex;flex-direction:column;gap:16px}.idea-hint{border-radius:16px;border:1px dashed var(--border);padding:12px 14px;background:var(--panel-soft);color:var(--muted);font-size:.9rem}.idea-hint-title{font-weight:600;color:var(--text);margin-bottom:4px}.idea-hint-example{margin-top:6px;color:var(--text);font-style:italic}.hero-foot{display:flex;gap:8px;flex-wrap:wrap}.studio-controls{display:grid;gap:18px}.field-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.preference-grid{display:grid;gap:10px;margin-top:8px}.range-row{display:flex;align-items:center;gap:12px}.range-row input[type=range]{flex:1}.range-pill{border:1px solid var(--border);border-radius:999px;padding:4px 10px;font-size:.75rem;color:var(--muted);background:#ffffff0a;white-space:nowrap}.quick-actions{display:grid;gap:10px}.greenlight-grid{display:grid;gap:18px}.sketch-row{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.sketch-strip{position:relative;grid-column:span 2;display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.sketch-card{border-radius:18px;border:1px solid var(--border);padding:16px;background:linear-gradient(160deg,#ffffff0a,#ffffff03);display:flex;flex-direction:column;gap:10px;cursor:pointer;transition:all .2s ease}.sketch-card input{display:none}.sketch-card.selected{border-color:var(--accent);box-shadow:0 0 0 2px var(--glow)}.sketch-card.placeholder{border-style:dashed;background:transparent;cursor:default}.sketch-card.sketch-picked{background:var(--panel-soft);border-color:#f1b76859;box-shadow:0 12px 30px #0000001f;cursor:default}.sketch-picked-header{display:flex;align-items:center;justify-content:space-between}.sketch-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.sketch-logline{color:var(--muted);font-size:.95rem}.sketch-meta{display:grid;gap:6px;font-size:.85rem;color:var(--muted)}.sketch-skeleton{height:160px;border-radius:18px;background:linear-gradient(110deg,#ffffff05,#ffffff1f,#ffffff05);background-size:200% 100%;animation:shimmer 1.4s ease infinite}.sketch-strip .empty-state{grid-column:span 2;text-align:center;border:1px dashed var(--border);border-radius:18px;padding:24px}.sketch-nav{position:absolute;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:999px;border:1px solid var(--border);background:var(--panel-strong);color:var(--text);cursor:pointer;box-shadow:0 10px 20px #00000024}.sketch-nav.left{left:-10px}.sketch-nav.right{right:-10px}.sketch-nav:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}@keyframes shimmer{0%{background-position:0% 50%}to{background-position:200% 50%}}.live-panel{display:grid;gap:14px;padding:16px;border-radius:20px;background:var(--panel-soft);border:1px solid var(--border)}.live-header{display:flex;align-items:center;justify-content:space-between}.live-summary h4{margin:0 0 6px;font-family:var(--font-display)}.live-tags{display:flex;gap:8px;flex-wrap:wrap}.tag{border:1px solid var(--border);padding:4px 10px;border-radius:999px;font-size:.8rem;color:var(--muted)}.reader-shell{display:grid;gap:24px;grid-template-columns:minmax(0,240px) minmax(0,1fr);align-items:start}.reader-sidebar{display:grid;gap:18px;align-content:start;grid-auto-rows:max-content}.cover-card{border-radius:18px;padding:16px;background:linear-gradient(160deg,#f1b7682e,#151926e6);border:1px solid rgba(241,183,104,.3);display:grid;gap:6px;align-content:start}.cover-art{height:150px;border-radius:14px;background:linear-gradient(140deg,#f1b76866,#ffffff0d);display:grid;place-items:center;padding:8px}.cover-art img{max-width:80%;max-height:80%;object-fit:contain}.cover-title{font-family:var(--font-display);font-size:1.2rem}.cover-meta{color:var(--muted);font-size:.9rem}.cover-divider{height:1px;background:#ffffff1f;margin:4px 0}.version-panel{display:grid;gap:10px}.version-panel h4{margin:0;font-size:1rem}.chapter-panel .panel-title{font-weight:600;margin-bottom:10px}.chapter-list{display:grid;gap:8px}.chapter-row{border:1px solid var(--border);background:#ffffff05;border-radius:12px;padding:8px 12px;display:flex;justify-content:space-between;align-items:center;font-size:.9rem;cursor:pointer}.chapter-row.selected{border-color:var(--accent);box-shadow:0 0 0 2px var(--glow)}.chapter-status{color:var(--muted);font-size:.8rem}.reader-canvas{display:grid;gap:24px}.canvas-header{display:flex;justify-content:space-between;align-items:flex-end;gap:16px}.canvas-controls{display:flex;gap:10px;flex-wrap:wrap}.story-card{border-radius:22px;padding:20px;background:#ffffff05;border:1px solid var(--border)}.story-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.story-text{font-family:var(--font-story);font-size:1.05rem;line-height:1.8;color:var(--text);max-width:70ch}.story-text p{margin:0 0 1.2em}.inspector-stack{display:grid;gap:18px;margin-top:24px}.inspector-block{margin-top:12px}.collapsible{padding:0}.collapsible summary{list-style:none;cursor:pointer;padding:16px 18px;font-weight:600;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.collapsible summary:after{content:"▾";font-size:.9rem;color:var(--muted)}.collapsible[open] summary:after{content:"▴"}.collapsible summary::-webkit-details-marker{display:none}.collapsible>*:not(summary){padding:16px 18px 18px}.details summary{cursor:pointer;color:var(--accent)}.details pre,.version-preview pre,.stream-output{background:#00000038;border-radius:12px;padding:12px;white-space:pre-wrap;color:var(--text)}.stream-output{max-height:240px;overflow:auto}.stream-animated{position:relative;line-height:1.55}.stream-output.plan-stream{font-family:var(--font-ui)}.stream-output.story-stream{font-family:var(--font-story);font-size:1.02rem;background:transparent;border:1px solid var(--border)}.stream-placeholder{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:.95rem;padding:10px 4px}.stream-dot{width:8px;height:8px;border-radius:999px;background:var(--accent);box-shadow:0 0 12px var(--glow);animation:stream-pulse 1.2s ease-in-out infinite}.stream-chunk{opacity:0;animation:stream-fade .45s ease forwards}.stream-caret{display:inline-block;width:6px;height:1em;margin-left:2px;border-radius:3px;background:var(--accent);animation:stream-blink 1s steps(2,start) infinite;vertical-align:text-bottom;opacity:.8}@keyframes stream-fade{0%{opacity:0;filter:blur(.6px)}to{opacity:1;filter:blur(0)}}@keyframes stream-blink{0%,45%{opacity:.9}55%,to{opacity:.1}}@keyframes stream-pulse{0%,to{transform:scale(.8);opacity:.5}50%{transform:scale(1.1);opacity:.9}}.action-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.version-list{display:grid;gap:12px}.version-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.version-row{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid var(--border);border-radius:14px;padding:12px;background:#ffffff05}.reader-sidebar .version-row{flex-direction:column;align-items:flex-start}.reader-sidebar .version-actions{width:100%}.version-row.selected{border-color:var(--accent)}.version-meta{color:var(--muted);font-size:.85rem}.version-actions{display:flex;gap:8px;flex-wrap:wrap}.version-preview{margin-top:12px}.session-list{display:grid;gap:12px}.session-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px;border-radius:16px;border:1px solid var(--border);background:#ffffff05}.session-actions{display:flex;gap:8px;flex-wrap:wrap}.pagination{margin-top:16px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.session-id{font-size:.85rem;color:var(--muted);word-break:break-all}.session-meta{font-size:.85rem}.audio-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.voice-picker{display:flex;gap:10px;align-items:center}.voice-picker select{flex:1}.voice-preview-btn{width:40px;height:40px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:12px}.voice-preview-btn svg{width:16px;height:16px;fill:currentColor}.voice-preview-btn.is-playing{color:var(--accent)}.voice-preview-btn.is-loading{animation:stream-pulse 1.2s ease-in-out infinite}.log-panel{border-radius:18px;padding:16px;border:1px solid var(--border);background:#00000026;max-height:320px;overflow:auto}.tutorial-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;pointer-events:none}.tutorial-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#080a0f99;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:auto}.tutorial-highlight{position:fixed;border-radius:18px;border:2px solid var(--accent);box-shadow:0 0 24px var(--glow);pointer-events:none;transition:all .2s ease}.tutorial-card{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(360px,calc(100vw - 32px));background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:16px 18px;box-shadow:var(--shadow);pointer-events:auto;z-index:2001}.tutorial-card:after{content:"";position:absolute;left:28px;width:0;height:0;border-style:solid}.tutorial-card[data-placement=top]:after{bottom:-10px;border-width:10px 10px 0;border-color:var(--panel) transparent transparent}.tutorial-card[data-placement=bottom]:after{top:-10px;border-width:0 10px 10px;border-color:transparent transparent var(--panel)}.tutorial-step-count{text-transform:uppercase;letter-spacing:.16em;font-size:.7rem;color:var(--muted);margin-bottom:6px}.tutorial-card h3{margin:0 0 6px;font-family:var(--font-display);font-size:1.05rem}.tutorial-card p{margin:0 0 14px;color:var(--text)}.tutorial-actions{display:flex;flex-wrap:wrap;gap:8px}.log-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.log-line{display:grid;gap:6px;padding-bottom:10px;border-bottom:1px solid var(--border);font-size:.9rem}.log-time{color:var(--muted);font-size:.8rem}.log-msg{color:var(--text)}.empty-state{color:var(--muted);font-size:.95rem}.footer{text-align:center;color:var(--muted);font-size:.85rem}.mobile-nav{display:none}@media (max-width: 1200px){.app-shell{grid-template-columns:220px 1fr}.main{padding:28px 32px 80px}}@media (max-width: 980px){.app-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto;flex-direction:row;align-items:center;justify-content:space-between;padding:16px 20px}.sidebar-nav,.sidebar-footer{display:none}.mobile-nav{display:grid;grid-template-columns:repeat(5,1fr);position:sticky;bottom:0;background:var(--panel);border-top:1px solid var(--border);padding:10px 16px;gap:6px;z-index:10}.mobile-nav a{color:var(--muted);text-decoration:none;font-size:.75rem;text-align:center}.studio-grid,.greenlight-grid,.reader-shell,.sketch-row{grid-template-columns:1fr}.sketch-strip{grid-column:span 1;grid-template-columns:1fr}.sketch-strip .empty-state{grid-column:span 1}.sketch-nav{position:static;transform:none;justify-self:center}.topbar{flex-direction:column;align-items:flex-start}}@media (max-width: 640px){.main{padding:20px 16px 80px}.panel{padding:20px}.panel-header,.canvas-header,.story-header{flex-direction:column;align-items:flex-start}}.landing-root{display:flex;flex-direction:column;min-height:100vh}.landing-nav{position:sticky;top:0;z-index:20;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:color-mix(in srgb,var(--panel) 92%,transparent);border-bottom:1px solid var(--border)}.landing-nav-inner{max-width:1200px;margin:0 auto;padding:18px 24px;display:flex;align-items:center;gap:24px;justify-content:space-between}.landing-brand{display:flex;gap:14px;align-items:center}.landing-brand img{width:46px;height:46px;border-radius:12px;background:linear-gradient(140deg,var(--accent),var(--accent-2));padding:6px;box-shadow:0 0 20px var(--glow)}.landing-brand-title{font-family:var(--font-display);font-size:1.25rem}.landing-brand-subtitle{font-size:.8rem;color:var(--muted);max-width:240px}.landing-links{display:flex;gap:18px}.landing-links a{color:var(--text);text-decoration:none;font-weight:600;position:relative}.landing-links a:after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:2px;background:var(--accent);transition:width .2s ease}.landing-links a:hover:after{width:100%}.landing-controls{display:flex;align-items:center;gap:12px}.landing-toggle{display:flex;gap:6px;padding:4px;border-radius:999px;border:1px solid var(--border);background:var(--panel-soft)}.landing-toggle button{border:none;background:transparent;color:var(--muted);font-size:.8rem;padding:6px 10px;border-radius:999px;cursor:pointer;font-weight:600}.landing-toggle button.is-active{background:linear-gradient(120deg,var(--accent),var(--accent-2));color:#1a130c}.landing-theme{width:38px;height:38px;border-radius:12px;border:1px solid var(--border);background:var(--panel-soft);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.landing-theme svg{width:18px;height:18px;fill:currentColor}.landing-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:14px;padding:10px 18px;border:1px solid var(--border);text-decoration:none;color:var(--text);font-weight:600;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;background:transparent}.landing-btn.primary{border:none;background:linear-gradient(120deg,var(--accent),var(--accent-2));color:#1a130c;box-shadow:0 12px 30px var(--glow)}.landing-btn.ghost{background:var(--panel-soft)}.landing-btn:hover{transform:translateY(-2px);border-color:var(--accent)}.landing-hero{position:relative;overflow:hidden;padding:110px 24px 80px}.landing-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#080a10b3,#080a1033),url(/hero.jpg) center/cover no-repeat;opacity:.35;z-index:0;pointer-events:none}.landing-hero-glow{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}.landing-orb{position:absolute;border-radius:999px;filter:blur(0px);opacity:.7;animation:orbFloat 18s ease-in-out infinite}.landing-orb.orb-one{width:360px;height:360px;top:-120px;left:-80px;background:radial-gradient(circle,rgba(241,183,104,.45),transparent 70%)}.landing-orb.orb-two{width:420px;height:420px;bottom:-160px;right:-140px;background:radial-gradient(circle,rgba(95,110,179,.4),transparent 70%);animation-delay:-6s}.landing-orb.orb-three{width:260px;height:260px;top:160px;right:10%;background:radial-gradient(circle,rgba(241,183,104,.35),transparent 70%);animation-delay:-12s}.landing-hero-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:48px;align-items:center;position:relative;z-index:2}.landing-hero-copy h1{font-family:var(--font-display);font-size:clamp(2.5rem,4vw,4.1rem);margin:12px 0 16px}.landing-eyebrow{text-transform:uppercase;letter-spacing:.22em;font-size:.75rem;color:var(--accent);font-weight:600}.landing-lead{font-size:1.1rem;color:var(--muted);max-width:520px}.landing-cta{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0 28px}.landing-hero-stats{display:grid;gap:12px}.landing-stat{display:grid;gap:4px;padding:12px 16px;border-radius:16px;background:var(--panel-soft);border:1px solid var(--border);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.landing-stat-value{font-weight:600}.landing-stat-label{font-size:.85rem;color:var(--muted)}.landing-hero-visual{display:grid;gap:20px;justify-items:end}.landing-card{border-radius:24px;background:var(--panel);border:1px solid var(--border);padding:20px;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:var(--shadow)}.hero-card{width:min(420px,100%);transform:perspective(1200px) rotateY(-8deg) rotateX(4deg);animation:floatCard 10s ease-in-out infinite}.hero-card.secondary{width:min(320px,100%);justify-self:start;transform:perspective(1200px) rotateY(6deg) rotateX(-2deg);animation-delay:-4s}.hero-card-header{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.hero-card-body{margin:18px 0;display:grid;gap:12px}.hero-card-body img{width:42px;height:42px;border-radius:12px;background:linear-gradient(140deg,var(--accent),var(--accent-2));padding:6px}.hero-card-body h3{margin:0;font-family:var(--font-display)}.hero-card-body h4{margin:4px 0 0;font-family:var(--font-display)}.hero-card-body.compact{display:flex;gap:16px;align-items:center;justify-content:space-between}.hero-card-footer{display:flex;justify-content:space-between;font-size:.8rem;color:var(--muted)}.hero-pill{padding:4px 10px;border-radius:999px;font-size:.65rem;background:#f1b76833;color:var(--accent);border:1px solid rgba(241,183,104,.3)}.hero-kicker{text-transform:uppercase;letter-spacing:.14em;font-size:.65rem;color:var(--muted)}.story-sample{font-family:var(--font-story);color:var(--muted);margin:0}.landing-section{padding:70px 24px}.landing-section-header{max-width:820px;margin:0 auto 36px;text-align:center;display:grid;gap:12px}.landing-section-header h2{font-family:var(--font-display);font-size:clamp(2rem,3vw,3rem);margin:0}.landing-section-header p{color:var(--muted);margin:0}.landing-feature-grid{max-width:1200px;margin:0 auto;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.landing-icon{width:46px;height:46px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;background:#f1b76829;border:1px solid rgba(241,183,104,.3);color:var(--accent);margin-bottom:14px}.landing-icon svg{width:24px;height:24px;fill:currentColor}.landing-card h3{margin:0 0 8px}.landing-card p{margin:0;color:var(--muted)}.landing-steps{max-width:1100px;margin:0 auto;display:grid;gap:32px}.landing-step{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;align-items:center}.landing-step.reverse{direction:rtl}.landing-step.reverse>*{direction:ltr}.landing-step-copy h3{margin:8px 0 12px;font-family:var(--font-display)}.landing-step-copy p{color:var(--muted);margin:0}.landing-step-count{font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);font-weight:600}.landing-step-visual{display:flex;justify-content:center}.landing-step-card{width:min(520px,100%);border-radius:20px;overflow:hidden;background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow)}.landing-step-card img{display:block;width:100%;height:auto;object-fit:cover}.landing-step-card ul{margin:8px 0 0;padding-left:18px;color:var(--muted)}.landing-cta-band{padding:80px 24px 100px}.landing-cta-card{max-width:960px;margin:0 auto;text-align:center;padding:50px 32px;border-radius:28px;border:1px solid var(--border);background:linear-gradient(135deg,#f1b76833,#5f6eb333);box-shadow:var(--shadow);position:relative;overflow:hidden}.landing-cta-card.has-banner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,color-mix(in srgb,var(--panel) 92%,transparent),color-mix(in srgb,var(--panel) 35%,transparent));z-index:1}.landing-cta-banner{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.landing-cta-content{position:relative;z-index:2}.landing-cta-card h2{font-family:var(--font-display);margin:0 0 12px}.landing-cta-card p{color:var(--muted);margin:0 0 24px}.landing-footer{border-top:1px solid var(--border);padding:60px 24px 30px;background:color-mix(in srgb,var(--panel) 80%,transparent)}.landing-footer-inner{max-width:1200px;margin:0 auto;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.landing-footer-brand{display:flex;gap:16px;align-items:flex-start}.landing-footer-brand img{width:48px;height:48px;border-radius:14px;background:linear-gradient(140deg,var(--accent),var(--accent-2));padding:6px}.landing-footer-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:24px}.landing-footer-links h4{margin:0 0 12px;font-family:var(--font-display)}.landing-footer-links a{display:block;color:var(--muted);text-decoration:none;margin-bottom:8px}.landing-footer-bottom{max-width:1200px;margin:32px auto 0;text-align:center;color:var(--muted);font-size:.85rem}@keyframes orbFloat{0%,to{transform:translateY(0)}50%{transform:translateY(20px)}}@keyframes floatCard{0%,to{transform:perspective(1200px) rotateY(-8deg) rotateX(4deg) translateY(0)}50%{transform:perspective(1200px) rotateY(-8deg) rotateX(4deg) translateY(-12px)}}@media (max-width: 900px){.landing-nav-inner{flex-wrap:wrap;gap:16px}.landing-links,.landing-controls{width:100%;justify-content:center}.landing-hero{padding-top:90px}.landing-hero-visual{justify-items:center}.hero-card,.hero-card.secondary{transform:none;animation:none}}@media (max-width: 640px){.landing-brand-subtitle{display:none}.landing-btn{width:100%}.landing-cta{flex-direction:column}.landing-hero{padding:70px 20px 60px}.landing-section{padding:50px 20px}.landing-cta-card{padding:36px 20px}}@media (prefers-reduced-motion: reduce){.landing-orb,.hero-card{animation:none}}