:root{--ink:#1d1d1f;--muted:#68686d;--paper:#f5f5f7;--blue:#1671c5;--line:rgba(29,29,31,.12);--font:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Helvetica Neue",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--font);-webkit-font-smoothing:antialiased}.skip-link{position:fixed;top:-60px;left:18px;z-index:30;padding:10px 14px;border-radius:8px;background:#fff;color:#000}.skip-link:focus{top:12px}.article-header{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;width:min(1180px,calc(100% - 36px));margin:12px auto 0;padding:16px 20px;border:1px solid rgba(29,29,31,.1);border-radius:18px;background:rgba(255,255,255,.78);box-shadow:0 16px 44px rgba(45,48,64,.08);backdrop-filter:blur(24px)}.wordmark,.back-link{color:inherit;text-decoration:none}.wordmark{font-size:15px;font-weight:650;letter-spacing:-.02em}.back-link{font-size:12px}.article-hero{width:min(970px,calc(100% - 40px));margin:0 auto;padding:130px 0 92px;text-align:center}.eyebrow{margin:0;color:#78777d;font-size:11px;font-weight:750;letter-spacing:.12em}.article-hero h1{margin:24px 0 0;font-size:clamp(52px,7.2vw,104px);font-weight:630;line-height:.95;letter-spacing:-.068em}.dek{max-width:760px;margin:34px auto 0;color:#626168;font-size:clamp(19px,2.2vw,26px);line-height:1.43;letter-spacing:-.02em}.byline{display:flex;justify-content:center;gap:18px;margin-top:38px;color:#87868c;font-size:12px}.byline span+span::before{content:"·";margin-right:18px}.visual-lab{padding:96px max(20px,4vw) 112px;color:#fff;background:#09090b}.visual-heading{width:min(1180px,100%);margin:0 auto 50px}.visual-heading .eyebrow{color:#9d9da3}.visual-heading h2{max-width:780px;margin:18px 0 0;font-size:clamp(42px,5vw,72px);line-height:1.02;letter-spacing:-.055em}.style-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;width:min(1320px,100%);margin:auto}.style-demo{display:flex;min-width:0;flex-direction:column;margin:0;padding:18px;border:1px solid rgba(255,255,255,.13);border-radius:28px;background:#151518}.demo-label{display:flex;align-items:center;gap:12px;margin-bottom:17px}.demo-label b{display:grid;width:32px;height:32px;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:50%;font-size:10px}.demo-label span{font-size:14px;font-weight:650}.style-demo figcaption{margin:18px 4px 2px;color:#aaa9b0;font-size:14px;line-height:1.5}.skeuo-player,.glass-stage,.neumo-stage{position:relative;display:grid;min-height:330px;place-items:center;overflow:hidden;border-radius:19px}.skeuo-player{grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr auto;padding:28px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0 2px,transparent 2px 5px),linear-gradient(135deg,#6a422a,#2f1e18);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14),inset 0 0 50px rgba(0,0,0,.4),0 15px 35px rgba(0,0,0,.24)}.metal-strip{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;width:100%;padding:9px 11px;border-radius:6px;color:#312f2a;background:linear-gradient(#e7e1ce,#928d80);box-shadow:inset 0 1px #fff,0 3px 5px rgba(0,0,0,.35);font:700 9px/1 ui-monospace,monospace;letter-spacing:.12em}.metal-strip i{width:7px;height:7px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#655f55 45%,#191816)}.dial{position:relative;width:105px;height:105px;border-radius:50%;background:repeating-conic-gradient(#d6d0c0 0 3deg,#767166 3deg 6deg);box-shadow:inset 0 0 0 12px #afa99c,inset 0 0 0 15px #4a453d,0 10px 18px rgba(0,0,0,.38)}.dial span{position:absolute;inset:25px;border-radius:50%;background:radial-gradient(circle at 36% 30%,#ede9df,#625d54 60%,#312e29);box-shadow:inset 0 2px 2px #fff6}.dial span::after{content:"";position:absolute;top:8px;left:50%;width:3px;height:19px;border-radius:3px;background:#ffcf73;transform:translateX(-50%)}.frequency{display:flex;align-items:baseline;gap:7px;padding:16px;border:2px inset #6f391f;border-radius:7px;color:#f8d37a;background:#25130c;box-shadow:inset 0 0 17px #000}.frequency b{font:700 28px/1 ui-monospace,monospace}.frequency small{font-size:10px}.skeuo-player button{grid-column:1/-1;width:100%;padding:12px;border:1px solid #282520;border-radius:5px;color:#27241f;background:linear-gradient(#eee8d9,#888277);box-shadow:inset 0 1px #fff,0 5px 0 #3f3a33;font:800 10px/1 ui-monospace,monospace;letter-spacing:.16em}.glass-stage{isolation:isolate;background:linear-gradient(135deg,#5c54ee,#d866a5 52%,#f5bf65)}.orb{position:absolute;border-radius:50%;filter:blur(2px)}.orb-a{top:18px;left:23px;width:145px;height:145px;background:#4be3dc}.orb-b{right:6px;bottom:5px;width:180px;height:180px;background:#7a43ef}.glass-player{position:relative;z-index:2;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;width:calc(100% - 38px);padding:17px;border:1px solid rgba(255,255,255,.55);border-radius:20px;background:rgba(255,255,255,.22);box-shadow:0 22px 50px rgba(46,31,96,.28),inset 0 1px rgba(255,255,255,.65);backdrop-filter:blur(24px) saturate(140%)}.glass-art{display:grid;width:58px;height:58px;place-items:center;border-radius:14px;color:#fff;background:linear-gradient(145deg,#16151d,#5144a9);font-size:24px;font-weight:750}.glass-player div:nth-child(2){display:flex;min-width:0;flex-direction:column}.glass-player strong{overflow:hidden;color:#fff;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.glass-player small{margin-top:4px;color:rgba(255,255,255,.75);font-size:10px}.glass-player button{display:grid;width:38px;height:38px;place-items:center;border:1px solid rgba(255,255,255,.45);border-radius:50%;color:#fff;background:rgba(255,255,255,.2)}.neumo-stage{display:flex;flex-direction:column;gap:32px;padding:28px;background:#dfe3eb}.neumo-display{display:flex;width:100%;align-items:center;justify-content:space-between;padding:22px;border-radius:20px;color:#525969;background:#dfe3eb;box-shadow:10px 10px 22px #bec2ca,-10px -10px 22px #fff}.neumo-display{font-size:10px;letter-spacing:.12em}.neumo-display b{font-size:32px;letter-spacing:-.05em}.neumo-controls{display:flex;align-items:center;gap:20px}.neumo-controls button{width:54px;height:54px;border:0;border-radius:50%;color:#596173;background:#dfe3eb;box-shadow:8px 8px 18px #bfc3cb,-8px -8px 18px #fff;font-size:21px}.neumo-controls span{display:block;width:86px;height:42px;padding:6px;border-radius:999px;background:#dfe3eb;box-shadow:inset 6px 6px 12px #bcc1ca,inset -6px -6px 12px #fff}.neumo-controls span i{display:block;width:30px;height:30px;margin-left:auto;border-radius:50%;background:#7f70e5;box-shadow:3px 3px 7px #aaaec0,-2px -2px 6px #fff}.article-body{width:min(760px,calc(100% - 40px));margin:0 auto;padding:112px 0}.article-body .lead{margin:0 0 92px;font-size:clamp(25px,3vw,36px);line-height:1.28;letter-spacing:-.035em}.article-body section{margin-top:86px}.article-body h2{margin:0 0 25px;font-size:clamp(35px,4.3vw,54px);line-height:1.04;letter-spacing:-.052em}.article-body p{margin:0 0 21px;color:#4f4e54;font-size:19px;line-height:1.7;letter-spacing:-.008em}.article-body strong{color:#1d1d1f}.callout{display:flex;flex-direction:column;gap:8px;margin:38px 0;padding:24px;border-left:4px solid #ff82ba;border-radius:0 17px 17px 0;background:#fff;box-shadow:0 14px 35px rgba(47,48,57,.06)}.callout b{font-size:13px}.callout span{color:#66656b;font-size:16px;line-height:1.45}.comparison-section{width:min(1040px,calc(100vw - 40px));margin-left:50%;transform:translateX(-50%)}.comparison-section h2{max-width:760px}.comparison-table{margin-top:35px;border:1px solid var(--line);border-radius:23px;background:#fff;overflow:hidden}.table-row{display:grid;grid-template-columns:.8fr 1.2fr 1.3fr;gap:20px;padding:23px 25px;border-top:1px solid var(--line);font-size:14px;line-height:1.4}.table-row:first-child{border-top:0}.table-head{color:#89888e;font-size:10px;font-weight:750;letter-spacing:.09em}.article-footer{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:70px max(20px,calc((100% - 980px)/2));color:#fff;background:#101012}.article-footer p{max-width:600px;margin:0;font-size:clamp(28px,4vw,52px);font-weight:600;line-height:1.04;letter-spacing:-.045em}.article-footer a{flex:none;color:#70b8ff;text-decoration:none}
@media(max-width:900px){.style-grid{grid-template-columns:1fr}.skeuo-player,.glass-stage,.neumo-stage{min-height:380px}.comparison-section{width:calc(100vw - 28px)}}
@media(max-width:640px){.article-header{padding:14px 16px}.article-hero{padding:90px 0 70px;text-align:left}.article-hero h1{font-size:clamp(47px,14vw,66px)}.dek{font-size:19px}.byline{justify-content:flex-start;flex-direction:column;gap:7px}.byline span+span::before{display:none}.visual-lab{padding:72px 14px 80px}.style-demo{padding:14px}.skeuo-player,.glass-stage,.neumo-stage{min-height:310px}.article-body{padding:82px 0}.article-body .lead{margin-bottom:70px;font-size:27px}.article-body section{margin-top:68px}.article-body p{font-size:17px;line-height:1.65}.comparison-section{width:calc(100vw - 20px)}.table-row{grid-template-columns:1fr;gap:8px;padding:19px}.table-head{display:none}.article-footer{align-items:flex-start;flex-direction:column;padding:58px 20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.visual-lab{color:#1d1d1f;background:linear-gradient(145deg,#f8f6f2,#edf3fb 56%,#f2ecfa)}
.visual-heading .eyebrow{color:#777680}
.style-demo{border-color:rgba(42,45,60,.12);background:rgba(255,255,255,.82);box-shadow:0 18px 48px rgba(72,70,104,.08)}
.demo-label b{border-color:rgba(42,45,60,.16)}
.style-demo figcaption{color:#65656b}