*,:before,:after{box-sizing:border-box}body{margin:0}#root{flex:1;min-height:0;display:flex}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{-webkit-font-smoothing:antialiased;font-feature-settings:"cv11", "ss01";font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html,body{height:100%;margin:0}body{box-sizing:border-box;background:#0a0a0a;height:100svh;padding:9px;display:flex}.page{background:radial-gradient(ellipse at 65% 35%, transparent 18%, #00000061 100%), linear-gradient(#000000b8, #000000b8), var(--hero) center / cover no-repeat;border:1px solid #ffffff1f;border-radius:20px;flex:1;grid-template-rows:auto 1fr auto;padding:32px 44px 28px;display:grid;position:relative;overflow:hidden}.top-bar{justify-content:space-between;align-items:center;padding-bottom:4px;display:flex}.built-by{-webkit-tap-highlight-color:transparent;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:50px;align-items:center;gap:8px;padding:6px 13px 6px 11px;text-decoration:none;transition:border-color .2s,background .2s,transform .2s;display:inline-flex}.built-by:hover{background:#ffd96b12;border-color:#ffd96b59;transform:translateY(-1px)}.built-by__dot{background:linear-gradient(#ffd96b,#ffb020);border-radius:50%;flex-shrink:0;width:7px;height:7px;box-shadow:0 0 10px #ffb02080}.built-by__label{color:#ffffff61;letter-spacing:-.01em;font-size:12px;font-weight:500}.built-by__name{color:#ffffffd1;letter-spacing:-.01em;font-size:12px;font-weight:600}.brand{align-items:center;gap:11px;display:flex}.app-icon{border-radius:10px;width:40px;height:40px;display:block}.wordmark{color:#ffffffe0;letter-spacing:-.2px;font-size:15.5px;font-weight:600}.middle{grid-template-columns:1fr 1fr;align-items:center;gap:40px;display:grid}.headline{flex-direction:column;gap:20px;display:flex}h1{letter-spacing:-.045em;color:#fff;font-size:clamp(42px,5.6vw,76px);font-weight:760;line-height:1.03}.sub{color:#ffffff75;max-width:310px;font-size:clamp(13.5px,1.1vw,15.5px);line-height:1.72}.shortcut{align-items:center;gap:6px;display:inline-flex}kbd{color:#ffffffb8;background:#ffffff14;border:1px solid #ffffff26;border-radius:6px;align-items:center;padding:3px 10px;font-family:inherit;font-size:12px;font-weight:500;display:inline-flex}.plus{color:#ffffff42;font-size:13px}.shortcut-label{color:#ffffff42;margin-left:4px;font-size:12px}.models{align-items:center;gap:8px;margin-top:2px;display:inline-flex}.models-label{letter-spacing:.04em;text-transform:uppercase;color:#ffffff47;margin-right:2px;font-size:11px}.model-pill{border:1px solid #0000;border-radius:50px;padding:4px 11px;font-size:11.5px;font-weight:560}.model-pill--parakeet{color:#76d1b3f2;background:#76d1b31f;border-color:#76d1b338}.model-pill--whisper{color:#9ea8fff2;background:#9ea8ff1f;border-color:#9ea8ff38}.platform-badge{letter-spacing:.01em;color:#ffffff9e;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:50px;align-self:flex-start;align-items:center;gap:7px;padding:5px 13px 5px 11px;font-size:11.5px;font-weight:560;display:inline-flex}.platform-badge svg{color:#ffffffc7}.showcase{flex-direction:column;justify-content:center;align-items:center;gap:20px;display:flex}.stage{aspect-ratio:1/.82;perspective:1900px;width:100%;transform-style:preserve-3d;position:relative}.shot{backface-visibility:hidden;border-radius:13px;transition:transform .5s cubic-bezier(.22,1,.36,1);display:block;position:absolute}.shot--back,.shot--front{border:1px solid #ffffff1f;width:82%;height:auto}.shot--back{filter:brightness(.6)saturate(.85);z-index:1;top:0;right:0;transform:rotateY(-20deg)rotateX(6deg)translateZ(-90px)scale(.95);box-shadow:0 30px 60px #00000080}.shot--front{z-index:2;bottom:4%;left:0;transform:rotateY(-15deg)rotateX(5deg)translateZ(0);box-shadow:0 40px 80px #0000009e,0 8px 20px #0006}.chip{filter:drop-shadow(0 26px 34px #0009);z-index:3;border-radius:15px;width:43%;height:auto}.chip--result{z-index:4;width:39%;bottom:0%;left:3%;transform:rotateY(-13deg)rotateX(4deg)translateZ(130px)}.chip--listening{filter:drop-shadow(0 20px 28px #00000080)brightness(.9);z-index:3;width:34%;bottom:34%;right:5%;transform:rotateY(-16deg)rotateX(5deg)translateZ(70px)}.stage:hover .shot--back{transform:rotateY(-20deg)rotateX(6deg)translateZ(-110px)translate(4%)scale(.95)}.stage:hover .shot--front{transform:rotateY(-15deg)rotateX(5deg)translateZ(10px)translate(-2%)}.stage:hover .chip--result{transform:rotateY(-13deg)rotateX(4deg)translateZ(160px)translateY(3%)}.stage:hover .chip--listening{transform:rotateY(-16deg)rotateX(5deg)translateZ(85px)translateY(-4%)}@media (prefers-reduced-motion:reduce){.shot{transition:none}}.scene-caption{color:#ffffff57;text-align:center;letter-spacing:.01em;font-size:11.5px}.bottom-bar{border-top:1px solid #ffffff12;justify-content:space-between;align-items:center;gap:16px;padding-top:20px;display:flex}.bottom-features{align-items:center;gap:0;display:flex}.bfeat{align-items:center;gap:10px;padding:0 20px;display:flex}.bfeat:first-child{padding-left:0}.bfeat-icon{color:#ffffff80;background:#ffffff12;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.bfeat div{flex-direction:column;gap:2px;display:flex}.bfeat strong{color:#ffffffd1;letter-spacing:-.01em;white-space:nowrap;font-size:12.5px;font-weight:560}.bfeat p{color:#ffffff52;white-space:nowrap;font-size:11px}.bfeat-divider{background:#ffffff14;flex-shrink:0;width:1px;height:28px}.bottom-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:8px;display:flex}.compat{color:#fff3;letter-spacing:.01em;font-size:11px}.download-btn{color:#0a0a0a;letter-spacing:-.02em;white-space:nowrap;background:#fff;border-radius:12px;align-items:center;gap:8px;padding:12px 22px;font-family:inherit;font-size:13.5px;font-weight:620;text-decoration:none;transition:opacity .15s,transform .15s,box-shadow .15s;display:inline-flex;box-shadow:0 4px 24px #0006}.download-btn:hover{opacity:.92;transform:translateY(-1px);box-shadow:0 8px 32px #00000080}.download-btn:active{opacity:.86;transform:translateY(0)}.download-btn--soon{color:#ffffff61;box-shadow:none;cursor:default;pointer-events:none;background:#ffffff0f;border:1px solid #ffffff1a}.download-btn--unsupported{color:#ffc33cbf;box-shadow:none;cursor:default;pointer-events:none;background:#ffaa0014;border:1px solid #ffaa002e}.compat--warn{color:#ffc33c8c}@media (width<=720px){body{height:100svh;padding:8px;display:flex}.page{border-radius:16px;flex:1;grid-template-rows:auto 1fr auto;padding:18px 20px 20px;overflow:hidden}.top-bar{align-items:center;gap:12px;padding-bottom:0}.built-by__label{display:none}.middle{grid-template-columns:1fr;align-content:center;gap:20px}.headline{gap:12px}h1{font-size:clamp(30px,9.5vw,40px)}.sub{max-width:none;font-size:13px;line-height:1.6}.showcase{gap:12px}.stage{aspect-ratio:1/.72;perspective:none;max-width:340px;margin:0 auto}.shot--back,.chip--listening{display:none}.shot--front{width:100%;position:relative;bottom:auto;left:auto;transform:none;box-shadow:0 24px 50px #0000008c}.chip--result{width:66%;bottom:-6%;left:50%;transform:translate(-50%)}.scene-caption,.bottom-features{display:none}.bottom-bar{border-top:none;justify-content:center;padding-top:14px}.bottom-right{align-items:stretch;gap:8px;width:100%}.compat{text-align:center}.download-btn{justify-content:center}}@media (width<=720px) and (height<=740px){.shortcut,.models{display:none}.headline{gap:10px}.middle{gap:16px}h1{font-size:clamp(28px,9vw,36px)}.stage{aspect-ratio:1/.66;max-width:300px}}