@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Outfit:wght@400;500;700;800&display=swap";:root{--bg:#f5f0eb;--ink:#1a1a18;--ink-50:#1a1a1880;--ink-15:#1a1a1826;--ink-08:#1a1a1814;--pop:#2b44ff;--font-head:"Outfit", system-ui, sans-serif;--font-body:"Outfit", system-ui, sans-serif;--font-mono:"DM Mono", "SF Mono", monospace;--page-pad:clamp(1.5rem, 5vw, 4rem)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;font-size:16px}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);line-height:1.55}.landing{flex-direction:column;min-height:100vh;display:flex}.rule{background:var(--ink);height:1px;margin:0 var(--page-pad)}.nav{padding:1.5rem var(--page-pad);justify-content:space-between;align-items:center;animation:.6s both enter;display:flex}.logo{align-items:center;gap:.75rem;display:flex}.logo-mark{background:var(--ink);width:2.2rem;height:2.2rem;color:var(--bg);font-family:var(--font-head);letter-spacing:-.03em;border-radius:1px;place-items:center;font-size:1.2rem;font-weight:800;display:grid}.logo-wordmark{font-family:var(--font-head);letter-spacing:-.04em;font-size:1.15rem;font-weight:700}.nav-signin{font-family:var(--font-body);color:var(--ink-50);cursor:pointer;letter-spacing:.02em;background:0 0;border:none;font-size:.85rem;transition:color .2s}.nav-signin:hover{color:var(--ink)}.hero{padding:5rem var(--page-pad) 4rem;flex:1;animation:.6s .1s both enter}.hero-grid{grid-template-columns:1.6fr 1fr;align-items:end;gap:4rem;display:grid}.hero-tag{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--pop);margin-bottom:1.5rem;font-size:.75rem;font-weight:500}.hero-title{font-family:var(--font-head);letter-spacing:-.04em;color:var(--ink);font-size:clamp(2.4rem,5.5vw,4.2rem);font-weight:800;line-height:1.05}.hero-highlight{color:var(--pop)}.hero-right{flex-direction:column;gap:2rem;padding-bottom:.3rem;display:flex}.hero-desc{color:var(--ink-50);font-size:.95rem;line-height:1.7}.btn-run{font-family:var(--font-body);background:var(--pop);color:#fff;cursor:pointer;letter-spacing:.02em;border:none;align-self:flex-start;padding:1rem 2rem;font-size:.9rem;font-weight:600;transition:all .2s}.btn-run:hover{background:#1e35e0;transform:translateY(-1px)}.stats{grid-template-columns:repeat(4,1fr);animation:.6s .3s both enter;display:grid}.stat{padding:2.5rem var(--page-pad);border-right:1px solid var(--ink-08);flex-direction:column;gap:.3rem;display:flex}.stat:last-child{border-right:none}.stat-num{font-family:var(--font-head);letter-spacing:-.04em;font-size:2rem;font-weight:800;line-height:1}.stat-label{color:var(--ink-50);letter-spacing:.02em;font-size:.72rem}.footer{padding:1.5rem var(--page-pad);color:var(--ink-50);gap:.5rem;font-size:.72rem;animation:.6s .4s both enter;display:flex}.footer-dot{color:var(--ink-15)}@keyframes enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width<=900px){.hero-grid{grid-template-columns:1fr;gap:2.5rem}.hero-right{max-width:420px}}@media (width<=600px){.stats{grid-template-columns:1fr 1fr}.stat{padding:1.5rem var(--page-pad)}.stat:nth-child(2){border-right:none}.stat:first-child,.stat:nth-child(2){border-bottom:1px solid var(--ink-08)}}.analyze-page{flex-direction:column;min-height:100vh;display:flex}.az-main{padding:3rem var(--page-pad) 4rem;flex:1;width:100%;max-width:860px;margin:0 auto}.az-header{margin-bottom:3rem;animation:.6s both enter}.az-title{font-family:var(--font-head);letter-spacing:-.04em;margin-bottom:.75rem;font-size:clamp(1.8rem,4vw,2.6rem);font-weight:800;line-height:1.1}.az-desc{color:var(--ink-50);font-size:.95rem;line-height:1.6}.az-form{background:var(--ink);gap:0;margin-bottom:2rem;padding:.35rem;animation:.6s .1s both enter;display:flex}.az-input{font-family:var(--font-mono);background:var(--ink);color:#e8e4df;caret-color:var(--pop);border:none;outline:none;flex:1;padding:.85rem 1rem;font-size:.85rem}.az-input::placeholder{color:#e8e4df4d}.az-input:disabled{opacity:.5}.az-form .btn-run{flex-shrink:0}.az-error{font-family:var(--font-mono);color:#c0392b;background:#c0392b0f;border-left:3px solid #c0392b;margin-bottom:1.5rem;padding:1rem 1.2rem;font-size:.8rem}.az-progress{flex-direction:column;gap:0;margin-bottom:2.5rem;padding:2rem 0;animation:.4s both enter;display:flex}.az-step{align-items:flex-start;gap:1rem;min-height:2.5rem;padding-bottom:1.5rem;padding-left:3.2rem;display:flex;position:relative}.az-step:before{content:"";background:var(--ink-15);width:1px;position:absolute;top:1.6rem;bottom:0;left:.85rem}.az-step:last-of-type:before{display:none}.az-step:last-of-type{padding-bottom:0}.az-step.done:before{background:var(--pop)}.az-step-dot{border:1.5px solid var(--ink-15);background:var(--bg);width:1.8rem;height:1.8rem;font-family:var(--font-mono);color:var(--ink-15);border-radius:50%;flex-shrink:0;place-items:center;font-size:.65rem;font-weight:500;transition:all .3s;display:grid;position:absolute;top:0;left:0}.az-step.done .az-step-dot{border-color:var(--pop);background:var(--pop);color:#fff}.az-step.current .az-step-dot{border-color:var(--pop);color:var(--pop);animation:1.8s infinite pulse-ring}.az-step-label{font-family:var(--font-head);color:var(--ink-15);padding-top:.25rem;font-size:.9rem;font-weight:600;transition:color .3s}.az-step.done .az-step-label,.az-step.current .az-step-label{color:var(--ink)}.az-step-detail{font-family:var(--font-mono);color:var(--pop);letter-spacing:.02em;margin-top:1rem;padding-left:3.2rem;font-size:.72rem;animation:.3s both enter}@keyframes pulse-ring{0%,to{box-shadow:0 0 #2b44ff40}50%{box-shadow:0 0 0 6px #2b44ff00}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.az-result{animation:.6s both enter}.az-section{border-bottom:1px solid var(--ink-08);margin-bottom:0;padding:2rem 0;animation:.5s both enter}.az-section:nth-child(2){animation-delay:50ms}.az-section:nth-child(3){animation-delay:.1s}.az-section:nth-child(4){animation-delay:.15s}.az-section:nth-child(5){animation-delay:.2s}.az-section:nth-child(6){animation-delay:.25s}.az-section:last-child{border-bottom:none}.az-section-title{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--pop);align-items:center;gap:.75rem;margin-bottom:1.25rem;font-size:.68rem;font-weight:500;display:flex}.az-section-title:after{content:"";background:var(--ink-08);flex:1;height:1px}.az-grid{grid-template-columns:1fr 1fr;gap:0;display:grid}.az-field{border-bottom:1px solid var(--ink-08);flex-direction:column;gap:.35rem;padding:.9rem 1rem .9rem 0;display:flex}.az-grid .az-field:nth-child(2n){border-left:1px solid var(--ink-08);padding-left:1rem}.az-field-full{grid-column:1/-1}.az-field-full.az-field{border-left:none;padding-left:0}.az-grid .az-field:last-child,.az-grid .az-field:nth-last-child(2){border-bottom:none}.az-label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-50);font-size:.62rem}.az-value{font-size:.88rem;line-height:1.5}.az-badge{font-family:var(--font-mono);border:1px solid var(--pop);color:var(--pop);letter-spacing:.02em;background:0 0;align-self:flex-start;padding:.25rem .55rem;font-size:.72rem;display:inline-block}.az-transcript{font-family:var(--font-mono);white-space:pre-wrap;word-break:break-word;background:var(--ink);color:#e8e4df;max-height:320px;padding:1.5rem;font-size:.78rem;line-height:1.8;position:relative;overflow-y:auto}.az-transcript:before{content:"TRANSCRIPT";letter-spacing:.15em;color:#e8e4df4d;margin-bottom:.75rem;font-size:.58rem;display:block;position:sticky;top:0}.az-list{counter-reset:az-list;padding-left:0;font-size:.88rem;line-height:1.7;list-style:none}.az-list li{counter-increment:az-list;margin-bottom:.5rem;padding-left:2rem;position:relative}.az-list li:before{content:counter(az-list, decimal-leading-zero);font-family:var(--font-mono);color:var(--pop);font-size:.68rem;font-weight:500;position:absolute;top:.15em;left:0}ol.az-list li:before,ul.az-list li:before{content:counter(az-list, decimal-leading-zero)}.az-trust{border-left:2px solid var(--pop);padding-left:1rem;font-size:.88rem;line-height:1.6}.az-btn-reset{margin-top:2rem}.az-content{animation:.4s both enter}@media (width<=600px){.az-form{flex-direction:column}.az-grid{grid-template-columns:1fr}.az-grid .az-field:nth-child(2n){border-left:none;padding-left:0}.az-progress{padding:1.5rem 0}}
