:root {
  --bg:#202120;
  --panel:#303230;
  --paper:#f2f1ec;
  --muted:#b6b8b2;
  --line:#60645e;
  --accent:#ee873f;
  --charcoal:#151615;
  --light:#f2f1ec;
  --control-white:#f2f1ec;
  --blue:#ee873f;
  --blue-selected:#ee873f;
  --red:#ee873f;
  --display:Impact,"Arial Narrow","Helvetica Neue",sans-serif;
}
/* 808: matte charcoal, warm orange and white. Shared structure, independent voice. */
body{background:var(--bg);font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}
header,.footer{border-color:var(--line)}
.brand{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;color:var(--paper)}.brand span{color:var(--muted)}
.language-switch a[aria-current="page"]{background:var(--accent);color:var(--charcoal)}
.btn{background:var(--accent);border-color:var(--accent);color:var(--charcoal);border-radius:2px}.btn:hover{background:#ff9a50;color:var(--charcoal)}
.dot{background:var(--accent);border-radius:1px}.status{border-radius:2px;font-size:10px;padding:9px 11px}
.eyebrow{color:var(--muted);font:10px/1.6 "SFMono-Regular",Consolas,monospace;letter-spacing:.12em}
.kick-hero{padding:35px 0 22px}.kick-heading{display:flex;justify-content:space-between;align-items:center;gap:18px}
.kick-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:68px;align-items:center;margin:43px 0 22px}
.kick-wordmark{display:flex;align-items:baseline;gap:15px;white-space:nowrap;line-height:.82;letter-spacing:-.05em;font-family:"Helvetica Neue",Arial,sans-serif;font-weight:900;margin-bottom:35px}
.kick-wordmark>span{font-size:clamp(98px,11vw,142px);color:var(--accent)}.kick-wordmark>strong{font-size:clamp(53px,6vw,77px);font-weight:900;letter-spacing:-.065em}
.kick-intro h1{font-size:clamp(34px,3.7vw,46px);line-height:1.13;letter-spacing:-.045em;font-weight:650;margin:0 0 22px;max-width:540px}
.kick-lead{font-size:16px;line-height:1.8;color:var(--muted);max-width:465px;margin:0 0 27px}.text-link{display:inline-flex;gap:23px;text-decoration:none;border-bottom:1px solid var(--accent);padding:0 0 8px;font-size:13px;font-weight:600}.text-link span{color:var(--accent)}
.mobile-break{display:none}.kick-player{background:var(--charcoal);border:1px solid #555851;border-top:4px solid var(--accent);padding:24px;box-shadow:0 14px 28px #0002;scroll-margin-top:28px;min-width:0}
.player-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:20px;border-bottom:1px solid #41443f}.player-top h2{font-size:14px;margin:0;font-weight:600;line-height:1.5}.player-top>span{font:8px/1.5 monospace;letter-spacing:.07em;color:var(--muted);text-align:right;max-width:115px}
.note-display{display:flex;justify-content:space-between;align-items:flex-end;padding-top:22px;gap:12px}.display-label{display:block;font:9px/1.5 monospace;letter-spacing:.15em;color:var(--muted);margin-bottom:9px}.note-display strong{display:block;font:700 82px/.95 "Helvetica Neue",Arial,sans-serif;letter-spacing:-.04em;color:var(--accent)}.frequency{text-align:right;padding-bottom:4px}.frequency>span{font:300 33px/1 "Helvetica Neue",Arial,sans-serif;letter-spacing:-.04em}.frequency small{display:block;font:9px/1.5 monospace;color:var(--muted);margin-top:9px}
.wave-window{height:91px;position:relative;margin:21px 0 22px;overflow:hidden;background:repeating-linear-gradient(90deg,transparent 0 calc(20% - 1px),#ffffff09 calc(20% - 1px) 20%)}.wave-window svg{position:absolute;inset:0;width:100%;height:100%}.wave-window path{fill:var(--accent);opacity:.75}.wave-baseline{position:absolute;left:0;right:0;top:50%;height:1px;background:#ee873f38}#wave-progress{position:absolute;top:0;bottom:0;width:1px;background:var(--paper);left:0;opacity:0}.kick-player.is-playing #wave-progress{opacity:.8}
.note-controls{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.note-controls button{border:0;border-radius:2px;background:var(--paper);color:var(--charcoal);height:56px;font:700 16px/1 "Helvetica Neue",Arial,sans-serif;cursor:pointer;box-shadow:inset 0 -4px #0002}.note-controls button:hover{background:#fff}.note-controls button[aria-pressed="true"]{background:var(--accent);box-shadow:inset 0 -4px #0003}.note-controls button:focus-visible,.kick-play:focus-visible{outline:3px solid var(--paper);outline-offset:4px}
.kick-play{width:100%;min-height:48px;background:transparent;border:1px solid #777a72;color:var(--paper);margin-top:15px;cursor:pointer;font-family:inherit;line-height:1.4;display:flex;align-items:center;justify-content:center;gap:12px;border-radius:2px;font-size:13px;font-weight:600}.kick-play:hover{border-color:var(--accent);background:#ee873f0b}#play-icon{font-size:11px;color:var(--accent)}
.player-hint{font-size:10px;line-height:1.6;color:var(--muted);margin:10px 0 0;text-align:center}.player-status:empty{display:none}.player-status{font-size:11px;color:var(--accent);line-height:1.5;margin:12px 0 0}.player-foot{display:flex;justify-content:space-between;gap:10px;margin-top:23px;padding-top:14px;border-top:1px solid #41443f;color:#a0a39b;font:8px/1.5 monospace;letter-spacing:.06em}
.kick-preview-note{text-align:right;font-size:10px;color:var(--muted);line-height:1.7;margin:18px 0 0}.kick-strip{display:flex;justify-content:space-between;gap:15px;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:12px;line-height:1.5;color:var(--muted)}.kick-strip>span:first-child{color:var(--accent);font:11px/1.7 monospace;letter-spacing:.15em}
.section-head h2{font-weight:550;letter-spacing:-.04em}.kick-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:47px}.kick-steps article{border-top:2px solid #757970;padding:22px 0 0;display:flex;flex-direction:column}.step-number{font:11px monospace;color:var(--accent);margin-bottom:23px}.kick-steps h3{font-size:23px;letter-spacing:-.025em;font-weight:550;margin:0 0 14px}.kick-steps p{font-size:14px;color:var(--muted);line-height:1.8;margin:0 0 25px}.step-detail{font:9px/1.6 monospace;letter-spacing:.05em;color:var(--paper);margin-top:auto}
.pitch-story{display:grid;grid-template-columns:1fr 1fr;gap:68px}.pitch-statement h2{font-size:clamp(32px,3.5vw,44px);font-weight:550;letter-spacing:-.045em;line-height:1.25;margin:27px 0}.pitch-statement h2 span{color:var(--accent)}.pitch-copy>p{font-size:15px;line-height:1.85;color:var(--muted);margin:0 0 20px}.pitch-copy>.note{font-size:12px}.tuning-reference{border-left:3px solid var(--accent);background:var(--panel);padding:21px 24px;margin-top:27px}.tuning-reference>span{font:9px monospace;letter-spacing:.12em;color:var(--muted)}.tuning-reference strong{display:block;font:300 25px/1.5 "Helvetica Neue",Arial,sans-serif;margin:9px 0}.tuning-reference b{font-weight:600;color:var(--accent)}.tuning-reference small{font-size:10px;line-height:1.6;color:var(--muted)}
.kick-release{display:flex;justify-content:space-between;gap:30px;align-items:center;padding:57px 0;border-bottom:1px solid var(--line)}.kick-release h2{font-size:32px;letter-spacing:-.04em;font-weight:600;margin:14px 0}.kick-release p{font-size:13px;color:var(--muted);line-height:1.8;margin:0}.kick-release .btn{flex-shrink:0}.company .company-detail{margin-top:14px;max-width:630px}.company strong{font-weight:500}.footer{font-family:inherit;flex-wrap:wrap}.footer-links{flex:1;justify-content:center}
html[lang="ja"] .kick-intro h1{font-size:clamp(30px,3.4vw,42px);line-height:1.5;letter-spacing:-.04em}html[lang="ja"] .kick-lead{line-height:1.95;font-size:15px}html[lang="ja"] .pitch-statement h2{line-height:1.55}html[lang="ja"] .kick-steps h3{font-size:22px}html[lang="ja"] .kick-steps p{line-height:1.9}
@media(max-width:950px){.kick-hero-grid{gap:33px}.pitch-story{gap:40px}.kick-wordmark>span{font-size:105px}.kick-wordmark>strong{font-size:57px}.kick-player{padding:20px}.kick-intro h1{font-size:35px}.kick-steps{gap:28px}.kick-wordmark{gap:12px}}
@media(max-width:760px){.kick-heading{align-items:flex-start;flex-wrap:wrap;gap:12px}.kick-hero{padding-top:25px}.kick-heading .eyebrow{font-size:8px;letter-spacing:.06em}.status{font-size:9px}.kick-hero-grid{grid-template-columns:1fr;gap:32px;margin:30px 0 14px}.kick-intro{max-width:570px}.kick-wordmark{margin-bottom:25px}.kick-wordmark>span{font-size:clamp(103px,22vw,142px)}.kick-wordmark>strong{font-size:clamp(56px,12vw,77px)}.kick-intro h1{font-size:clamp(34px,6vw,45px)}html[lang="ja"] .kick-intro h1{font-size:clamp(30px,6vw,40px);line-height:1.5}.kick-lead{font-size:15px}.kick-player{padding:23px}.player-top>span{max-width:none;font-size:8px}.kick-preview-note{text-align:left}.kick-strip{font-size:10px;flex-wrap:wrap;gap:8px}.kick-strip>span:first-child{font-size:10px}.kick-steps{grid-template-columns:1fr;gap:28px;margin-top:30px}.kick-steps article{padding-top:20px}.step-number{margin-bottom:13px}.kick-steps p{max-width:560px;margin-bottom:14px}.pitch-story{grid-template-columns:1fr;gap:12px}.pitch-statement h2{font-size:34px;margin-top:20px}.pitch-copy>p{font-size:14px}.kick-release{align-items:flex-start;flex-direction:column;padding:40px 0;gap:22px}.kick-release h2{font-size:28px}.footer-links{justify-content:flex-start}.company p{font-size:12px}}
@media(max-width:380px){.kick-player{padding:17px}.player-top{gap:7px}.player-top>span{font-size:7px;max-width:100px}.kick-intro h1{font-size:32px}html[lang="ja"] .kick-intro h1{font-size:29px}.mobile-break{display:inline}.player-foot{font-size:7px}.note-controls button{height:50px}.kick-wordmark>span{font-size:94px}.kick-wordmark>strong{font-size:51px}.frequency>span{font-size:29px}}
@media(prefers-reduced-motion:reduce){#wave-progress{display:none}}
/* The web preview follows the app's chromatic piano layout. */
.keyboard-caption{display:flex;justify-content:space-between;gap:10px;font:8px/1.5 monospace;color:var(--muted);letter-spacing:.07em;margin:0 0 10px}
.piano-controls{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;height:104px;position:relative;isolation:isolate}
.piano-key{font-family:inherit;cursor:pointer;touch-action:manipulation;border:1px solid #555b53;border-radius:0 0 3px 3px;display:flex;align-items:flex-end;justify-content:center;padding:0 0 9px;user-select:none;-webkit-user-select:none;min-width:0}
.white-key{grid-column:var(--position);grid-row:1;background:var(--paper);color:var(--charcoal);font-size:12px;font-weight:650;box-shadow:inset 0 -5px #0002}
.black-key{position:absolute;top:0;left:calc(var(--boundary)*100%/7);width:max(24px,8.6%);transform:translateX(-50%);height:63%;z-index:1;background:#151715;color:var(--paper);font-size:9px;padding-bottom:7px;box-shadow:0 3px 3px #0007}
.piano-key:hover{filter:brightness(1.12)}.piano-key[aria-pressed="true"]{background:var(--accent);color:var(--charcoal)}.piano-key:active{box-shadow:inset 0 -2px #0002;filter:brightness(.96)}.piano-key:focus-visible{outline:3px solid #fff;outline-offset:2px;z-index:2}
.kick-app-shot{margin:0 0 45px;border:1px solid var(--line);background:#191b19;padding:33px 25px 23px;text-align:center}.kick-app-shot img{display:block;max-width:100%;width:560px;height:auto;margin:0 auto;box-shadow:0 15px 35px #0003}.kick-app-shot figcaption{font-size:11px;color:var(--muted);line-height:1.7;margin-top:21px}
@media(max-width:760px){.kick-app-shot{padding:20px 12px 17px;margin-bottom:30px}.kick-app-shot figcaption{font-size:10px}.piano-controls{height:100px}}

/* The adopted name uses the same bold product lettering as the Mac family. */
.kick-wordmark{font-family:Impact,"Arial Narrow",sans-serif;letter-spacing:0;gap:20px}
.kick-wordmark>span,.kick-wordmark>strong{font-size:clamp(90px,10vw,130px);letter-spacing:0;font-weight:900}
@media(max-width:950px){.kick-wordmark{gap:15px}.kick-wordmark>span,.kick-wordmark>strong{font-size:98px}}
@media(max-width:760px){.kick-wordmark>span,.kick-wordmark>strong{font-size:clamp(98px,21vw,130px)}}
@media(max-width:380px){.kick-wordmark>span,.kick-wordmark>strong{font-size:92px}}