/* Radix Colors: Slate and Blue light scales. */
:root{--slate1:#fcfcfd;--slate2:#f9f9fb;--slate3:#f0f0f3;--slate6:#d9d9e0;--slate7:#cdced6;--slate11:#60646c;--slate12:#1c2024;--blue2:#f4faff;--blue3:#e6f4fe;--blue6:#acd8fc;--blue9:#0090ff;--blue10:#0588f0;--blue11:#0d74ce;--blue12:#113264;--white:#fff;--small:14px;--body:16px;--subhead:24px;--display:clamp(40px,5.8vw,76px);color:var(--slate12);background:var(--slate1);font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}p,h1,h2,h3{margin:0}p{font-size:var(--body);line-height:1.75}a:focus-visible{outline:2px solid var(--blue9);outline-offset:4px}.wrap{width:min(1320px,calc(100% - 96px));margin:auto}.header{border-bottom:.5px solid var(--slate6);background:var(--slate1)}.header-inner{height:88px;display:flex;align-items:center;gap:52px}.brand{display:inline-flex;align-items:center;gap:11px;font-size:var(--body);font-weight:750;letter-spacing:-.03em;white-space:nowrap}.brand img{width:34px;height:34px;border-radius:8px}.header nav{display:flex;gap:34px;margin-left:auto}.header nav a,.nav-download{font-size:var(--small);font-weight:600}.header nav a{color:var(--slate11)}.header nav a:hover,.release-link:hover{color:var(--blue11)}.nav-download{padding:11px 15px;border:.5px solid var(--slate7);border-radius:7px}.nav-download span{margin-left:12px}.hero{display:grid;grid-template-columns:.84fr 1.16fr;align-items:center;gap:6%;min-height:690px;padding-top:70px;padding-bottom:90px}.hero-copy{padding-bottom:20px}.version{font-size:var(--small);color:var(--blue11);font-weight:650;display:flex;align-items:center;gap:9px;margin-bottom:29px}.status-dot{width:7px;height:7px;background:var(--blue9);border-radius:50%}h1,h2{font-size:var(--display);line-height:1.13;letter-spacing:-.055em;font-weight:720}h1 em{font-style:normal;color:var(--blue11)}.lead{margin-top:26px;color:var(--slate11);font-size:var(--subhead)}.hero-actions{display:flex;gap:12px;margin-top:42px}.button{min-height:52px;padding:0 20px;display:inline-flex;align-items:center;justify-content:space-between;gap:28px;border-radius:7px;font-size:var(--body);font-weight:650;transition:background 250ms ease-out}.primary{background:var(--blue9);color:var(--white)}.primary:hover{background:var(--blue10)}.secondary{border:.5px solid var(--slate7)}.secondary:hover{background:var(--slate3)}.hero-note{margin-top:22px;font-size:var(--small);color:var(--slate11)}.hero-note span,.download-options p span{display:inline-block;height:12px;border-left:.5px solid var(--slate7);margin:0 12px}.hero-visual{position:relative;background:var(--blue3);padding:70px 0 48px 55px;overflow:hidden;border-radius:12px}.visual-grid{position:absolute;inset:0;background-image:linear-gradient(var(--blue6) .5px,transparent .5px),linear-gradient(90deg,var(--blue6) .5px,transparent .5px);background-size:42px 42px;opacity:.35}.window-frame{position:relative;border:.5px solid var(--slate6);border-right:0;border-radius:9px 0 0 9px;overflow:hidden;background:var(--slate1)}.window-frame img{width:100%}.image-note{position:relative;margin-top:16px;font-size:var(--small);color:var(--slate11)}.intro-strip{background:var(--blue12);color:var(--white)}.strip-inner{min-height:190px;display:flex;align-items:center;justify-content:space-between;gap:40px}.strip-inner p{font-size:var(--subhead);line-height:1.45;font-weight:400;color:var(--blue6)}.strip-inner strong{color:var(--white);font-weight:650}.strip-list{display:flex;gap:55px}.strip-list span{font-size:var(--body);white-space:nowrap}.feature-section{padding-top:150px;padding-bottom:160px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px}.section-heading h2,.remote-copy h2,.download-section h2{font-size:clamp(40px,4vw,56px)}.section-heading p{max-width:290px;color:var(--slate11)}.timer-showcase{display:flex;justify-content:center;align-items:center;background:var(--blue3);padding:35px;margin-top:55px;border-radius:12px}.timer-crop{position:relative;width:min(390px,100%);aspect-ratio:413 / 202;overflow:hidden;border-radius:18px}.timer-crop img{position:absolute;max-width:none;width:110.4116%;height:auto;left:-5.0847%;top:-12.8713%}.remote-visual{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.46fr);gap:18px;align-items:center}.desktop-shot{display:block;border:.5px solid var(--slate6);border-radius:10px;overflow:hidden}.phone-shot{display:block;height:510px;border:.5px solid var(--slate6);border-radius:20px;overflow:hidden}.phone-shot img{width:100%;height:100%;object-fit:cover;object-position:top}.screenshot-link{display:inline-block;font-size:var(--small);color:var(--blue11);margin-top:24px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:80px;border-top:.5px solid var(--slate6)}.feature-grid article{padding:27px 36px 0 0;display:flex;gap:32px}.feature-grid article+article{border-left:.5px solid var(--slate6);padding-left:36px}.feature-num{color:var(--blue11);font-size:var(--small);font-weight:650}.feature-grid h3{font-size:var(--subhead);letter-spacing:-.03em}.feature-grid p{color:var(--slate11);margin-top:17px;max-width:265px}.remote-section{background:var(--slate2);border-top:.5px solid var(--slate6);border-bottom:.5px solid var(--slate6)}.remote-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:9%;align-items:center;padding-top:120px;padding-bottom:120px}.remote-copy>p{margin-top:24px;color:var(--slate11);max-width:400px}.remote-copy ul{list-style:none;margin:48px 0 0;padding:0;border-top:.5px solid var(--slate6)}.remote-copy li{font-size:var(--body);padding:17px 0;border-bottom:.5px solid var(--slate6)}.remote-copy li span{display:inline-block;color:var(--blue11);font-size:var(--small);margin-right:25px}.remote-copy .security-note{font-size:var(--small);margin-top:23px}.download-section{padding-top:140px;padding-bottom:150px;display:grid;grid-template-columns:1fr 1fr;gap:12%}.download-section>div>p{color:var(--slate11);margin-top:20px}.download-options{border-top:.5px solid var(--slate6)}.download-options>a:not(.release-link){display:flex;align-items:center;justify-content:space-between;padding:22px 0;border-bottom:.5px solid var(--slate6)}.download-options strong,.download-options small{display:block}.download-options strong{font-size:var(--subhead);font-weight:650}.download-options small{font-size:var(--small);color:var(--slate11);margin-top:4px}.download-arrow{font-size:var(--subhead);color:var(--blue11)}.download-options>p{font-size:var(--small);color:var(--slate11);margin-top:14px;line-height:1.5}.download-options .release-link{display:inline-block;margin-top:20px;color:var(--blue11);font-size:var(--small);font-weight:650}footer{background:var(--slate12);color:var(--slate1)}.footer-inner{min-height:145px;display:flex;align-items:center;gap:40px}.footer-inner p{font-size:var(--small);color:var(--slate7)}.footer-inner>a:last-child{margin-left:auto;font-size:var(--small)}
@media(max-width:850px){.wrap{width:calc(100% - 48px)}.header-inner{height:72px;gap:18px}.header nav{gap:18px}.nav-download{display:none}.hero{grid-template-columns:1fr;gap:52px;min-height:0;padding-top:90px;padding-bottom:64px}.hero-visual{padding:35px 0 25px 28px}.strip-inner{padding:40px 0;align-items:start;flex-direction:column}.strip-list{gap:28px;flex-wrap:wrap}.feature-section{padding:100px 0}.section-heading{display:block}.section-heading p{margin-top:25px}.feature-grid{grid-template-columns:1fr;margin-top:45px}.feature-grid article,.feature-grid article+article{border-left:0;border-bottom:.5px solid var(--slate6);padding:25px 0}.remote-layout{grid-template-columns:1fr;gap:55px;padding:90px 0}.download-section{grid-template-columns:1fr;gap:45px;padding:90px 0}.footer-inner{flex-wrap:wrap;gap:20px;padding:35px 0}.footer-inner p{width:100%;order:3}.footer-inner>a:last-child{margin-left:auto}}
@media(max-width:440px){.wrap{width:calc(100% - 36px)}.header nav{gap:13px}.header nav a{font-size:var(--small)}.brand img{width:30px;height:30px}.hero{padding-top:68px}.hero-actions{flex-wrap:wrap}.button{gap:18px}.strip-list{gap:18px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.button{transition:none}}

@media(max-width:850px){.remote-visual{grid-template-columns:minmax(0,1fr) minmax(0,.45fr)}.phone-shot{height:460px}.timer-showcase{padding:24px;margin-top:35px}}
@media(max-width:440px){.remote-visual{grid-template-columns:1fr;gap:24px}.phone-shot{height:560px;width:240px;justify-self:center}.timer-showcase{padding:16px}}

/* Screenshot surfaces retain the original pixels; clipping removes capture margins. */
.hero-visual{padding:42px 0 42px 32px;border-radius:0;background:radial-gradient(ellipse at 65% 45%,var(--blue3),var(--slate1) 74%);overflow:visible}
.visual-grid{opacity:.16;mask-image:radial-gradient(ellipse at center, var(--slate12),transparent 72%)}
.window-frame{border:.5px solid var(--slate6);border-radius:10px;box-shadow:0 18px 48px color-mix(in srgb,var(--blue12) 9%,transparent);clip-path:inset(0 round 10px)}
.window-frame img{border-radius:inherit}
.timer-showcase{padding:58px 24px;background:radial-gradient(ellipse at center,var(--blue3),var(--slate1) 72%);border-radius:0}
.timer-crop{box-shadow:0 14px 36px color-mix(in srgb,var(--blue12) 10%,transparent)}
.desktop-shot{border:0;border-radius:10px;mask-image:linear-gradient(to bottom,var(--slate12) 83%,transparent);clip-path:inset(0 round 10px)}
.phone-shot{border:0;border-radius:20px;background:var(--slate2);mask-image:linear-gradient(to bottom,var(--slate12) 87%,transparent);clip-path:inset(0 round 20px)}
.remote-visual{padding:24px 0;background:radial-gradient(ellipse at center,var(--blue3),var(--slate2) 72%)}
.desktop-shot,.phone-shot{transition:transform 250ms ease-out}
.reveal{opacity:0;transform:translateY(12px);transition:opacity 250ms ease-out,transform 250ms ease-out}
.reveal.is-visible{opacity:1;transform:none}
.button span,.download-arrow{transition:transform 250ms ease-out}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.desktop-shot:hover,.phone-shot:hover{transform:translateY(-3px)}.button:hover span,.download-options>a:hover .download-arrow{transform:translate(2px,-2px)}}
@media(max-width:850px){.hero-visual{padding:24px 0 24px 12px}.timer-showcase{padding:40px 16px}}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}.desktop-shot,.phone-shot,.button span,.download-arrow{transition:none}}

/* Compact capability band, using the same Radix palette as the page. */
.intro-strip{background:linear-gradient(115deg,var(--blue12),var(--slate12));border-top:.5px solid color-mix(in srgb,var(--blue6) 22%,transparent);border-bottom:.5px solid color-mix(in srgb,var(--blue6) 22%,transparent)}
.strip-inner{min-height:192px;gap:64px}
.strip-inner p{letter-spacing:-.025em;line-height:1.55}
.strip-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:min(620px,58%);gap:0}
.strip-feature{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:18px;padding:4px 32px;min-width:0}
.strip-feature+.strip-feature{border-left:.5px solid color-mix(in srgb,var(--blue6) 25%,transparent)}
.strip-feature svg{width:28px;height:28px;fill:none;stroke:var(--blue6);stroke-width:.5;stroke-linecap:round;stroke-linejoin:round}
.strip-list span{font-size:var(--body);font-weight:550;letter-spacing:.02em}
@media(max-width:850px){.strip-inner{gap:32px;padding:40px 0}.strip-list{width:100%}.strip-feature{padding:4px 24px}.strip-feature:first-child{padding-left:0}.strip-feature:last-child{padding-right:0}}
@media(max-width:440px){.strip-feature{gap:14px;padding:4px 14px}.strip-list span{font-size:var(--small)}}

/* Phone layout prioritizes content over desktop spacing and repeated imagery. */
@media(max-width:600px){
  .wrap{width:calc(100% - 36px)}
  .header-inner{height:64px;gap:12px}
  .header nav{gap:12px}
  .header nav a{display:flex;align-items:center;min-height:44px}
  .brand{gap:8px}
  .hero{padding-top:32px;padding-bottom:32px;gap:20px}
  .hero-copy{padding-bottom:0}
  .version{margin-bottom:18px}
  h1{font-size:40px;line-height:1.16}
  .lead{font-size:var(--body);margin-top:16px;line-height:1.6}
  .hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}
  .button{min-height:48px;padding:0 14px;gap:10px}
  .hero-note{margin-top:16px;line-height:1.5}
  .hero-note span{margin:0 8px}
  .hero-visual{padding:10px 0}
  .strip-inner{min-height:0;padding:26px 0;gap:22px}
  .strip-inner p{font-size:var(--body);line-height:1.6}
  .strip-inner p br{display:none}
  .strip-inner strong{margin-left:4px}
  .strip-list{gap:0}
  .strip-feature{padding:0 12px;gap:10px}
  .strip-feature svg{width:22px;height:22px}
  .strip-list span{font-size:var(--small);letter-spacing:0}
  .feature-section{padding:48px 0}
  .section-heading h2,.remote-copy h2,.download-section h2{font-size:var(--subhead);line-height:1.35;letter-spacing:-.035em}
  .section-heading p{max-width:none;margin-top:14px}
  .timer-showcase{padding:24px 12px;margin-top:22px}
  .timer-crop{width:min(260px,100%);border-radius:12px}
  .feature-grid{margin-top:24px}
  .feature-grid article,.feature-grid article+article{gap:16px;padding:18px 0}
  .feature-grid h3{font-size:var(--body)}
  .feature-grid p{max-width:none;margin-top:6px;line-height:1.6}
  .feature-num{padding-top:2px}
  .remote-layout{padding:48px 0;gap:24px}
  .remote-copy>p{margin-top:14px;line-height:1.65}
  .remote-copy ul{margin-top:24px}
  .remote-copy li{padding:12px 0}
  .remote-copy li span{margin-right:16px}
  .screenshot-link{margin-top:18px;min-height:44px;display:inline-flex;align-items:center}
  .remote-copy .security-note{margin-top:8px}
  .remote-visual{grid-template-columns:1fr;padding:8px 0 0}
  .remote-visual .desktop-shot{display:none}
  .phone-shot{width:min(280px,100%);height:440px;justify-self:center}
  .download-section{padding:48px 0;gap:24px}
  .download-section>div>p{margin-top:14px}
  .download-options>a:not(.release-link){padding:18px 0;min-height:80px}
  .download-options strong{font-size:var(--body)}
  .download-options .release-link{margin-top:12px;min-height:44px;display:inline-flex;align-items:center}
  .footer-inner{min-height:0;padding:26px 0;gap:16px}
  .footer-inner p{line-height:1.5}
}

@media(max-width:360px){.hero-actions .button{font-size:var(--small);padding:0 12px;gap:8px;white-space:nowrap}}