/* Ember — ember.typofire.com
 *
 * The design handoff is inline-styled and pixel-approved, so page content
 * keeps those declarations verbatim: the build lifts each one into an atomic
 * class rather than rewriting it, which preserves the design exactly while
 * getting the styles out of the markup.
 *
 * What lives here by hand: the shared chrome, and the responsive layer. The
 * handoff has no media queries at all — every page is a fixed desktop
 * layout — so everything below the breakpoints is work the design did not
 * cover and is written to its tokens rather than invented.
 */

:root {
  --kiln:#C2410C; --ember:#F0862E; --deep:#7C2208; --on-accent:#FFF6F0;
  --paper:#FAFAFA; --ink:#171614;
  --n1:#4A4A48; --n2:#6B6B69; --n3:#8A8886; --n4:#C7C7C4; --n5:#E3E3E0; --n6:#EFEFED;
  --gutter:40px;

  /* The app's accent bar, stop for stop — Theme.accentBar is
     #4C0519 -> #B91C1C -> #EA580C -> #FBBF24, left to right. Burgundy
     through red and ember to sun. Held here so the site and the app cannot
     drift the way the wordmark once did. */
  --fire:linear-gradient(90deg,#4C0519,#B91C1C,#EA580C,#FBBF24);
}

*,*::before,*::after { box-sizing:border-box; }
html { -webkit-text-size-adjust:100%; }
body {
  margin:0; background:var(--paper); color:var(--ink);
  font-family:'IBM Plex Sans',system-ui,sans-serif;
  -webkit-font-smoothing:antialiased;
}
a { color:var(--kiln); text-decoration:none; }
a:hover { color:var(--deep); }
img { max-width:100%; height:auto; }
:focus-visible { outline:2px solid var(--kiln); outline-offset:3px; border-radius:3px; }

.skip {
  position:absolute; left:-9999px; top:8px; z-index:100;
  background:var(--kiln); color:var(--on-accent);
  padding:10px 16px; border-radius:7px; font-size:14px; font-weight:600;
}
.skip:focus { left:8px; color:var(--on-accent); }

/* ---- brand mark ------------------------------------------------------- */
.mark {
  position:relative; display:inline-flex; align-items:center; justify-content:center;
  width:44px; height:44px; flex-shrink:0;
}
/* The mark is the app's own icon file, not a rounded square with a letter
   in it. It used to be redrawn here in CSS — a Poppins "e" on a gradient
   that had drifted from the real one — so the site showed a different mark
   from the app. One image, generated by scripts/make-app-icon.swift. */
.mark-sm { width:22px; height:22px; }
.brand { display:flex; align-items:center; gap:10px; }
/* Lowercase, and system UI: the mark is a lowercase e, so the word sets the
   same letterform twice and reads as a continuation of the icon. */
.wordmark {
  font-family:ui-sans-serif,-apple-system,'IBM Plex Sans',sans-serif;
  font-weight:600; font-size:27px; letter-spacing:-.01em;
  text-transform:lowercase; color:var(--ink);
}

/* ---- header ----------------------------------------------------------- */
.hdr {
  position:sticky; top:0; z-index:10;
  background:#FAFAFAF2; backdrop-filter:blur(6px);
  display:flex; align-items:center; justify-content:space-between;
  padding:16px var(--gutter);
}
/* The fire along the bottom of the header, in place of the hairline rule it
   replaces. 5px, full bleed, and it is the same gradient the app puts above
   its own toolbar — so the site's chrome and the app's agree on sight. */
.hdr::after {
  content:""; position:absolute; left:0; right:0; bottom:0; height:5px;
  background:var(--fire);
}
.nav { display:flex; align-items:center; gap:28px; }
.nav a { color:var(--n1); font-size:14px; }
.nav a[aria-current="page"] { color:var(--ink); font-weight:600; }
.nav a.cta {
  background:var(--fire); color:var(--on-accent);
  padding:9px 18px; border-radius:7px; font-size:14px; font-weight:600;
}
/* No colour change on hover — the gradient is the identity, and swapping it
   for a flat fill reads as the button breaking. Lift it slightly instead. */
.nav a.cta:hover { filter:brightness(1.08); color:var(--on-accent); }

.navtoggle {
  display:none; width:42px; height:38px; padding:9px 8px;
  background:none; border:1px solid var(--n5); border-radius:7px; cursor:pointer;
  flex-direction:column; justify-content:space-between;
}
.navtoggle span { display:block; height:2px; background:var(--ink); border-radius:2px; }

/* ---- footer ----------------------------------------------------------- */
.ftr { background:var(--ink); color:var(--n4); padding:56px var(--gutter) 32px; }
.ftr-grid {
  max-width:1100px; margin:0 auto;
  display:grid; grid-template-columns:2fr 1fr 1fr; gap:40px;
  padding-bottom:36px; border-bottom:1px solid #302E2B;
}
.ftr-brand { margin-bottom:12px; }
.ftr-brand .wordmark { color:var(--paper); font-size:15px; }
.ftr-blurb { font-size:13px; line-height:1.6; color:var(--n3); max-width:280px; margin:0; }
.ftr-col { display:flex; flex-direction:column; gap:10px; }
.ftr-col a { color:var(--n4); font-size:14px; }
.ftr-col a:hover { color:var(--on-accent); }
.ftr-head {
  color:var(--n3); font-size:12px; text-transform:uppercase;
  letter-spacing:.05em; margin-bottom:4px;
}
.ftr-legal { max-width:1100px; margin:0 auto; padding-top:20px; font-size:12px; color:var(--n2); }

/* ---- responsive ------------------------------------------------------- *
 * Not in the handoff. The hooks below (data-r) are added to the few
 * containers whose desktop geometry actually breaks: the nav, multi-column
 * grids, and the oversized display type. Everything else reflows on its own
 * once the gutter shrinks.
 */
@media (max-width:900px) {
  :root { --gutter:24px; }
  .ftr-grid { grid-template-columns:1fr 1fr; gap:32px; }
  .ftr-grid > :first-child { grid-column:1 / -1; }
}

@media (max-width:760px) {
  .navtoggle { display:flex; }
  .nav {
    display:none; position:absolute; top:100%; left:0; right:0;
    flex-direction:column; align-items:stretch; gap:0;
    background:var(--paper); border-bottom:1px solid var(--n5);
    padding:8px var(--gutter) 16px;
  }
  .nav.open { display:flex; }
  .nav a { padding:12px 0; font-size:16px; border-bottom:1px solid var(--n6); }
  .nav a.cta { margin-top:12px; text-align:center; border-bottom:0; }
  .hdr { position:relative; }
  .wordmark { font-size:22px; }
  .mark { width:36px; height:36px; }

  /* Display type: the handoff's 52px hero and 34–40px section heads are set
     for a 1440 canvas and overflow a phone. */
  [data-r="hero"] { font-size:34px !important; }
  [data-r="h2"] { font-size:26px !important; }
  [data-r="lede"] { font-size:16px !important; }

  /* Any multi-column grid becomes one column. */
  [data-r="cols"] { grid-template-columns:1fr !important; }
  [data-r="split"] { flex-direction:column !important; }
  [data-r="pad"] { padding-left:var(--gutter) !important; padding-right:var(--gutter) !important; }

  .ftr-grid { grid-template-columns:1fr; }
}

@media (prefers-reduced-motion: reduce) {
  * { animation:none !important; transition:none !important; scroll-behavior:auto !important; }
}


/* Release notes are generated from the appcast, so unlike the handoff's pages
   they arrive as plain HTML with no inline styles to lift into atoms. They
   are styled here instead. */
.notes h3 { font-size:14px; font-weight:600; margin:18px 0 6px; color:#2A2A28; }
.notes h3:first-child { margin-top:0; }
.notes ul { margin:0; padding-left:18px; color:#4A4A48; font-size:14px; line-height:1.7; }
.notes li { margin:6px 0; }
.notes strong { color:#2A2A28; font-weight:600; }


/* ---- generated from the design handoff's inline styles ---- */
.s0{flex:1}
.s1{max-width:920px;margin:0 auto;padding:88px 40px 48px;text-align:center}
.s2{font-size:52px;line-height:1.08;letter-spacing:-0.02em;margin:0 0 20px;font-weight:600}
.s3{font-size:19px;line-height:1.55;color:#4A4A48;max-width:620px;margin:0 auto 32px}
.s4{display:flex;gap:12px;justify-content:center}
.s5{background:linear-gradient(90deg,#C2410C,#F0862E);color:#FFF6F0;padding:13px 26px;border-radius:8px;font-size:15px;font-weight:600}
.s6{border:1px solid #C7C7C4;color:#171614;padding:13px 26px;border-radius:8px;font-size:15px;font-weight:500}
.s7{max-width:1040px;margin:0 auto;padding:0 40px 72px}
.s8{aspect-ratio:16/9.4;border-radius:14px;border:1px solid #23211E;overflow:hidden;box-shadow:0 24px 60px -20px #00000030}
.s9{width:100%;height:100%;object-fit:cover;display:block}
.sa{max-width:1100px;margin:0 auto;padding:80px 40px 8px}
.sb{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:32px}
.sc{font-size:16px;margin:0 0 8px;font-weight:600;color:#171614}
.sd{font-size:14.5px;line-height:1.6;color:#4A4A48;margin:0}
.se{max-width:1100px;margin:0 auto;padding:88px 40px 40px}
.sf{border:1px solid #E3E3E0;border-radius:14px;padding:32px;background:#fff;margin-bottom:28px}
.sg{font-family:'IBM Plex Mono',monospace;font-size:13px;color:#C2410C;margin-bottom:10px;letter-spacing:.02em}
.sh{font-size:18px;line-height:1.55;color:#171614;margin:0 0 10px;font-weight:500;max-width:640px}
.si{font-size:15px;line-height:1.6;color:#4A4A48;margin:0;max-width:640px}
.sj{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.sk{font-family:'IBM Plex Mono',monospace;font-size:13px;color:#C2410C;margin-bottom:8px}
.sl{font-size:15px;line-height:1.6;color:#4A4A48;margin:0}
.sm{text-align:center;margin-top:32px}
.sn{font-size:14px;font-weight:600}
.so{background:#EFEFED;padding:72px 40px;text-align:center}
.sp{font-size:24px;margin:0 0 28px;font-weight:600}
.sq{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;max-width:820px;margin:0 auto 28px}
.sr{border:1px solid #C2410C;border-radius:20px;padding:8px 16px;font-size:13.5px;background:#fff;color:#C2410C;font-weight:600}
.ss{border:1px solid #C7C7C4;border-radius:20px;padding:8px 16px;font-size:13.5px;background:#fff}
.st{background:#EFEFED;padding:64px 40px;text-align:center}
.su{font-size:24px;margin:0 0 14px;font-weight:600}
.sv{font-size:15px;color:#4A4A48;margin:0 0 26px}
.sw{background:#C2410C;color:#FFF6F0;padding:13px 26px;border-radius:8px;font-size:15px;font-weight:600;display:inline-block}
.sx{max-width:760px;margin:0 auto;padding:80px 40px 24px;text-align:center}
.sy{font-size:44px;margin:0 0 16px;font-weight:600;letter-spacing:-0.02em}
.sz{font-size:17px;line-height:1.6;color:#4A4A48;margin:0}
.s10{max-width:1100px;margin:0 auto;padding:56px 40px 0}
.s11{background:#EFEFED;margin:0 -40px;padding:80px 40px;margin-bottom:96px}
.s12{max-width:1020px;margin:0 auto}
.s13{aspect-ratio:2040/586;border-radius:12px;border:1px solid #23211E;margin-bottom:14px;overflow:hidden}
.s14{display:flex;gap:8px;flex-wrap:wrap;font-family:'IBM Plex Mono',monospace;font-size:11px}
.s15{border:1px solid #C7C7C4;border-radius:6px;padding:5px 10px}
.s16{width:1px;background:#C7C7C4;margin:0 4px}
.s17{display:grid;grid-template-columns:1fr 1fr;gap:56px;margin-top:40px}
.s18{font-family:'IBM Plex Mono',monospace;font-size:13px;color:#C2410C;margin-bottom:10px}
.s19{font-size:30px;margin:0 0 14px;font-weight:600;letter-spacing:-0.01em}
.s1a{font-size:16px;line-height:1.65;color:#4A4A48;margin:0 0 22px}
.s1b{font-family:'IBM Plex Mono',monospace;background:#fff;border:1px solid #C7C7C4;border-radius:6px;padding:3px 8px;font-size:14px}
.s1c{display:flex;gap:6px;flex-wrap:wrap;font-family:'IBM Plex Mono',monospace;font-size:11px}
.s1d{border:1px solid #C7C7C4;border-radius:6px;padding:5px 9px}
.s1e{margin:0 0 20px;padding-left:18px;color:#4A4A48;font-size:14px;line-height:1.8}
.s1f{color:#171614}
.s1g{max-width:640px;margin:0 auto;padding:96px 20px;text-align:center}
.s1h{font-size:32px;margin:0 0 22px;font-weight:600;letter-spacing:-0.01em;line-height:1.3}
.s1i{font-size:16px;line-height:1.7;color:#4A4A48;margin:0 0 18px}
.s1j{font-family:'IBM Plex Mono',monospace}
.s1k{font-size:15px;line-height:1.7;color:#4A4A48;margin:0 0 28px}
.s1l{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;margin-bottom:96px}
.s1m{font-family:'IBM Plex Mono',monospace;background:#EFEFED;border:1px solid #E3E3E0;border-radius:6px;padding:3px 8px;font-size:14px}
.s1n{margin:0;padding-left:18px;color:#4A4A48;font-size:14px;line-height:1.8}
.s1o{aspect-ratio:16/10;border-radius:12px;border:1px solid #23211E;margin-bottom:14px;overflow:hidden}
.s1p{border:1px solid #E3E3E0;border-radius:10px;padding:16px;background:#fff;display:flex;flex-direction:column;gap:6px;font-family:'IBM Plex Mono',monospace;font-size:12.5px;color:#4A4A48}
.s1q{display:flex;justify-content:space-between}
.s1r{font-family:'IBM Plex Mono',monospace;background:#EFEFED;border:1px solid #E3E3E0;border-radius:6px;padding:2px 7px;font-size:13px}
.s1s{border-radius:12px;border:1px solid #E3E3E0;overflow:hidden}
.s1t{width:100%;height:auto;display:block}
.s1u{margin-bottom:96px}
.s1v{font-family:'IBM Plex Mono',monospace;font-size:13px;color:#C2410C;margin-bottom:10px;text-align:center}
.s1w{font-size:30px;margin:0 0 10px;font-weight:600;text-align:center;letter-spacing:-0.01em}
.s1x{font-size:16px;line-height:1.6;color:#4A4A48;margin:0 auto 32px;max-width:600px;text-align:center}
.s1y{max-width:640px;margin:0 auto 16px;border:1px solid #E3E3E0;border-radius:12px;padding:24px;background:#fff}
.s1z{display:flex;gap:10px;margin-bottom:20px}
.s20{flex:1;border:1px solid #C7C7C4;border-radius:7px;padding:10px 14px;font-family:'IBM Plex Mono',monospace;font-size:13px;color:#4A4A48}
.s21{background:#C2410C;color:#FFF6F0;border-radius:7px;padding:10px 16px;font-size:13px;font-weight:600}
.s22{display:flex;gap:14px;flex-wrap:wrap}
.s23{display:flex;align-items:center;gap:8px}
.s24{width:22px;height:22px;border-radius:5px;background:#635BFF}
.s25{font-family:'IBM Plex Mono',monospace;font-size:13px;color:#171614}
.s26{width:22px;height:22px;border-radius:5px;background:#0A2540}
.s27{width:22px;height:22px;border-radius:5px;background:#F6F9FC}
.s28{max-width:640px;margin:0 auto;border:1px solid #E3E3E0;border-radius:12px;padding:24px;background:#fff}
.s29{width:22px;height:22px;border-radius:5px;background:#06B6D4}
.s2a{width:22px;height:22px;border-radius:5px;background:#0F172A}
.s2b{text-align:center;color:#8A8886;font-size:13px;margin-top:20px}
.s2c{font-size:13px;color:#8A8886;margin:22px 0 0}
.s2d{display:flex;flex-direction:column;gap:14px}
.s2e{aspect-ratio:16/10;border-radius:12px;border:1px solid #23211E;overflow:hidden}
.s2f{border:1px solid #E3E3E0;border-radius:10px;padding:16px;background:#fff;display:flex;align-items:center;justify-content:space-between;font-size:13px}
.s2g{color:#4A4A48}
.s2h{font-family:'IBM Plex Mono',monospace;color:#171614}
.s2i{display:flex;gap:8px}
.s2j{border:1px solid #C7C7C4;border-radius:6px;padding:5px 10px;font-size:12px}
.s2k{background:#C2410C;color:#FFF6F0;border-radius:6px;padding:5px 10px;font-size:12px}
.s2l{font-size:28px;margin:0 0 10px;font-weight:600;text-align:center;letter-spacing:-0.01em}
.s2m{font-size:15px;line-height:1.6;color:#4A4A48;margin:0 auto 36px;max-width:560px;text-align:center}
.s2n{color:#8A8886}
.s2o{display:flex;gap:14px;max-width:700px;margin:0 auto;justify-content:center}
.s2p{flex:1;text-align:center}
.s2q{aspect-ratio:1;border-radius:10px;background:#171614;margin-bottom:8px}
.s2r{font-size:12px;color:#8A8886}
.s2s{aspect-ratio:1;border-radius:10px;background:#4A4A48;margin-bottom:8px}
.s2t{aspect-ratio:1;border-radius:10px;background:#C2410C;margin-bottom:8px}
.s2u{aspect-ratio:1;border-radius:10px;background:#F0862E;margin-bottom:8px}
.s2v{aspect-ratio:1;border-radius:10px;background:#FAFAFA;border:1px solid #E3E3E0;margin-bottom:8px}
.s2w{max-width:820px;margin:0 auto;text-align:center}
.s2x{font-size:28px;margin:0 0 16px;font-weight:600;letter-spacing:-0.01em}
.s2y{font-size:15px;line-height:1.65;color:#4A4A48;margin:0 auto 28px;max-width:600px}
.s2z{display:flex;gap:16px;max-width:420px;margin:0 auto 24px}
.s30{flex:1;border:1px solid #E3E3E0;border-radius:10px;padding:18px;background:#fff}
.s31{font-size:12px;color:#8A8886;margin-bottom:6px}
.s32{font-family:'IBM Plex Mono',monospace;font-size:22px;font-weight:600;color:#171614}
.s33{font-size:12px;color:#4A6B4A;margin-top:4px}
.s34{font-size:12px;color:#8A6A2A;margin-top:4px}
.s35{font-size:14px;font-weight:600;color:#171614;margin:0}
.s36{max-width:900px;margin:0 auto;padding:96px 20px 80px}
.s37{font-size:15px;line-height:1.6;color:#4A4A48;margin:0 auto 32px;max-width:600px;text-align:center}
.s38{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}
.s39{background:#171614;border-radius:10px;padding:16px;font-family:'IBM Plex Mono',monospace;font-size:12px;color:#C7C7C4;line-height:1.7}
.s3a{background:#EFEFED;padding:64px 40px}
.s3b{max-width:820px;margin:0 auto}
.s3c{font-family:'IBM Plex Mono',monospace;font-size:12px;color:#C2410C;letter-spacing:.06em;margin-bottom:10px}
.s3d{font-size:30px;line-height:1.2;margin:0 0 14px;font-weight:600}
.s3e{font-size:16px;line-height:1.7;color:#4A4A48;margin:0 0 14px;max-width:660px}
.s3f{font-size:16px;line-height:1.7;color:#4A4A48;margin:0 0 22px;max-width:660px}
.s3g{background:linear-gradient(90deg,#171614,#4C0519);padding:72px 40px;text-align:center}
.s3h{color:#FAFAFA;font-size:22px;margin:0 0 18px;font-weight:600}
.s3i{background:linear-gradient(90deg,#C2410C,#F0862E);color:#FFF6F0;padding:13px 26px;border-radius:8px;font-size:14px;font-weight:600;display:inline-block}
.s3j{max-width:820px;margin:0 auto;padding:80px 40px 32px}
.s3k{font-size:40px;line-height:1.15;margin:0 0 14px;font-weight:600;letter-spacing:-0.02em}
.s3l{padding:8px 40px 80px}
.s3m{font-size:16px;line-height:1.65;color:#4A4A48;margin:0 0 28px;max-width:640px}
.s3n{background:#fff;border:1px solid #E3E3E0;border-radius:12px;overflow:hidden;margin-bottom:24px}
.s3o{display:grid;grid-template-columns:1fr 1fr;background:#FAFAFA;border-bottom:1px solid #E3E3E0;padding:12px 20px;font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:#6B6B69}
.s3p{display:grid;grid-template-columns:1fr 1fr;padding:20px}
.s3q{margin:0;padding-left:18px;font-size:14px;line-height:1.85;color:#4A4A48}
.s3r{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.s3s{font-size:15px;margin:0 0 10px;font-weight:600}
.s3t{margin:0;padding-left:18px;font-size:14px;line-height:1.8;color:#4A4A48}
.s3u{font-size:14px;line-height:1.7;color:#6B6B69;margin:26px 0 0}
.s3v{max-width:720px;margin:0 auto;padding:80px 40px 32px;text-align:center}
.s3w{max-width:1100px;margin:0 auto;padding:32px 40px 0;display:flex;flex-direction:column}
.s3x{padding:8px 0 56px;border-bottom:1px solid #E3E3E0}
.s3y{font-size:22px;line-height:1.45;margin:0 0 10px;font-weight:500;max-width:700px}
.s3z{font-size:16px;line-height:1.65;color:#4A4A48;margin:0 0 26px;max-width:700px}
.s40{display:grid;grid-template-columns:1fr 1fr;gap:20px 40px;max-width:860px}
.s41{font-size:15px;margin:0 0 5px;font-weight:600;color:#171614}
.s42{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;padding:64px 0;border-bottom:1px solid #E3E3E0}
.s43{font-size:22px;line-height:1.45;margin:0 0 18px;font-weight:500}
.s44{font-size:14px;color:#4A4A48;margin:0}
.s45{order:1;aspect-ratio:16/10;border-radius:12px;border:1px solid #23211E;background:repeating-linear-gradient(135deg,#1D1B18 0px,#1D1B18 12px,#171614 12px,#171614 24px);display:flex;align-items:center;justify-content:center;color:#7A7876;font-family:'IBM Plex Mono',monospace;font-size:12px;text-align:center;padding:20px}
.s46{order:2}
.s47{font-family:'IBM Plex Mono',monospace;font-size:18px}
.s48{aspect-ratio:16/10;border-radius:12px;border:1px solid #23211E;background:repeating-linear-gradient(135deg,#1D1B18 0px,#1D1B18 12px,#171614 12px,#171614 24px);display:flex;align-items:center;justify-content:center;color:#7A7876;font-family:'IBM Plex Mono',monospace;font-size:12px;text-align:center;padding:20px}
.s49{font-size:14px;color:#4A4A48;margin:0 0 16px}
.s4a{font-size:13px;font-weight:600}
.s4b{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;padding:64px 0}
.s4c{order:1;aspect-ratio:16/10;border-radius:12px;border:1px solid #23211E;overflow:hidden}
.s4d{background:#171614;padding:64px 40px;text-align:center}
.s4e{color:#FAFAFA;font-size:26px;margin:0 0 12px;font-weight:600}
.s4f{color:#C7C7C4;font-size:15px;margin:0 0 24px}
.s4g{background:#C2410C;color:#FFF6F0;padding:13px 26px;border-radius:8px;font-size:15px;font-weight:600}
.s4h{border:1px solid #4A4A48;color:#FAFAFA;padding:13px 26px;border-radius:8px;font-size:15px;font-weight:500}
.s4i{flex:1;max-width:760px;margin:0 auto;padding:72px 40px 96px;width:100%}
.s4j{font-size:40px;margin:0 0 14px;font-weight:600;text-align:center}
.s4k{text-align:center;color:#4A4A48;font-size:16px;margin:0 0 8px}
.s4l{border:1px solid #E3D9C7;background:#FDF8F0;border-radius:12px;padding:28px 32px;margin:32px 0 28px}
.s4m{font-size:17px;margin:0 0 10px;font-weight:600}
.s4n{margin:0 0 14px;color:#4A4A48;font-size:14.5px;line-height:1.65}
.s4o{margin:0;color:#4A4A48;font-size:14.5px;line-height:1.65}
.s4p{display:flex;justify-content:center;margin:0 0 8px}
.s4q{background:#C2410C;color:#FFF6F0;padding:15px 32px;border-radius:8px;font-size:16px;font-weight:600}
.s4r{text-align:center;color:#8A8886;font-size:13px;margin:0 0 56px}
.s4s{border:1px solid #E3E3E0;border-radius:12px;padding:28px 32px;margin-bottom:28px}
.s4t{font-size:16px;margin:0 0 14px;font-weight:600}
.s4u{margin:0;padding-left:20px;color:#4A4A48;font-size:15px;line-height:1.7}
.s4v{font-size:16px;margin:0 0 16px;font-weight:600}
.s4w{display:flex;flex-direction:column;gap:18px}
.s4x{font-weight:600;font-size:14px;margin-bottom:4px}
.s4y{margin:0;color:#4A4A48;font-size:14px;line-height:1.6}
.s4z{margin:16px 0 0;color:#8A8886;font-size:13px;line-height:1.6}
.s50{border:1px solid #E3D9C7;background:#FDF8F0;border-radius:12px;padding:28px 32px}
.s51{font-size:16px;margin:0 0 12px;font-weight:600}
.s52{margin:0 0 14px;color:#4A4A48;font-size:14px;line-height:1.6}
.s53{margin:0;padding-left:20px;color:#4A4A48;font-size:14px;line-height:1.8}
.s54{max-width:720px;margin:0 auto;padding:72px 40px 40px;text-align:center}
.s55{font-size:40px;margin:0 0 14px;font-weight:600}
.s56{color:#4A4A48;font-size:16px;margin:0}
.s57{color:#8A8886;font-size:14px;margin:14px 0 0}
.s58{color:#8A8886;font-size:13px;margin:10px 0 0}
.s59{max-width:820px;margin:0 auto;padding:0 40px 24px;display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}
.s5a{border:1px solid #E3E3E0;border-radius:14px;padding:32px;background:#fff}
.s5b{font-size:18px;margin:0 0 6px;font-weight:600}
.s5c{font-family:'IBM Plex Mono',monospace;font-size:34px;font-weight:600;margin-bottom:2px}
.s5d{color:#8A8886;font-size:13px;margin-bottom:18px}
.s5e{margin:0 0 24px;padding-left:18px;color:#4A4A48;font-size:14px;line-height:1.8}
.s5f{display:block;text-align:center;border:1px solid #C7C7C4;color:#171614;padding:12px;border-radius:8px;font-size:14px;font-weight:600}
.s5g{border:2px solid #C2410C;border-radius:14px;padding:32px;background:#fff;position:relative}
.s5h{position:absolute;top:-12px;left:24px;background:#C2410C;color:#FFF6F0;font-size:11px;font-weight:600;letter-spacing:.04em;padding:4px 10px;border-radius:5px;text-transform:uppercase}
.s5i{display:block;text-align:center;background:#C2410C;color:#FFF6F0;padding:12px;border-radius:8px;font-size:14px;font-weight:600}
.s5j{max-width:820px;margin:0 auto;padding:8px 40px 0}
.s5k{color:#6B6B69;font-size:13.5px;line-height:1.7;margin:0;text-align:center}
.s5l{max-width:1020px;margin:0 auto;padding:72px 40px 8px}
.s5m{font-size:26px;margin:0 0 8px;font-weight:600;text-align:center}
.s5n{color:#4A4A48;font-size:15px;margin:0 0 36px;text-align:center}
.s5o{display:grid;grid-template-columns:1fr 1fr 1fr;gap:32px}
.s5p{font-size:16px;margin:0 0 8px;font-weight:600}
.s5q{max-width:820px;margin:0 auto;padding:64px 40px 8px}
.s5r{font-size:26px;margin:0 0 28px;font-weight:600;text-align:center}
.s5s{display:flex;flex-direction:column;gap:22px}
.s5t{font-size:15.5px;margin:0 0 6px;font-weight:600}
.s5u{font-size:14.5px;line-height:1.65;color:#4A4A48;margin:0}
.s5v{text-align:center;padding-bottom:64px}
.s5w{color:#4A4A48;font-size:14px}
.s5x{flex:1;max-width:480px;margin:0 auto;padding:64px 40px;width:100%}
.s5y{font-size:26px;margin:0 0 6px;font-weight:600}
.s5z{color:#8A8886;font-size:13px;margin:0 0 32px}
.s60{font-family:'IBM Plex Mono',monospace;color:#4A4A48}
.s61{border:1px solid #E3E3E0;border-radius:12px;padding:24px;margin-bottom:20px;background:#fff}
.s62{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4px}
.s63{font-weight:600;font-size:15px}
.s64{font-family:'IBM Plex Mono',monospace;font-size:20px;font-weight:600}
.s65{color:#8A8886;font-size:13px}
.s66{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:#4A4A48;line-height:1.6;margin-bottom:24px}
.s67{margin-top:2px}
.s68{width:100%;background:#C7C7C4;color:#FAFAFA;border:none;padding:14px;border-radius:8px;font-size:15px;font-weight:600;cursor:not-allowed}
.s69{text-align:center;color:#8A8886;font-size:12px;margin-top:12px}
.s6a{font-size:44px;margin:0 0 18px;font-weight:600;letter-spacing:-0.01em}
.s6b{color:#4A4A48;font-size:17px;line-height:1.6;margin:0 0 32px}
.s6c{max-width:1040px;margin:0 auto;padding:24px 40px 64px}
.s6d{aspect-ratio:16/9.4;border-radius:14px;border:1px solid #23211E;background:repeating-linear-gradient(135deg,#1D1B18 0px,#1D1B18 12px,#171614 12px,#171614 24px);display:flex;align-items:center;justify-content:center;color:#7A7876;font-family:'IBM Plex Mono',monospace;font-size:13px;text-align:center;padding:24px}
.s6e{max-width:900px;margin:0 auto;padding:0 40px 80px;display:grid;grid-template-columns:1fr 1fr;gap:40px}
.s6f{font-family:'IBM Plex Mono',monospace;font-size:34px;font-weight:600;margin-bottom:6px}
.s6g{color:#4A4A48;font-size:14px;margin:0}
.s6h{background:#171614;padding:56px 40px}
.s6i{max-width:640px;margin:0 auto}
.s6j{color:#FAFAFA;font-size:22px;margin:0 0 20px;font-weight:600;text-align:center}
.s6k{color:#C7C7C4;font-size:15px;line-height:1.9;margin:0;padding-left:20px}
.s6l{text-align:center;padding:64px 40px}
.s6m{color:#8A8886;font-size:13px;margin-top:14px}
.s6n{flex:1;max-width:680px;margin:0 auto;padding:64px 40px 96px;width:100%}
.s6o{font-size:34px;margin:0 0 6px;font-weight:600}
.s6p{color:#8A8886;font-size:13px;margin:0 0 40px}
.s6q{font-size:15px;line-height:1.7;color:#4A4A48;margin:0 0 32px}
.s6r{font-size:18px;margin:32px 0 12px;font-weight:600}
.s6s{font-size:15px;line-height:1.7;color:#4A4A48;margin:0}
.s6t{margin:0;padding-left:20px;color:#4A4A48;font-size:15px;line-height:1.8}
.s6u{font-size:15px;line-height:1.7;color:#4A4A48;margin:0 0 12px}
.s6v{margin:0 0 12px;padding-left:20px;color:#4A4A48;font-size:15px;line-height:1.8}
.s6w{font-size:34px;margin:0 0 10px;font-weight:600}
.s6x{border:1px solid #E3E3E0;border-radius:12px;padding:22px;background:#fff;margin-bottom:40px}
.s6y{color:#8A8886;font-size:12px;text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px}
.s6z{font-size:16px;font-weight:600}
.s70{font-size:34px;margin:0 0 8px;font-weight:600}
.s71{color:#8A8886;font-size:14px;margin:0 0 48px}
.s72{display:flex;flex-direction:column;gap:36px}
.s73{border-left:2px solid #E3E3E0;padding-left:20px}
.s74{display:flex;align-items:baseline;gap:10px;margin-bottom:8px}
.s75{font-family:'IBM Plex Mono',monospace;font-weight:600;font-size:15px}
.s76{margin:0;color:#4A4A48;font-size:14px;line-height:1.7}
.s77{margin-top:56px;border:1px solid #E3E3E0;border-radius:12px;padding:22px 26px;background:#fff}
.s78{margin:0;color:#4A4A48;font-size:13px;line-height:1.6}

@media (max-width:760px){
.s1{padding:88px 24px 48px 24px}
.s2{font-size:34px}
.sa{padding:80px 24px 8px 24px}
.sb{grid-template-columns:1fr}
.se{padding:88px 24px 40px 24px}
.sj{grid-template-columns:1fr}
.so{padding:72px 24px 72px 24px}
.st{padding:64px 24px 64px 24px}
.sx{padding:80px 24px 24px 24px}
.sy{font-size:29px}
.s10{padding:56px 24px 56px 24px}
.s11{padding:80px 24px 80px 24px;margin:0 -24px}
.s17{grid-template-columns:1fr}
.s19{font-size:23px}
.s1h{font-size:24px}
.s1l{grid-template-columns:1fr}
.s1w{font-size:23px}
.s38{grid-template-columns:1fr}
.s3a{padding:64px 24px 64px 24px}
.s3d{font-size:23px}
.s3g{padding:72px 24px 72px 24px}
.s3j{padding:80px 24px 32px 24px}
.s3k{font-size:26px}
.s3l{padding:8px 24px 80px 24px}
.s3o{grid-template-columns:1fr}
.s3p{grid-template-columns:1fr}
.s3r{grid-template-columns:1fr}
.s3v{padding:80px 24px 32px 24px}
.s3w{padding:32px 24px 32px 24px}
.s40{grid-template-columns:1fr}
.s42{grid-template-columns:1fr}
.s4b{grid-template-columns:1fr}
.s4d{padding:64px 24px 64px 24px}
.s4i{padding:72px 24px 96px 24px}
.s4j{font-size:26px}
.s54{padding:72px 24px 40px 24px}
.s55{font-size:26px}
.s59{grid-template-columns:1fr}
.s5c{font-size:26px}
.s5j{padding:8px 24px 8px 24px}
.s5l{padding:72px 24px 8px 24px}
.s5o{grid-template-columns:1fr}
.s5q{padding:64px 24px 8px 24px}
.s5x{padding:64px 24px 64px 24px}
.s6a{font-size:29px}
.s6c{padding:24px 24px 64px 24px}
.s6e{grid-template-columns:1fr}
.s6f{font-size:26px}
.s6h{padding:56px 24px 56px 24px}
.s6l{padding:64px 24px 64px 24px}
.s6n{padding:64px 24px 96px 24px}
.s6o{font-size:26px}
.s6w{font-size:26px}
.s70{font-size:26px}
}