:root{
  --green:#0c8a4b;
  --green-2:#18a85f;
  --green-dark:#076d3a;
  --mint:#eaf7f0;
  --ink:#0d1511;
  --ink-2:#111d17;
  --text:#142019;
  --muted:#6e7b74;
  --line:#dfe7e2;
  --white:#fff;
  --soft:#f3f7f4;
  --header:82px;
  --controls:64px;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{width:100%;height:100%;overflow:hidden}
body{font-family:'Inter',Arial,sans-serif;color:var(--text);background:#fff;-webkit-font-smoothing:antialiased}
a{color:inherit}button,input,textarea,select{font:inherit}button{color:inherit}img{display:block;max-width:100%}

/* header */
.site-header{height:var(--header);position:fixed;inset:0 0 auto;z-index:100;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:34px;padding:0 clamp(22px,3.8vw,68px);background:rgba(255,255,255,.94);backdrop-filter:blur(18px);border-bottom:1px solid rgba(20,32,25,.09)}
.brand{display:flex;align-items:center;text-decoration:none}.brand img{height:40px;width:auto}
.main-nav{justify-self:center;display:flex;align-items:center;gap:6px}
.main-nav button{border:0;background:transparent;cursor:pointer;padding:10px 11px;border-radius:10px;font-size:12px;font-weight:700;color:#718078;transition:.2s}
.main-nav button:hover,.main-nav button.active{color:var(--green);background:#eef7f2}
.header-actions{display:flex;align-items:center;gap:12px}.login-link{text-decoration:none;font-size:13px;font-weight:700;color:#526159;padding:10px}.login-link:hover{color:var(--green)}
.button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:11px;border:1px solid var(--line);padding:10px 18px;text-decoration:none;font-size:13px;font-weight:800;white-space:nowrap;transition:transform .2s,background .2s,border-color .2s}
.button:hover{transform:translateY(-1px)}.button-primary{background:var(--green);border-color:var(--green);color:#fff;box-shadow:0 12px 30px rgba(12,138,75,.17)}.button-primary:hover{background:var(--green-dark);border-color:var(--green-dark)}
.button-large{min-height:52px;padding:13px 23px;font-size:14px}.button-light{background:#fff;color:#102019;border-color:#fff}.button-outline{border-color:rgba(255,255,255,.28);color:#fff;background:transparent}
.menu-button{display:none;width:42px;height:42px;border:1px solid var(--line);border-radius:10px;background:#fff;position:relative;cursor:pointer}.menu-button span{position:absolute;width:17px;height:1.5px;background:#17211c;left:12px}.menu-button span:first-child{top:16px}.menu-button span:last-child{top:23px}

/* horizontal stage */
.horizontal-viewport{position:fixed;left:0;right:0;top:var(--header);bottom:var(--controls);overflow:hidden;overscroll-behavior:none;touch-action:pan-y}
.horizontal-track{height:100%;display:flex;flex-wrap:nowrap;width:max-content;transition:transform .72s cubic-bezier(.22,.72,.18,1);will-change:transform}
.panel{position:relative;flex:0 0 100vw;width:100vw;height:100%;overflow:hidden;background:#fff}
.panel-inner{width:min(1420px,calc(100vw - 9vw));height:100%;margin:0 auto;position:relative;z-index:2}
.panel-number{position:absolute;right:3.5vw;top:3.2vh;font:800 clamp(60px,9vw,150px)/1 'Manrope',sans-serif;letter-spacing:-.08em;color:rgba(12,138,75,.055);pointer-events:none}
.kicker{display:flex;align-items:center;gap:10px;font-size:10px;font-weight:800;letter-spacing:.19em;color:#536159}.kicker span{display:inline-grid;place-items:center;width:30px;height:30px;border:1px solid var(--line);border-radius:50%;color:var(--green);letter-spacing:0}.kicker.light{color:#91a39a}.kicker.light span{border-color:#31433a;color:#73dca4}
h1,h2,h3{font-family:'Manrope',Arial,sans-serif}h1,h2{font-weight:800;letter-spacing:-.05em;line-height:.98}h1 em,h2 em{font-style:normal;color:var(--green)}
.text-action{display:inline-flex;align-items:center;gap:15px;border:0;background:none;cursor:pointer;font-size:12px;font-weight:800;color:#536159;padding:8px 0}.text-action span{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);border-radius:50%;color:var(--green);transition:.2s}.text-action:hover span{background:var(--green);color:#fff;border-color:var(--green)}

/* assistant - static image, smooth travel only */
.assistant-traveler{position:fixed;left:0;right:0;top:var(--header);bottom:var(--controls);z-index:8;pointer-events:none;overflow:hidden;opacity:1;transition:opacity .46s ease}
.assistant-traveler-inner{--tx:13vw;--ty:0;--flip:1;position:absolute;left:0;bottom:-1%;height:94%;display:flex;align-items:flex-end;justify-content:center;transform-origin:bottom center;transform:translate3d(var(--tx),var(--ty),0) scaleX(var(--flip));transition:transform .9s cubic-bezier(.22,.72,.18,1),opacity .4s ease;will-change:transform;pointer-events:auto}
.assistant-image{height:100%;max-width:none;width:auto;object-fit:contain;object-position:bottom center;filter:drop-shadow(0 30px 38px rgba(16,34,25,.13));outline:none}
.assistant-rings{display:none}
.assistant-speech{position:absolute;top:8%;right:-54%;min-width:310px;max-width:390px;padding:17px 22px;border-radius:24px;border:1px solid rgba(12,138,75,.18);background:rgba(255,255,255,.97);box-shadow:0 20px 44px rgba(16,34,25,.12);font:800 26px/1.06 'Manrope',sans-serif;color:#0d6d3a;letter-spacing:-.04em;opacity:0;transform:translateY(8px) scale(.97);pointer-events:none;transition:opacity .2s,transform .22s;z-index:20}
.assistant-speech:after{content:"";position:absolute;left:26px;bottom:-9px;width:18px;height:18px;background:inherit;border-right:1px solid rgba(12,138,75,.18);border-bottom:1px solid rgba(12,138,75,.18);transform:rotate(45deg)}
.assistant-speech.is-visible{opacity:1;transform:translateY(0) scale(1)}
body[data-scene="0"] .assistant-traveler-inner{--tx:13vw;--flip:1}
body[data-scene="1"] .assistant-traveler-inner{--tx:33vw;--flip:1}
body[data-scene="2"] .assistant-traveler-inner{--tx:15vw;--flip:1}
body[data-scene="3"] .assistant-traveler-inner{--tx:33vw;--flip:1}
body[data-scene="4"] .assistant-traveler,body[data-scene="5"] .assistant-traveler{opacity:0;pointer-events:none}
body[data-scene="6"] .assistant-traveler-inner{--tx:34vw;--flip:1}
body:not([data-scene="0"]) .assistant-traveler-inner{pointer-events:none}

/* scene 01 */
.panel-intro{background:linear-gradient(115deg,#f6faf7 0%,#fff 58%,#f1f8f4 100%)}
.panel-intro:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(12,138,75,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(12,138,75,.04) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(90deg,#000,transparent 75%)}
.ambient{position:absolute;border-radius:50%}.ambient-a{width:52vw;height:52vw;left:-24vw;top:-25vw;border:1px solid rgba(12,138,75,.13);box-shadow:0 0 0 95px rgba(12,138,75,.025),0 0 0 190px rgba(12,138,75,.018)}
.hero-layout{display:grid;grid-template-columns:46% 54%;align-items:center}.assistant-placeholder{height:100%}
.hero-copy{max-width:760px;padding-left:clamp(15px,3vw,55px)}.hero-copy h1{font-size:clamp(52px,5.7vw,94px);margin-top:24px;color:#111a15}.hero-copy p{max-width:680px;margin-top:26px;color:#66746d;font-size:clamp(14px,1.05vw,17px);line-height:1.8}
.hero-actions{display:flex;align-items:center;gap:26px;margin-top:31px}.hero-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:40px;border-top:1px solid var(--line);max-width:650px}.hero-meta div{padding:16px 20px 0 0}.hero-meta strong{display:block;font:800 18px 'Manrope';color:#15211a}.hero-meta span{display:block;margin-top:4px;font-size:10px;color:#869189}

/* scenes 02 and 04 */
.panel-composed{background:#fff}.scene-triple-layout{display:grid;grid-template-columns:minmax(260px,28%) minmax(300px,26%) minmax(360px,38%);align-items:center;gap:1.5vw;height:100%}.scene-copy-left{align-self:center;max-width:420px;padding-left:1vw}.scene-copy-left h2{font-size:clamp(36px,3.7vw,58px);margin-top:20px}.scene-copy-left p{font-size:13px;line-height:1.6;margin-top:14px;color:var(--muted)}.scene-assistant-space{height:100%}
.scene-card-stack{display:grid;gap:10px;align-self:center}.scene-card-stack article{display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:start;padding:12px 14px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 14px 24px rgba(16,34,25,.045)}.scene-card-stack article span{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#f1f8f4;color:var(--green);font:800 15px 'Manrope'}.scene-card-stack h3{font-size:16px;letter-spacing:-.03em}.scene-card-stack p{font-size:10.5px;line-height:1.45;color:#718078;margin-top:4px}.process-card-stack{max-width:520px;justify-self:end}.process-copy{max-width:410px}

/* scene 03 */
.panel-platform{background:var(--soft)}.story-panel{display:grid;grid-template-columns:36% 64%;align-items:center;height:100%}.story-space{height:100%}.story-side{max-width:760px;justify-self:end;padding-right:1vw}.dashboard-side{display:flex;flex-direction:column;align-items:flex-start}.dashboard-side h2{font-size:clamp(34px,3.4vw,52px);margin-top:16px}.dashboard-side>p{font-size:12px;line-height:1.5;color:var(--muted);margin-top:12px;max-width:560px}.dashboard-shot{margin-top:14px;width:min(100%,820px);padding:12px;border:1px solid #dbe5df;background:#fff;border-radius:22px;box-shadow:0 32px 70px rgba(14,34,23,.09)}.dashboard-shot img{width:100%;height:auto;border-radius:15px}

/* scene 05 */
.panel-api{background:#102019;color:#fff}.api-layout{display:grid;grid-template-columns:46% 54%;align-items:center;gap:5vw}.api-copy h2{font-size:clamp(44px,5vw,78px);margin-top:24px;color:#fff}.api-copy h2 em{color:#72dca4}.api-copy>p{font-size:14px;line-height:1.8;color:#9eafa6;max-width:600px;margin-top:24px}.api-points{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.api-points span{padding:8px 12px;border:1px solid #31453a;border-radius:999px;font-size:9px;font-weight:800;color:#a7b8af}.code-window{background:#0b1410;border:1px solid #2b4035;border-radius:20px;overflow:hidden;box-shadow:0 32px 70px rgba(0,0,0,.2)}.code-head{height:48px;padding:0 17px;border-bottom:1px solid #25372e;display:flex;align-items:center;justify-content:space-between;color:#93a49b;font-size:9px}.code-head span{display:flex;gap:5px}.code-head i{width:7px;height:7px;border-radius:50%;background:#43564c}.code-head b{font-weight:700}.code-head em{font-style:normal}.code-window pre{padding:22px 24px;font:500 11px/1.72 ui-monospace,SFMono-Regular,Consolas,monospace;color:#d9e4de;white-space:pre-wrap}.code-comment{color:#71847a}.code-string{color:#74d9a4}.code-key{color:#80bfff}

/* scene 06 */
.panel-integrations{background:#fff}.integrations-layout{display:grid;grid-template-columns:35% 65%;align-items:center;gap:4vw}.compact-copy h2{font-size:clamp(42px,4.7vw,72px);margin-top:22px}.compact-copy>p{font-size:13px;line-height:1.7;color:var(--muted);margin-top:18px}.integration-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.integration-card{min-height:360px;padding:22px;border:1px solid var(--line);border-radius:20px;background:#fff;display:flex;flex-direction:column}.integration-card.dark-card{background:#102019;color:#fff;border-color:#102019}.integration-card>span{font-size:9px;font-weight:800;letter-spacing:.12em;color:var(--green)}.dark-card>span{color:#72dca4}.integration-card h3{font-size:22px;line-height:1.05;letter-spacing:-.04em;margin-top:24px}.integration-card p{font-size:11px;line-height:1.55;color:#78867e;margin-top:10px}.dark-card p{color:#9bada3}.mini-message,.mini-flow,.otp{margin-top:auto;border-radius:14px;padding:13px;background:#f4f8f5;border:1px solid #e1e9e4}.dark-card .mini-message{background:#162820;border-color:#294237}.mini-message{display:grid;grid-template-columns:1fr auto;gap:5px}.mini-message small{grid-column:1/-1;font-size:8px;color:#7b8a82}.mini-message strong{font-size:10px}.mini-message i{font-style:normal;color:var(--green)}.mini-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:6px}.mini-flow b{min-height:32px;border:1px solid #d8e3dd;border-radius:8px;display:grid;place-items:center;font-size:8px}.mini-flow i{font-style:normal;color:#819087}.otp small,.otp span{font-size:8px;color:#829087}.otp strong{display:block;font-size:22px;letter-spacing:5px;margin:7px 0}

/* scene 07 */
.panel-contact{background:#102019;color:#fff}.contact-orbit{position:absolute;width:52vw;height:52vw;border:1px solid rgba(113,220,162,.12);border-radius:50%;left:24vw;top:-18vw;box-shadow:0 0 0 100px rgba(113,220,162,.025),0 0 0 200px rgba(113,220,162,.018)}
.contact-story-layout{display:grid;grid-template-columns:minmax(280px,28%) minmax(300px,26%) minmax(320px,34%);align-items:center;gap:2vw;height:100%;padding:7vh 0 5vh}.contact-story-copy{max-width:420px;align-self:center}.contact-story-copy h2{font-size:clamp(42px,4.2vw,66px);margin-top:22px;color:#fff}.contact-story-copy h2 em{color:#72dca4}.contact-story-copy p{font-size:14px;line-height:1.7;color:#a8bbb1;margin-top:16px}.contact-story-center{height:100%}.contact-story-sidebar{display:grid;gap:18px;align-self:center;justify-self:end;width:min(100%,340px)}.contact-story-actions{display:grid;gap:12px}.contact-story-actions .button{width:100%}.contact-story-info{display:grid;grid-template-columns:1fr 1fr;gap:12px}.contact-story-info div{padding:16px;border:1px solid #24352c;border-radius:16px;background:rgba(255,255,255,.03);display:flex;flex-direction:column;gap:6px}.contact-story-info small{font-size:9px;font-weight:800;letter-spacing:.16em;color:#7d9187}.contact-story-info a,.contact-story-info strong{font-size:12px;line-height:1.35;color:#fff;text-decoration:none}

/* controls */
.horizontal-controls{height:var(--controls);position:fixed;left:0;right:0;bottom:0;z-index:110;background:#fff;border-top:1px solid var(--line);display:flex;align-items:center;gap:16px;padding:0 clamp(22px,3.8vw,68px)}.horizontal-controls>button{width:38px;height:38px;border:1px solid var(--line);background:#fff;border-radius:50%;cursor:pointer;color:#506058;transition:.2s}.horizontal-controls>button:hover{border-color:var(--green);color:var(--green)}.progress-wrap{display:flex;align-items:center;gap:10px;min-width:260px}.progress-wrap span{font-size:10px;font-weight:800;color:#68766e}.progress-track{width:210px;height:3px;background:#e3e9e5;border-radius:99px;overflow:hidden}.progress-track i{display:block;height:100%;width:14.28%;background:var(--green);transition:width .5s ease}.scroll-tip{margin-left:auto;font-size:9px;color:#8a958f;letter-spacing:.05em}.scroll-tip b{color:var(--green)}

/* medium desktop */
@media(max-width:1180px){
  .site-header{gap:16px;padding:0 24px}.main-nav{gap:2px}.main-nav button{font-size:11px;padding:9px 8px}.header-actions{gap:6px}.button{padding-left:14px;padding-right:14px}
  body[data-scene="0"] .assistant-traveler-inner{--tx:10vw}body[data-scene="1"] .assistant-traveler-inner,body[data-scene="3"] .assistant-traveler-inner{--tx:29vw}body[data-scene="2"] .assistant-traveler-inner{--tx:11vw}body[data-scene="6"] .assistant-traveler-inner{--tx:30vw}
  .scene-triple-layout{grid-template-columns:26% 28% 42%}.contact-story-layout{grid-template-columns:27% 27% 38%}.integration-card{min-height:330px;padding:18px}.integration-card h3{font-size:18px}
}

/* mobile/tablet portrait */
@media(max-width:820px){
  :root{--header:68px;--controls:54px}
  html,body{height:100%;height:100dvh}
  .site-header{height:var(--header);padding:0 12px;grid-template-columns:auto 1fr auto;gap:8px}.brand img{height:32px}.header-actions{display:none}.menu-button{display:block;justify-self:end}
  .main-nav{display:none;position:fixed;left:12px;right:12px;top:calc(var(--header) - 4px);z-index:120;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 24px 60px rgba(16,34,25,.16);padding:8px;max-height:calc(100dvh - var(--header) - 24px);overflow:auto}.main-nav.open{display:grid;grid-template-columns:1fr 1fr;gap:4px}.main-nav button{text-align:left;font-size:12px;padding:11px 12px}
  .horizontal-viewport{top:var(--header);bottom:var(--controls);height:calc(100dvh - var(--header) - var(--controls))}.horizontal-track{height:100%}.panel{height:100%;min-height:0}.panel-inner{width:calc(100vw - 24px);height:100%;min-height:0}.panel-number{font-size:58px;right:14px;top:10px}
  .kicker{font-size:8px;gap:7px}.kicker span{width:25px;height:25px}

  /* fixed assistant has the same size on every scene where visible */
  .assistant-traveler{top:var(--header);bottom:var(--controls)}
  .assistant-traveler-inner{height:48%;bottom:-1%;transition:transform .82s cubic-bezier(.22,.72,.18,1),opacity .35s ease}
  body[data-scene="0"] .assistant-traveler-inner{--tx:16vw}body[data-scene="1"] .assistant-traveler-inner{--tx:28vw}body[data-scene="2"] .assistant-traveler-inner{--tx:7vw}body[data-scene="3"] .assistant-traveler-inner{--tx:28vw}body[data-scene="6"] .assistant-traveler-inner{--tx:27vw}
  .assistant-speech{top:4%;right:-28%;min-width:150px;max-width:180px;padding:10px 12px;border-radius:17px;font-size:15px}.assistant-speech:after{left:18px;width:13px;height:13px;bottom:-7px}

  /* 01: text at top, character below */
  .hero-layout{display:grid;grid-template-columns:1fr;grid-template-rows:48% 52%;align-items:start;padding-top:2vh}.assistant-placeholder{grid-row:2}.hero-copy{grid-row:1;padding:0;max-width:none;align-self:start}.hero-copy .kicker{margin-bottom:6px}.hero-copy h1{font-size:clamp(31px,9vw,42px);line-height:.96;margin-top:8px}.hero-copy p{font-size:10.5px;line-height:1.46;margin-top:11px;max-width:96%}.hero-actions{margin-top:13px;gap:8px}.hero-actions .button{min-height:42px;padding:9px 13px;font-size:11px}.hero-actions .text-action{font-size:10px;gap:8px}.hero-actions .text-action span{width:31px;height:31px}.hero-meta{margin-top:13px}.hero-meta div{padding-top:9px}.hero-meta strong{font-size:13px}.hero-meta span{font-size:7.5px}

  /* 02/04: text top, character bottom-left, cards bottom-right */
  .scene-triple-layout{display:grid;grid-template-columns:42% 58%;grid-template-rows:auto 1fr;gap:8px 8px;padding:2vh 0 1.5vh;align-items:start}.scene-copy-left{grid-column:1/-1;grid-row:1;max-width:none;padding:0}.scene-copy-left h2{font-size:clamp(25px,7.2vw,32px);line-height:.98;margin-top:9px}.scene-copy-left p{font-size:9.5px;line-height:1.4;margin-top:8px;max-width:96%}.scene-assistant-space{grid-column:1;grid-row:2;min-height:0}.scene-card-stack{grid-column:2;grid-row:2;align-self:stretch;display:grid;gap:5px;min-height:0}.scene-card-stack article{grid-template-columns:30px 1fr;gap:7px;padding:7px 8px;border-radius:11px;box-shadow:none;min-height:0}.scene-card-stack article span{width:30px;height:30px;border-radius:9px;font-size:10px}.scene-card-stack h3{font-size:11px;line-height:1.12}.scene-card-stack p{font-size:7px;line-height:1.28;margin-top:2px}.process-card-stack{max-width:none;justify-self:stretch}

  /* 03: text top-right/full, screenshot below-right; assistant stays left */
  .story-panel{display:block;height:100%;padding:2vh 0 1.5vh}.story-space{display:none}.story-side{max-width:none;padding:0;display:block}.dashboard-side h2{font-size:clamp(24px,6.8vw,31px);line-height:.98;margin-top:9px}.dashboard-side>p{font-size:9.5px;line-height:1.4;margin-top:7px;max-width:96%}.dashboard-shot{width:64%;margin:10px 0 0 auto;padding:6px;border-radius:12px;box-shadow:0 14px 30px rgba(14,34,23,.08);max-height:48%;overflow:hidden}.dashboard-shot img{border-radius:8px;width:100%;height:auto}

  /* 05 */
  .api-layout{display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr;gap:10px;padding:2vh 0 1.5vh;align-items:start}.api-copy h2{font-size:clamp(26px,7vw,34px);line-height:.98;margin-top:9px}.api-copy>p{font-size:9.5px;line-height:1.42;margin-top:8px}.api-points{margin:9px 0 10px;gap:5px}.api-points span{padding:5px 7px;font-size:7px}.api-copy .button{min-height:38px;padding:7px 11px;font-size:9px}.code-window{min-height:0;align-self:stretch;border-radius:13px}.code-head{height:31px;padding:0 10px;font-size:7px}.code-window pre{padding:9px 10px;font-size:6.6px;line-height:1.35;max-height:100%;overflow:hidden}

  /* 06 */
  .integrations-layout{display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr;gap:9px;padding:2vh 0 1.5vh;align-items:start}.compact-copy h2{font-size:clamp(25px,7vw,32px);line-height:.98;margin-top:9px}.compact-copy>p{font-size:9.5px;line-height:1.4;margin-top:7px}.integration-cards{grid-template-columns:1fr;gap:5px;min-height:0;align-self:stretch}.integration-card,.integration-card:first-child{min-height:0;padding:8px 10px;border-radius:12px;display:block}.integration-card>span{font-size:6.5px}.integration-card h3{font-size:12px;margin-top:5px}.integration-card p{font-size:7.2px;line-height:1.3;margin-top:3px}.mini-message,.mini-flow,.otp{display:none}

  /* 07: text top, character bottom-left, actions/info bottom-right */
  .contact-story-layout{display:grid;grid-template-columns:42% 58%;grid-template-rows:auto 1fr;gap:8px;padding:2vh 0 1.5vh;align-items:start}.contact-story-copy{grid-column:1/-1;grid-row:1;max-width:none}.contact-story-copy h2{font-size:clamp(25px,7vw,32px);line-height:.98;margin-top:9px}.contact-story-copy p{font-size:9.5px;line-height:1.4;margin-top:7px;max-width:96%}.contact-story-center{grid-column:1;grid-row:2;min-height:0}.contact-story-sidebar{grid-column:2;grid-row:2;align-self:center;justify-self:stretch;width:100%;gap:7px}.contact-story-actions{gap:6px}.contact-story-actions .button{min-height:36px;padding:7px 8px;font-size:8px;border-radius:9px}.contact-story-info{grid-template-columns:1fr 1fr;gap:5px}.contact-story-info div{padding:7px;border-radius:9px;gap:3px}.contact-story-info small{font-size:5.7px}.contact-story-info a,.contact-story-info strong{font-size:7px;line-height:1.22}

  .horizontal-controls{height:var(--controls);padding:0 12px;gap:10px}.horizontal-controls>button{width:32px;height:32px}.progress-wrap{min-width:0;flex:1;gap:7px}.progress-track{width:100%}.progress-wrap span{font-size:8px}.scroll-tip{display:none}
}

/* narrow phones */
@media(max-width:430px){
  :root{--header:64px;--controls:52px}.site-header{padding:0 10px}.brand img{height:29px}.menu-button{width:38px;height:38px}.menu-button span{left:10px}.main-nav{top:60px}
  .assistant-traveler-inner{height:46%}.assistant-speech{right:-24%;min-width:135px;max-width:160px;font-size:13px}
  body[data-scene="0"] .assistant-traveler-inner{--tx:13vw}body[data-scene="1"] .assistant-traveler-inner{--tx:25vw}body[data-scene="2"] .assistant-traveler-inner{--tx:4vw}body[data-scene="3"] .assistant-traveler-inner{--tx:25vw}body[data-scene="6"] .assistant-traveler-inner{--tx:24vw}
  .hero-layout{grid-template-rows:50% 50%;padding-top:1.5vh}.hero-copy h1{font-size:29px}.hero-copy p{font-size:9.5px}.hero-meta{display:none}
  .scene-triple-layout,.api-layout,.integrations-layout,.contact-story-layout{padding-top:1.4vh;padding-bottom:1vh}.scene-copy-left h2,.dashboard-side h2,.compact-copy h2,.contact-story-copy h2{font-size:24px}.scene-copy-left p,.dashboard-side>p,.compact-copy>p,.contact-story-copy p{font-size:8.6px}.scene-card-stack article{padding:6px 7px}.scene-card-stack h3{font-size:10px}.scene-card-stack p{font-size:6.4px}.dashboard-shot{width:66%;max-height:46%}.contact-story-sidebar{gap:5px}.contact-story-info{gap:4px}
}

/* short screens */
@media(max-height:700px) and (max-width:820px){
  .hero-copy h1{font-size:27px}.hero-copy p{font-size:8.8px}.hero-actions{margin-top:8px}.hero-meta{display:none}
  .scene-copy-left h2,.dashboard-side h2,.compact-copy h2,.contact-story-copy h2{font-size:22px}.scene-copy-left p,.dashboard-side>p,.compact-copy>p,.contact-story-copy p{font-size:8px}.scene-card-stack{gap:3px}.scene-card-stack article{padding:5px 6px}.scene-card-stack h3{font-size:9.5px}.scene-card-stack p{font-size:5.9px}.dashboard-shot{margin-top:6px;max-height:43%}.integration-card{padding:6px 8px}.integration-card h3{font-size:10px}.integration-card p{font-size:6.4px}.contact-story-actions .button{min-height:32px}
}

@media(prefers-reduced-motion:reduce){.horizontal-track,.assistant-traveler-inner,.assistant-traveler,.assistant-speech,.progress-track i{transition:none!important}}

/* ===== v13: normal informative mobile site ===== */
.mobile-nav-actions{display:none}
@media(max-width:820px){
  :root{--header:68px;--controls:0px}
  html,body{height:auto!important;min-height:100%;overflow-x:hidden!important;overflow-y:auto!important;scroll-behavior:smooth;background:#fff}
  body{padding:0}
  .site-header{position:fixed;top:0;left:0;right:0;height:var(--header);padding:0 14px;grid-template-columns:auto 1fr auto;gap:10px;background:rgba(255,255,255,.97);box-shadow:0 6px 24px rgba(13,21,17,.06)}
  .brand img{height:32px}
  .header-actions{display:none!important}
  .menu-button{display:block!important;justify-self:end;width:40px;height:40px}
  .main-nav{display:none;position:fixed;left:12px;right:12px;top:calc(var(--header) + 8px);z-index:150;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 24px 70px rgba(16,34,25,.18);padding:10px;max-height:calc(100dvh - var(--header) - 28px);overflow:auto}
  .main-nav.open{display:grid;grid-template-columns:1fr;gap:4px}
  .main-nav button{width:100%;text-align:left;padding:12px 14px;border-radius:11px;font-size:13px}
  .mobile-nav-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:6px;padding-top:10px;border-top:1px solid var(--line)}
  .mobile-nav-actions .button{min-height:42px;font-size:11px;padding:8px 10px}
  .mobile-login-button{background:#f5f8f6;color:#173126;border-color:#e1e9e4}

  .assistant-traveler,.horizontal-controls{display:none!important}
  .horizontal-viewport{position:relative!important;inset:auto!important;top:auto!important;bottom:auto!important;width:100%!important;height:auto!important;overflow:visible!important;overscroll-behavior:auto!important;touch-action:auto!important;padding-top:var(--header)}
  .horizontal-track{display:block!important;width:100%!important;height:auto!important;transform:none!important;transition:none!important}
  .panel{width:100%!important;max-width:100%!important;height:auto!important;min-height:0!important;overflow:visible!important;scroll-snap-align:none!important;scroll-snap-stop:normal!important;padding:0}
  .panel-inner{width:min(100% - 28px,680px)!important;height:auto!important;min-height:0!important;margin:0 auto!important;padding-left:0!important;padding-right:0!important}
  .panel-number{font-size:72px;right:12px;top:20px;opacity:.7}
  .kicker{font-size:9px;letter-spacing:.14em}.kicker span{width:28px;height:28px}

  /* Hero */
  .panel-intro{padding:54px 0 58px;background:linear-gradient(160deg,#f6faf7 0%,#fff 52%,#eef7f2 100%)}
  .panel-intro:before{background-size:52px 52px;opacity:.65}
  .hero-layout{display:block!important;height:auto!important;padding:0!important}
  .assistant-placeholder{display:none!important}
  .hero-copy{max-width:none!important;padding:0!important}
  .hero-copy .kicker{display:flex!important}
  .hero-copy h1{font-size:clamp(38px,10vw,54px)!important;line-height:.98!important;margin-top:18px!important;letter-spacing:-.055em}
  .hero-copy p{display:block!important;max-width:620px!important;font-size:14px!important;line-height:1.65!important;margin-top:20px!important;color:#637169!important;-webkit-line-clamp:unset!important}
  .hero-actions{display:grid!important;grid-template-columns:1fr;gap:10px!important;margin-top:24px!important}
  .hero-actions .button{width:100%;min-height:50px;font-size:13px}
  .hero-actions .text-action{width:100%;min-height:46px;justify-content:center;border:1px solid var(--line);border-radius:12px;background:#fff;padding:8px 12px;font-size:12px}
  .hero-actions .text-action span{width:30px;height:30px}
  .hero-meta{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:8px!important;margin-top:26px!important;border-top:0!important;max-width:none!important}
  .hero-meta div{padding:14px 10px!important;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.78)}
  .hero-meta strong{font-size:15px}.hero-meta span{font-size:8px;line-height:1.3}

  /* Shared content sections */
  .panel-solutions,.panel-platform,.panel-process,.panel-api,.panel-integrations,.panel-contact{padding:58px 0!important}
  .panel-solutions,.panel-process{background:#fff}
  .panel-platform{background:var(--soft)}
  .panel-api{background:#102019}
  .panel-integrations{background:#fff}
  .panel-contact{background:#0c1711}

  .scene-triple-layout,.story-panel,.api-layout,.integrations-layout,.contact-story-layout{display:block!important;height:auto!important;padding:0!important}
  .scene-assistant-space,.story-space,.contact-story-center{display:none!important}
  .scene-copy-left,.story-side,.dashboard-side,.api-copy,.compact-copy,.contact-story-copy{max-width:none!important;padding:0!important;margin:0!important}
  .scene-copy-left h2,.dashboard-side h2,.api-copy h2,.compact-copy h2,.contact-story-copy h2{font-size:clamp(31px,8.5vw,44px)!important;line-height:1!important;margin-top:15px!important;letter-spacing:-.05em}
  .scene-copy-left p,.dashboard-side>p,.api-copy>p,.compact-copy>p,.contact-story-copy p{font-size:13px!important;line-height:1.6!important;margin-top:14px!important;max-width:none!important}

  /* 02 / 04 cards */
  .scene-card-stack,.process-card-stack{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;margin-top:24px!important;max-width:none!important;width:100%!important}
  .scene-card-stack article{display:grid!important;grid-template-columns:46px 1fr!important;gap:12px!important;align-items:start!important;padding:15px!important;border-radius:16px!important;box-shadow:0 10px 26px rgba(16,34,25,.05)!important;min-height:0!important}
  .scene-card-stack article span{width:46px!important;height:46px!important;border-radius:13px!important;font-size:13px!important}
  .scene-card-stack h3{font-size:16px!important;line-height:1.2!important}
  .scene-card-stack p{font-size:11px!important;line-height:1.5!important;margin-top:5px!important}

  /* 03 screenshot */
  .dashboard-shot{width:100%!important;max-height:none!important;overflow:visible!important;margin:24px 0 0!important;padding:8px!important;border-radius:18px!important;box-shadow:0 18px 42px rgba(14,34,23,.09)!important}
  .dashboard-shot img{width:100%!important;height:auto!important;border-radius:12px!important}

  /* 05 API */
  .api-copy .kicker{color:#91a39a}.api-copy h2{color:#fff!important}.api-copy>p{color:#a5b7ad!important}
  .api-points{display:flex!important;flex-wrap:wrap!important;gap:7px!important;margin:18px 0!important}
  .api-points span{padding:8px 10px!important;font-size:9px!important}
  .api-copy .button{width:100%;min-height:48px;font-size:12px;margin-bottom:20px}
  .code-window{width:100%!important;min-height:0!important;border-radius:16px!important;overflow:hidden!important;margin-top:0!important}
  .code-head{height:42px!important;padding:0 14px!important;font-size:9px!important}
  .code-window pre{font-size:8.6px!important;line-height:1.55!important;padding:14px!important;white-space:pre-wrap!important;overflow-wrap:anywhere!important;max-height:none!important;overflow:auto!important}

  /* 06 integrations */
  .integration-cards{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;margin-top:24px!important}
  .integration-card,.integration-card:first-child{min-height:0!important;height:auto!important;padding:18px!important;border-radius:18px!important;display:block!important}
  .integration-card>span{font-size:8px!important}.integration-card h3{font-size:18px!important;margin-top:14px!important}.integration-card p{font-size:11px!important;line-height:1.55!important;margin-top:6px!important}
  .mini-message,.mini-flow,.otp{display:block!important;margin-top:16px!important}
  .mini-flow{display:grid!important;grid-template-columns:1fr auto 1fr auto 1fr!important;align-items:center!important;gap:6px!important}

  /* 07 CTA */
  .contact-story-copy h2{color:#fff!important}.contact-story-copy p{color:#a8bbb1!important}
  .contact-story-sidebar{display:block!important;width:100%!important;max-width:none!important;margin-top:24px!important}
  .contact-story-actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  .contact-story-actions .button{width:100%!important;min-height:48px!important;font-size:12px!important}
  .contact-story-info{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;margin-top:20px!important}
  .contact-story-info div{padding:14px!important;border-radius:14px!important;min-height:82px}
  .contact-story-info small{font-size:7px!important}.contact-story-info a,.contact-story-info strong{font-size:10px!important;line-height:1.4!important}
}

@media(max-width:480px){
  :root{--header:64px}
  .site-header{padding:0 10px}.brand img{height:29px}.menu-button{width:38px;height:38px}
  .main-nav{left:10px;right:10px;top:72px}
  .panel-inner{width:calc(100% - 22px)!important}
  .panel-intro{padding:44px 0 50px}.panel-solutions,.panel-platform,.panel-process,.panel-api,.panel-integrations,.panel-contact{padding:50px 0!important}
  .hero-copy h1{font-size:36px!important}.hero-copy p{font-size:12.5px!important}.hero-meta{grid-template-columns:1fr!important}.hero-meta div{display:grid;grid-template-columns:60px 1fr;align-items:center;gap:8px}.hero-meta span{margin-top:0}
  .scene-copy-left h2,.dashboard-side h2,.api-copy h2,.compact-copy h2,.contact-story-copy h2{font-size:30px!important}
  .scene-copy-left p,.dashboard-side>p,.api-copy>p,.compact-copy>p,.contact-story-copy p{font-size:12px!important}
  .scene-card-stack article{grid-template-columns:40px 1fr!important;padding:13px!important}.scene-card-stack article span{width:40px!important;height:40px!important}.scene-card-stack h3{font-size:15px!important}.scene-card-stack p{font-size:10.5px!important}
  .code-window pre{font-size:7.8px!important;padding:12px!important}
  .contact-story-info{grid-template-columns:1fr!important}.contact-story-info div{min-height:0}
  .mobile-nav-actions{grid-template-columns:1fr}
}


/* ===== v14 clickable smile + compact hero ===== */
@media(min-width:821px){
  .assistant-traveler-inner{cursor:pointer}
  .assistant-traveler .assistant-image{cursor:pointer}
  .hero-copy h1{
    font-size:clamp(46px,4.7vw,76px) !important;
    line-height:.98 !important;
    margin-top:18px !important;
  }
  .hero-copy p{
    margin-top:18px !important;
    font-size:clamp(13px,.95vw,16px) !important;
    line-height:1.65 !important;
  }
  .hero-actions{margin-top:22px !important}
  .hero-meta{margin-top:26px !important}
}
@media(min-width:821px) and (max-height:820px){
  .hero-copy h1{font-size:clamp(42px,4.2vw,66px) !important;margin-top:14px !important}
  .hero-copy p{margin-top:14px !important;line-height:1.5 !important}
  .hero-actions{margin-top:16px !important}
  .hero-meta{margin-top:18px !important}
  .hero-meta div{padding-top:11px !important}
}
@media(max-width:820px){
  .panel-intro{padding:38px 0 44px !important}
  .hero-copy h1{font-size:clamp(30px,8.3vw,40px) !important;line-height:1 !important;margin-top:14px !important}
  .hero-copy p{font-size:12px !important;line-height:1.5 !important;margin-top:14px !important}
  .hero-actions{margin-top:18px !important}
  .hero-actions .button{min-height:46px !important}
  .hero-meta{margin-top:20px !important}
}
@media(max-width:480px){
  .panel-intro{padding:34px 0 40px !important}
  .hero-copy h1{font-size:32px !important;margin-top:12px !important}
  .hero-copy p{font-size:11.5px !important;margin-top:12px !important}
  .hero-actions{margin-top:16px !important}
}

/* ===== v15 public-site language switcher only ===== */
.language-select-wrap{position:relative;display:inline-flex;align-items:center;flex:0 0 auto}
.language-select-wrap:after{content:"⌄";position:absolute;right:11px;top:50%;transform:translateY(-55%);font-size:12px;font-weight:800;color:#738078;pointer-events:none}
.site-language-select{height:40px;min-width:66px;padding:0 29px 0 12px;border:1px solid var(--line);border-radius:11px;background:#fff;color:#24332b;font:800 11px/1 'Inter',sans-serif;letter-spacing:.03em;outline:0;appearance:none;-webkit-appearance:none;cursor:pointer;transition:border-color .2s,box-shadow .2s,background .2s}
.site-language-select:hover{border-color:#b8ccc0;background:#fbfdfc}
.site-language-select:focus{border-color:rgba(12,138,75,.55);box-shadow:0 0 0 3px rgba(12,138,75,.09)}
.mobile-language-select{display:none}
@media(max-width:820px){
  .mobile-language-select{display:flex!important;grid-column:1/-1;width:100%}
  .mobile-language-select .site-language-select{width:100%;height:42px;font-size:12px}
  .mobile-language-select:after{right:14px}
}

/* ===== v16 mobile header actions + refined language selector ===== */
.mobile-header-actions{display:none}
.language-select-wrap{isolation:isolate}
.language-select-wrap:after{content:"";width:6px;height:6px;border-right:1.8px solid currentColor;border-bottom:1.8px solid currentColor;transform:translateY(-65%) rotate(45deg);right:13px;color:#65756c}
.site-language-select{height:42px;min-width:70px;padding:0 34px 0 13px;border:1px solid #dbe5df;border-radius:13px;background:linear-gradient(180deg,#fff 0%,#f9fbfa 100%);color:#183026;font:800 11px/1 'Inter',sans-serif;letter-spacing:.04em;box-shadow:0 4px 14px rgba(17,40,28,.04);transition:border-color .2s ease,box-shadow .2s ease,background .2s ease,transform .2s ease}
.site-language-select:hover{border-color:#bfd1c6;background:#fff;box-shadow:0 6px 18px rgba(17,40,28,.07)}
.site-language-select:focus{border-color:rgba(12,138,75,.55);box-shadow:0 0 0 3px rgba(12,138,75,.09),0 8px 20px rgba(17,40,28,.06)}

@media(max-width:820px){
  .site-header{grid-template-columns:auto 1fr auto auto!important;gap:8px!important;padding:0 12px!important}
  .header-actions{display:none!important}
  .mobile-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;justify-self:end;min-width:0}
  .mobile-header-language{height:40px;display:flex;align-items:center;position:relative;border:1px solid #dce7e0;border-radius:12px;background:#fff;box-shadow:0 5px 16px rgba(16,34,25,.055);overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease}
  .mobile-header-language:focus-within{border-color:rgba(12,138,75,.48);box-shadow:0 0 0 3px rgba(12,138,75,.08)}
  .mobile-language-globe{width:29px;height:40px;display:grid;place-items:center;color:#0b8c4c;pointer-events:none}
  .mobile-language-globe svg{width:16px;height:16px}
  .mobile-header-language-select{height:38px!important;width:43px!important;min-width:43px!important;padding:0 4px 0 0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;font-size:10px!important;letter-spacing:.02em!important;text-align:center;text-align-last:center;color:#1d3429!important}
  .mobile-header-language-select:focus{box-shadow:none!important}
  .mobile-quick-button{width:40px;height:40px;display:grid;place-items:center;flex:0 0 40px;border-radius:12px;border:1px solid #dce7e0;background:#fff;color:#355046;text-decoration:none;box-shadow:0 5px 16px rgba(16,34,25,.05);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}
  .mobile-quick-button:hover,.mobile-quick-button:focus-visible{transform:translateY(-1px);border-color:#bdd2c5;box-shadow:0 8px 20px rgba(16,34,25,.09)}
  .mobile-quick-button svg{width:18px;height:18px}
  .mobile-quick-button span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
  .mobile-header-register{background:linear-gradient(180deg,#159c59 0%,#0c8749 100%);border-color:#0c8749;color:#fff;box-shadow:0 8px 20px rgba(12,138,75,.18)}
  .mobile-header-register:hover,.mobile-header-register:focus-visible{background:linear-gradient(180deg,#18a85f 0%,#0b7b43 100%);border-color:#0b7b43;box-shadow:0 10px 24px rgba(12,138,75,.24)}
  .menu-button{margin-left:0!important;width:40px!important;height:40px!important;flex:0 0 40px!important;border-radius:12px!important;border-color:#dce7e0!important;box-shadow:0 5px 16px rgba(16,34,25,.05)!important}
  .menu-button span{left:11px!important;width:17px!important}
  .menu-button span:first-child{top:15px!important}.menu-button span:last-child{top:22px!important}
  .main-nav{top:calc(var(--header) + 8px)!important}
  .mobile-nav-actions{display:none!important}
}

@media(max-width:560px){
  .site-header{padding:0 10px!important;gap:6px!important}
  .brand{width:46px;overflow:hidden;flex:0 0 46px}
  .brand img{height:32px!important;width:auto!important;max-width:none!important}
  .mobile-header-actions{gap:5px}
  .mobile-header-language{height:38px;border-radius:11px}
  .mobile-language-globe{width:25px;height:38px}.mobile-language-globe svg{width:15px;height:15px}
  .mobile-header-language-select{height:36px!important;width:39px!important;min-width:39px!important;font-size:9px!important}
  .mobile-quick-button,.menu-button{width:38px!important;height:38px!important;flex-basis:38px!important;border-radius:11px!important}
  .mobile-quick-button svg{width:17px;height:17px}
  .menu-button span{left:10px!important}
}

@media(max-width:360px){
  .site-header{gap:4px!important;padding:0 7px!important}
  .brand{width:40px;flex-basis:40px}.brand img{height:29px!important}
  .mobile-header-actions{gap:4px}
  .mobile-language-globe{display:none}
  .mobile-header-language{width:39px;justify-content:center}
  .mobile-header-language-select{width:37px!important;min-width:37px!important;padding:0!important}
  .mobile-quick-button,.menu-button{width:36px!important;height:36px!important;flex-basis:36px!important}
  .menu-button span{left:9px!important}
}