@utility scrollbar-thin {
  scrollbar-width: thin;
}

@utility scrollbar-none {
  scrollbar-width: none;

  &::-webkit-scrollbar {
    display: none;
  }
}

@utility scrollbar-gutter-stable {
  scrollbar-gutter: stable;
}

:root {
  --background: #ffffff;
  --foreground: #171717;
  --card: #ffffff;
  --card-foreground: #171717;
  --popover: #ffffff;
  --popover-foreground: #171717;
  --primary: #171717;
  --primary-foreground: #fafafa;
  --secondary: #f5f5f5;
  --secondary-foreground: #171717;
  --muted: #f5f5f5;
  --muted-foreground: #737373;
  --accent: #f5f5f5;
  --accent-foreground: #171717;
  --destructive: #e7000b;
  --border: #e5e5e5;
  --input: #e5e5e5;
  --ring: #a1a1a1;
  --chart-1: #f54900;
  --chart-2: #009689;
  --chart-3: #104e64;
  --chart-4: #ffb900;
  --chart-5: #fe9a00;
  --radius: 0.625rem;
  --sidebar: #fafafa;
  --sidebar-foreground: #171717;
  --sidebar-primary: #171717;
  --sidebar-primary-foreground: #fafafa;
  --sidebar-accent: #f5f5f5;
  --sidebar-accent-foreground: #171717;
  --sidebar-border: #e5e5e5;
  --sidebar-ring: #a1a1a1;
}

@theme inline {
  --color-background: var(--background);
  --color-foreground: var(--foreground);
  --color-card: var(--card);
  --color-card-foreground: var(--card-foreground);
  --color-popover: var(--popover);
  --color-popover-foreground: var(--popover-foreground);
  --color-primary: var(--primary);
  --color-primary-foreground: var(--primary-foreground);
  --color-secondary: var(--secondary);
  --color-secondary-foreground: var(--secondary-foreground);
  --color-muted: var(--muted);
  --color-muted-foreground: var(--muted-foreground);
  --color-accent: var(--accent);
  --color-accent-foreground: var(--accent-foreground);
  --color-destructive: var(--destructive);
  --color-border: var(--border);
  --color-input: var(--input);
  --color-ring: var(--ring);
  --color-chart-1: var(--chart-1);
  --color-chart-2: var(--chart-2);
  --color-chart-3: var(--chart-3);
  --color-chart-4: var(--chart-4);
  --color-chart-5: var(--chart-5);
  --color-sidebar: var(--sidebar);
  --color-sidebar-foreground: var(--sidebar-foreground);
  --color-sidebar-primary: var(--sidebar-primary);
  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
  --color-sidebar-accent: var(--sidebar-accent);
  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
  --color-sidebar-border: var(--sidebar-border);
  --color-sidebar-ring: var(--sidebar-ring);
  --radius-sm: calc(var(--radius) - 4px);
  --radius-md: calc(var(--radius) - 2px);
  --radius-lg: var(--radius);
  --radius-xl: calc(var(--radius) + 4px);
  --font-sans: Arial, Helvetica, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
    "Liberation Mono", "Courier New", monospace;
}

@media (prefers-color-scheme: dark) {
  :root {
    --background: #0a0a0a;
    --foreground: #ededed;
    --card: #171717;
    --card-foreground: #ededed;
    --popover: #171717;
    --popover-foreground: #ededed;
    --primary: #ededed;
    --primary-foreground: #171717;
    --secondary: #262626;
    --secondary-foreground: #ededed;
    --muted: #262626;
    --muted-foreground: #a1a1a1;
    --accent: #262626;
    --accent-foreground: #ededed;
    --destructive: #ff6467;
    --border: #ffffff1a;
    --input: #ffffff26;
    --ring: #737373;
    --chart-1: #8e51ff;
    --chart-2: #00bc7d;
    --chart-3: #fe9a00;
    --chart-4: #ad46ff;
    --chart-5: #ff2056;
    --sidebar: #171717;
    --sidebar-foreground: #ededed;
    --sidebar-primary: #8e51ff;
    --sidebar-primary-foreground: #ededed;
    --sidebar-accent: #262626;
    --sidebar-accent-foreground: #ededed;
    --sidebar-border: #ffffff1a;
    --sidebar-ring: #737373;
  }
}

body {
  background: var(--background);
  color: var(--foreground);
  font-family: Arial, Helvetica, sans-serif;
}

:root{--background:#f3f7f6;--foreground:#17312e;--teal:#0e8177;--teal-dark:#08665f;--coral:#ff684f;--white:#fff;--muted:#637b77;--line:#dce7e4;--soft:#e8f2f0}
*{box-sizing:border-box}html{background:var(--background)}body{margin:0;min-width:320px;background:var(--background);color:var(--foreground);font-family:Arial,Helvetica,sans-serif}a{color:inherit}.page-shell{min-height:100svh;padding:28px 20px;background:linear-gradient(90deg,var(--teal) 0 7px,transparent 7px),var(--background)}.home-wrap,.download-wrap{width:min(100%,1040px);margin:0 auto}.site-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:8px 0 28px;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:11px;color:var(--foreground);text-decoration:none}.brand img{width:48px;height:48px;border-radius:14px}.brand strong{font-size:25px;letter-spacing:-1.1px}.official{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;font-weight:700}.official i{width:8px;height:8px;border-radius:50%;background:var(--teal)}.intro{padding:68px 0 32px}.eyebrow{margin:0 0 13px;color:var(--teal);font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.intro h1,.download-copy h1{margin:0;font-size:clamp(38px,6vw,68px);line-height:1;letter-spacing:-.055em}.lead{max-width:620px;margin:18px 0 0;color:var(--muted);font-size:18px;line-height:1.65}.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.choice-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;min-height:190px;padding:30px;border:1px solid var(--line);border-radius:20px;background:var(--white);box-shadow:0 10px 30px rgba(24,75,69,.06);text-decoration:none;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.choice-card:hover,.choice-card:focus-visible{transform:translateY(-3px);border-color:#9ccbc5;box-shadow:0 16px 40px rgba(24,75,69,.11)}.profile-icon{display:grid;width:64px;height:64px;place-items:center;border-radius:18px;background:var(--soft);color:var(--teal)}.profile-icon svg{width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.choice-card span{color:var(--teal);font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.choice-card h2{margin:8px 0 7px;font-size:25px;letter-spacing:-.025em}.choice-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.55}.choice-card b{color:var(--coral);font-size:28px}.home-wrap>footer{padding:26px 0;color:#839894;font-size:12px}.back{color:var(--teal);font-size:13px;font-weight:750;text-decoration:none}.download-main{display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:60px;padding:72px 0}.download-copy h1{font-size:clamp(36px,5vw,59px)}.download-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;margin-top:30px;padding:16px 23px;border-radius:12px;background:var(--teal);box-shadow:0 10px 25px rgba(14,129,119,.2);color:#fff;font-size:15px;font-weight:800;text-decoration:none;transition:.18s ease}.download-button:hover{transform:translateY(-2px);background:var(--teal-dark)}.download-button span{font-size:20px}.file-meta{margin:12px 0 0;color:#829792;font-size:12px}.app-mark{justify-self:end;width:min(100%,270px);padding:24px;border:1px solid var(--line);border-radius:26px;background:var(--white);box-shadow:0 20px 50px rgba(24,75,69,.1);text-align:center}.app-mark img{width:100%;height:auto;border-radius:24px}.app-mark span{display:block;margin-top:14px;color:var(--teal);font-size:12px;font-weight:800;text-transform:uppercase}.install{padding:30px;border:1px solid var(--line);border-radius:20px;background:var(--white)}.install h2{margin:0 0 22px;font-size:21px}.install ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0;padding:0;list-style:none}.install li{display:flex;gap:13px}.install li>b{color:var(--coral);font-size:12px;letter-spacing:.05em}.install p{display:flex;flex-direction:column;gap:5px;margin:0}.install strong{font-size:14px}.install p span{color:var(--muted);font-size:13px;line-height:1.5}.download-wrap aside{margin-top:16px;padding:16px 18px;border-radius:12px;background:#e7f1ef;color:var(--muted);font-size:12px;line-height:1.55}.download-wrap aside strong{color:var(--teal-dark)}.brand:focus-visible,.choice-card:focus-visible,.back:focus-visible,.download-button:focus-visible{outline:3px solid var(--coral);outline-offset:4px}@media(max-width:760px){.page-shell{padding:18px 16px;background:linear-gradient(var(--teal) 0 6px,transparent 6px),var(--background)}.site-header{padding-bottom:19px}.brand img{width:42px;height:42px}.brand strong{font-size:22px}.official{font-size:10px}.intro{padding:44px 0 25px}.choice-grid{grid-template-columns:1fr}.choice-card{min-height:155px;padding:22px}.profile-icon{width:54px;height:54px;border-radius:16px}.download-main{grid-template-columns:1fr;gap:35px;padding:48px 0 38px}.app-mark{justify-self:start;width:190px}.install{padding:23px}.install ol{grid-template-columns:1fr}.lead{font-size:16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important}}