@font-face{font-family:Playfair Display;font-style:normal;font-weight:400 900;font-display:swap;src:url(../media/65c558afe41e89d6-s.3jppgd0xzx-0d.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Playfair Display;font-style:normal;font-weight:400 900;font-display:swap;src:url(../media/14e23f9b59180572-s.0t8ljjjn9wtsx.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Playfair Display;font-style:normal;font-weight:400 900;font-display:swap;src:url(../media/b49b0d9b851e4899-s.2zyohmvb-ks7f.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Playfair Display;font-style:normal;font-weight:400 900;font-display:swap;src:url(../media/2a65768255d6b625-s.p.3u4lli0-axodc.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Playfair Display Fallback;src:local(Times New Roman);ascent-override:97.25%;descent-override:22.56%;line-gap-override:0.0%;size-adjust:111.26%}.playfair_display_fa6c7a-module__e6LDAG__className{font-family:Playfair Display,Playfair Display Fallback;font-style:normal}.playfair_display_fa6c7a-module__e6LDAG__variable{--font-serif:"Playfair Display", "Playfair Display Fallback"}
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.0-dom-5bn10r2.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.1y4-pdgsjb-pw.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.3lvt2whj97whp.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.2uwcyprjm3xu3.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.0k62hbripvv8p.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.3-6t-g6q0vh0a.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.2bn3s6zvc0dyp.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_fd091ad6-module__giF-bG__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_fd091ad6-module__giF-bG__variable{--font-sans:"Inter", "Inter Fallback"}
*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--cream:#f5f2ec;--cream-dark:#ebe6da;--cream-warm:#f0ead8;--ink:#1a1714;--ink-mid:#4a4540;--ink-muted:#8a8480;--accent:#2a5f4f;--accent-light:#3d7a65;--accent-pale:#daeee8;--gold:#b8860b;--gold-pale:#f5f0d8;--rust:#c4622d;--rust-pale:#faeae0;--navy:#1a2a4a;--navy-pale:#e0e8f5;--border:#d8d4cc;--border-dark:#b8b2a8;--card-bg:#fff;--serif:var(--font-serif,Georgia, serif);--sans:var(--font-sans,system-ui, sans-serif);--radius:14px;--max:1160px}html{scroll-behavior:smooth}body{font-family:var(--sans);background:var(--cream);color:var(--ink);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.6}.nav{background:var(--card-bg);border-bottom:1px solid var(--border);z-index:20;justify-content:space-between;align-items:center;height:60px;padding:0 40px;display:flex;position:sticky;top:0}.nav-logo{font-family:var(--serif);color:var(--ink);letter-spacing:-.3px;font-size:20px;font-weight:700;text-decoration:none}.nav-links{align-items:center;gap:4px;display:flex}.nav-link{color:var(--ink-mid);border-radius:20px;padding:6px 14px;font-size:14px;font-weight:500;text-decoration:none;transition:color .15s,background .15s}.nav-link:hover{color:var(--ink);background:var(--cream)}.nav-link.active{color:var(--accent);background:var(--accent-pale)}.nav-badge{color:var(--accent);border:1.5px solid var(--accent-pale);background:var(--accent-pale);border-radius:20px;align-items:center;gap:7px;margin-left:12px;padding:4px 12px;font-size:12px;font-weight:600;display:flex}.nav-badge-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:7px;height:7px}.eyebrow{font-family:var(--sans);letter-spacing:2px;text-transform:uppercase;color:var(--ink-muted);margin-bottom:16px;font-size:11px;font-weight:600;display:block}.eyebrow--accent{color:var(--accent)}.eyebrow--gold{color:var(--gold)}.eyebrow--rust{color:var(--rust)}.eyebrow--light{color:#ffffff80}.serif{font-family:var(--serif)}.container{max-width:var(--max);margin:0 auto;padding:0 40px}.hero{text-align:center;background:#eef2f7;justify-content:center;align-items:center;min-height:calc(100vh - 60px);padding:80px 40px;display:flex;position:relative;overflow:hidden}.hero-bg{opacity:.35;pointer-events:none;background-image:url(/hero-bg.png);background-position:50% 30%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.hero-bg:after{content:"";background:linear-gradient(#eef2f733 0%,#eef2f78c 60%,#eef2f7f7 100%);position:absolute;inset:0}.hero-inner{z-index:1;max-width:780px;position:relative}.hero h1{font-family:var(--serif);color:var(--ink);letter-spacing:-2px;margin-bottom:28px;font-size:clamp(52px,8vw,96px);font-weight:700;line-height:1}.hero-sub{color:var(--ink-mid);max-width:520px;margin:0 auto 48px;font-size:18px;line-height:1.7}.hero-sub strong{color:var(--ink);font-weight:600}.btn-primary{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:40px;align-items:center;gap:8px;padding:14px 32px;font-size:15px;font-weight:600;text-decoration:none;transition:background .15s,transform .1s;display:inline-flex}.btn-primary:hover{background:var(--accent-light);transform:translateY(-1px)}.btn-ghost{color:var(--ink);border:1.5px solid var(--border-dark);cursor:pointer;background:0 0;border-radius:40px;align-items:center;gap:8px;padding:13px 28px;font-size:15px;font-weight:500;text-decoration:none;transition:border-color .15s,background .15s;display:inline-flex}.btn-ghost:hover{border-color:var(--ink-muted);background:var(--cream-dark)}.btn-ink{background:var(--ink);color:var(--cream);cursor:pointer;border:none;border-radius:40px;align-items:center;gap:8px;padding:14px 32px;font-size:15px;font-weight:600;text-decoration:none;transition:background .15s;display:inline-flex}.btn-ink:hover{background:var(--ink-mid)}.hero-powered{color:var(--ink-muted);letter-spacing:.5px;margin-top:56px;font-size:12px}.hero-powered span{color:var(--accent);font-weight:600}.hero .eyebrow{color:var(--ink-muted)}.hero .btn-ghost{color:var(--ink);border-color:var(--border-dark)}.hero .btn-ghost:hover{border-color:var(--ink-muted);background:var(--cream-dark)}.scroll-cue{color:var(--ink-muted);letter-spacing:1px;text-transform:uppercase;flex-direction:column;align-items:center;gap:6px;font-size:11px;font-weight:600;text-decoration:none;animation:2s ease-in-out infinite cue-bob;display:flex;position:absolute;bottom:36px;left:50%;transform:translate(-50%)}.scroll-cue-arrow{font-size:18px;line-height:1}@keyframes cue-bob{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(6px)}}.how{border-top:1px solid var(--border);background:var(--cream);padding:88px 40px}.how-inner{max-width:var(--max);margin:0 auto}.how h2{font-family:var(--serif);letter-spacing:-.5px;color:var(--ink);margin-bottom:56px;font-size:40px;font-weight:700}.how-grid{grid-template-columns:repeat(3,1fr);gap:48px;display:grid}.how-step-num{font-family:var(--serif);color:var(--accent-pale);margin-bottom:16px;font-size:48px;font-weight:700;line-height:1}.how-step h3{font-family:var(--serif);color:var(--ink);margin-bottom:10px;font-size:20px;font-weight:600}.how-step p{color:var(--ink-mid);font-size:14px;line-height:1.7}.subjects-preview{background:var(--cream-dark);border-top:1px solid var(--border);padding:88px 40px}.subjects-preview-inner{max-width:var(--max);grid-template-columns:1fr 1fr;align-items:center;gap:72px;margin:0 auto;display:grid}.subjects-preview-text h2{font-family:var(--serif);letter-spacing:-1px;color:var(--ink);margin-bottom:20px;font-size:clamp(32px,4vw,52px);font-weight:700;line-height:1.1}.subjects-preview-text p{color:var(--ink-mid);font-size:15px;line-height:1.7}.subjects-preview-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.preview-chip{border:1px solid #ffffff1a;border-radius:10px;flex-direction:column;gap:4px;padding:16px 18px;display:flex}.preview-chip-label{letter-spacing:1.5px;text-transform:uppercase;color:#ffffff73;font-size:10px;font-weight:600}.preview-chip-name{font-family:var(--serif);color:#fff;font-size:16px;font-weight:600}.subjects-page{max-width:var(--max);margin:0 auto;padding:64px 40px 100px}.subjects-page h1{font-family:var(--serif);letter-spacing:-1px;max-width:600px;margin-bottom:16px;font-size:clamp(36px,5vw,56px);font-weight:700;line-height:1.1}.subjects-sub{color:var(--ink-mid);max-width:520px;margin-bottom:48px;font-size:15px;line-height:1.7}.subject-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.subject-card{border-radius:var(--radius);aspect-ratio:3/4;cursor:pointer;background:var(--ink);text-decoration:none;transition:transform .2s,box-shadow .2s;display:block;position:relative;overflow:hidden;box-shadow:0 2px 8px #00000014}.subject-card:hover{transform:translateY(-5px);box-shadow:0 12px 32px #0000002e}.subject-card-bg{opacity:.6;background-position:50%;background-size:cover;transition:opacity .3s;position:absolute;inset:0}.subject-card:hover .subject-card-bg{opacity:.75}.subject-card-body{color:#fff;background:linear-gradient(#0000 0%,#0505054d 40%,#050505eb 100%);padding:28px 22px;position:absolute;bottom:0;left:0;right:0}.subject-card-label{letter-spacing:2px;text-transform:uppercase;opacity:.65;margin-bottom:6px;font-size:10px;font-weight:600}.subject-card-name{font-family:var(--serif);font-size:26px;font-weight:700;line-height:1.1}.subject-card-desc{opacity:.7;margin-top:8px;font-size:12px;line-height:1.5}.tutor-page{max-width:860px;margin:0 auto;padding:0 40px 120px}.tutor-hero{background:var(--ink);height:260px;margin:0 -40px 48px;position:relative;overflow:hidden}.tutor-hero-bg{opacity:.45;background-position:50%;background-size:cover;position:absolute;inset:0}.tutor-hero-body{color:#fff;background:linear-gradient(#0000 0%,#000000d9 100%);padding:32px 40px;position:absolute;bottom:0;left:0;right:0}.tutor-hero-body .eyebrow{color:#ffffff80;margin-bottom:8px}.tutor-hero-body h1{font-family:var(--serif);letter-spacing:-.5px;font-size:36px;font-weight:700}.tutor-hero-body p{color:#ffffffa6;margin-top:4px;font-size:14px}.problem-card{background:var(--navy-pale);border-radius:var(--radius);border:1.5px solid #c0cce0;margin-bottom:40px;padding:24px 28px}.problem-card .eyebrow{color:var(--navy);margin-bottom:10px}.problem-card p{color:var(--navy);font-size:15px;font-weight:500;line-height:1.75}.chat-thread{flex-direction:column;gap:0;margin-bottom:32px;display:flex}.chat-msg{border-bottom:1px solid var(--border);flex-direction:column;padding:24px 0;animation:.25s fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.chat-msg-header{align-items:center;gap:10px;margin-bottom:10px;display:flex}.chat-avatar{background:var(--ink);width:28px;height:28px;color:var(--cream);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.chat-avatar.ai{background:var(--accent);font-family:var(--serif);font-size:13px}.chat-who{color:var(--ink-muted);letter-spacing:.5px;text-transform:uppercase;font-size:12px;font-weight:600}.chat-msg-body{color:var(--ink);padding-left:38px;font-size:15px;line-height:1.75}.chat-msg.user .chat-msg-body{color:var(--ink-mid)}.cognitive-annotation{flex-wrap:wrap;gap:8px;margin-top:16px;padding-left:38px;display:flex}.cog-chip{letter-spacing:.4px;border:1px solid var(--border);color:var(--ink-muted);background:var(--cream);border-radius:20px;align-items:center;gap:5px;padding:4px 11px;font-size:11px;font-weight:600;display:inline-flex}.cog-chip.warn{color:var(--rust);background:var(--rust-pale);border-color:#e8a090}.cog-chip.good{color:var(--accent);background:var(--accent-pale);border-color:#90c4b8}.cog-dot{background:currentColor;border-radius:50%;width:5px;height:5px}.typing-dots{align-items:center;gap:4px;padding:4px 0;display:flex}.typing-dots span{background:var(--ink-muted);border-radius:50%;width:5px;height:5px;animation:1.2s ease-in-out infinite blink}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{opacity:.2}40%{opacity:1}}.chat-empty{text-align:center;color:var(--ink-muted);border-top:1px solid var(--border);padding:48px 0;font-size:14px;line-height:1.7}.chat-input-area{background:var(--card-bg);border-top:1px solid var(--border);z-index:10;padding:14px 40px 18px;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 24px #0000000f}.chat-input-inner{align-items:flex-end;gap:12px;max-width:860px;margin:0 auto;display:flex}.chat-input{background:var(--cream);border:1.5px solid var(--border-dark);color:var(--ink);font-size:15px;font-family:var(--sans);resize:none;border-radius:12px;outline:none;flex:1;padding:12px 16px;line-height:1.6;transition:border-color .15s}.chat-input:focus{border-color:var(--accent)}.chat-input::placeholder{color:var(--ink-muted)}.send-btn{background:var(--accent);color:#fff;cursor:pointer;height:46px;font-size:14px;font-weight:600;font-family:var(--sans);border:none;border-radius:12px;flex-shrink:0;padding:0 22px;transition:background .15s}.send-btn:hover:not(:disabled){background:var(--accent-light)}.send-btn:disabled{opacity:.4;cursor:not-allowed}.session-done{background:var(--accent-pale);border-radius:var(--radius);border:1.5px solid #90c4b8;margin-top:8px;padding:28px}.session-done h3{font-family:var(--serif);color:var(--accent);margin-bottom:6px;font-size:20px}.session-done p{color:var(--ink-mid);margin-bottom:16px;font-size:14px}.session-done-actions{flex-wrap:wrap;gap:12px;display:flex}.session-done a,.session-done button{border:1.5px solid var(--accent);color:var(--accent);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--sans);background:0 0;border-radius:20px;align-items:center;gap:6px;padding:8px 20px;text-decoration:none;transition:background .15s;display:inline-flex}.session-done a:hover,.session-done button:hover{background:var(--accent);color:#fff}.chat-bottom-spacer{height:100px}.source-tag{color:var(--ink-muted);margin-top:10px;padding-left:38px;font-size:11px}.demo-options-bar{background:var(--card-bg);border-top:1px solid var(--border);z-index:10;padding:14px 40px 18px;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 24px #00000012}.demo-options-inner{max-width:860px;margin:0 auto}.demo-options-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.demo-options-label{text-transform:uppercase;letter-spacing:1.2px;color:var(--ink-muted);font-size:11px;font-weight:600}.demo-options-reset{color:var(--ink-muted);border:1px solid var(--border);cursor:pointer;font-size:12px;font-weight:600;font-family:var(--sans);background:0 0;border-radius:20px;padding:3px 12px;transition:color .15s,border-color .15s}.demo-options-reset:hover{color:var(--ink);border-color:var(--border-dark)}.demo-options-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:2px;display:grid}.demo-option-btn{border:1.5px solid var(--border);background:var(--cream);cursor:pointer;text-align:left;font-family:var(--sans);border-radius:8px;align-items:center;gap:8px;min-width:0;padding:8px 12px;transition:border-color .15s,background .15s,transform .1s;display:flex}.demo-option-btn:hover:not(:disabled){transform:translateY(-1px)}.demo-option-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.demo-option-btn--wrong{background:#fdf5f1;border-color:#e8c0b0}.demo-option-btn--wrong:hover:not(:disabled){border-color:var(--rust);background:var(--rust-pale)}.demo-option-btn--partial{background:#fdf9ec;border-color:#e0d090}.demo-option-btn--partial:hover:not(:disabled){border-color:var(--gold);background:var(--gold-pale)}.demo-option-btn--correct{background:var(--accent-pale);border-color:#90c4b8}.demo-option-btn--correct:hover:not(:disabled){border-color:var(--accent);background:#d0ece6}.demo-option-tag{letter-spacing:1.2px;text-transform:uppercase;border-radius:10px;align-self:flex-start;padding:2px 7px;font-size:9px;font-weight:700}.demo-option-tag--wrong{background:var(--rust-pale);color:var(--rust);border:1px solid #e8b0a0}.demo-option-tag--partial{background:var(--gold-pale);color:var(--gold);border:1px solid #d8c070}.demo-option-tag--correct{background:var(--accent-pale);color:var(--accent);border:1px solid #80b8b0}.demo-option-label{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;line-height:1.3;overflow:hidden}.tech-page{max-width:900px;margin:0 auto;padding:64px 40px 100px}.tech-header{margin-bottom:64px}.tech-header h1{font-family:var(--serif);letter-spacing:-1.5px;margin-bottom:20px;font-size:clamp(40px,5vw,64px);font-weight:700;line-height:1.05}.tech-lead{color:var(--ink-mid);max-width:600px;font-size:17px;line-height:1.75}.tech-section{margin-top:80px}.tech-section h2{font-family:var(--serif);letter-spacing:-.5px;margin-bottom:32px;font-size:32px;font-weight:700}.tech-body{color:var(--ink-mid);margin-bottom:24px;font-size:15px;line-height:1.75}.arch-diagram{background:var(--ink);border-radius:var(--radius);color:#fff;margin-top:40px;padding:40px}.arch-title{margin-bottom:32px}.arch-flow{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.arch-box{text-align:center;background:#ffffff12;border:1px solid #ffffff1f;border-radius:10px;flex:1;min-width:130px;padding:16px}.arch-box--featherless{background:#2a5f4f33;border-color:#2a5f4f99}.arch-box--qwen{background:#b8860b1f;border-color:#b8860b80}.arch-icon{margin-bottom:8px;font-size:22px}.arch-box-label{color:#fff;margin-bottom:4px;font-size:13px;font-weight:600}.arch-box-sub{color:#ffffff73;font-size:11px}.arch-arrow{color:#ffffff4d;flex-shrink:0;font-size:18px}.arch-return{margin-top:24px;margin-bottom:8px}.arch-return-label{color:#fff6;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;font-size:12px;font-weight:600}.arch-json{color:#7dd3a8;white-space:pre;background:#0006;border:1px solid #ffffff14;border-radius:10px;padding:20px 24px;font-family:SF Mono,Fira Code,monospace;font-size:12px;line-height:1.7;overflow-x:auto}.stack-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.stack-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);border-left:4px solid var(--accent);padding:24px}.stack-layer{letter-spacing:1.5px;text-transform:uppercase;color:var(--accent);margin-bottom:6px;font-size:10px;font-weight:600}.stack-tech{font-family:var(--serif);color:var(--ink);margin-bottom:10px;font-size:18px;font-weight:700}.stack-detail{color:var(--ink-mid);font-size:13px;line-height:1.65}.prompt-steps{flex-direction:column;gap:16px;margin-top:20px;display:flex}.prompt-step{background:var(--card-bg);border:1px solid var(--border);color:var(--ink-mid);border-radius:10px;align-items:flex-start;gap:20px;padding:20px 24px;font-size:14px;line-height:1.7;display:flex}.prompt-step strong{color:var(--ink)}.prompt-step code{background:var(--accent-pale);color:var(--accent);border-radius:4px;padding:2px 6px;font-family:SF Mono,monospace;font-size:12px}.prompt-step-num{font-family:var(--serif);color:var(--cream-dark);flex-shrink:0;width:32px;font-size:28px;font-weight:700;line-height:1}.product-page{max-width:900px;margin:0 auto;padding:64px 40px 100px}.product-header{background:var(--rust-pale);border:1px solid #e8c0a8;border-radius:20px;margin-bottom:64px;padding:56px}.product-header h1{font-family:var(--serif);letter-spacing:-1.5px;color:var(--ink);margin-bottom:20px;font-size:clamp(36px,4.5vw,58px);font-weight:700;line-height:1.05}.comp-table{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.comp-header{background:var(--ink);text-transform:uppercase;letter-spacing:1px;color:#ffffff73;grid-template-columns:140px 1fr 1fr;padding:12px 20px;font-size:11px;font-weight:600;display:grid}.comp-row{border-top:1px solid var(--border);background:var(--card-bg);grid-template-columns:140px 1fr 1fr;align-items:start;padding:16px 20px;font-size:14px;display:grid}.comp-row--highlight{background:var(--accent-pale);border-top:2px solid var(--accent)}.comp-name{color:var(--ink-mid);font-size:14px;font-weight:700}.comp-row--highlight .comp-name{color:var(--accent)}.comp-what{color:var(--ink-mid);padding-right:16px}.comp-problem{color:var(--ink-muted)}.comp-row--highlight .comp-problem{color:var(--accent);font-weight:500}.diff-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.diff-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:28px 24px}.diff-num{font-family:var(--serif);color:var(--accent-pale);margin-bottom:12px;font-size:32px;font-weight:700;line-height:1}.diff-card h3{font-family:var(--serif);color:var(--ink);margin-bottom:10px;font-size:18px;font-weight:700}.diff-card p{color:var(--ink-mid);font-size:13px;line-height:1.7}.diff-card code{background:var(--accent-pale);color:var(--accent);border-radius:3px;padding:1px 5px;font-family:SF Mono,monospace;font-size:11px}.demo-block{border:1px solid var(--border);border-radius:var(--radius);margin-bottom:48px;overflow:hidden;box-shadow:0 2px 12px #0000000a}.demo-block-header{background:var(--ink);color:#fff;align-items:center;gap:12px;padding:14px 24px;display:flex}.demo-label-tag{letter-spacing:1.5px;text-transform:uppercase;color:#ffffff73;background:#ffffff14;border:1px solid #ffffff1f;border-radius:20px;padding:3px 10px;font-size:10px;font-weight:600}.demo-subject-name{font-family:var(--serif);color:#fff;flex:1;font-size:17px;font-weight:700}.demo-try-btn{color:var(--accent-pale);background:#2a5f4f33;border:1px solid #2a5f4f80;border-radius:20px;flex-shrink:0;padding:5px 14px;font-size:12px;font-weight:600;text-decoration:none;transition:background .15s}.demo-try-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.demo-thread{padding:0 24px}.demo-msg{border-bottom:1px solid var(--border);padding:20px 0}.demo-msg:last-child{border-bottom:none}.demo-who{text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:11px;font-weight:600}.demo-msg--student .demo-who{color:var(--ink-muted)}.demo-msg--ai .demo-who{color:var(--accent)}.demo-text{color:var(--ink);font-size:14px;line-height:1.75}.demo-msg--student .demo-text{color:var(--ink-mid)}.demo-page{max-width:860px;margin:0 auto;padding:0 40px 120px}.demo-page-hero{background:linear-gradient(135deg, var(--navy) 0%, #0d2040 100%);color:#fff;margin:0 -40px 56px;padding:56px 40px}.demo-page-hero h1{font-family:var(--serif);letter-spacing:-1px;margin-bottom:16px;font-size:clamp(32px,4vw,52px);font-weight:700;line-height:1.1}.demo-page-hero p{color:#fff9;max-width:520px;font-size:15px;line-height:1.7}.demo-subject-tabs{flex-wrap:wrap;gap:8px;margin-bottom:40px;display:flex}.demo-tab{border:1.5px solid var(--border-dark);background:var(--card-bg);color:var(--ink-mid);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--sans);border-radius:20px;padding:8px 18px;transition:all .15s}.demo-tab:hover{border-color:var(--accent);color:var(--accent)}.demo-tab.active{background:var(--accent);border-color:var(--accent);color:#fff}.demo-scenarios{flex-direction:column;gap:10px;margin-bottom:36px;display:flex}.demo-scenarios-label{letter-spacing:1.5px;text-transform:uppercase;color:var(--ink-muted);margin-bottom:4px;font-size:11px;font-weight:600}.demo-scenario-btn{border:1.5px solid var(--border);background:var(--card-bg);color:var(--ink);font-size:14px;font-family:var(--sans);cursor:pointer;text-align:left;border-radius:10px;align-items:flex-start;gap:12px;padding:14px 18px;line-height:1.5;transition:all .15s;display:flex}.demo-scenario-btn:hover{border-color:var(--accent);background:var(--accent-pale)}.demo-scenario-btn.active{border-color:var(--accent);background:var(--accent-pale);color:var(--accent)}.demo-scenario-tag{letter-spacing:1px;text-transform:uppercase;border-radius:10px;flex-shrink:0;margin-top:1px;padding:2px 8px;font-size:10px;font-weight:700}.demo-scenario-tag--wrong{background:var(--rust-pale);color:var(--rust)}.demo-scenario-tag--partial{background:var(--gold-pale);color:var(--gold)}.demo-scenario-tag--correct{background:var(--accent-pale);color:var(--accent)}.demo-playback{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:32px;overflow:hidden;box-shadow:0 2px 16px #0000000f}.demo-playback-header{background:var(--ink);color:#fff;align-items:center;gap:10px;padding:12px 20px;font-size:13px;font-weight:600;display:flex}.demo-playback-dot{background:#4caf88;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse-green}@keyframes pulse-green{0%,to{opacity:1}50%{opacity:.4}}.demo-playback-body{min-height:200px;padding:0 24px}.demo-play-msg{border-bottom:1px solid var(--border);padding:20px 0}.demo-play-msg:last-child{border-bottom:none}.demo-play-who{text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:11px;font-weight:700}.demo-play-who--student{color:var(--ink-muted)}.demo-play-who--ai{color:var(--accent)}.demo-play-text{color:var(--ink);font-size:14px;line-height:1.75}.demo-play-msg--student .demo-play-text{color:var(--ink-mid)}.demo-typing-cursor{background:var(--accent);vertical-align:text-bottom;width:2px;height:14px;margin-left:2px;animation:.8s infinite cursor-blink;display:inline-block}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}.demo-controls{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:32px;display:flex}.demo-progress-bar{background:var(--cream-dark);border-radius:2px;flex:1;min-width:100px;height:4px;overflow:hidden}.demo-progress-fill{background:var(--accent);border-radius:2px;height:100%;transition:width .4s}.demo-step-label{color:var(--ink-muted);white-space:nowrap;font-size:12px;font-weight:600}.demo-btn{border:1.5px solid var(--border-dark);background:var(--card-bg);color:var(--ink);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--sans);border-radius:20px;align-items:center;gap:6px;padding:8px 20px;transition:all .15s;display:flex}.demo-btn:hover{border-color:var(--accent);color:var(--accent)}.demo-btn--primary{background:var(--accent);border-color:var(--accent);color:#fff}.demo-btn--primary:hover{background:var(--accent-light);border-color:var(--accent-light);color:#fff}.demo-btn:disabled{opacity:.4;cursor:not-allowed}.demo-download{background:linear-gradient(135deg, var(--accent-pale) 0%, #e8f4f0 100%);border-radius:var(--radius);border:1.5px solid #90c4b8;align-items:center;gap:24px;padding:28px;display:flex}.demo-download-icon{flex-shrink:0;font-size:40px}.demo-download-text h3{font-family:var(--serif);color:var(--ink);margin-bottom:4px;font-size:18px;font-weight:700}.demo-download-text p{color:var(--ink-mid);font-size:13px;line-height:1.6}