@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Space+Mono:wght@400;700&display=swap";:root{--navy:#1b1f3b;--navy-soft:#252a4a;--navy-subtle:#2f3560;--lavender:#f4f3fa;--lavender-dark:#ece9f8;--violet:#6c63ff;--violet-dim:#9a94ff;--violet-muted:#ede9ff;--white:#fff;--muted:#6b6b7b;--muted-light:#9a97c4;--border:#1b1f3b0f;--border-strong:#6c63ff40;--danger:#c0392b;--danger-bg:#fdf0ef;--success:#2e7d32;--glass-bg:#ffffffb8;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:48px;--text-xs:12px;--text-sm:14px;--text-base:16px;--text-md:20px;--text-lg:26px;--text-xl:34px;--text-2xl:44px;--leading-headings:1.15;--leading-normal:1.5;--leading-loose:1.65;--font-mono:"Space Mono", "JetBrains Mono", monospace;--coral:#ff7a59;--coral-bg:#fff1ec;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-full:9999px;--shadow-sm:0 1px 2px #1b1f3b0a, 0 0 1px #1b1f3b14;--shadow-md:0 4px 16px #1b1f3b0f, 0 2px 4px #1b1f3b0a;--shadow-lg:0 8px 30px #1b1f3b14, 0 4px 10px #1b1f3b0d;--shadow-xl:0 20px 50px #1b1f3b1f, 0 8px 20px #1b1f3b12;--shadow-violet:0 4px 14px #6c63ff40;--shadow-violet-lg:0 8px 28px #6c63ff66;--transition-speed:.18s;--transition-bezier:cubic-bezier(.16, 1, .3, 1);--transition:all var(--transition-speed) var(--transition-bezier)}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.96)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes panelSlideIn{0%{opacity:0;transform:scale(.93)translateY(24px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes pulseRed{0%{box-shadow:0 0 #c0392b66}70%{box-shadow:0 0 0 16px #c0392b00}to{box-shadow:0 0 #c0392b00}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,sans-serif;font-size:var(--text-base);line-height:var(--leading-normal);color:var(--navy);-webkit-font-smoothing:antialiased;background-color:var(--lavender);background-image:radial-gradient(at 10% 20%,#ede9ff99 0,#0000 50%),radial-gradient(at 90% 10%,#cbc7ef59 0,#0000 50%),radial-gradient(at 50% 80%,#f4f3fa 0,#0000 50%);background-attachment:fixed}button{cursor:pointer;transition:var(--transition);background:0 0;border:none;font-family:inherit}button:active:not(:disabled){transform:scale(.97)}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg,#ececf4 25%,#f4f4fa 50%,#ececf4 75%) 0 0/200% 100%;animation:1.5s linear infinite shimmer;color:#0000!important}.knight-bubble{bottom:var(--space-6);right:var(--space-6);border-radius:var(--radius-full);background:var(--violet);width:60px;height:60px;box-shadow:var(--shadow-violet);color:var(--white);font-size:var(--text-md);z-index:1000;transition:var(--transition);justify-content:center;align-items:center;display:flex;position:fixed}.knight-bubble:hover{box-shadow:var(--shadow-violet-lg);transform:translateY(-2px)scale(1.05)}.knight-bubble:active{transform:translateY(0)scale(.95)}.knight-bubble:focus-visible{outline:2.5px solid var(--violet-dim);outline-offset:3px}.knight-panel{bottom:92px;right:var(--space-6);background:var(--white);border-radius:var(--radius-lg);width:400px;max-height:calc(100vh - 120px);box-shadow:var(--shadow-xl);z-index:999;border:1px solid var(--border);transform-origin:100% 100%;flex-direction:column;animation:.28s cubic-bezier(.16,1,.3,1) both panelSlideIn;display:flex;position:fixed;overflow:hidden}@media (width<=460px){.knight-panel{right:var(--space-3);left:var(--space-3);width:auto;max-height:calc(100vh - 110px);bottom:86px}}.knight-header{background:var(--navy);color:var(--white);padding:var(--space-4) var(--space-5);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.knight-header-brand{align-items:center;gap:var(--space-2);display:flex}.knight-header h1{font-family:Cambria,Georgia,serif;font-size:var(--text-md);letter-spacing:-.015em;font-weight:700;line-height:var(--leading-headings)}.knight-close{color:var(--muted-light);font-size:var(--text-md);padding:var(--space-1);border-radius:var(--radius-sm)}.knight-close:hover{color:var(--white);background:#ffffff1a}.knight-tabs{border-bottom:1px solid var(--border);background:var(--white);flex-shrink:0;display:flex}.knight-tab{padding:var(--space-3) 0;font-size:var(--text-sm);color:var(--muted);letter-spacing:-.005em;flex:1;font-weight:600;position:relative}.knight-tab:after{content:"";border-radius:var(--radius-full);background:var(--violet);height:2.5px;transition:var(--transition);position:absolute;bottom:0;left:24%;right:24%;transform:scaleX(0)}.knight-tab:hover{color:var(--navy)}.knight-tab.active{color:var(--violet)}.knight-tab.active:after{transform:scaleX(1)}.knight-body{padding:var(--space-5);scroll-behavior:smooth;flex:1;overflow-y:auto}.mode-toggle{background:var(--lavender);border-radius:var(--radius-md);padding:var(--space-1);margin-bottom:var(--space-5);gap:var(--space-1);border:1px solid #1b1f3b08;display:flex}.mode-toggle button{padding:var(--space-2) 0;font-size:var(--text-sm);border-radius:var(--radius-sm);color:var(--muted);flex:1;font-weight:600}.mode-toggle button:hover:not(:disabled){color:var(--navy);background:#6c63ff0f}.mode-toggle button.active{background:var(--white);color:var(--violet);box-shadow:var(--shadow-sm)}.mode-toggle button:disabled{opacity:.45;cursor:not-allowed}.record-area{padding:var(--space-5) 0 var(--space-2);flex-direction:column;align-items:center;display:flex}.record-btn{border-radius:var(--radius-full);background:var(--violet);width:84px;height:84px;color:var(--white);font-size:var(--text-lg);box-shadow:var(--shadow-violet);justify-content:center;align-items:center;display:flex}.record-btn:hover:not(:disabled){box-shadow:var(--shadow-violet-lg);transform:translateY(-2px)scale(1.03)}.record-btn:active:not(:disabled){transform:translateY(0)scale(.96)}.record-btn.recording{background:var(--danger);animation:1.4s infinite pulseRed;box-shadow:0 4px 14px #c0392b59}.record-btn.recording:hover:not(:disabled){box-shadow:0 6px 20px #c0392b80}.record-status{margin-top:var(--space-3);font-size:var(--text-sm);color:var(--muted);text-align:center;font-weight:500}.recording-timer{font-variant-numeric:tabular-nums;color:var(--danger);margin-left:var(--space-2);font-weight:700}.status-line{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--muted);margin-top:var(--space-4);animation:.24s both fadeSlideIn;display:flex}.spinner{border:2px solid var(--border);border-top-color:var(--violet);border-radius:var(--radius-full);width:16px;height:16px;animation:.75s linear infinite spin}.error-box{margin-top:var(--space-4);background:var(--danger-bg);width:100%;color:var(--danger);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);border:1px solid #c0392b1f;animation:.24s both fadeSlideIn}.transcript-preview{margin-top:var(--space-4);background:var(--white);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;padding:var(--space-3) var(--space-4);max-height:120px;box-shadow:var(--shadow-sm);animation:.24s both fadeSlideIn;overflow-y:auto}.transcript-preview-label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted-light);margin-bottom:var(--space-1);font-size:11px;font-weight:700}.transcript-preview-text{font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--navy-soft)}.note-card{border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4);margin-top:var(--space-4);background:var(--white);box-shadow:var(--shadow-sm);transition:var(--transition);animation:.25s both fadeSlideIn}.note-card:hover{box-shadow:var(--shadow-md);border-color:#6c63ff26}.note-tags{gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.tag-chip{background:var(--lavender);color:var(--navy-soft);padding:3px var(--space-2);border-radius:var(--radius-full);font-size:11px;font-weight:600}.tag-chip.mode-lecture{color:#a05c10;background:#fff3e6}.note-content{font-size:var(--text-sm);line-height:var(--leading-loose);color:var(--navy-soft)}.note-content h1,.note-content h2,.note-content h3{font-size:var(--text-base);margin:var(--space-3) 0 var(--space-1);color:var(--navy);font-weight:700}.note-content p{margin-bottom:var(--space-2)}.note-content ul,.note-content ol{margin:var(--space-1) 0 var(--space-3) var(--space-4)}.note-content li{margin-bottom:2px}.library-list{gap:var(--space-3);flex-direction:column;display:flex}.library-empty{text-align:center;color:var(--muted);font-size:var(--text-sm);padding:var(--space-7) var(--space-4);align-items:center;gap:var(--space-2);flex-direction:column;max-width:280px;margin:0 auto;display:flex}.library-empty:before{content:"📚";margin-bottom:var(--space-2);opacity:.5;font-size:32px}.library-item{border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);cursor:pointer;background:var(--white);box-shadow:var(--shadow-sm);transition:var(--transition);animation:.24s both fadeSlideIn}.library-item:hover{box-shadow:var(--shadow-md);border-color:#6c63ff33;transform:translateY(-1.5px)}.library-item:active{transform:translateY(0)}.library-item-title{font-size:var(--text-sm);color:var(--navy);margin-bottom:2px;font-weight:600}.library-item-date{color:var(--muted-light);font-size:11px}.ask-input-row{gap:var(--space-2);margin-bottom:var(--space-4);flex-direction:column;display:flex}.ask-input-row label{text-transform:uppercase;color:var(--muted-light);letter-spacing:.05em;font-size:11px;font-weight:700}.ask-input-row input,.ask-input-row textarea{border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--navy);background:var(--white);transition:var(--transition);outline:none}.ask-input-row input:focus,.ask-input-row textarea:focus{border-color:var(--violet);box-shadow:0 0 0 3px #6c63ff1a}.ask-btn{background:var(--violet);color:var(--white);border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);box-shadow:var(--shadow-sm);font-weight:600}.ask-btn:hover:not(:disabled){box-shadow:var(--shadow-violet);background:#5e55f0;transform:translateY(-1.5px)}.ask-btn:active:not(:disabled){transform:scale(.97)}.ask-btn:disabled{background:var(--lavender-dark);color:var(--muted-light);cursor:not-allowed;box-shadow:none}.ask-answer{margin-top:var(--space-4);background:var(--white);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4);font-size:var(--text-sm);line-height:var(--leading-loose);color:var(--navy-soft);box-shadow:var(--shadow-sm);animation:.24s both fadeSlideIn}.brush-btn{border:1.5px solid var(--violet);color:var(--violet);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:600}.brush-btn:hover{background:var(--violet-muted);transform:translateY(-1.5px)}.home-container{max-width:1100px;padding:var(--space-6) var(--space-5) var(--space-8);margin:0 auto;animation:.32s cubic-bezier(.16,1,.3,1) both fadeSlideIn}.home-header{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);padding:var(--space-4) var(--space-2);margin-bottom:var(--space-7);z-index:990;justify-content:space-between;align-items:center;gap:var(--space-4);border-radius:0 0 var(--radius-md) var(--radius-md);border-bottom:1px solid #6c63ff14;display:flex;position:sticky;top:0}.home-brand{align-items:center;gap:var(--space-2);display:flex}.brand-icon{font-size:var(--text-md)}.home-brand h1{font-family:Cambria,Georgia,serif;font-size:var(--text-md);color:var(--navy);letter-spacing:-.01em;font-weight:700}.home-search-bar{flex-grow:1;max-width:290px;position:relative}.home-search-bar .search-icon{width:15px;height:15px;color:var(--muted-light);pointer-events:none;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.home-search-bar input{border:1px solid var(--border);border-radius:var(--radius-md);width:100%;padding:var(--space-2) var(--space-3) var(--space-2) 34px;font-size:var(--text-sm);color:var(--navy);background:var(--white);transition:var(--transition);outline:none}.home-search-bar input:focus{border-color:var(--violet);background:var(--white);box-shadow:0 0 0 3.5px #6c63ff1a}.home-loading{justify-content:center;align-items:center;gap:var(--space-2);color:var(--muted);font-size:var(--text-base);padding:var(--space-8) 0;display:flex}.home-empty{text-align:center;padding:var(--space-7) var(--space-5);max-width:320px;margin:var(--space-8) auto;flex-direction:column;align-items:center;animation:.28s both fadeSlideIn;display:flex}.empty-graphic{background:var(--violet-muted);width:52px;height:52px;color:var(--violet);margin-bottom:var(--space-4);border-radius:50%;justify-content:center;align-items:center;display:flex}.home-empty h2{font-size:var(--text-base);color:var(--navy);margin-bottom:var(--space-2);font-weight:700}.home-empty p{font-size:var(--text-sm);color:var(--muted);line-height:var(--leading-loose);margin-bottom:var(--space-5)}.empty-pointer{align-items:center;gap:var(--space-2);color:var(--violet);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:700;animation:1.5s ease-in-out infinite bounceRight;display:flex}.empty-pointer .pointer-arrow{width:14px;height:14px}@keyframes bounceRight{0%,to{transform:translate(0)}50%{transform:translate(4px)}}.home-sections{gap:var(--space-7);flex-direction:column;display:flex}.subject-section{gap:var(--space-4);flex-direction:column;animation:.26s both fadeSlideIn;display:flex}.subject-title{align-items:center;gap:var(--space-2);font-size:var(--text-xs);text-transform:uppercase;color:var(--muted-light);letter-spacing:.08em;font-weight:700;display:flex}.subject-bullet{background:var(--violet);border-radius:var(--radius-full);width:6px;height:6px}.notes-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.note-grid-card{background:var(--white);border:1px solid var(--border);border-left:3px solid var(--card-accent,var(--violet));border-radius:var(--radius-md);padding:var(--space-4);cursor:pointer;box-shadow:var(--shadow-sm);transition:var(--transition);flex-direction:column;min-height:150px;animation:.25s both fadeSlideIn;display:flex}.note-grid-card:hover{box-shadow:var(--shadow-lg);border-color:#6c63ff33;transform:translateY(-2px)}.note-grid-card:active{transform:translateY(0)}.note-card-meta{margin-bottom:var(--space-3);font-size:var(--text-xs);justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.note-card-chapter{color:var(--violet);background:var(--violet-muted);padding:2px var(--space-2);border-radius:var(--radius-sm);white-space:nowrap;text-overflow:ellipsis;max-width:140px;font-weight:600;overflow:hidden}.note-card-date{color:var(--muted-light);white-space:nowrap}.note-card-preview{font-size:var(--text-sm);color:var(--navy-subtle);line-height:var(--leading-normal);-webkit-line-clamp:3;text-overflow:ellipsis;-webkit-box-orient:vertical;margin-top:auto;display:-webkit-box;overflow:hidden}.note-card-header-actions{margin-bottom:var(--space-2);justify-content:flex-end;display:flex}.note-card-edit-btn{font-size:var(--text-xs);color:var(--violet);background:var(--violet-muted);padding:3px var(--space-2);border-radius:var(--radius-sm);font-weight:600}.note-card-edit-btn:hover{background:var(--lavender-dark);transform:translateY(-1px)}.note-card-edit-form{gap:var(--space-4);flex-direction:column;animation:.24s both fadeSlideIn;display:flex}.note-card-edit-fields{gap:var(--space-3);flex-wrap:wrap;display:flex}.note-card-edit-fields .edit-field{flex:1;min-width:130px}.edit-field{flex-direction:column;gap:5px;display:flex}.edit-field label{text-transform:uppercase;color:var(--muted-light);letter-spacing:.05em;font-size:11px;font-weight:700}.edit-field input,.edit-field textarea{border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--navy);background:var(--white);transition:var(--transition);outline:none;width:100%}.edit-field input:focus,.edit-field textarea:focus{border-color:var(--violet);box-shadow:0 0 0 3px #6c63ff1a}.edit-field textarea{resize:vertical;min-height:140px;line-height:var(--leading-normal)}.note-card-edit-actions{justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-2);display:flex}.note-card-edit-actions button{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);border-radius:var(--radius-md);font-weight:600}.note-card-edit-actions .btn-cancel{background:var(--lavender);color:var(--muted)}.note-card-edit-actions .btn-cancel:hover:not(:disabled){background:var(--lavender-dark);color:var(--navy);transform:translateY(-1px)}.note-card-edit-actions .btn-save{background:var(--violet);color:var(--white);box-shadow:var(--shadow-sm)}.note-card-edit-actions .btn-save:hover:not(:disabled){box-shadow:var(--shadow-violet);background:#5e55f0;transform:translateY(-1.5px)}.note-card-edit-actions button:disabled{opacity:.55;cursor:not-allowed}.modal-backdrop{-webkit-backdrop-filter:blur(5px);z-index:2000;width:100vw;height:100vh;padding:var(--space-4);background:#1b1f3b59;justify-content:center;align-items:center;animation:.22s both modalFadeIn;display:flex;position:fixed;top:0;left:0}.modal-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);border:1px solid var(--border);transform-origin:50%;flex-direction:column;width:100%;max-width:720px;max-height:82vh;animation:.28s cubic-bezier(.16,1,.3,1) both modalScaleIn;display:flex;overflow:hidden}.modal-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:var(--space-4);background:var(--white);flex-shrink:0;display:flex}.modal-edit-tags{gap:var(--space-3);flex-grow:1;display:flex}.modal-edit-tags .edit-field{flex:1}.modal-edit-tags input{border:1px solid var(--border);border-radius:var(--radius-md);width:100%;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);transition:var(--transition);outline:none}.modal-edit-tags input:focus{border-color:var(--violet);box-shadow:0 0 0 3px #6c63ff1a}.modal-header-actions{align-items:center;gap:var(--space-3);display:flex}.modal-edit-btn,.modal-close-btn,.modal-header-actions .btn-cancel,.modal-header-actions .btn-save{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);border-radius:var(--radius-md);font-weight:600}.modal-edit-btn{background:var(--violet-muted);color:var(--violet)}.modal-edit-btn:hover{background:var(--lavender-dark);transform:translateY(-1px)}.modal-close-btn{background:var(--lavender);color:var(--muted);font-size:var(--text-base);padding:var(--space-2) var(--space-3)}.modal-close-btn:hover{background:var(--lavender-dark);color:var(--navy)}.modal-header-actions .btn-cancel{background:var(--lavender);color:var(--muted)}.modal-header-actions .btn-save{background:var(--violet);color:var(--white);box-shadow:var(--shadow-sm)}.modal-header-actions .btn-save:hover{box-shadow:var(--shadow-violet);background:#5e55f0;transform:translateY(-1.5px)}.modal-header-actions button:disabled{opacity:.55;cursor:not-allowed}.modal-body{padding:var(--space-6);background:var(--white);flex:1;overflow-y:auto}.modal-markdown-content{font-size:var(--text-base);line-height:var(--leading-loose);color:var(--navy-soft)}.modal-markdown-content h1,.modal-markdown-content h2,.modal-markdown-content h3{color:var(--navy);margin:var(--space-4) 0 var(--space-2);letter-spacing:-.01em;font-family:Cambria,Georgia,serif}.modal-markdown-content h1:first-child,.modal-markdown-content h2:first-child,.modal-markdown-content h3:first-child{margin-top:0}.modal-markdown-content ul,.modal-markdown-content ol{margin:var(--space-2) 0;padding-left:var(--space-6)}.modal-markdown-content li{margin-bottom:var(--space-1)}.modal-markdown-content p{margin-bottom:var(--space-3)}.modal-edit-content{gap:var(--space-4);flex-direction:column;height:100%;display:flex}.modal-edit-content textarea{border:1px solid var(--border);border-radius:var(--radius-md);width:100%;min-height:380px;padding:var(--space-4);font-size:var(--text-base);font-family:Inter,system-ui,sans-serif;line-height:var(--leading-normal);color:var(--navy);resize:vertical;background:var(--white);transition:var(--transition);outline:none}.modal-edit-content textarea:focus{border-color:var(--violet);box-shadow:0 0 0 3.5px #6c63ff1a}.live-preview-label{text-transform:uppercase;letter-spacing:.08em;color:var(--violet);margin-bottom:var(--space-2);font-size:11px;font-weight:700}.landing-container{max-width:1100px;padding:0 var(--space-5);margin:0 auto}.landing-header{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);padding:var(--space-4) var(--space-2);z-index:1000;border-radius:0 0 var(--radius-md) var(--radius-md);border-bottom:1px solid #6c63ff14;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.landing-brand{align-items:center;gap:var(--space-2);display:flex}.brand-logo{font-size:22px}.landing-brand h1{font-family:Cambria,Georgia,serif;font-size:var(--text-md);color:var(--navy);letter-spacing:-.015em;font-weight:700}.btn-workspace-nav{align-items:center;gap:var(--space-2);background:var(--navy);color:var(--white);padding:var(--space-2) var(--space-5);font-weight:600;font-size:var(--text-sm);border-radius:var(--radius-md);box-shadow:3px 3px 0 var(--violet-dim);transition:var(--transition);display:flex}.btn-workspace-nav:hover{box-shadow:4px 4px 0 var(--violet-dim);transform:translate(-1px,-1px)}.btn-workspace-nav:active{box-shadow:1px 1px 0 var(--violet-dim);transform:translate(1px,1px)}.inline-arrow{width:16px;height:16px}.landing-hero{align-items:center;gap:var(--space-8);padding:calc(var(--space-8) * 1.3) var(--space-4) var(--space-8);grid-template-columns:1.1fr 1fr;max-width:1100px;margin:0 auto;display:grid}@media (width<=860px){.landing-hero{text-align:center;padding-top:var(--space-8);grid-template-columns:1fr}.hero-visual{margin:0 auto}}.hero-copy{animation:.38s cubic-bezier(.16,1,.3,1) both fadeSlideIn}.hero-eyebrow{font-family:var(--font-mono);text-transform:uppercase;color:var(--navy-soft);letter-spacing:.14em;margin-bottom:var(--space-5);align-items:center;gap:8px;font-size:12px;font-weight:700;display:inline-flex}.hero-eyebrow:before{content:"";background:var(--violet);border-radius:50%;flex-shrink:0;width:7px;height:7px}.hero-title{color:var(--navy);letter-spacing:-.03em;margin-bottom:var(--space-5);font-family:Inter,sans-serif;font-size:clamp(40px,5.2vw,72px);font-weight:800;line-height:1.04}.hero-title .accent-line{color:var(--navy);z-index:1;display:inline-block;position:relative}.hero-title .accent-line:before{content:"";background:var(--violet-dim);opacity:.55;z-index:-1;border-radius:3px;height:38%;position:absolute;bottom:4px;left:-6px;right:-6px;transform:rotate(-1.2deg)}.hero-description{color:var(--muted);font-size:17px;line-height:var(--leading-loose);margin-bottom:var(--space-6);max-width:460px}@media (width<=860px){.hero-description{margin-left:auto;margin-right:auto}}.hero-actions{gap:var(--space-4);margin-bottom:var(--space-5);flex-wrap:wrap;align-items:center;display:flex}@media (width<=860px){.hero-actions{justify-content:center}}.btn-primary{background:var(--violet);color:var(--white);padding:var(--space-3) var(--space-6);font-size:var(--text-sm);border-radius:var(--radius-md);box-shadow:4px 4px 0 var(--navy);transition:var(--transition);font-weight:700}.btn-primary:hover{box-shadow:6px 6px 0 var(--navy);background:#5e55f0;transform:translate(-2px,-2px)}.btn-primary:active{box-shadow:2px 2px 0 var(--navy);transform:translate(1px,1px)}.btn-secondary{color:var(--navy);border:1.5px solid var(--border-strong);padding:var(--space-3) var(--space-6);font-size:var(--text-sm);border-radius:var(--radius-md);transition:var(--transition);background:0 0;font-weight:600;text-decoration:none}.btn-secondary:hover{background:var(--violet-muted);border-color:var(--violet)}.hero-caption{font-family:var(--font-mono);color:var(--muted-light);font-size:12.5px}.hero-visual{justify-self:center;width:100%;max-width:400px;position:relative}.process-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);border:1px solid var(--border);animation:.46s cubic-bezier(.16,1,.3,1) both fadeSlideIn;overflow:hidden}.process-side{padding:var(--space-5) var(--space-5) var(--space-6)}.process-side-input{background:var(--navy)}.process-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--violet-dim);margin-bottom:var(--space-4);font-size:11px;font-weight:700;display:block}.process-label-dark{color:var(--violet)}.waveform{justify-content:center;align-items:center;gap:4px;height:56px;display:flex}.wave-bar{border-radius:var(--radius-full);background:linear-gradient(180deg, var(--violet-dim), var(--violet));width:4px;height:14px;animation:1.1s ease-in-out infinite waveformPulse}@keyframes waveformPulse{0%,to{opacity:.7;height:10px}50%{opacity:1;height:44px}}.process-connector{background:var(--navy);padding-bottom:var(--space-2);justify-content:center;display:flex}.process-arrow{width:20px;height:20px;color:var(--violet-dim);animation:1.6s ease-in-out infinite arrowNudge}@keyframes arrowNudge{0%,to{opacity:.6;transform:translateY(0)}50%{opacity:1;transform:translateY(4px)}}.process-side-output{background:var(--lavender)}.output-lines{gap:var(--space-3);margin-bottom:var(--space-4);flex-direction:column;display:flex}.output-line{align-items:center;gap:var(--space-2);color:var(--navy-subtle);opacity:0;font-size:13px;font-weight:500;animation:.48s both outputLineIn;display:flex}@keyframes outputLineIn{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}.output-check{background:var(--violet);width:15px;height:15px;color:var(--white);border-radius:50%;flex-shrink:0;padding:2px}.process-tag{font-family:var(--font-mono);color:var(--violet);background:var(--violet-muted);border-radius:var(--radius-full);padding:4px 10px;font-size:11px;font-weight:700;display:inline-block}.marquee-band{background:var(--navy);width:100vw;padding:var(--space-3) 0;margin-left:-50vw;margin-right:-50vw;position:relative;left:50%;right:50%;overflow:hidden}.marquee-track{width:max-content;animation:26s linear infinite marqueeScroll;display:flex}.marquee-band:hover .marquee-track{animation-play-state:paused}.marquee-item{font-family:var(--font-mono);color:var(--violet-dim);letter-spacing:.06em;text-transform:uppercase;padding:0 var(--space-5);white-space:nowrap;font-size:13px;font-weight:700}@keyframes marqueeScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.landing-features{padding:var(--space-8) 0;border-top:1px solid var(--border)}.section-title{font-family:Cambria,Georgia,serif;font-size:var(--text-lg);color:var(--navy);text-align:center;margin-bottom:var(--space-7);letter-spacing:-.01em;font-weight:700}.features-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.feature-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-5);box-shadow:var(--shadow-sm);transition:var(--transition)}.feature-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.feature-icon-wrapper{border-radius:var(--radius-full);background:var(--violet-muted);width:44px;height:44px;color:var(--violet);margin-bottom:var(--space-4);justify-content:center;align-items:center;display:flex}.feature-icon{width:22px;height:22px}.feature-card-title{font-size:var(--text-base);color:var(--navy);margin-bottom:var(--space-2);font-weight:700}.feature-card-desc{font-size:var(--text-sm);color:var(--muted);line-height:var(--leading-normal)}.landing-how{padding:var(--space-8) 0;border-top:1px solid var(--border);overflow-x:auto}.steps-row{justify-content:space-between;align-items:flex-start;gap:var(--space-4);min-width:780px;padding:var(--space-4) 0;display:flex}.step-item{text-align:center;flex-direction:column;flex:1;align-items:center;max-width:160px;display:flex}.step-circle{border-radius:var(--radius-full);background:var(--violet);width:36px;height:36px;color:var(--white);font-size:var(--text-sm);margin-bottom:var(--space-3);box-shadow:var(--shadow-violet);justify-content:center;align-items:center;font-weight:700;display:flex}.step-title{font-size:var(--text-sm);color:var(--navy);margin-bottom:var(--space-1);font-weight:700}.step-desc{color:var(--muted);font-size:12px;line-height:var(--leading-normal)}.step-connector{background:var(--border-strong);opacity:.6;flex-grow:1;height:1.5px;margin-top:18px}.landing-cta{padding:var(--space-8) var(--space-5);border-radius:var(--radius-lg);text-align:center;margin:var(--space-8) 0;align-items:center;gap:var(--space-3);background:#6c63ff0a;border:1px solid #6c63ff14;flex-direction:column;display:flex}.landing-cta h3{font-family:Cambria,Georgia,serif;font-size:var(--text-lg);color:var(--navy);letter-spacing:-.015em;font-weight:700}.landing-cta p{font-size:var(--text-sm);color:var(--muted);margin-bottom:var(--space-4)}.landing-footer{padding:var(--space-6) 0 var(--space-8);border-top:1px solid var(--border);align-items:center;gap:var(--space-1);flex-direction:column;display:flex}.footer-logo{font-family:Cambria,Georgia,serif;font-size:var(--text-base);color:var(--navy);font-weight:700}.footer-tagline{color:var(--muted-light);font-size:11px;font-style:italic}