:root{color-scheme:light;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:#f0f4fb;--brand-deep:#0b2545;--brand-teal:#2ca6a4;--brand-sky:#80d0e0;--brand-soft:#f5f7fb;--card-shadow:0 18px 55px rgba(11,37,69,.1);--border-soft:rgba(12,40,75,.08)}*,:after,:before{box-sizing:border-box}body{margin:0;padding:0;min-height:100vh;background:linear-gradient(180deg,#f4f7fb,#fff 71%);color:var(--brand-deep);justify-content:center}body,main{display:flex}main{width:min(960px,100%);padding:3.5rem 1.5rem 4.5rem;flex-direction:column;gap:1.5rem}h1,h2,h3{font-weight:700;margin:0}p{margin:0}a{color:var(--brand-teal)}.hero-card{background:linear-gradient(135deg,#0b2545,#2ca6a4);color:#fff;padding:2.75rem;border-radius:26px;box-shadow:var(--card-shadow);text-align:center}.hero-card h1{font-size:clamp(2.2rem,5vw,2.8rem);letter-spacing:.5px}.hero-card p{margin-top:.6rem;font-size:1.05rem;opacity:.92}.card{background:#fff;border-radius:22px;padding:2rem;box-shadow:var(--card-shadow);border:1px solid var(--border-soft);display:flex;flex-direction:column;gap:1.2rem}.card h2{font-size:1.5rem}.card h3{font-size:1.1rem}.selector-grid{display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.selector-tile{border-radius:18px;padding:1.2rem 1.4rem;border:1px solid rgba(11,37,69,.12);background:rgba(12,40,75,.02);display:flex;flex-direction:column;gap:.35rem;text-align:left;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,border .2s ease}.selector-tile[data-active=true]{transform:translateY(-1px);border:1px solid rgba(44,166,164,.45);box-shadow:0 18px 45px rgba(11,37,69,.15);background:linear-gradient(180deg,rgba(44,166,164,.15),hsla(0,0%,100%,.9))}.selector-title{font-weight:700;font-size:1.05rem}.selector-copy{font-size:.92rem;color:#3a4a61}.panel-body{margin-top:1.5rem;padding:1.5rem;border-radius:18px;background:rgba(12,40,75,.04);display:flex;flex-direction:column;gap:.85rem}.demo-buttons{display:flex;flex-wrap:wrap;gap:.75rem}.demo-hint{font-size:.9rem;color:#526078}.primary-button{border:none;border-radius:999px;background:linear-gradient(135deg,var(--brand-deep),var(--brand-teal));color:#fff;padding:.7rem 1.8rem;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease}.primary-button:hover{transform:translateY(-1px);box-shadow:0 12px 30px rgba(44,166,164,.35)}.inline-hint{margin-top:.35rem;font-size:.9rem;color:#3b4b66;background:rgba(128,208,224,.2);border-radius:10px;padding:.5rem .75rem}.error-callout{background:hsla(0,100%,71%,.16);color:#8b1c28;border-radius:12px;padding:.75rem 1rem;box-shadow:var(--card-shadow);border:1px solid hsla(0,100%,71%,.35)}.grid-two{display:grid;grid-gap:1.25rem;gap:1.25rem}.info-banner{background:rgba(128,208,224,.22);color:var(--brand-deep);padding:.85rem 1rem;border-radius:14px;font-size:.95rem}.script-expander{border:1px solid rgba(11,37,69,.12);border-radius:14px;background:#fff;padding:.75rem 1rem;display:flex;flex-direction:column;gap:.75rem}.script-button{border:none;background:none;font-weight:600;color:var(--brand-deep);text-align:left;padding:0;cursor:pointer;display:flex;align-items:center;gap:.5rem}.script-content{font-size:.95rem;color:#384760;line-height:1.5}.steps{display:flex;flex-wrap:wrap;gap:.75rem}.step-button{border-radius:999px;border:1px solid rgba(11,37,69,.15);background:rgba(12,40,75,.03);padding:.5rem .9rem;cursor:pointer;font-weight:600;color:var(--brand-deep)}.step-button[data-active=true]{background:linear-gradient(135deg,var(--brand-teal),var(--brand-sky));color:#033b43;border-color:transparent}.bullet-list{margin:0;padding-left:1.05rem;display:flex;flex-direction:column;gap:.35rem;color:#3a4a61}.bullet-list li::marker{color:var(--brand-teal)}.analysis-grid{display:grid;grid-gap:.75rem;gap:.75rem}.analysis-grid .badge{align-self:flex-start;border-radius:999px;padding:.35rem .85rem;font-weight:600;color:#fff}.feature-list,.qc-list{display:grid;grid-gap:.6rem;gap:.6rem;list-style:none;padding:0;margin:0}.feature-item,.qc-item{background:rgba(12,40,75,.04);border-radius:14px;padding:.6rem .8rem;display:flex;flex-direction:column;gap:.2rem}.qc-item[data-status=warn]{background:hsla(0,100%,71%,.15)}.feature-item .label,.qc-item .label{font-weight:600}.qc-item .hint{font-size:.85rem;color:#526078}audio{width:100%}code{background:rgba(12,37,69,.08);padding:2px 6px;border-radius:6px;font-size:.85rem}@media (min-width:720px){.action-panels{grid-template-columns:repeat(2,minmax(0,1fr))}}