:root{--bg:#02060b;--panel:#07111df0;--panel-2:#091826e6;--line:#37daff40;--line-strong:#50f0ffb3;--text:#e8fbff;--muted:#9ab4c4;--cyan:#22e5ff;--green:#8cff45;--danger:#ff4f66;--radius:10px;--shadow:0 24px 70px #00000061}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{color:var(--text);background:linear-gradient(#02060bcc, #02060bf7), url(/assets/showcase/album-art-02.jpg) center top / cover fixed, var(--bg);margin:0;font:16px/1.55 Space Grotesk,system-ui,sans-serif;overflow-x:hidden}img,canvas,audio{max-width:100%}a{color:inherit}h1,h2,h3,.eyebrow,.brand strong{font-family:Orbitron,system-ui,sans-serif;line-height:1.2}h1,h2,h3,p{margin-top:0}h2{font-size:clamp(1.4rem,2.3vw,2.1rem)}p{overflow-wrap:anywhere}.eyebrow{color:var(--green);letter-spacing:.14em;text-transform:uppercase;font-size:.74rem}.topbar{z-index:10;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#02080ff0;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem max(1rem,50vw - 610px);display:flex;position:sticky;top:0}.brand{gap:.75rem;min-width:0;text-decoration:none}.aifredMascot{object-fit:cover;border-radius:8px;flex:0 0 46px;width:46px;height:46px;display:block}.brand strong{display:block}.brand small{color:var(--muted);display:block}.topbar nav{flex-wrap:wrap;gap:.2rem;display:flex}.topbar nav a{color:var(--muted);border-radius:6px;padding:.45rem .6rem;text-decoration:none}.topbar nav a:hover,.topbar nav a:focus-visible{color:var(--text);background:var(--panel-2)}main{gap:1rem;width:min(1220px,100% - 28px);margin:1rem auto;display:grid}section,.player,.catalog-card,.feature-grid article,.visualizer-shell,.analysis-readout{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg, var(--panel), #030910f0);box-shadow:var(--shadow)}section{min-width:0;padding:clamp(1rem,2.2vw,1.5rem)}.actions,.catalog-controls,.download-strip{flex-wrap:wrap;align-items:center;gap:.7rem;display:flex}.btn{border:1px solid var(--cyan);background:var(--cyan);color:#00141a;border-radius:7px;justify-content:center;align-items:center;min-height:42px;padding:.65rem .95rem;font-weight:700;line-height:1.25;text-decoration:none;display:inline-flex}.btn:hover{filter:brightness(1.1)}.btn.ghost{color:var(--cyan);background:0 0}.hero{grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);align-items:center;gap:1.5rem;display:grid}.hero h1{font-size:clamp(2.5rem,5.3vw,5.4rem);line-height:1}.heroArt img{object-fit:cover;border-radius:var(--radius);border:1px solid var(--line);width:100%;max-height:540px}.feature-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;display:grid}.feature-grid article{padding:1rem}.feature-grid strong,.feature-grid span{display:block}.feature-grid strong{color:var(--cyan);margin-bottom:.35rem}.feature-grid span{color:var(--muted)}.split{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.3rem;display:grid}.aifred-product-shot img{border-radius:var(--radius);border:1px solid var(--line);width:100%}.section-head{justify-content:space-between;align-items:center;gap:1rem;display:flex}.section-head>div:first-child{max-width:70ch}.section-head p{color:var(--muted)}.analyzer-grid{grid-template-columns:minmax(0,1.8fr) minmax(240px,1fr);gap:.8rem;display:grid}.visualizer-shell,.analysis-readout{padding:.8rem}.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem;margin-top:1rem;display:grid}.catalog-card{min-width:0;padding:.9rem}.catalog-card img{object-fit:cover;border-radius:6px;width:100%;height:160px}.catalog-card h3{overflow-wrap:anywhere;margin:.65rem 0 .3rem}.catalog-card p{color:var(--muted)}.player{margin-top:1rem;padding:1rem}.hidden-input{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}label.btn:focus-within{outline:3px solid var(--green);outline-offset:3px}footer{width:min(1220px,100% - 28px);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:1rem;margin:0 auto;padding:0 0 1.5rem;display:flex}@media (width<=1000px){.feature-grid,.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{min-height:auto}}@media (width<=760px){.hero,.split,.analyzer-grid{grid-template-columns:1fr}.section-head{flex-direction:column;align-items:stretch}.heroArt img{max-height:320px}}@media (width<=520px){main,footer{width:calc(100% - 16px)}.feature-grid,.catalog-grid{grid-template-columns:1fr}.topbar nav a{padding:.3rem .4rem;font-size:.85rem}.hero h1{font-size:clamp(2rem,10vw,3.4rem)}.actions .btn{flex:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.architecture-experience{overflow:hidden}.architecture-heading{justify-content:space-between;align-items:end;gap:1rem;display:flex}.architecture-heading>p{max-width:35ch;color:var(--muted)}.architecture-ticker{border-block:1px solid var(--line);color:var(--cyan);margin:1rem -1.5rem;padding:.4rem 0;overflow:hidden}.architecture-ticker-track{white-space:nowrap;animation:24s linear infinite alternate evidence-flow}.architecture-ticker-copy{gap:1.5rem;display:inline-flex}@keyframes evidence-flow{to{transform:translate(-20%)}}.architecture-menu{grid-template-columns:repeat(6,minmax(0,1fr));gap:.55rem;padding:0;list-style:none;display:grid}.architecture-menu li{min-width:0}.architecture-node{text-align:left;width:100%;height:100%;min-height:125px;color:var(--text);border:1px solid var(--line);background:var(--panel-2);cursor:pointer;border-radius:8px;align-content:start;gap:.4rem;padding:.8rem;display:grid}.architecture-node>span{color:var(--green)}.architecture-node small{color:var(--muted)}.architecture-node.is-active,.architecture-node:hover{border-color:var(--green);background:#102726f2}.architecture-detail{border:1px solid var(--line);border-radius:8px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem;padding:1rem;display:grid}.architecture-detail-copy>p:not(.eyebrow){color:var(--muted)}.architecture-outputs{flex-wrap:wrap;gap:.5rem;padding:0;list-style:none;display:flex}.architecture-outputs li{border:1px solid var(--line);border-radius:5px;padding:.4rem .6rem}.architecture-output-visual,.buffer-demo{border:1px solid var(--line-strong);background:#010b11d9;border-radius:8px;align-content:center;gap:.65rem;min-height:250px;padding:1rem;display:grid}.output-label,.buffer-demo-head{color:var(--cyan);letter-spacing:.08em;font-family:Orbitron,sans-serif;font-size:.75rem}.architecture-output-visual p{color:var(--green);margin:0;font-family:Orbitron,sans-serif}.architecture-output-visual small,.buffer-demo p{color:var(--muted)}.architecture-flow{gap:.5rem;padding-left:1.2rem;display:grid}.architecture-flow li{border-bottom:1px solid var(--line);padding-bottom:.3rem}.stage-lane{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.stage-lane span{border:1px solid var(--line-strong);background:var(--panel-2);border-radius:6px;padding:.65rem}.stage-lane b{color:var(--green)}.context-packet{gap:.45rem;margin:0;display:grid}.context-packet div{border-bottom:1px solid var(--line);justify-content:space-between;gap:.5rem;display:flex}.context-packet dt{color:var(--green)}.context-packet dd{text-align:right;margin:0}.buffer-demo-head{justify-content:space-between;gap:.5rem;display:flex}.snapshot-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem;display:grid}.snapshot{border-left:2px solid var(--green);background:#22e5ff14;gap:.3rem;min-width:0;padding:.5rem;font-size:.75rem;display:grid}.snapshot span{color:var(--muted)}.snapshot strong{overflow-wrap:anywhere}@media (width<=1000px){.architecture-menu{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=760px){.architecture-heading{display:block}.architecture-detail{grid-template-columns:1fr}}@media (width<=520px){.architecture-menu,.snapshot-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.architecture-ticker-track{animation:none}}:root{--focus:#8cff45}html{scroll-behavior:smooth}body{min-width:320px}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.brand{flex-direction:row;align-items:center;display:flex}.brand small{margin-top:.2rem}.topbar nav{justify-content:flex-end}.hero{min-height:520px}.hero-copy{gap:1rem;display:grid}.hero h1{max-width:13ch}.hero-copy>p{max-width:58ch}.feature-grid article a{color:var(--cyan);margin-top:.7rem}.feature-grid article{flex-direction:column;display:flex}.split{align-items:center}.split figure{margin:0}.view-tabs{flex-wrap:wrap;gap:.5rem;margin:1rem 0;display:flex}.view-tabs .active{border-color:var(--green)}.measurement-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-content:center;gap:.75rem;min-height:240px;display:grid}.measurement-grid article{border:1px solid var(--line);background:var(--panel-2);border-radius:8px;gap:.5rem;padding:1rem;display:grid}.measurement-grid strong{color:var(--green);font-family:Orbitron,sans-serif;font-size:clamp(1rem,2vw,1.5rem)}.visualizer-shell canvas{width:100%;height:auto;display:block}.analysis-readout{align-content:start;gap:.75rem;display:grid}.analysis-readout p{overflow-wrap:anywhere}.player{justify-content:space-between;align-items:center;gap:1rem;display:flex}.player audio{width:min(100%,450px)}.catalog-card .actions{flex-wrap:wrap;gap:.5rem;display:flex}.catalog-card .btn{font-size:.85rem}.unavailable{opacity:.55;cursor:not-allowed}.contact form,.ops-shell form{gap:1rem;max-width:600px;display:grid}.contact label,.ops-shell label{gap:.3rem;display:grid}.contact input,.contact textarea,.ops-shell input{width:100%;color:var(--text);background:var(--panel-2);border:1px solid var(--line);border-radius:6px;padding:.7rem}.ops-shell{gap:1rem;width:min(1220px,100% - 28px);margin:1rem auto;display:grid}.ops-shell section{min-width:0}.ops-shell pre{white-space:pre-wrap;overflow-wrap:anywhere}.table-wrap{overflow-x:auto}.table-wrap table{border-collapse:collapse;width:100%}.table-wrap td,.table-wrap th{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:.5rem}@media (width<=900px){.player{flex-direction:column;align-items:stretch}.topbar{flex-direction:column;align-items:flex-start}.topbar nav{justify-content:flex-start}}@media (width<=600px){.measurement-grid{grid-template-columns:1fr}.catalog-card .actions{flex-direction:column}.view-tabs .btn{flex:40%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}