/* QPCS — one character, one continuous story. Native HTML is the default. */
.home-story {
  --story-blue:#078fc9;
  --story-ink:#17394b;
  --story-muted:#607b8c;
  --story-coral:#df694f;
  --story-line:#d9eaf4;
  --story-header:153px;
  position:relative;
  isolation:isolate;
  color:var(--story-ink);
  background:#f8fcff;
}
.home-story :is(h1,h2,h3) {color:var(--story-ink);text-wrap:pretty}
.home-story :is(h1,h2,h3) em {color:var(--story-blue);font-style:normal}
.home-story a {text-decoration-thickness:1px}
.story-nav {
  position:relative;
  z-index:12;
  background:#ffffffed;
  border-bottom:1px solid var(--story-line);
}
.story-nav-inner {display:flex;align-items:center;gap:20px;min-height:61px}
.story-chapter-links {display:flex;align-items:center;gap:25px;min-width:0;flex:1;overflow-x:auto;scrollbar-width:none}
.story-chapter-links::-webkit-scrollbar {display:none}
.story-chapter-links a {
  flex:0 0 auto;
  padding:21px 0 18px;
  color:#6a8291;
  font-size:11px;
  line-height:1.4;
  font-weight:600;
  text-decoration:none;
  white-space:nowrap;
  border-bottom:2px solid transparent;
}
.story-chapter-links a:hover,.story-chapter-links a[aria-current="step"] {color:var(--story-blue);border-bottom-color:var(--story-blue)}
.story-nav-count {font-size:10px;letter-spacing:1px;color:#8ca0ad;white-space:nowrap;font-variant-numeric:tabular-nums}
.story-toggle {
  flex-shrink:0;
  border:1px solid #cddfe9;
  background:#f7fbfe;
  color:#486c80;
  padding:8px 12px;
  border-radius:20px;
  font-size:10px;
  line-height:1.4;
  white-space:nowrap;
}
.story-toggle:hover {background:#eaf7ff;border-color:#a6d4e9;color:#087caf}
.story-progress-track {position:absolute;left:0;right:0;bottom:0;display:block;height:2px;background:#e5f0f6;pointer-events:none}
.story-progress-track i {display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:0 50%;background:linear-gradient(90deg,#39b3e1,#0794cd)}
.story-stage {display:none}
.story-chapter {
  position:relative;
  padding:92px 0;
  border-bottom:1px solid var(--story-line);
  scroll-margin-top:calc(var(--story-header) + 18px);
}
.story-chapter--hello {padding-top:32px;background:radial-gradient(ellipse at 75% 50%,#e7f4ff 0,#f5fbff 43%,#fff 85%)}
.story-chapter--help {background:#fff}
.story-chapter--works,.story-chapter--process {background:#fff}
.story-chapter-content {position:relative}
.story-chapter-heading {position:relative;padding:0 0 46px;min-height:180px}
.story-chapter-heading h2 {max-width:760px;margin:0;font-size:clamp(32px,4vw,52px);line-height:1.1;letter-spacing:-1.8px}
.story-chapter-heading>p:last-of-type:not(.story-eyebrow) {margin:18px 0 0;color:var(--story-muted);font-size:15px}
.story-chapter-art {
  position:absolute;
  right:15px;
  top:-40px;
  width:240px;
  height:240px;
  object-fit:contain;
  pointer-events:none;
  user-select:none;
}
.story-chapter--about .story-chapter-art,.story-chapter--contact .story-chapter-art {position:relative;inset:auto;width:100%;height:360px;grid-column:1/-1;justify-self:center;margin-bottom:10px}
.story-panel {
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,.84fr) minmax(0,1.25fr);
  align-items:center;
  gap:55px;
  padding:52px 0;
  min-width:0;
}
.story-panel+.story-panel {border-top:1px solid var(--story-line)}
.story-panel--hello,.story-panel--help {padding:12px 0;min-height:570px}
.story-copy {min-width:0;position:relative;z-index:2}
.story-eyebrow {
  display:flex;
  align-items:center;
  gap:12px;
  margin:0 0 24px;
  color:#607f91;
  font-size:10px;
  line-height:1.55;
  letter-spacing:1.15px;
  font-weight:650;
  text-transform:uppercase;
}
.story-eyebrow:before {content:"";flex:0 0 6px;width:6px;height:6px;border-radius:50%;background:var(--story-coral)}
.story-eyebrow>span {color:var(--story-blue);font-size:10px;letter-spacing:1px;font-variant-numeric:tabular-nums}
.story-copy :is(h1,h2,h3) {
  margin:0 0 24px;
  font-size:clamp(38px,4.7vw,67px);
  line-height:1.055;
  letter-spacing:-2.6px;
  font-weight:750;
}
.story-copy h1 {font-size:clamp(54px,6.4vw,91px);letter-spacing:-4.2px}
.story-lead {max-width:430px;margin:0;color:var(--story-muted);font-size:15px;line-height:1.8;text-wrap:pretty}
.story-actions {display:flex;align-items:center;flex-wrap:wrap;gap:23px;margin-top:30px}
.home-story .story-actions .button {border-radius:999px;padding:13px 23px;min-height:49px;gap:16px;font-size:12px;box-shadow:0 7px 20px #108fc714}
.story-text-action,.story-link {
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
  color:#087caf;
  font-size:12px;
  font-weight:650;
  line-height:1.65;
  text-decoration:none;
}
.story-link {margin-top:25px;padding-bottom:8px;border-bottom:1px solid #b8dbea}
.story-link span,.story-text-action span {display:inline-block;transition:transform .22s ease}
.story-link:hover span,.story-text-action:hover span {transform:translate(3px,-3px)}
.story-text-action:hover {text-decoration:underline}
.story-fallback-art {width:100%;height:560px;object-fit:contain;user-select:none;pointer-events:none}
.story-fallback-art--down {height:500px}
.story-screen {
  --story-bar:clamp(20px,5cqw,32px);
  position:relative;
  min-width:0;
  width:100%;
  aspect-ratio:8/5;
  overflow:hidden;
  container-type:inline-size;
  border:1px solid #cbdfeb;
  border-radius:14px;
  background:white;
  box-shadow:0 18px 60px #2d698c0e;
  color:var(--story-ink);
  transform-origin:0 0;
}
.story-browserbar {
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  height:var(--story-bar);
  padding:0 3.2cqw;
  border-bottom:1px solid #e3edf2;
  background:#f7fafc;
  color:#8b9aa4;
  font-size:clamp(7px,1.4cqw,9px);
  line-height:1;
  white-space:nowrap;
  overflow:hidden;
}
.story-browser-dots {display:flex;align-items:center;gap:4px}
.story-browser-dots i {width:5px;height:5px;border-radius:50%;background:#d4e2ea}
.story-browser-dots i:first-child {background:#e6b9ad}
.story-browser-dots i:nth-child(2) {background:#e8d6a7}
.story-browser-dots i:last-child {background:#a7d7c6}
.story-browser-lock {color:#a0b1bc;font-size:12px}
.story-demo-site {height:calc(100% - var(--story-bar));padding:0 5cqw;background:#fff}
.story-demo-nav {display:flex;align-items:center;gap:3.5cqw;height:9cqw;color:#76909f;font-size:1.45cqw}
.story-demo-brand {display:flex;align-items:center;gap:1cqw;margin-right:auto;color:#234c64;font-size:1.8cqw;font-weight:700}
.story-demo-brand i {display:block;width:1.9cqw;height:1.9cqw;border-radius:50%;background:#2aa7d7}
.story-demo-hero {display:grid;grid-template-columns:1.14fr 1fr;align-items:center;gap:4cqw;height:38cqw}
.story-demo-kicker {display:block;font-size:1.35cqw;color:#6b99ae;margin-bottom:2.5cqw;letter-spacing:.15cqw;text-transform:uppercase}
.story-demo-hero strong {display:block;color:#19445e;font-size:4.5cqw;letter-spacing:-.2cqw;line-height:1.12}
.story-demo-hero strong em {color:#1ba0d2;font-style:normal}
.story-demo-hero p {margin:2.3cqw 0 2.4cqw;color:#7a93a2;font-size:1.6cqw;line-height:1.55}
.story-demo-label {display:inline-flex;align-items:center;gap:4cqw;border-radius:20px;padding:1.2cqw 2cqw;background:#1197cd;color:#fff;font-size:1.35cqw}
.story-demo-label b {font-size:1.8cqw}
.story-demo-orbit {position:relative;display:grid;place-items:center;aspect-ratio:1;border:1px solid #d7ecfa;border-radius:50%;background:radial-gradient(ellipse,#e4f4ff,#f8fcff 66%,#fff 70%)}
.story-demo-orbit:after {content:"";position:absolute;inset:12%;border:1px solid #d8edf8;border-radius:50%;transform:rotate(25deg) scaleX(.8)}
.story-demo-orbit i {position:relative;z-index:1;width:63%;height:63%;border-radius:50%;background:radial-gradient(circle at 31% 23%,#c2eeff,#47b8e5 42%,#1190c9 70%,#246798);box-shadow:2cqw 2cqw 5cqw #4499c326,inset -.6cqw -.6cqw 1.5cqw #07528645}
.story-demo-orbit span {position:absolute;bottom:1.8cqw;color:#7d9aae;font-size:1.15cqw}
.story-demo-features {display:flex;gap:5cqw;align-items:center;border-top:1px solid #e5eff5;padding:2.2cqw 0;color:#6b8a9c;font-size:1.5cqw}
.story-demo-features span {display:flex;align-items:center;gap:1cqw}
.story-demo-features i {font-size:2cqw;color:#1b9bd0;font-style:normal}
.story-seo-board,.story-ads-board,.story-support-board,.story-process-board {position:relative;height:calc(100% - var(--story-bar));padding:4cqw 5cqw;overflow:hidden;background:linear-gradient(140deg,#fff,#f6fbff)}
.story-screen-eyebrow {margin:0 0 2cqw;color:#6d93a7;font-size:1.5cqw;font-weight:600;line-height:1.5;letter-spacing:.12cqw;text-transform:uppercase}
.story-seo-heading {display:flex;align-items:flex-start;justify-content:space-between;gap:3cqw}
.story-seo-heading>strong,.story-screen-title {display:block;color:#234e65;font-size:4.4cqw;line-height:1.13;letter-spacing:-.16cqw;font-weight:700}
.story-screen-title em {font-style:normal;color:#168fc1}
.story-small-tag {margin-top:.8cqw;border:1px solid #cce7f4;border-radius:20px;padding:.9cqw 1.4cqw;color:#3094b7;background:#effaff;font-size:1.25cqw;white-space:nowrap}
.story-chart {margin-top:2.5cqw}
.story-chart svg {width:100%;height:auto;display:block}
.story-chart-grid {stroke:#e3eef5;stroke-width:1}
.story-chart-line {stroke:#139acf;stroke-width:3.4;stroke-linecap:round}
.story-seo-pillars {display:flex;justify-content:space-between;gap:2cqw;padding-top:1.8cqw;border-top:1px solid #dfedf4;color:#6b899b;font-size:1.4cqw}
.story-seo-pillars span {display:flex;align-items:center;gap:1cqw}
.story-seo-pillars i {font-style:normal;font-size:1.2cqw;color:#2299c3}
.story-ad-example {position:relative;z-index:1;margin-top:3.5cqw;width:70%;padding:2.3cqw 2.7cqw;border:1px solid #d4e7f1;border-radius:1.7cqw;background:#fff;box-shadow:0 1cqw 2cqw #5897b408}
.story-ad-mark {color:#a6b3b8;font-size:1.15cqw;margin-bottom:1.4cqw}
.story-ad-example>strong {display:block;color:#2885b2;font-size:2.1cqw;line-height:1.3}
.story-ad-example p {margin:1.2cqw 0 1.7cqw;color:#7591a1;font-size:1.5cqw;line-height:1.6}
.story-ad-tags {display:flex;gap:.8cqw;flex-wrap:wrap}
.story-ad-tags span {padding:.5cqw 1cqw;border-radius:12px;background:#eef7fc;color:#6c96ac;font-size:1.1cqw}
.story-ad-target {position:absolute;right:4cqw;bottom:9cqw;width:21cqw;height:21cqw;display:grid;place-items:center}
.story-ad-target span {position:absolute;border:1px solid #d3e9f5;border-radius:50%;inset:0}
.story-ad-target span:nth-child(2) {inset:18%;background:#eef8fd}
.story-ad-target span:nth-child(3) {inset:36%;background:#c8eafa}
.story-ad-target b {position:relative;color:#168fbd;font-size:12cqw;line-height:1;font-weight:400;transform:translate(5cqw,-4cqw)}
.story-support-list {display:grid;gap:1.5cqw;margin-top:3cqw}
.story-support-list>div {display:flex;align-items:center;gap:2cqw;background:#fff;border:1px solid #e0edf4;padding:1.5cqw 2cqw;border-radius:1.5cqw}
.story-support-icon {display:grid;place-items:center;width:5cqw;height:5cqw;border-radius:1.2cqw;background:#edf8fe;color:#349dc9;font-size:2.5cqw}
.story-support-list strong {display:block;font-size:1.8cqw;color:#426c81}
.story-support-list small {display:block;font-size:1.3cqw;color:#86a0ae}
.story-support-list i {margin-left:auto;font-size:2.2cqw;color:#63b697;font-style:normal}
.story-project-preview {position:relative;display:block;height:calc(100% - var(--story-bar));background:#f5f8fa;overflow:hidden}
.story-project-preview img {display:block;width:100%;height:100%;object-fit:cover;object-position:50% 0;transition:transform .5s cubic-bezier(.16,1,.3,1)}
.story-project-open {position:absolute;left:3cqw;right:3cqw;bottom:2.5cqw;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:1.5cqw 2cqw;background:#fffffff2;border:1px solid #e2edf3;border-radius:6px;color:#356d8a;font-size:clamp(10px,1.8cqw,12px);box-shadow:0 4px 20px #102b3e0b}
.story-project-preview:hover img {transform:scale(1.025)}
.story-screen--about {aspect-ratio:auto;min-height:410px}
.story-bio {padding:30px 36px;background:#fff}
.story-bio .story-screen-eyebrow {font-size:10px;letter-spacing:1px;margin-bottom:20px;line-height:1.7}
.story-bio h3 {margin:0 0 20px;font-size:30px;line-height:1.2;letter-spacing:-1px}
.story-bio>p:not(.story-screen-eyebrow) {font-size:16px;color:#627f90;line-height:1.75;margin-bottom:15px}
.story-bio .story-link {margin-top:9px;font-size:13px}
.story-process-board .story-screen-title {font-size:4.6cqw}
.story-task-list {display:grid;gap:1.7cqw;margin-top:4cqw}
.story-task-list>span {display:flex;align-items:center;gap:2.5cqw;padding:2cqw 2.5cqw;background:#fff;border:1px solid #dcebf3;border-radius:1.2cqw;color:#5b8196;font-size:1.9cqw}
.story-task-list i {font-style:normal;color:#32a0c9;font-size:1.4cqw}
.story-agreement {display:flex;align-items:center;justify-content:space-between;gap:1.5cqw;margin-top:7cqw}
.story-agreement span {display:grid;place-items:center;min-height:10cqw;padding:1.5cqw 2cqw;background:#fff;border:1px solid #d7eaf4;border-radius:1.5cqw;color:#507b91;font-size:1.8cqw}
.story-agreement b {font-weight:400;font-size:3cqw;color:#5bafd0}
.story-process-note {margin:4cqw 0 0;text-align:center;color:#93aab7;font-size:1.5cqw}
.story-build-layout {margin-top:3cqw;border:1px solid #d6e9f2;border-radius:1.5cqw;background:#fff;padding:2cqw}
.story-build-header {width:100%;height:3cqw;border-bottom:1px solid #e8f0f5}
.story-build-header:before {content:"";display:block;width:16%;height:1cqw;border-radius:10px;background:#d7ebf6}
.story-build-hero {display:flex;align-items:center;justify-content:space-between;padding:2.8cqw 3cqw}
.story-build-hero>span {font-size:3.2cqw;color:#476e83;font-weight:650;line-height:1.25;letter-spacing:-.1cqw}
.story-build-hero em {font-style:normal;color:#35a5cf}
.story-build-hero i {width:14cqw;height:14cqw;border-radius:50%;background:radial-gradient(circle at 28% 25%,#c2edff,#40afd9 65%,#378fbc)}
.story-build-cards {display:flex;gap:2cqw;padding-top:2cqw;border-top:1px solid #e5f0f5}
.story-build-cards i {flex:1;height:4cqw;border-radius:.6cqw;background:#eff7fc}
.story-launch-mark {display:grid;place-items:center;width:15cqw;height:15cqw;margin:4cqw auto 3.5cqw;border-radius:50%;background:#e8f8f2;border:1px solid #ccefe0;color:#53ae8d;font-size:7cqw;box-shadow:0 0 0 2cqw #f2fbf7}
.story-launch-list {display:flex;justify-content:center;gap:4cqw;color:#7096a9;font-size:1.7cqw}
.story-launch-list span:before {content:"✓";margin-right:1cqw;color:#61b397}
.story-screen--contact {width:min(100%,390px);aspect-ratio:auto;justify-self:center;border-radius:30px;background:#eef8fe}
.story-telegram {display:flex;flex-direction:column;justify-content:center;min-height:500px;padding:32px 25px;background:radial-gradient(ellipse at 70% 0,#d9f1ff 0,#f4fbff 56%,#fff 100%);text-align:center}
.story-telegram-brand {display:flex;align-items:center;justify-content:center;gap:7px;color:#248cb7;font-size:12px;font-weight:650}
.story-telegram-brand svg {width:19px;height:19px;padding:4px;box-sizing:content-box;background:#fff;border:1px solid #d9edf8;border-radius:50%}
.story-telegram-handle {margin:20px 0 12px;color:#6b9db4;font-size:11px;letter-spacing:1px}
.story-telegram h3 {margin:0 0 16px;font-size:30px;line-height:1.14;letter-spacing:-1px}
.story-telegram-copy {max-width:290px;margin:0 auto 24px;color:#7292a4;font-size:14px;line-height:1.7}
.story-telegram-button {display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:49px;padding:13px 16px;border-radius:999px;background:#128fc7;color:white;text-decoration:none;font-size:12px;font-weight:650;box-shadow:0 6px 20px #1895ca1f}
.story-telegram-button:hover {background:#0879ad}
.story-telegram-note {margin:17px 0 0;color:#83a0b0;font-size:10px;line-height:1.7}
.story-screen:focus-visible {outline:3px solid #149bd0;outline-offset:5px}
/* Enhancement only changes presentation; the full original document stays intact. */
.home-story[data-story-mode="pinned"] {background:radial-gradient(ellipse at 73% 35%,#e4f4ff 0,#f5fbff 40%,#fff 80%)}
.home-story[data-story-mode="pinned"] .story-nav {position:sticky;top:calc(100svh - 62px - env(safe-area-inset-bottom,0px));margin:0 0 -62px;border-top:1px solid #d9eaf4;border-bottom:0;padding-bottom:env(safe-area-inset-bottom,0px);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.home-story[data-story-mode="pinned"] .story-stage {position:fixed;inset:0;display:block;z-index:0;pointer-events:none;overflow:hidden;visibility:hidden;opacity:0;background:radial-gradient(ellipse at 73% 47%,#e8f6ff 0,#f8fcff 45%,#fff 80%)}
.story-stage-glow {position:absolute;left:40%;right:-10%;top:18%;bottom:9%;background:radial-gradient(ellipse,#d3eeff80,#e7f6ff42 45%,#fff0 70%);border-radius:50%}
.story-art {position:absolute;left:35%;right:-3%;top:calc(var(--story-header) + 8px);bottom:77px}
.story-character {position:absolute;inset:0;display:block;width:100%;max-width:none;height:100%;object-fit:contain;object-position:50% 50%;pointer-events:none;user-select:none;-webkit-user-drag:none}
.story-character--back {opacity:0}
.story-stage-hint {position:absolute;left:5.5%;right:5.5%;bottom:82px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#8ca4b2;font-size:10px;line-height:1.5;letter-spacing:.15px}
.story-stage-hint>span:last-child {display:flex;align-items:center;gap:14px}
.story-stage-hint b {color:#4c9fbf;font-size:17px;font-weight:400}
.home-story[data-story-mode="pinned"] .story-chapters {position:relative;z-index:1;pointer-events:none}
.home-story[data-story-mode="pinned"] .story-chapter {padding:0;border:0;background:none;scroll-margin-top:0}
.home-story[data-story-mode="pinned"] .story-chapter-content {width:100%;margin:0}
.home-story[data-story-mode="pinned"] .story-panel {display:block;min-height:0;height:110svh;padding:0;border:0;pointer-events:none}
.home-story[data-story-mode="pinned"] .story-panel--hello {height:102svh}
.home-story[data-story-mode="pinned"] :is(.story-panel--about,.story-panel--contact) {height:135svh}
.home-story[data-story-mode="pinned"] :is(.story-chapter-heading,.story-chapter-art,.story-fallback-art) {position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0;pointer-events:none}
.home-story[data-story-mode="pinned"] .story-copy {position:fixed;left:5.5vw;top:calc(var(--story-header) + 40px);width:32vw;max-width:410px;opacity:0;pointer-events:none}
.home-story[data-story-mode="pinned"] .story-copy :is(h2,h3) {font-size:clamp(39px,4.05vw,58px);letter-spacing:-2.4px}
.home-story[data-story-mode="pinned"] .story-copy h1 {font-size:clamp(58px,6.1vw,86px)}
.home-story[data-story-mode="pinned"] .story-copy .story-eyebrow {margin-bottom:24px}
.home-story[data-story-mode="pinned"] .story-lead {font-size:15px}
.home-story[data-story-mode="pinned"] .story-screen {position:fixed;left:0;top:0;width:640px;height:400px;aspect-ratio:auto;border:0;border-radius:0;box-shadow:none;opacity:0;pointer-events:none;visibility:visible;transform-origin:0 0}
.home-story[data-story-mode="pinned"] .story-screen--contact {width:280px;height:500px;border-radius:25px}
.home-story[data-story-mode="pinned"] .story-panel--about .story-copy h2,.home-story[data-story-mode="pinned"] .story-panel--contact .story-copy h2 {margin-bottom:10px;font-size:32px;line-height:1.15;letter-spacing:-1.1px}
.home-story[data-story-mode="pinned"] .story-panel--about .story-copy h2 br,.home-story[data-story-mode="pinned"] .story-panel--contact .story-copy h2 br {display:none}
.home-story[data-story-mode="pinned"] .story-panel--about .story-copy h2 em:before,.home-story[data-story-mode="pinned"] .story-panel--contact .story-copy h2 em:before {content:" "}
.home-story[data-story-mode="pinned"] .story-panel--about .story-eyebrow,.home-story[data-story-mode="pinned"] .story-panel--contact .story-eyebrow {justify-content:center;margin-bottom:10px}
.home-story[data-story-mode="pinned"] .story-lead--brief {margin:0;max-width:none;font-size:13px}
.home-story[data-story-mode="pinned"] .story-screen[data-story-screen-zoom="true"] .story-bio {padding:clamp(22px,4vw,40px) clamp(22px,5vw,56px)}
.home-story[data-story-mode="pinned"] .story-screen[data-story-screen-zoom="true"] .story-bio :is(p,a) {font-size:16px}
.home-story[data-story-mode="pinned"] .story-screen[data-story-screen-zoom="true"] .story-bio .story-screen-eyebrow {font-size:10px}
.home-story[data-story-mode="pinned"] .story-screen[data-story-screen-zoom="true"] .story-telegram {min-height:100%;padding:30px 25px}
.home-story[data-story-mode="pinned"] .story-screen[data-story-screen-zoom="true"] .story-telegram-button {font-size:16px;min-height:54px}
.home-story[data-story-mode="pinned"] .story-screen[data-story-screen-zoom="true"] .story-telegram-copy {font-size:16px}
.story-laptop,.story-phone {position:fixed;left:0;top:0;opacity:0;visibility:hidden;pointer-events:none;transform-origin:0 0}
.story-laptop {width:720px;height:455px}
.story-laptop-display {position:static}
.story-laptop-display:before {content:"";position:absolute;left:22px;right:22px;top:0;height:432px;border-radius:20px 20px 5px 5px;border:1px solid #36546a;background:linear-gradient(140deg,#2b4356,#172e40);box-shadow:0 6px 30px #18384c20}
.story-laptop-surface {position:absolute;left:40px;top:16px;width:640px;height:400px;background:#fff;overflow:hidden}
.story-laptop-camera {position:absolute;z-index:1;left:357px;top:5px;width:5px;height:5px;border-radius:50%;background:#152938;box-shadow:0 0 0 1px #3b5364}
.story-laptop-base {position:absolute;left:0;right:0;top:431px;height:24px;border-radius:2px 2px 35% 35%/2px 2px 65% 65%;background:linear-gradient(#dce6ed,#a0b4c1 50%,#6e8597);box-shadow:0 12px 24px #416a831a}
.story-laptop-base i {position:absolute;top:0;left:43%;right:43%;height:6px;border-radius:0 0 6px 6px;background:#9bafbc}
.story-phone {width:304px;height:536px;border-radius:40px;background:linear-gradient(120deg,#345066,#132d40);border:1px solid #3e5c70;box-shadow:0 12px 40px #234c6326}
.story-phone-surface {position:absolute;left:12px;top:18px;width:280px;height:500px;border-radius:26px;background:#f5fbff;overflow:hidden}
.story-phone-camera {position:absolute;left:111px;top:17px;width:82px;height:17px;background:#193245;border-radius:0 0 12px 12px}
.story-phone-home {position:absolute;bottom:23px;left:110px;width:84px;height:3px;border-radius:4px;background:#477083}
@media(min-width:1500px) {
  .story-chapter-content,.story-chapter-heading {width:min(1260px,calc(100% - 120px))}
  .story-panel {gap:80px}
}
@media(max-width:1100px) and (min-width:820px) {
  .story-panel {gap:30px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
  .story-copy :is(h2,h3) {font-size:44px}
  .story-chapter-links {gap:17px}
  .story-nav-inner {gap:14px}
  .story-chapter-art {width:200px;height:200px;top:-20px}
  .story-chapter-heading h2 {max-width:620px;font-size:43px}
  .home-story[data-story-mode="pinned"] .story-copy :is(h2,h3) {font-size:39px}
  .home-story[data-story-mode="pinned"] .story-copy h1 {font-size:63px}
}
@media(max-width:819px) {
  .home-story {--story-header:88px}
  .story-nav-inner {min-height:56px;gap:12px}
  .story-chapter-links {gap:20px}
  .story-chapter-links a {font-size:10px;padding:20px 0 17px}
  .story-nav-count {display:none}
  .story-toggle {font-size:9px;padding:7px 10px}
  .story-chapter {padding:60px 0}
  .story-chapter--hello {padding-top:30px}
  .story-chapter-heading {padding-bottom:30px;min-height:150px}
  .story-chapter-heading h2 {max-width:72%;font-size:35px;letter-spacing:-1.2px}
  .story-chapter-heading>p:last-of-type:not(.story-eyebrow) {max-width:65%;font-size:13px}
  .story-chapter-art {right:-10px;top:-12px;width:170px;height:170px}
  .story-panel {grid-template-columns:1fr;gap:30px;padding:37px 0}
  .story-panel--hello,.story-panel--help {min-height:0;padding:10px 0;gap:10px}
  .story-copy :is(h1,h2,h3) {font-size:clamp(37px,7vw,54px);letter-spacing:-1.8px;margin-bottom:20px}
  .story-copy h1 {font-size:clamp(58px,11vw,78px);letter-spacing:-3px}
  .story-eyebrow {font-size:9px;letter-spacing:.9px;margin-bottom:20px}
  .story-lead {font-size:15px;max-width:550px;line-height:1.75}
  .story-actions {margin-top:25px;gap:22px}
  .story-fallback-art {height:420px;max-width:540px;justify-self:center}
  .story-fallback-art--down {height:360px}
  .story-screen {max-width:680px;justify-self:center;border-radius:12px}
  .story-screen--about {min-height:0}
  .story-bio {padding:28px}
  .story-bio h3 {font-size:28px}
  .story-bio>p:not(.story-screen-eyebrow) {font-size:16px}
  .story-screen--contact {width:min(100%,360px);border-radius:28px}
  .story-chapter--about .story-chapter-art,.story-chapter--contact .story-chapter-art {height:280px;margin:0 0 -15px;grid-row:auto}
  .home-story[data-story-mode="pinned"] .story-nav {top:calc(100svh - 57px - env(safe-area-inset-bottom,0px));margin-bottom:-57px}
  .home-story[data-story-mode="pinned"] .story-panel {height:108svh}
  .home-story[data-story-mode="pinned"] :is(.story-panel--about,.story-panel--contact) {height:138svh}
  .home-story[data-story-mode="pinned"] .story-copy {top:calc(var(--story-header) + 22px);left:5.5vw;width:89vw;max-width:none}
  .home-story[data-story-mode="pinned"] .story-copy :is(h2,h3) {font-size:clamp(31px,8.5vw,40px);letter-spacing:-1.5px;line-height:1.04;margin-bottom:16px}
  .home-story[data-story-mode="pinned"] .story-copy h1 {font-size:clamp(48px,12.5vw,62px);letter-spacing:-2.7px;margin-bottom:17px}
  .home-story[data-story-mode="pinned"] .story-copy .story-eyebrow {margin-bottom:15px;font-size:8px;letter-spacing:.8px;gap:8px}
  .home-story[data-story-mode="pinned"] .story-copy .story-eyebrow>span {font-size:8px}
  .home-story[data-story-mode="pinned"] .story-lead {max-width:580px;font-size:13px;line-height:1.65}
  .home-story[data-story-mode="pinned"] .story-actions {margin-top:20px;gap:20px}
  .home-story[data-story-mode="pinned"] .story-actions .button {min-height:42px;padding:10px 15px;font-size:10px;gap:10px}
  .home-story[data-story-mode="pinned"] :is(.story-link,.story-text-action) {font-size:11px;gap:17px}
  .home-story[data-story-mode="pinned"] .story-link {margin-top:18px;padding-bottom:6px}
  .home-story[data-story-mode="pinned"] .story-panel--about .story-copy h2,.home-story[data-story-mode="pinned"] .story-panel--contact .story-copy h2 {font-size:26px;margin-bottom:8px;letter-spacing:-.9px}
  .home-story[data-story-mode="pinned"] .story-panel--about .story-copy .story-eyebrow,.home-story[data-story-mode="pinned"] .story-panel--contact .story-copy .story-eyebrow {margin-bottom:9px}
  .home-story[data-story-mode="pinned"] .story-lead--brief {font-size:12px}
  .story-art {left:-5%;right:-5%;top:max(350px,43svh);bottom:77px}
  .story-stage-glow {left:-30%;right:-30%;top:37%;bottom:2%}
  .story-stage-hint {left:5.5%;right:5.5%;bottom:72px;justify-content:center;font-size:8px}
  .story-stage-hint>span:first-child {display:none}
  .story-stage-hint>span:last-child {gap:10px}
  .story-stage-hint b {font-size:13px}
  .home-story[data-story-mode="pinned"] .story-bio h3 {font-size:25px}
}
@media(max-width:430px) {
  .story-chapter {padding:47px 0}
  .story-chapter-heading {padding-bottom:22px;min-height:152px}
  .story-chapter-heading h2 {font-size:29px;max-width:76%;letter-spacing:-1px}
  .story-chapter-heading .story-eyebrow {font-size:8px}
  .story-chapter-art {right:-17px;top:24px;width:125px;height:125px}
  .story-panel {gap:24px;padding:32px 0}
  .story-panel--hello,.story-panel--help {padding:6px 0}
  .story-copy :is(h2,h3) {font-size:37px}
  .story-copy h1 {font-size:61px}
  .story-lead {font-size:14px}
  .story-fallback-art {height:350px}
  .story-fallback-art--down {height:310px}
  .story-bio {padding:24px 22px}
  .story-bio h3 {font-size:25px}
  .story-bio .story-screen-eyebrow {font-size:9px}
  .story-chapter--about .story-chapter-art,.story-chapter--contact .story-chapter-art {height:250px}
  .home-story[data-story-mode="pinned"] .story-copy :is(h2,h3) {font-size:33px}
  .home-story[data-story-mode="pinned"] .story-copy h1 {font-size:53px}
}
@media(max-width:370px) {
  .story-chapter-heading h2 {font-size:27px}
  .story-copy :is(h2,h3) {font-size:33px}
  .story-copy h1 {font-size:53px}
  .story-eyebrow {font-size:8px;gap:8px;letter-spacing:.65px}
  .story-actions {gap:17px}
  .home-story .story-actions .button {font-size:10px;padding:12px 17px;min-height:44px}
  .story-text-action {font-size:11px;gap:12px}
  .story-fallback-art {height:300px}
  .story-fallback-art--down {height:270px}
  .story-telegram {padding:29px 20px}
  .story-telegram h3 {font-size:29px}
  .home-story[data-story-mode="pinned"] .story-copy :is(h2,h3) {font-size:30px}
  .home-story[data-story-mode="pinned"] .story-copy h1 {font-size:48px}
  .home-story[data-story-mode="pinned"] .story-copy .story-eyebrow {font-size:7px}
}
@media(max-height:760px) and (min-width:820px) {
  .story-art {top:calc(var(--story-header) + 10px);bottom:75px}
  .home-story[data-story-mode="pinned"] .story-copy :is(h2,h3) {font-size:42px}
  .home-story[data-story-mode="pinned"] .story-copy h1 {font-size:62px}
  .home-story[data-story-mode="pinned"] .story-copy .story-eyebrow {margin-bottom:17px}
  .home-story[data-story-mode="pinned"] .story-lead {font-size:14px;line-height:1.65}
  .home-story[data-story-mode="pinned"] .story-actions {margin-top:22px}
}
@media(max-height:740px) and (max-width:819px) {
  .home-story[data-story-mode="pinned"] .story-copy h1 {font-size:46px}
  .home-story[data-story-mode="pinned"] .story-copy :is(h2,h3) {font-size:30px}
  .home-story[data-story-mode="pinned"] .story-copy .story-eyebrow {margin-bottom:12px}
  .home-story[data-story-mode="pinned"] .story-copy :is(h1,h2,h3) {margin-bottom:12px}
  .home-story[data-story-mode="pinned"] .story-lead {font-size:12px;line-height:1.6}
  .home-story[data-story-mode="pinned"] .story-actions {margin-top:15px}
  .home-story[data-story-mode="pinned"] .story-link {margin-top:14px}
  .story-art {top:330px;bottom:74px}
}
@media(prefers-reduced-motion:reduce) {
  .story-link span,.story-text-action span,.story-project-preview img {transition:none}
}

/* All text on a close-up screen remains comfortably readable. */
.home-story[data-story-mode="pinned"] .story-screen[data-story-screen-zoom="true"] .story-bio .story-screen-eyebrow,
.home-story[data-story-mode="pinned"] .story-screen[data-story-screen-zoom="true"] .story-telegram :is(.story-telegram-handle,.story-telegram-note) {font-size:14px;line-height:1.5}
.home-story[data-story-mode="pinned"] .story-copy {transition:opacity .22s ease}
@media(prefers-reduced-motion:reduce){.home-story[data-story-mode="pinned"] .story-copy{transition:none}}

.story-work-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.story-work-actions .story-link{min-height:44px;display:inline-flex;align-items:center;margin-top:20px}
.home-story:not([data-story-mode="pinned"]) .story-bio .story-screen-eyebrow{font-size:14px;line-height:1.5}
.home-story:not([data-story-mode="pinned"]) .story-bio a.story-link{font-size:16px}
.home-story:not([data-story-mode="pinned"]) .story-telegram :is(.story-telegram-handle,.story-telegram-button,.story-telegram-note){font-size:14px;line-height:1.5}
.home-story:not([data-story-mode="pinned"]) .story-screen--contact{aspect-ratio:auto;min-height:560px;height:auto;overflow:visible}
.home-story:not([data-story-mode="pinned"]) .story-chapter-art{position:relative;inset:auto;display:block;width:100%;height:clamp(210px,35svh,360px);margin:0 auto 20px;object-fit:contain}
.home-story:not([data-story-mode="pinned"]) .story-chapter-heading h2,.home-story:not([data-story-mode="pinned"]) .story-chapter-heading>p{max-width:100%}
html:not(.js) .site-header{position:relative}

/* Clipped semantic illustrations stay inside the viewport on mobile. */
.home-story[data-story-mode="pinned"] :is(.story-chapter-heading,.story-chapter-art,.story-fallback-art){inset:0 auto auto 0}

.story-viewport-probe{position:absolute;top:0;left:0;width:0;height:100svh;visibility:hidden;pointer-events:none}

/* One pinned stage also on phones with browser toolbars and small displays. */
@media(max-width:819px){
  .js .header-top{min-height:66px;height:66px;padding-top:0;padding-bottom:0}
  .js .brand-logo{height:62px;width:auto;max-width:142px;object-fit:contain}
  .home-story[data-story-mode="pinned"] .story-nav{top:calc(var(--story-scene-height,100svh) - 57px - env(safe-area-inset-bottom,0px))}
}
@media(max-width:819px){
  .home-story[data-story-mode="pinned"].story-is-compact .story-copy h1{font-size:36px;letter-spacing:-1.8px;line-height:1.02}
  .home-story[data-story-mode="pinned"].story-is-compact .story-copy :is(h2,h3){font-size:26px;letter-spacing:-.9px}
  .home-story[data-story-mode="pinned"].story-is-compact .story-copy :is(h1,h2,h3){margin-bottom:9px}
  .home-story[data-story-mode="pinned"].story-is-compact .story-copy .story-eyebrow{font-size:7px;margin-bottom:8px}
  .home-story[data-story-mode="pinned"].story-is-compact .story-lead{font-size:12px;line-height:1.5}
  .home-story[data-story-mode="pinned"].story-is-compact .story-actions{margin-top:10px;gap:12px}
  .home-story[data-story-mode="pinned"].story-is-compact .story-actions .button{min-height:38px;padding:8px 13px}
  .home-story[data-story-mode="pinned"].story-is-compact .story-link{margin-top:8px;min-height:36px;padding-bottom:3px}
  .home-story[data-story-mode="pinned"].story-is-compact .story-work-actions{gap:14px}
  .home-story[data-story-mode="pinned"].story-is-compact .story-work-actions .story-link{margin-top:8px;min-height:36px}
  .home-story[data-story-mode="pinned"].story-is-compact .story-panel--contact .story-copy h2{font-size:23px}
  .home-story[data-story-mode="pinned"].story-phone-compact .story-screen[data-story-screen-zoom="true"] .story-telegram{min-height:100%;padding:14px 18px;justify-content:center}
  .home-story[data-story-mode="pinned"].story-phone-compact .story-telegram-brand{font-size:11px}
  .home-story[data-story-mode="pinned"].story-phone-compact .story-screen[data-story-screen-zoom="true"] .story-telegram-handle{font-size:12px;margin:8px 0}
  .home-story[data-story-mode="pinned"].story-phone-compact .story-telegram h3{font-size:23px;margin-bottom:10px}
  .home-story[data-story-mode="pinned"].story-phone-compact .story-screen[data-story-screen-zoom="true"] .story-telegram-copy{font-size:12px;line-height:1.4;margin-bottom:12px}
  .home-story[data-story-mode="pinned"].story-phone-compact .story-screen[data-story-screen-zoom="true"] .story-telegram-button{font-size:14px;min-height:44px;padding:10px 14px}
  .home-story[data-story-mode="pinned"].story-phone-compact .story-screen[data-story-screen-zoom="true"] .story-telegram-note{display:none}
  .home-story[data-story-mode="pinned"].story-is-compact .story-stage-hint{display:none}
}