*,:before,:after{box-sizing:border-box}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-body:"Inter","Avenir Next","Segoe UI",sans-serif;--font-display:"Inter","Avenir Next","Segoe UI",sans-serif;--surface-canvas:#f2f6fb;--surface-muted:#f7f9fc;--surface-elevated:#fff;--ink-strong:#111a2f;--ink-body:#2a3752;--ink-muted:#5d6d8a;--line-soft:#0f172a1f;--line-strong:#082f4940;--brand-teal:#0f766e;--brand-blue:#1d4ed8;--brand-gold:#b45309;--brand-emerald:#047857;--focus-ring:#0f766e73;--shadow-soft:0 18px 40px -26px #0f172a73;--shadow-lift:0 30px 70px -30px #1e40af59;--radius-card:1.1rem;--radius-panel:1.75rem;--layout-max:74rem}html,body{min-height:100%}body{font-family:var(--font-body),"Manrope","Avenir Next",sans-serif;color:var(--ink-body);background:radial-gradient(circle at 0% 0%,#38bdf847,transparent 40%),radial-gradient(circle at 100% 12%,#facc1533,transparent 34%),linear-gradient(180deg,#eef4fb 0%,var(--surface-canvas)45%,#f8fafc 100%);margin:0;line-height:1.6;position:relative}body:before{content:"";pointer-events:none;z-index:-1;background-image:linear-gradient(#94a3b829 1px,#0000 1px),linear-gradient(90deg,#94a3b829 1px,#0000 1px);background-size:48px 48px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle at 50% -10%,#000 30%,#0000 80%);mask-image:radial-gradient(circle at 50% -10%,#000 30%,#0000 80%)}a{color:inherit}.site-shell{width:100%;padding:clamp(1rem,2vw,1.5rem)}.site-main{max-width:var(--layout-max);gap:clamp(1.6rem,3vw,2.5rem);margin:0 auto;display:grid}.panel-dark{border-radius:var(--radius-panel);color:#eff6ff;box-shadow:var(--shadow-lift);background:linear-gradient(140deg,#082f49f2,#172554eb 45%,#065f46e6);border:1px solid #bae6fd3d;overflow:hidden}.btn-link{align-items:center;font-weight:800;text-decoration:none;transition:transform .18s,box-shadow .18s,background-color .18s;display:inline-flex}.btn-link:hover,.btn-link:focus-visible{transform:translateY(-1px)}.hero{padding:clamp(1.4rem,4vw,2.5rem);position:relative}.hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#38bdf880,#38bdf800);border-radius:999px;width:280px;height:280px;position:absolute;top:-110px;right:-60px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:#e0f2feeb;margin:0;font-size:.72rem;font-weight:700}.hero-title{font-family:var(--font-display),"Sora","Avenir Next",sans-serif;letter-spacing:-.03em;margin:.5rem 0 0;font-size:clamp(2rem,7vw,3.4rem);line-height:1.05}.hero-copy{color:#e0f2fedb;max-width:62ch;margin:.9rem 0 0;font-size:clamp(1rem,2.3vw,1.15rem)}.stat-list{flex-wrap:wrap;gap:.7rem;margin:1.25rem 0 0;padding:0;list-style:none;display:flex}.stat-list li{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border:1px solid #bae6fd38;border-radius:.9rem;min-width:7rem;padding:.58rem .78rem}.stat-label{text-transform:uppercase;letter-spacing:.08em;color:#e0f2febd;font-size:.72rem;display:block}.stat-value{color:#f8fafc;margin-top:.12rem;font-size:1.05rem;font-weight:700;display:block}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:.7rem;margin-bottom:1rem;display:flex}.section-title{color:var(--ink-strong);font-family:var(--font-display),"Sora","Avenir Next",sans-serif;letter-spacing:-.02em;margin:0;font-size:clamp(1.5rem,2.8vw,2rem)}.section-copy{color:var(--ink-muted);margin:0;font-size:.94rem}.tool-grid{grid-template-columns:repeat(auto-fit,minmax(268px,1fr));gap:.95rem;display:grid}.tool-detail-nav{align-items:center;display:flex}.tool-back-link{color:var(--ink-muted);font-size:.9rem;font-weight:700;text-decoration:none}.tool-back-link:hover,.tool-back-link:focus-visible{color:var(--brand-blue)}.tool-detail{padding:clamp(1.4rem,4vw,2.2rem)}.tool-detail-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.tool-detail .tool-header{max-width:46rem}.tool-icon-detail{flex-shrink:0}.tool-detail-eyebrow{color:#e0f2fed1}.tool-detail-title{font-family:var(--font-display),"Sora","Avenir Next",sans-serif;letter-spacing:-.03em;margin:.45rem 0 0;font-size:clamp(2rem,6vw,3rem);line-height:1.05}.tool-detail-host{color:#e0f2feb8}.tool-detail-actions{flex-wrap:wrap;gap:.7rem;margin-left:auto;display:flex}.detail-link{border-radius:.8rem;gap:.35rem;padding:.72rem 1rem;font-size:.9rem}.detail-link-secondary{color:#eff6ff;background:#ffffff14;border:1px solid #bae6fd38}.detail-link-primary{color:#06283d;background:#f8fafc;border:1px solid #bae6fd2e}.tool-detail-description{color:#e0f2fed6;max-width:62ch;margin:1rem 0 0;font-size:clamp(1rem,2.4vw,1.1rem)}.tool-detail-tags{margin-top:1rem}.tools-state{border-radius:var(--radius-card);border:1px solid var(--line-soft);background:linear-gradient(180deg,var(--surface-elevated)0%,var(--surface-muted)100%);box-shadow:var(--shadow-soft);padding:1rem 1.1rem}.tools-state-error{background:linear-gradient(#fef2f2f5,#fee2e2b3);border-color:#b91c1c47}.tools-state-title{color:var(--ink-strong);font-family:var(--font-display),"Sora","Avenir Next",sans-serif;margin:0;font-size:1rem}.tools-state-copy{color:var(--ink-muted);margin:.35rem 0 0;font-size:.9rem}.tools-retry{color:#f8fafc;cursor:pointer;background:#0f766e;border:0;border-radius:.65rem;margin-top:.8rem;padding:.48rem .78rem;font-size:.82rem;font-weight:700}.tools-retry:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.tools-retry:disabled{opacity:.72;cursor:progress}.tool-card{border-radius:var(--radius-card);border:1px solid var(--line-soft);background:linear-gradient(180deg,var(--surface-elevated)0%,#fffffff2 48%,var(--surface-muted)100%);box-shadow:var(--shadow-soft);color:inherit;flex-direction:column;gap:.72rem;min-height:16rem;padding:1rem;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative;overflow:hidden}.tool-card:before{content:"";border-radius:inherit;opacity:0;pointer-events:none;background:linear-gradient(140deg,#0ea5e914,#3b82f600);transition:opacity .2s;position:absolute;inset:0}.tool-card:hover{border-color:var(--line-strong);transform:translateY(-3px);box-shadow:0 25px 45px -30px #1e40af99}.tool-card:hover:before{opacity:1}.tool-card:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px;transform:translateY(-3px)}.tool-header{align-items:flex-start;gap:.75rem;display:flex}.tool-icon{background:linear-gradient(150deg,#38bdf847,#6ee7b740);border:1px solid #0891b233;border-radius:.75rem;place-items:center;width:2.5rem;height:2.5rem;font-size:1.4rem;display:grid}.tool-title{color:var(--ink-strong);font-family:var(--font-display),"Sora","Avenir Next",sans-serif;letter-spacing:-.01em;margin:0;font-size:1.09rem}.tool-host{color:var(--brand-blue);margin:.2rem 0 0;font-family:IBM Plex Mono,SFMono-Regular,Consolas,monospace;font-size:.74rem}.tool-description{color:var(--ink-muted);flex-grow:1;margin:0;font-size:.92rem}.tag-list{flex-wrap:wrap;gap:.45rem;margin:0;padding:0;list-style:none;display:flex}.tag-pill{color:var(--brand-blue);letter-spacing:.06em;text-transform:uppercase;background:#1d4ed814;border:1px solid #2563eb26;border-radius:999px;align-items:center;padding:.2rem .55rem;font-size:.68rem;font-weight:700;display:inline-flex}.tag-pill[data-tone=transcript]{color:var(--brand-teal);background:#0f766e17;border-color:#0f766e33}.tag-pill[data-tone=video]{color:var(--brand-gold);background:#f59e0b1f;border-color:#b4530933}.tag-pill[data-tone=worksheets]{color:var(--brand-emerald);background:#10b9811f;border-color:#065f4633}.tag-pill[data-tone=coaching]{color:#6d28d9;background:#8b5cf61f;border-color:#5b21b629}.tag-pill[data-tone=api]{color:#1e293b;background:#1e293b1c;border-color:#0f172a33}.tag-pill[data-tone=ai]{color:#0369a1;background:#0e74901c;border-color:#0369a133}.tag-pill[data-tone=audio]{color:#c2410c;background:#ea580c1c;border-color:#c2410c33}.tool-actions{flex-wrap:wrap;gap:.6rem;margin-top:auto;display:flex}.tool-link{color:var(--brand-blue);background:#1d4ed814;border:1px solid #2563eb29;border-radius:.72rem;gap:.28rem;padding:.56rem .82rem;font-size:.84rem}.tool-link:hover,.tool-link:focus-visible{box-shadow:0 14px 24px -18px #1e40af73}.tool-link-external{color:var(--brand-teal);background:#0f766e17;border-color:#0f766e2e}.site-footer{color:var(--ink-muted);border-top:1px solid #0f172a14;padding-top:1rem;font-size:.88rem}.site-footer p{margin:0}.site-footer p+p{margin-top:.3rem}@media (max-width:860px){.tool-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width:640px){.site-shell{padding:.8rem}.tool-detail-actions{margin-left:0}.hero{border-radius:1.35rem}.stat-list{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.stat-list li:last-child{grid-column:span 2}.tool-card{min-height:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}