html { scroll-behavior: smooth; }
  body { margin: 0; background: #3b313f; color: #f2f0f4; font-family: "IBM Plex Sans", "Noto Sans SC", "Noto Sans JP", system-ui, sans-serif; -webkit-font-smoothing: antialiased; }
  * { box-sizing: border-box; }
  a { color: #e4a280; text-decoration: none; }
  a:hover { color: #f2c3a8; }
  input, select, button { font: inherit; }
  ::selection { background: #e4a280; color: #3b313f; }

  /* Step images: the sticky column carries the narrative on wide screens,
     an inline image under each block carries it on narrow ones. */
  .step-inline { display: none; }
  @media (max-width: 860px) {
    .step-inline { display: block; width: 100%; height: auto; border-radius: 8px; background: #fff; box-shadow: 0 30px 70px -30px rgba(59,49,63,.45), 0 0 0 1px rgba(59,49,63,.07); }
    .step-sticky { display: none; }
    .step-block { min-height: 0 !important; padding: 56px 0 !important; }
  }

  @media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    *, *::before, *::after {
      animation-duration: .01ms !important;
      animation-iteration-count: 1 !important;
      transition-duration: .01ms !important;
    }
  }

.cc6d48fb{width:100%; overflow-x:clip; background:#3b313f;}
.c7a71177{position:fixed; top:0; left:0; right:0; z-index:50; display:flex; align-items:center; justify-content:space-between; padding:20px 32px; mix-blend-mode:normal;}
.c8821e21{display:flex; align-items:center; gap:12px;}
.cd8c191c{height:26px; width:auto; display:block; filter:drop-shadow(0 1px 6px rgba(0,0,0,.35));}
.c8ee9875{font-family:'Space Grotesk','Noto Sans SC','Noto Sans JP',sans-serif; font-weight:500; font-size:22px; letter-spacing:-.01em; color:#ffffff; line-height:1;}
.ce3f2de9{display:flex; align-items:center; gap:8px;}
.c7bf53eb{background:#e4a280;color:#3b313f;border:1px solid #e4a280;border-radius:999px;padding:8px 12px;font-family:'IBM Plex Mono','Noto Sans SC','Noto Sans JP',monospace;font-size:12px;letter-spacing:.08em;line-height:1;display:inline-block;}
.c42bbc53{background:transparent;color:#c1c6d1;border:1px solid rgba(193,198,209,.45);border-radius:999px;padding:8px 12px;font-family:'IBM Plex Mono','Noto Sans SC','Noto Sans JP',monospace;font-size:12px;letter-spacing:.08em;line-height:1;display:inline-block;}
.cf780b64{min-height:100svh; display:grid; grid-template-rows:1fr auto; padding:120px 32px 40px; max-width:1180px; margin:0 auto;}
.c1d9bc3a{display:flex; flex-direction:column; justify-content:center; gap:32px;}
.cafd38ae{width:8px; height:8px; background:#e4a280; border-radius:50%; display:block;}
.ce1bbe20{font-family:'IBM Plex Mono','Noto Sans SC','Noto Sans JP',monospace; font-size:13px; letter-spacing:.14em; text-transform:uppercase; color:#c1c6d1;}
.c537671c{margin:0; font-family:'Space Grotesk','Noto Sans SC','Noto Sans JP',sans-serif; font-weight:700; font-size:clamp(44px,7.4vw,104px); line-height:.96; letter-spacing:-.03em; max-width:15ch; text-wrap:balance;}
.cf10b8a0{color:#85a0d1;}
.c13ef2e3{margin:0; max-width:52ch; font-size:clamp(17px,1.6vw,21px); line-height:1.55; color:#c1c6d1; text-wrap:pretty; white-space:pre-line;}
.c39a7009{display:flex; flex-wrap:wrap; gap:16px; align-items:center;}
.caa08cdb{display:inline-flex; align-items:center; gap:8px; background:#e4a280; color:#3b313f; padding:16px 24px; border-radius:999px; font-family:'Space Grotesk','Noto Sans SC','Noto Sans JP',sans-serif; font-weight:500; font-size:16px;}
.caa08cdb:hover{background:#f2c3a8;}
.c8497293{display:flex; align-items:center; gap:16px; padding-top:48px; color:#6f6678; font-family:'IBM Plex Mono','Noto Sans SC','Noto Sans JP',monospace; font-size:12px; letter-spacing:.14em; text-transform:uppercase;}
.c2fe310f{flex:1; height:1px; background:linear-gradient(90deg,#6f6678,transparent); max-width:220px; display:block;}
.c6b5546f{background:#eef0f3; color:#3b313f; position:relative;}
.cd606e36{max-width:1400px; margin:0 auto; padding:clamp(72px,9vw,120px) clamp(24px,4vw,64px) 0; display:flex; flex-direction:column; gap:16px;}
.c110b1f5{width:8px; height:8px; background:#7257a4; border-radius:50%; display:block;}
.c70ba328{font-family:'IBM Plex Mono','Noto Sans SC','Noto Sans JP',monospace; font-size:13px; letter-spacing:.14em; text-transform:uppercase; color:#6f6678;}
.c64d7182{margin:0; max-width:22ch; font-family:'Space Grotesk','Noto Sans SC','Noto Sans JP',sans-serif; font-weight:700; font-size:clamp(30px,3.8vw,52px); line-height:1.04; letter-spacing:-.025em; text-wrap:balance;}
.ccf61cb6{max-width:1400px; margin:0 auto; display:grid; grid-template-columns:repeat(auto-fit,minmax(min(400px,100%),1fr)); gap:0; align-items:start;}
.c4a91720{padding:0 clamp(24px,4vw,64px);}
.c06962bb{min-height:100svh; display:flex; flex-direction:column; justify-content:center; gap:16px; padding:80px 0;}
.cab0a281{display:flex; align-items:baseline; gap:16px;}
.c8346e19{font-family:'IBM Plex Mono','Noto Sans SC','Noto Sans JP',monospace; font-size:13px; color:#7257a4; letter-spacing:.16em;}
.c204a282{height:1px; width:36px; background:#c1c6d1; display:block;}
.c223e800{margin:0; font-family:'Space Grotesk','Noto Sans SC','Noto Sans JP',sans-serif; font-weight:700; font-size:clamp(30px,3.5vw,46px); line-height:1.04; letter-spacing:-.02em;}
.c14b2cf4{margin:0; max-width:38ch; font-size:17px; line-height:1.6; color:#514a57; text-wrap:pretty; white-space:pre-line;}
.ceaaafdc{position:sticky; top:0; height:100svh; display:flex; align-items:center; justify-content:center; padding:clamp(24px,4vw,72px);}
.c030caf7{position:relative; width:100%; max-width:760px; aspect-ratio:1/1; border-radius:8px; background:#ffffff; box-shadow:0 30px 70px -30px rgba(59,49,63,.45), 0 0 0 1px rgba(59,49,63,.07);}
.c73557f2{position:absolute; inset:0; width:100%; height:100%; object-fit:contain; opacity:1; transition:opacity .5s ease;}
.c97aeed2{position:absolute; inset:0; width:100%; height:100%; object-fit:contain; opacity:0; transition:opacity .5s ease;}
.c2e88c47{position:absolute; left:0; right:0; bottom:-40px; display:flex; justify-content:center; gap:8px;}
.c1d858a9{width:22px; height:3px; background:#3b313f; border-radius:999px; display:block; transition:background .4s ease;}
.c2af84ef{width:22px; height:3px; background:#c1c6d1; border-radius:999px; display:block; transition:background .4s ease;}
.ca1ce83f{padding:clamp(80px,10vw,150px) 32px; max-width:1180px; margin:0 auto;}
.cdfa7605{display:grid; grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr)); gap:clamp(40px,6vw,90px); align-items:start;}
.ca2e1b5a{display:flex; flex-direction:column; gap:24px;}
.cf146c00{font-family:'IBM Plex Mono','Noto Sans SC','Noto Sans JP',monospace; font-size:13px; letter-spacing:.14em; text-transform:uppercase; color:#e4a280;}
.c26440eb{margin:0; font-family:'Space Grotesk','Noto Sans SC','Noto Sans JP',sans-serif; font-weight:700; font-size:clamp(34px,4.6vw,60px); line-height:1.02; letter-spacing:-.025em; text-wrap:balance;}
.c027222c{margin:0; max-width:40ch; font-size:17px; line-height:1.6; color:#c1c6d1; text-wrap:pretty;}
.c538230f{display:flex; flex-direction:column; gap:20px; background:#453a4a; padding:clamp(24px,3vw,38px); border-radius:14px; border:1px solid #574b5d;}
.c9148ae5{display:flex; flex-direction:column; gap:8px;}
.c060470c{font-family:'IBM Plex Mono','Noto Sans SC','Noto Sans JP',monospace; font-size:12px; letter-spacing:.14em; text-transform:uppercase; color:#c1c6d1;}
.cc2d2c03{background:#3b313f; border:1px solid #6b5f72; border-radius:8px; padding:16px; color:#f2f0f4; font-size:16px; outline:none;}
.cc2d2c03:focus{border-color:#85a0d1;}
.c3259df6{background:#3b313f; border:1px solid #6b5f72; border-radius:8px; padding:16px; color:#f2f0f4; font-size:16px; outline:none; appearance:none;}
.c3259df6:focus{border-color:#85a0d1;}
.c24d5f87{margin-top:8px; background:#e4a280; color:#3b313f; border:none; border-radius:999px; padding:16px 24px; font-family:'Space Grotesk','Noto Sans SC','Noto Sans JP',sans-serif; font-weight:500; font-size:16px; transition:opacity .18s ease-out; opacity:1; cursor:pointer;}
.c24d5f87:hover{background:#f2c3a8;}
.cedb463c{margin:0; font-family:'IBM Plex Mono','Noto Sans SC','Noto Sans JP',monospace; font-size:12px; line-height:1.6; color:#9a90a3;}
.c3e451d7{margin:0; font-size:14px; line-height:1.55; color:#85a0d1;}
.c92d9b35{border-top:1px solid #4d4254; padding:32px; display:flex; flex-wrap:wrap; gap:16px; align-items:center; justify-content:space-between; max-width:1180px; margin:0 auto;}
.cd3458fe{height:20px; width:auto; display:block; opacity:.8;}
.c80d2063{display:flex; gap:24px; align-items:center; font-family:'IBM Plex Mono','Noto Sans SC','Noto Sans JP',monospace; font-size:12px; color:#9a90a3; letter-spacing:.04em;}
.is-busy{opacity:.55;cursor:default;pointer-events:none}