body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,system-ui,sans-serif;line-height:1.65;overflow-x:hidden}.evaluation-hero{min-height:calc(100vh - 76px);padding:clamp(72px,9vw,132px) clamp(22px,5vw,76px);display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.55fr);gap:clamp(28px,5vw,72px);align-items:center}.evaluation-hero>*{position:relative;z-index:1}.evaluation-hero-copy{min-width:0}.evaluation-hero-copy h1{max-width:1050px;margin:18px 0 22px;color:var(--paper);font-size:clamp(2.45rem,6vw,5.8rem);line-height:.96;letter-spacing:-.075em}.evaluation-hero-copy p:not(.page-kicker){max-width:780px;color:rgba(241,240,234,.82);font-size:clamp(1.02rem,1.8vw,1.24rem);line-height:1.72}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:13px 18px;border:1px solid var(--line);font:700 11px DM Mono,monospace;letter-spacing:.08em;text-transform:uppercase;text-decoration:none}.button.primary{background:var(--lime);border-color:var(--lime);color:var(--ink)}.button.ghost{color:var(--paper)}.button:hover{transform:translateY(-2px)}.evaluation-hero-panel{padding:30px;border:1px solid rgba(200,255,61,.35);background:linear-gradient(150deg,rgba(200,255,61,.12),rgba(241,240,234,.04));box-shadow:0 24px 80px rgba(0,0,0,.32)}.evaluation-hero-panel span{display:block;margin-bottom:14px;color:var(--lime);font:700 11px DM Mono,monospace;letter-spacing:.12em;text-transform:uppercase}.evaluation-hero-panel strong{display:block;color:var(--paper);font-size:clamp(1.5rem,3vw,2.4rem);line-height:1.08;letter-spacing:-.045em}.evaluation-hero-panel p{margin:18px 0 0;color:rgba(241,240,234,.74);line-height:1.7}.evaluation-container{padding:clamp(38px,6vw,72px) clamp(18px,4vw,72px);background:var(--paper)}.nav-tabs{max-width:1240px;margin:0 auto 26px;display:flex;flex-wrap:wrap;gap:10px}.tab-btn{min-height:44px;padding:12px 15px;border:1px solid var(--dark-line);border-radius:0;background:#fbfaf4;color:var(--ink);font:800 11px DM Mono,monospace;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:transform .22s ease,border-color .22s ease,background .22s ease}.tab-btn:hover{transform:translateY(-2px);border-color:var(--lime-dark);background:#fffef8}.tab-btn.active{background:var(--lime);border-color:var(--lime);color:var(--ink)}.tab-content{display:none;max-width:1240px;margin:0 auto;border:1px solid var(--dark-line);background:#fbfaf4;padding:clamp(24px,3.8vw,46px);animation:fadeIn .35s ease}.tab-content.active{display:block}@keyframes fadeIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.tab-content h2{margin:0 0 24px;color:var(--ink);font-size:clamp(1.85rem,3.4vw,3.6rem);line-height:1;letter-spacing:-.065em}.tab-content h3{margin:32px 0 16px;color:var(--ink);font-size:clamp(1.28rem,2.2vw,2rem);line-height:1.1;letter-spacing:-.04em}.tab-content p{color:rgba(8,11,16,.72);margin:0 0 14px}.highlight{color:var(--lime-dark);font-weight:900}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin:26px 0}.metric-card{position:relative;overflow:hidden;padding:22px;border:1px solid rgba(8,11,16,.12);background:var(--paper);transition:transform .22s ease,border-color .22s ease,background .22s ease}.metric-card::before{content:"";position:absolute;inset:0 0 auto 0;height:5px;background:var(--lime)}.metric-card:hover{transform:translateY(-4px);border-color:var(--lime-dark);background:#fffef8}.metric-title{margin:0 0 9px;color:var(--ink);font-weight:900;font-size:1.08rem;line-height:1.25}.metric-description{color:rgba(8,11,16,.66);font-size:.96rem;line-height:1.6}.interactive-demo{margin:28px 0;padding:24px;border:1px solid rgba(72,99,0,.28);background:linear-gradient(135deg,#fbfaf4,#ecebe2)}.demo-input,textarea,input,select{width:100%;max-width:100%;padding:14px;border:1px solid rgba(8,11,16,.18);border-radius:0;background:#fffef8;color:var(--ink);font:inherit}.demo-input:focus,textarea:focus,input:focus{outline:3px solid rgba(200,255,61,.45);border-color:var(--lime-dark)}.demo-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;margin:12px 8px 8px 0;padding:13px 18px;border:1px solid var(--lime);border-radius:0;background:var(--lime);color:var(--ink);font:800 11px DM Mono,monospace;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:transform .22s ease,filter .22s ease}.demo-button:hover{transform:translateY(-2px);filter:brightness(1.03)}.result-display{min-height:60px;margin-top:16px;padding:18px;border-left:5px solid var(--lime);background:var(--ink);color:var(--paper);font-family:'DM Mono',monospace;overflow:auto}.comparison-table{width:100%;border-collapse:collapse;margin:24px 0;border:1px solid rgba(8,11,16,.14);background:#fffef8}.comparison-table th,.comparison-table td{padding:14px 16px;border-bottom:1px solid rgba(8,11,16,.1);text-align:left;vertical-align:top}.comparison-table th{background:var(--ink);color:var(--lime);font:800 11px DM Mono,monospace;letter-spacing:.08em;text-transform:uppercase}.comparison-table td{color:rgba(8,11,16,.72)}.code-block,pre{overflow:auto;margin:18px 0;padding:20px;border:1px solid var(--line);background:var(--ink);color:var(--paper);font:500 .92rem/1.65 'DM Mono',monospace}.progress-bar{height:12px;background:rgba(8,11,16,.12);overflow:hidden}.progress-fill{height:100%;background:var(--lime)}.quiz-container{margin:22px 0;padding:22px;border:1px solid rgba(8,11,16,.12);background:var(--paper)}.quiz-option{margin:10px 0;padding:14px 16px;border:1px solid rgba(8,11,16,.14);background:#fffef8;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.quiz-option:hover{transform:translateX(4px);border-color:var(--lime-dark)}.quiz-option.correct{background:rgba(200,255,61,.28);border-color:var(--lime-dark)}.quiz-option.incorrect{background:rgba(255,92,77,.18);border-color:var(--coral)}.floating-action{position:fixed;right:18px;bottom:18px;z-index:1000;min-height:44px;padding:12px 14px;border:1px solid var(--lime);background:var(--lime);color:var(--ink);font:800 11px DM Mono,monospace;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}.page-footer{display:flex;justify-content:space-between;gap:20px;padding:26px clamp(22px,5vw,76px);background:var(--ink);color:rgba(241,240,234,.72);font:700 11px DM Mono,monospace;letter-spacing:.08em;text-transform:uppercase}.page-footer a{text-decoration:none;color:var(--lime)}@media(max-width:1000px){.evaluation-hero{grid-template-columns:1fr}.evaluation-hero-panel{max-width:680px}}@media(max-width:760px){.evaluation-hero{min-height:auto;padding:54px 20px 64px}.evaluation-hero-copy h1{font-size:clamp(2.35rem,12vw,3.8rem);letter-spacing:-.06em}.hero-actions{display:grid}.button{width:100%}.evaluation-container{padding:34px 16px}.nav-tabs{display:grid;grid-template-columns:1fr 1fr}.tab-btn{width:100%;font-size:10px}.tab-content{padding:24px 18px}.comparison-table{min-width:720px}.tab-content:has(.comparison-table){overflow-x:auto}.page-footer{display:grid;text-align:center}.floating-action{right:12px;bottom:12px}}