@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap";:root{--bg:#dfe5ec;--surface:#f1f5f9;--surface-border:#becad6;--ink:#0f1720;--ink-soft:#425565;--heading:"Space Grotesk", "Segoe UI", sans-serif;--body:"Outfit", "Segoe UI", sans-serif;font-family:var(--body);color:var(--ink);text-rendering:optimizelegibility;font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:17px;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--bg)}#root{max-width:1180px;margin:0 auto}h1,h2,h3{color:var(--ink);margin:0}h1,h2{font-family:var(--heading);letter-spacing:.01em;line-height:1.02}h1{margin:.5rem 0 .9rem;font-size:clamp(2.25rem,6vw,4.2rem)}h2{margin-bottom:.5rem;font-size:clamp(1.5rem,4vw,2.4rem)}h3{font-size:1.08rem}p{margin:0}.page{gap:1.2rem;padding:1.4rem;display:grid;position:relative}.page:before,.page:after{content:"";z-index:-1;pointer-events:none;border-radius:999px;position:fixed}.page:before{background:radial-gradient(circle,#3a81ad42,#0000 64%),radial-gradient(circle at 70% 70%,#7795c52e,#0000 72%);width:540px;height:540px;top:-210px;right:-160px}.page:after{background:radial-gradient(circle,#3f5d8a3d,#0000 67%),radial-gradient(circle at 36% 30%,#6d8bb733,#0000 76%);width:470px;height:470px;bottom:-190px;left:-170px}.section{background:var(--surface);border:1px solid var(--surface-border);border-radius:1.35rem;padding:1.4rem;animation:.7s both section-enter;box-shadow:0 16px 42px #111b2724}.hero{background:linear-gradient(135deg, #447ab038, transparent 42%), linear-gradient(292deg, #2f4f7233, transparent 56%), linear-gradient(13deg, #f6faffa6, #ecf4fbf0), var(--surface);grid-template-columns:1.2fr 1fr;align-items:stretch;gap:1.2rem;padding:1.8rem;display:grid;position:relative;overflow:hidden}.hero:after{content:"";pointer-events:none;background-image:linear-gradient(120deg,#0000 0%,#d1e7ff73 46%,#0000 70%);animation:3.4s 1.2s infinite hero-sheen;position:absolute;inset:0;transform:translate(-120%)}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);margin:0;font-size:.83rem;font-weight:700}.lede{max-width:58ch;color:var(--ink-soft)}.hero-actions{flex-wrap:wrap;gap:.75rem;margin-top:1.1rem;display:flex}.btn{letter-spacing:.02em;z-index:1;border:1px solid #0000;border-radius:999px;padding:.62rem 1.14rem;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{color:#fff;background:linear-gradient(90deg,#1f6ea4,#3d98d0);box-shadow:0 10px 22px #1f6ea44d}.btn-ghost{color:var(--ink);background:#f4fbffc7;border-color:#9bb5cb}.track-card{background:linear-gradient(140deg,#d6ecfcbf,#e4f1fca3);border:1px solid #3d85bd70;border-radius:.95rem;max-width:48ch;margin-top:.9rem;padding:.68rem .78rem}.track-card strong{letter-spacing:.07em;text-transform:uppercase;color:#1e5a84;margin-bottom:.2rem;font-size:.98rem;display:block}.track-card p{color:#35556f;font-size:.94rem}.hero-visual{grid-template-columns:repeat(2,minmax(120px,1fr));gap:.75rem;display:grid}.tbd-image-card{background:#e9f2fab8;border:1px solid #6d8cab8c;border-radius:1rem;min-height:210px;margin:0;overflow:hidden}.tbd-image-card.tall{min-height:260px}.tbd-image-card img{width:100%;height:100%;min-height:inherit;object-fit:cover;display:block}.section-intro{color:var(--ink-soft);margin-bottom:1rem}.problem-grid,.feature-grid,.style-grid,.roadmap-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;display:grid}.feature-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.info-card,.feature-card,.roadmap-card,.style-card{border:1px solid var(--surface-border);background:linear-gradient(#fafdffd1,#ebf4fceb);border-radius:.95rem;padding:.92rem}.chip-row{flex-wrap:wrap;gap:.65rem;display:flex}.chip{border:1px solid var(--surface-border);background:#ffffffde;border-radius:999px;padding:.44rem .85rem;font-size:.92rem}.section-header-row{justify-content:space-between;align-items:end;gap:.7rem;margin-bottom:1rem;display:flex}.section-header-row p{color:var(--ink-soft);margin:0;font-weight:500}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.dashboard-card{border:1px solid var(--surface-border);background:#f5fafff0;border-radius:1rem;padding:.95rem}.dashboard-card header h3{margin-bottom:.25rem}.dashboard-card header p{color:var(--ink-soft);margin:0 0 .85rem;font-size:.9rem}.chart{width:100%;max-width:360px;height:auto;display:block}.axis{stroke:#8ea8be;stroke-width:1.2px}.line{fill:none;stroke-width:3.1px}.line.heart{stroke:#2b7cb4}.line.tension{stroke:#375f82}.area{opacity:.23}.area.tension{fill:#76aeda}.zone-low{fill:#78a7832e}.zone-mid{fill:#caa67129}.zone-high{fill:#ba67492e}.legend-inline{flex-wrap:wrap;gap:.42rem;margin:.85rem 0 0;padding:0;list-style:none;display:flex}.legend-inline li{border:1px solid var(--surface-border);border-radius:.5rem;padding:.24rem .5rem;font-size:.82rem}.activation-layout{grid-template-columns:auto 1fr;align-items:center;gap:1rem;display:grid}.ring-wrap{place-items:center;width:140px;height:140px;display:grid;position:relative}.ring{width:140px;height:140px;transform:rotate(-90deg)}.ring-track,.ring-value{fill:none;stroke-width:12px}.ring-track{stroke:#d2deea}.ring-value{stroke:#2f7db3;stroke-linecap:round}.ring-wrap p{font-family:var(--heading);margin:0;font-size:1.55rem;font-weight:700;position:absolute}.mini-bars{gap:.6rem;display:grid}.mini-bar-row{grid-template-columns:80px 1fr auto;align-items:center;gap:.6rem;font-size:.9rem;display:grid}.mini-bar-row div{background:#d6e2ee;border-radius:999px;height:10px;overflow:hidden}.mini-bar-row i{border-radius:inherit;background:linear-gradient(90deg,#2f7db3,#4ca7db);height:100%;display:block}.weekly-grid{border:1px solid var(--surface-border);border-radius:.7rem;overflow:hidden}.weekly-head,.weekly-row{grid-template-columns:.65fr repeat(4,1fr);gap:.45rem;padding:.58rem .68rem;font-size:.85rem;display:grid}.weekly-head{background:#dce8f4;font-weight:700}.weekly-row:nth-child(odd){background:#dce8f475}.alerts-card{grid-column:1/-1}.alerts-list{gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.alert{border-radius:.7rem;padding:.62rem .75rem;font-weight:600}.alert.warn{background:#bc6a4c33}.alert.note{background:#d0a97133}.alert.good{background:#7eaa8533}.steps{gap:.9rem;margin:0;padding-left:1.15rem;display:grid}.steps li h3{margin-bottom:.35rem}.site-footer{margin-bottom:1.3rem}.section:nth-of-type(2){animation-delay:80ms}.section:nth-of-type(3){animation-delay:.16s}.section:nth-of-type(4){animation-delay:.24s}.section:nth-of-type(5){animation-delay:.32s}.section:nth-of-type(6){animation-delay:.4s}@keyframes section-enter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-sheen{0%{transform:translate(-120%)}55%{transform:translate(118%)}to{transform:translate(118%)}}.serial-section-intro{gap:.4rem;display:grid}.serial-panel{gap:.9rem;display:grid}.serial-head{align-items:center;margin-bottom:0}.serial-head h2{margin-bottom:.35rem}.serial-button{cursor:pointer;color:#fff;background:linear-gradient(90deg,#f26342,#ff8b67);border:none;border-radius:999px;padding:.6rem 1.05rem;font-weight:700;box-shadow:0 8px 20px #f2634247}.serial-status-row{align-items:center;gap:.5rem;display:inline-flex}.serial-dot{background:#9bb0ba;border-radius:50%;width:11px;height:11px}.serial-dot.on{background:#43b86f}.serial-canvas{border:1px solid var(--surface-border);background:#eff6f9;border-radius:.8rem;width:100%;height:180px}.serial-vars{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;display:grid}.serial-var{border:1px solid var(--surface-border);background:#fff;border-radius:.85rem;padding:.65rem}.serial-var h3{color:var(--ink-soft);margin-bottom:.25rem;font-size:.88rem}.serial-var p{font-size:1.35rem;font-weight:800}.serial-var.signal p{color:#f26342}.serial-var.bpm p{color:#2f9453}.serial-var.ibi p{color:#b57723}.serial-raw-box{border:1px solid var(--surface-border);color:#6ce0a7;background:#0f2834;border-radius:.8rem;padding:.72rem}.serial-raw-box small{color:#8ca6b2;margin-bottom:.3rem;display:block}.serial-raw-box p{word-break:break-all;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.serial-error{color:#a22f11;margin:0;font-weight:600}.multi-panel{background:linear-gradient(145deg, #f263421a, #007f8a14 52%, transparent 78%), var(--surface)}.multi-button{background:linear-gradient(90deg,#f26342,#007f8a);box-shadow:0 8px 20px #1d53604d}.multi-status-row{flex-wrap:wrap}.multi-beat-chip{color:#374b53;background:#5468701c;border:1px solid #48545c47;border-radius:999px;padding:.22rem .62rem;font-size:.84rem;font-weight:600}.multi-beat-chip.active{color:#23663b;background:#2f945329;border-color:#2f945359}.multi-canvas{background:linear-gradient(#f2634214,#007f8a14 60%,#0000),#eff6f9}.multi-legend{flex-wrap:wrap;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.multi-legend li{border:1px solid var(--surface-border);background:#fff;border-radius:.5rem;align-items:center;gap:.45rem;padding:.22rem .5rem;font-size:.84rem;font-weight:600;display:inline-flex}.multi-legend .dot{border-radius:50%;width:9px;height:9px}.multi-legend .dot.pulse{background:#f26342}.multi-legend .dot.rubber{background:#8f5b15}.multi-legend .dot.force{background:#007f8a}.multi-vars{grid-template-columns:repeat(5,minmax(0,1fr))}.serial-var.multi-pulse p{color:#f26342}.serial-var.multi-bpm p{color:#2f9453}.serial-var.multi-rubber p{color:#8f5b15}.serial-var.multi-force p{color:#007f8a}.serial-var.multi-beat p{color:#3d5c67}.force-panel{background:linear-gradient(155deg, #007f8a14, transparent 50%), var(--surface)}.force-button{background:linear-gradient(90deg,#007f8a,#00a6b3);box-shadow:0 8px 20px #007f8a47}.force-status-row{flex-wrap:wrap}.force-level-chip{color:#05545c;background:#007f8a1a;border:1px solid #007f8a40;border-radius:999px;padding:.22rem .62rem;font-size:.84rem;font-weight:600}.force-canvas{background:linear-gradient(#00a6b314,#0000 42%),#eff6f9}.serial-var.force-raw p{color:#007f8a}.serial-var.force-percent p{color:#2f9453}.serial-var.force-peak p{color:#b57723}.rubber-panel{background:linear-gradient(155deg, #b5772317, transparent 50%), var(--surface)}.rubber-button{background:linear-gradient(90deg,#8f5b15,#bf8a3f);box-shadow:0 8px 20px #8f5b1547}.rubber-status-row{flex-wrap:wrap}.rubber-level-chip{color:#5f3f11;background:#8f5b151c;border:1px solid #8f5b1547;border-radius:999px;padding:.22rem .62rem;font-size:.84rem;font-weight:600}.rubber-canvas{background:linear-gradient(#bf8a3f1a,#0000 42%),#eff6f9}.rubber-vars{grid-template-columns:repeat(3,minmax(0,1fr))}.serial-var.rubber-analog p{color:#007f8a}.serial-var.rubber-delta p{color:#3d5c67}.serial-var.rubber-ohms p{color:#8f5b15}.serial-var.rubber-rom p{color:#2f9453}.serial-var.rubber-peak p{color:#b57723}.serial-var.rubber-health p{font-size:1rem;line-height:1.2}.rubber-health-text.idle{color:#6a7980}.rubber-health-text.good{color:#2f9453}.rubber-health-text.warn{color:#a22f11}@media (width<=1080px){.hero{grid-template-columns:1fr}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.problem-grid,.style-grid,.roadmap-grid,.dashboard-grid{grid-template-columns:1fr}.activation-layout{grid-template-columns:1fr;justify-items:center}.weekly-head,.weekly-row{grid-template-columns:1fr 1fr}.serial-vars{grid-template-columns:repeat(2,minmax(0,1fr))}.multi-vars{grid-template-columns:repeat(3,minmax(0,1fr))}.rubber-vars{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.page{padding:.8rem}.section,.hero{padding:1rem}.hero-visual{grid-template-columns:1fr}.section-header-row{flex-direction:column;align-items:flex-start}.mini-bar-row{grid-template-columns:70px 1fr auto}.serial-vars,.multi-vars{grid-template-columns:1fr}.serial-head{flex-direction:column;align-items:flex-start}}