/* SayPeter: Monument. Typography and an image plate form the opening scene. */
.landing-home { --color-text-secondary:#b3bab6; --color-muted:#a2aaa5; --color-border:#25332c; --color-border-bright:#43564b; --home-ink:#f7faf8; --home-mint:#c7ffe3; background:#020604; color:var(--home-ink); font-weight:400; }
.landing-home::before { content:none; }
.landing-home main>section[id] { scroll-margin-top:110px; }
.landing-home .container { max-width:1580px; padding-inline:5.2%; }
.landing-home .nav { position:fixed; inset:0 0 auto; padding:27px 0; background:transparent; border-color:transparent; backdrop-filter:none; transition:opacity .3s,transform .3s,visibility .3s; }
@media (scripting:enabled) { .landing-home .nav:not(.nav-scrolled) { opacity:0; visibility:hidden; transform:translateY(-16px); pointer-events:none; } }
.landing-home .nav.nav-scrolled { background:#020604ed; border-bottom-color:#ffffff14; backdrop-filter:blur(18px); }
.landing-home .nav-inner { gap:36px; }
.landing-home .nav-logo { font-size:36px; font-weight:800; direction:ltr; unicode-bidi:isolate; letter-spacing:-.065em; }
.landing-home .nav-sections,.landing-home .nav-links { display:flex; align-items:center; gap:34px; }
.landing-home .nav-sections { margin-inline-start:auto; }
.landing-home .nav-link { color:#e1e7e3; font-size:16px; font-weight:450; white-space:nowrap; }
.landing-home .nav-link:hover { color:#a9ffd0; }
.landing-home .nav-cta { padding:16px 32px; border:0; border-radius:40px; color:#052317; background:var(--home-mint); box-shadow:none; animation:none; font-size:16px; font-weight:650; }
.landing-home .nav-cta:hover { background:#e2fff0; box-shadow:none; transform:translateY(-2px); }
.landing-home :is(button,a,input,summary,[tabindex]):focus-visible { outline:2px solid #9bffcd; outline-offset:5px; }
.landing-home .btn { border-radius:50px; font-size:16px; font-weight:650; letter-spacing:-.025em; }
.landing-home .btn-primary { background:var(--home-mint); color:#062319; border:1px solid #d7ffeb; box-shadow:none; }
.landing-home .btn-primary:hover { background:#e4fff1; color:#062319; transform:translateY(-3px); box-shadow:0 12px 35px #70ffb31a; }
.landing-home .btn-primary::before,.landing-home .btn-primary::after { content:none; }
.landing-home .btn-lg { display:inline-flex; align-items:center; gap:27px; padding:22px 34px; font-size:20px; line-height:1.5; }
.landing-home .cta-arrow { flex:0 0 26px; transition:transform .25s ease; }
.landing-home .btn:hover .cta-arrow { transform:translateX(4px); }
.landing-home .text-link { display:inline-flex; align-items:center; gap:16px; font-size:15px; font-weight:500; color:#e0e9e4; }
.landing-home .text-link:hover { color:#9bffcd; }
.landing-home .text-link>span { font-size:21px; transition:transform .2s; }
.landing-home .text-link:hover>span { transform:translate(2px,-2px); }
.landing-home .display-type { font-family:var(--font-body); font-style:normal; font-weight:650; letter-spacing:-.055em; }
.landing-home .accent { color:var(--home-mint); }

/* Comparable plan cards, supplied by the operator's tier data. */
.landing-home .section { padding:105px 0; position:relative; }
.landing-home .section::before,.landing-home .section::after { content:none; }
.landing-home .section-head { text-align:start; margin:0 0 55px; }
.landing-home .section-title { font-size:clamp(40px,5.1vw,76px); font-weight:650; letter-spacing:-.055em; line-height:1.07; margin:0; text-wrap:pretty; }
.landing-home #pricing { background:#020604; }
.landing-home .plan-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; border:0; align-items:stretch; }
.landing-home .plan-row { padding:34px; border:1px solid #304c3b; border-radius:24px; background:linear-gradient(155deg,#11251a,#07110c); }
.landing-home .plan-card-inner { display:flex; flex-direction:column; gap:28px; height:100%; }
.landing-home .plan-card-top { display:flex; flex-direction:column; align-items:flex-start; gap:22px; }
.landing-home .plan-card-name { font-size:30px; font-weight:600; letter-spacing:-.04em; color:#edf7f0; }
.landing-home .plan-card-price { display:flex; align-items:baseline; gap:4px; direction:ltr; }
.landing-home .plan-card-currency { font-size:24px; color:#b7cdbe; }
.landing-home .plan-card-amount { font-size:60px; line-height:1; font-weight:550; color:#e2f9ea; }
.landing-home .plan-card-period { color:#a5bbac; font-size:14px; }
.landing-home .plan-card-tagline { color:#b5cbbd; font-size:14px; line-height:1.7; min-height:3.4em; }
.landing-home .plan-bullets { list-style:none; margin:0; padding:26px 0 0; border-top:1px solid #355140; display:grid; gap:18px; }
.landing-home .plan-bullet { display:flex; gap:11px; align-items:baseline; font-size:14px; line-height:1.7; color:#c2d7c9; }
.landing-home .plan-bullet-mark { color:#a0dcb3; flex:0 0 14px; }
.landing-home .plan-bullet-mark svg { width:14px; height:14px; }
.landing-home .plan-cta-row { display:flex; align-items:center; justify-content:flex-start; gap:35px; margin:42px 0 65px; }
.landing-home .plan-cta-btn { flex:0 0 auto; padding:17px 30px; }
.landing-home .plan-cta-note { max-width:600px; color:#a7bdae; font-size:14px; line-height:1.8; }
.landing-home .plan-includes { border-top:1px solid #314736; padding-top:40px; }
.landing-home .plan-includes-head { color:#b4cbbd; font-size:14px; font-weight:550; margin-bottom:35px; }
.landing-home .plan-feature-list { list-style:none; display:grid; grid-template-columns:1fr 1fr; gap:36px 75px; }
.landing-home .plan-feature { display:flex; align-items:flex-start; gap:18px; }
.landing-home .plan-feature-icon { color:#a2d8b2; flex:0 0 24px; }
.landing-home .plan-feature-icon svg { width:24px; height:24px; }
.landing-home .plan-feature-title { display:block; color:#ddebdf; font-size:16px; font-weight:550; margin-bottom:10px; }
.landing-home .plan-feature-detail { color:#a5bbac; font-size:14px; line-height:1.85; }
.landing-home .faq-container { display:grid; grid-template-columns:.8fr 1.2fr; gap:80px; }
.landing-home .faq-detail { border:0; border-bottom:1px solid #354a3b; background:none; margin:0; padding:0; border-radius:0; }
.landing-home .faq-detail summary { display:flex; align-items:center; justify-content:space-between; gap:22px; padding:26px 0; list-style:none; cursor:pointer; font-size:17px; font-weight:500; color:#d8e8de; }
.landing-home .faq-detail summary::-webkit-details-marker { display:none; }
.landing-home .faq-detail summary::after { content:'+'; flex:0 0 18px; color:#b4d9c1; font-size:24px; font-weight:400; }
.landing-home .faq-detail[open] summary::after { content:'−'; transform:none; }
.landing-home .faq-detail p { color:#aec6b7; padding:0 25px 27px 0; font-size:15px; line-height:1.85; }
.landing-home .footer { padding:42px 0; background:#020604; border:0; }
.landing-home .footer-inner { gap:22px; }
.landing-home .footer-links { flex-wrap:wrap; line-height:1.8; font-size:13px; }
.landing-home .footer-privacy { color:#98ada0; }
.landing-home .signup-modal-card { border:1px solid #496350; background:#0c1a11; box-shadow:0 30px 100px #000a; }
.landing-home .signup-modal-title { font-weight:650; letter-spacing:-.035em; }
.landing-home .signup-field input { border-color:#46614e; background:#030c07; }
.landing-home .signup-hint { color:#adc5b4; }
.landing-home .signup-telegram-notice { border-color:#40665e; background:#102620; }
.landing-home .signup-check { font-size:13px; line-height:1.7; }
.landing-home .signup-modal-close { width:44px; height:44px; }

/* Monument: a readable, moving opening scene. */
.landing-home .hero { position:relative; isolation:isolate; padding:0; text-align:start; overflow:clip; min-height:0; background:#000; }
.landing-home .hero::before,.landing-home .hero::after { content:none; }
.landing-home .hero-art { position:absolute; z-index:-1; inset:-1.5%; pointer-events:none; transform:translate3d(0,var(--hero-offset,0px),0); }
.landing-home .hero-art img { display:block; width:100%; height:100%; max-width:none; object-fit:cover; object-position:center; transform-origin:68% 43%; }
.landing-home .hero-layout { display:flex; flex-direction:column; align-items:flex-start; min-height:77vw; padding-top:22.2vw; padding-bottom:4.4vw; }
.landing-home .hero-copy { position:relative; width:100%; max-width:none; padding:0; text-align:start; }
.landing-home .hero h1 { font-size:clamp(92px,13.2vw,210px); font-weight:780; line-height:.94; letter-spacing:-.06em; margin:0 0 28px; color:#fbfdfc; text-wrap:initial; text-shadow:0 3px 2px #0009,0 10px 42px #000c,0 0 4px #0008; }
.landing-home .hero h1>span { display:block; }
.landing-home .hero h1 em { color:#68f3ad; font:inherit; }
.landing-home .hero-intro { width:fit-content; font-size:clamp(20px,1.96vw,30px); line-height:1.35; letter-spacing:-.025em; color:#f1f6f3; max-width:100%; margin:0 0 28px; padding:13px 20px 16px; background:#010704a6; border:1px solid #c7ffe314; border-radius:14px; text-wrap:pretty; text-shadow:0 2px 9px #000; }
.landing-home .hero-actions { display:flex; flex-direction:row; align-items:center; justify-content:flex-start; margin:0; }
.landing-home .hero-cue { display:inline-flex; align-items:center; gap:32px; margin-top:auto; padding-top:55px; font-size:16px; color:#d5e1d9; text-shadow:0 2px 12px #000; }
.landing-home .hero-cue img { filter:invert(1); transform:rotate(90deg); transition:transform .25s; }
.landing-home .hero-cue:hover { color:#fff; }
.landing-home .hero-cue:hover img { transform:translateY(4px) rotate(90deg); }

/* A Telegram conversation: plain messages, links and file attachments. */
.landing-home .work-section { padding:105px 0 100px; background:radial-gradient(ellipse at 50% 70%,#0b2b1a70,transparent 65%); }
.landing-home .work-heading { margin-bottom:46px; }
.landing-home .work-heading h2 { font-size:clamp(44px,6.4vw,96px); font-weight:650; line-height:1.04; letter-spacing:-.06em; text-wrap:pretty; }
.landing-home .work-heading>p { font-size:20px; line-height:1.6; color:#aec0b5; margin-top:24px; max-width:none; }
.landing-home .demo-browser { max-width:1200px; margin-inline:auto; }
.landing-home .demo-navigation { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:16px; }
.landing-home .demo-hint { color:#c7dbcf; font-size:14px; }
.landing-home .demo-controls { display:flex; gap:10px; align-items:center; }
.landing-home .demo-controls button { display:inline-flex; align-items:center; justify-content:center; min-width:44px; min-height:44px; border:1px solid #42574a; border-radius:30px; color:#cce4d6; background:transparent; font:500 14px/1.3 var(--font-body); cursor:pointer; }
.landing-home .demo-controls button:hover { background:#1b3225; color:#fff; }
.landing-home .demo-controls button:disabled { opacity:.5; cursor:default; }
.landing-home .demo-count { color:#a9c1b2; font-size:12px; font-variant-numeric:tabular-nums; direction:ltr; }
.landing-home .demo-controls .demo-play { padding-inline:16px; min-width:145px; }
.landing-home .demo-tabs { display:flex; gap:8px; overflow-x:auto; scrollbar-width:thin; scrollbar-color:#65977b #17221b; margin-bottom:28px; padding:4px 4px 12px; scroll-padding-inline:8px; }
.landing-home .demo-tabs button { position:relative; flex:1 0 auto; padding:16px 23px; overflow:hidden; border:1px solid #354b3e; border-radius:40px; background:#0a160f; color:#c7d9cf; cursor:pointer; font:550 16px/1.4 var(--font-body); white-space:nowrap; transition:background .25s,color .25s; }
.landing-home .demo-tabs button:hover { color:white; background:#1a2c20; }
.landing-home .demo-tabs button[aria-selected="true"] { color:#092e1c; background:#baffd8; border-color:#baffd8; }
.landing-home .demo-tabs button[aria-selected="true"]::after { content:''; position:absolute; bottom:0; inset-inline-start:0; height:3px; background:#227749; width:var(--demo-progress,0%); }
.landing-home .demo-tabs button:focus-visible { outline-offset:2px; }
.landing-home .telegram-demo { max-width:1000px; margin:auto; border:1px solid #3c505c; border-radius:24px; overflow:hidden; box-shadow:0 35px 100px #0006; background:#0e1621; }
.landing-home .telegram-header { display:flex; align-items:center; gap:14px; padding:20px 28px; background:#17212b; border-bottom:1px solid #253340; }
.landing-home .telegram-avatar { display:grid; place-items:center; width:48px; height:48px; flex:none; border-radius:50%; background:linear-gradient(145deg,#87e9be,#358963); color:#082e1b; font-size:29px; font-weight:750; }
.landing-home .telegram-header strong { display:block; font-size:19px; color:#fff; font-weight:600; }
.landing-home .telegram-header span { display:block; font-size:13px; color:#9eb3c3; margin-top:4px; }
.landing-home .telegram-mark { color:#6ab7e2; margin-inline-start:auto; }
.landing-home .demo-stage { padding:32px; min-width:0; touch-action:pan-y; background:radial-gradient(ellipse at 80% 15%,#16312d,transparent 65%); }
.landing-home .demo-panel { position:relative; display:flex; flex-direction:column; gap:25px; min-height:var(--demo-height,340px); }
.landing-home .demo-panel[hidden] { display:none; }
.landing-home .telegram-message { width:fit-content; max-width:78%; padding:15px 20px 10px; border-radius:16px; font-size:18px; line-height:1.65; color:#f0f5f9; box-shadow:0 2px 6px #0002; overflow-wrap:anywhere; }
.landing-home .telegram-message p { margin:0; }
.landing-home .telegram-out { align-self:flex-end; background:#2b5278; border-end-end-radius:4px; max-width:72%; }
.landing-home .telegram-in { align-self:flex-start; background:#182533; border-end-start-radius:4px; }
.landing-home .telegram-sender { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.landing-home .telegram-time { display:block; text-align:end; color:#99b0c2; font-size:11px; line-height:1.5; margin-top:7px; direction:ltr; }
.landing-home .telegram-file { display:flex; gap:15px; align-items:center; margin-top:20px; color:#7ac4f1; }
.landing-home .telegram-file svg { flex:none; }
.landing-home .telegram-file b { display:block; font-size:16px; font-weight:550; }
.landing-home .telegram-file small { display:block; font-size:12px; color:#9aafbf; margin-top:3px; }
.landing-home .telegram-message .telegram-link { color:#7ac4f1; margin-top:15px; text-decoration:underline; text-underline-offset:3px; overflow-wrap:anywhere; }
.landing-home .telegram-typing { display:none; align-items:center; gap:5px; height:20px; position:absolute; inset-inline-start:18px; top:125px; }
.landing-home .telegram-typing span { width:6px; height:6px; border-radius:50%; background:#85b8d8; }
.landing-home .tool-chip { display:inline-flex; align-items:center; justify-content:center; gap:13px; font-weight:500; white-space:nowrap; }
.landing-home .tool-chip img { object-fit:contain; flex:0 0 26px; }

/* The one public customer story becomes a change of scene. */
.landing-home .customer-story { background:#dcebdd; color:#163d29; padding:70px 0 100px; overflow:hidden; }
.landing-home .story-opening { display:flex; justify-content:space-between; align-items:center; gap:30px; margin-bottom:55px; }
.landing-home .story-brand { font-size:24px; font-weight:650; letter-spacing:-.05em; }
.landing-home .case-person { display:flex; align-items:center; gap:16px; }
.landing-home .case-person strong { display:block; font-size:17px; font-weight:650; direction:ltr; unicode-bidi:isolate; }
.landing-home .case-person span { display:block; font-size:12px; margin-top:5px; color:#40644e; line-height:1.6; }
.landing-home .case-layout { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:8%; }
.landing-home .case-copy,.landing-home .case-result { min-width:0; }
.landing-home .revenue-display { font-size:clamp(85px,12.1vw,177px); line-height:.93; font-weight:600; letter-spacing:-.075em; direction:ltr; unicode-bidi:isolate; }
.landing-home .revenue-label { font-size:13px; color:#43664f; margin:14px 0 38px; }
.landing-home .case-copy h2 { color:inherit; font-size:clamp(31px,3.2vw,46px); font-weight:550; line-height:1.11; letter-spacing:-.05em; }
.landing-home .story-detail { font-size:16px; color:#385c44; line-height:1.8; max-width:none; margin:24px 0 28px; }
.landing-home .case-copy .text-link { color:#163d29; font-weight:600; font-size:14px; }
.landing-home .case-copy .text-link img { transform:rotate(-35deg); }
.landing-home .case-site { display:block; border:1px solid #82a98b; border-radius:9px; overflow:hidden; box-shadow:0 24px 65px #123a281c; transform:rotate(-2deg); transition:transform .45s; }
.landing-home .case-site:hover { transform:rotate(0deg) translateY(-4px); }
.landing-home .case-site-bar { display:flex; justify-content:space-between; background:#eff7ef; padding:13px 18px; font-size:12px; color:#35523f; direction:ltr; }
.landing-home .case-site-bar img { transform:rotate(-35deg); }
.landing-home .case-site>img { display:block; width:100%; height:auto; }
.landing-home .cs-stats { display:grid; grid-template-columns:1fr 1fr; gap:25px; margin-top:50px; padding-top:25px; border-top:1px solid #21412e40; }
.landing-home .cs-stat-num { font-size:clamp(35px,4vw,60px); line-height:1; letter-spacing:-.055em; font-weight:550; direction:ltr; unicode-bidi:isolate; }
.landing-home .cs-stat-label { font-size:13px; line-height:1.6; color:#40644e; margin-top:10px; }

/* Two uninterrupted rows. The control message sits outside the artwork. */
.landing-home .connections { position:relative; isolation:isolate; overflow:hidden; padding:110px 0 90px; background:#000; }
.landing-home .connections-art { position:absolute; z-index:-2; inset:0; width:100%; height:100%; max-width:none; object-fit:cover; opacity:.8; pointer-events:none; }
.landing-home .connections::after { content:''; position:absolute; z-index:-1; inset:0; background:linear-gradient(180deg,#0008,transparent 35%,transparent 65%,#020604); pointer-events:none; }
.landing-home .connections-heading h2 { max-width:none; font-size:clamp(42px,7vw,105px); font-weight:600; line-height:1.08; letter-spacing:-.06em; text-shadow:0 3px 30px #000; }
.landing-home .connections-heading h2 em { font-style:normal; color:#9bf5c1; }
.landing-home .connections-heading>p { font-size:21px; line-height:1.65; color:#d3e2d9; max-width:none; margin-top:28px; text-wrap:pretty; text-shadow:0 2px 10px #000,0 0 20px #000; }
.landing-home .connector-belt { margin:65px 0 0; }
.landing-home .connector-lane { overflow-x:auto; scrollbar-width:none; margin:16px 0; direction:ltr; }
.landing-home .connector-lane::-webkit-scrollbar { display:none; }
.landing-home .connector-track { display:flex; width:max-content; }
.landing-home .connector-set { display:flex; gap:16px; flex:none; padding-inline-start:16px; }
.landing-home .connector-set .tool-chip { border:1px solid #b6fcd934; border-radius:16px; min-width:195px; padding:24px 30px; color:#e5f5eb; font-size:18px; background:#07150deb; box-shadow:0 6px 20px #0005; }
.landing-home .connector-set img { filter:grayscale(1) brightness(0) invert(1); opacity:.86; width:26px; height:26px; }
.landing-home .connector-monogram { display:grid; place-items:center; width:28px; height:28px; font-size:13px; font-weight:700; color:#baf4d3; border:1px solid #a8f5ca55; border-radius:7px; }
.landing-home .control-section { padding:60px 0 65px; background:#020604; }
.landing-home .connections-control { display:grid; grid-template-columns:1fr 1.2fr; gap:8%; align-items:center; }
.landing-home .connections-control h2 { font-size:clamp(31px,3.5vw,52px); line-height:1.1; letter-spacing:-.04em; font-weight:550; }
.landing-home .connections-control p { font-size:18px; line-height:1.8; color:#bdd0c3; max-width:none; }

.landing-home .composer-section { padding:100px 0 110px; background:#0b2115; text-align:start; }
.landing-home .composer-wrap { padding-block:0; border:0; }
.landing-home .composer-wrap .section-title { max-width:none; font-size:clamp(56px,8.6vw,125px); line-height:1.01; margin:0; color:#baffd8; }
.landing-home .composer-lead { font-size:23px; line-height:1.5; color:#d4e7db; max-width:none; margin:34px 0; }
.landing-home .motion-toggle { position:fixed; z-index:90; inset:auto 20px 18px auto; padding:9px 13px; border:1px solid #90b9a366; border-radius:30px; background:#05120bec; color:#c8e3d3; backdrop-filter:blur(12px); font:450 11px/1.5 var(--font-body); cursor:pointer; box-shadow:0 2px 12px #0004; }
.landing-home .motion-toggle[hidden] { display:none; }
.landing-home .plan-includes { margin-top:40px; }
.landing-home .plan-includes-head { cursor:pointer; font-size:17px; color:#d3e8db; padding-bottom:5px; }
.landing-home .plan-feature-list { padding-top:20px; }
.landing-home .plan-cta-row { margin:0 0 50px; }
.landing-home .reveal,.landing-home .reveal-stagger,.landing-home .reveal-stagger>* { opacity:1; filter:none; transform:none; }

@keyframes monument-drift { 0%,100% { transform:scale(1.01) rotate(-.3deg); } 50% { transform:scale(1.055) rotate(.3deg); } }
@keyframes scene-arrive { from { opacity:0; transform:translateY(35px); } to { opacity:1; transform:translateY(0); } }
@keyframes tools-flow { to { transform:translateX(var(--loop-distance)); } }
@keyframes message-arrive { from { opacity:0; transform:translateY(12px); } to { opacity:1; transform:translateY(0); } }
@keyframes typing-show { 0%,80% { opacity:1; } 100% { opacity:0; } }
@keyframes typing-dot { 50% { transform:translateY(-4px); opacity:.5; } }
@media (prefers-reduced-motion:no-preference) {
    .landing-home .hero-copy { animation:scene-arrive 1.1s cubic-bezier(.18,.7,.2,1) both; }
    .landing-home .hero-art img { animation:monument-drift 17s ease-in-out infinite; }
    .landing-home .demo-browser.is-in-view .demo-panel:not([hidden]) .telegram-out { animation:message-arrive .4s both; }
    .landing-home .demo-browser.is-in-view .demo-panel:not([hidden]) .telegram-in { animation:message-arrive .45s 1.2s both; }
    .landing-home .demo-browser.is-in-view .demo-panel:not([hidden]) .telegram-typing { display:flex; animation:typing-show 1s .25s both; }
    .landing-home .telegram-typing span { animation:typing-dot .6s infinite; }
    .landing-home .telegram-typing span:nth-child(2) { animation-delay:.1s; }
    .landing-home .telegram-typing span:nth-child(3) { animation-delay:.2s; }
    .landing-home .connector-track.is-looping { animation:tools-flow var(--loop-duration,100s) linear infinite; animation-play-state:paused; }
    .landing-home .connections.is-in-view .connector-track { animation-play-state:running; }
    .landing-home .connector-lane:nth-child(2) .connector-track { animation-direction:reverse; }
    .landing-home .reveal.is-visible { animation:scene-arrive .8s cubic-bezier(.2,.7,.2,1) both; }
    .landing-home.motion-paused * { animation:none !important; }
    .landing-home.motion-paused .hero-art { transform:none; }
    .landing-home.motion-paused .telegram-typing { display:none !important; }
}
.landing-home.motion-paused .connector-lane { overflow-x:auto; }
.landing-home.motion-paused .connector-set[aria-hidden="true"] { display:none; }
html[dir="rtl"] .landing-home .hero-art { scale:-1 1; }
html[dir="rtl"] .landing-home .hero h1 { letter-spacing:-.025em; }

html[dir="rtl"] .landing-home .cta-arrow { transform:scaleX(-1); }
html[dir="rtl"] .landing-home .demo-previous span,html[dir="rtl"] .landing-home .demo-next span { transform:scaleX(-1); }
@media (min-width:1580px) { .landing-home .hero-layout { min-height:1215px; padding-top:350px; padding-bottom:65px; } }
@media (max-width:1100px) {
    .landing-home .nav { padding:22px 0; }
    .landing-home .nav-logo { font-size:29px; }
    .landing-home .nav-sections,.landing-home .nav-links { gap:25px; }
    .landing-home .nav-link { font-size:14px; }
    .landing-home .nav-cta { font-size:14px; padding:13px 26px; }
    .landing-home .hero h1 { font-size:12.5vw; }
    .landing-home .hero-layout { min-height:85vw; }
    .landing-home .hero-intro { max-width:none; font-size:22px; }
    .landing-home .btn-lg { font-size:18px; padding:18px 29px; gap:22px; }
    .landing-home .hero-cue { font-size:14px; }
    .landing-home .work-section,.landing-home .section { padding-block:80px; }

    .landing-home .demo-tabs button { font-size:14px; gap:9px; }
    .landing-home .plan-card-name { font-size:27px; }
    .landing-home .plan-row { padding:27px; }
    .landing-home .plan-card-amount { font-size:49px; }
}
@media (max-width:900px) {
    .landing-home .plan-list { grid-template-columns:1fr; }
    .landing-home .plan-card-tagline { min-height:0; }
}
@media (max-width:800px) {
    .landing-home .nav-sections { display:none; }
    .landing-home .nav-links { margin-inline-start:auto; }
    .landing-home .hero-layout { min-height:820px; padding-top:220px; padding-bottom:40px; }
    .landing-home .hero h1 { font-size:12.25vw; }
    .landing-home .hero-intro { max-width:none; font-size:21px; }
    .landing-home .hero-art img { object-position:56% center; }
    .landing-home .hero-cue { max-width:430px; }

    .landing-home .demo-tabs button { flex:0 0 auto; padding:14px 22px; }

    .landing-home .case-layout { grid-template-columns:1fr; gap:45px; }
    .landing-home .revenue-display { font-size:130px; }
    .landing-home .case-copy h2 { font-size:46px; max-width:620px; }
    .landing-home .story-detail { max-width:620px; }
    .landing-home .cs-stat-num { font-size:52px; }
    .landing-home .cs-stats { margin-top:35px; }
    .landing-home .connections { padding-block:80px 65px; }
    .landing-home .connections-heading h2 { font-size:70px; }
    .landing-home .connections-control { grid-template-columns:1fr; gap:23px; }
    .landing-home .faq-container { grid-template-columns:1fr; gap:0; }
}
@media (max-width:560px) {
    .landing-home .container { padding-inline:24px; }
    .landing-home .nav { padding:20px 0; }
    .landing-home .nav-logo { font-size:26px; }
    .landing-home .nav-inner { gap:16px; }
    .landing-home .nav-link-keep { display:inline-block; font-size:12px; }
    .landing-home .nav-links { gap:16px; }
    .landing-home .nav-cta { font-size:12px; padding:12px 20px; }
    .landing-home .hero-layout { min-height:max(800px,100svh); padding-top:250px; padding-bottom:70px; }
    .landing-home .hero-art img { object-position:58% top; }
    .landing-home .hero-art::after { content:''; position:absolute; inset:0; background:#0004; }
    .landing-home .hero h1 { font-size:17vw; line-height:1.02; margin-bottom:23px; letter-spacing:-.065em; }
    .landing-home .hero-intro { font-size:18px; line-height:1.5; width:100%; max-width:none; padding:12px 14px; margin:0 0 26px; }
    .landing-home .hero-actions .btn-lg { width:auto; font-size:17px; padding:17px 25px; gap:20px; }
    .landing-home .hero-cue { font-size:12px; line-height:1.65; gap:20px; max-width:300px; padding-top:45px; }
    .landing-home .hero-cue img { flex:0 0 20px; }
    .landing-home .work-section { padding-block:65px; }
    .landing-home .work-heading { margin-bottom:28px; }
    .landing-home .work-heading h2 { font-size:43px; }
    .landing-home .work-heading>p { font-size:15px; margin-top:18px; }
    .landing-home .demo-navigation { flex-wrap:wrap; }
    .landing-home .demo-hint { font-size:12px; }
    .landing-home .demo-controls { width:100%; justify-content:space-between; gap:8px; }
    .landing-home .demo-controls .demo-play { margin-inline-start:auto; min-width:0; font-size:12px; }
    .landing-home .demo-tabs { margin-bottom:18px; gap:7px; margin-inline-end:-24px; padding-inline-end:24px; }
    .landing-home .telegram-demo { border-radius:18px; }
    .landing-home .telegram-header { padding:16px; }
    .landing-home .telegram-avatar { width:40px; height:40px; font-size:25px; }
    .landing-home .telegram-header strong { font-size:17px; }
    .landing-home .telegram-header span { font-size:12px; }
    .landing-home .demo-stage { padding:20px 12px; }
    .landing-home .demo-panel { min-height:var(--demo-height,405px); gap:23px; }
    .landing-home .telegram-message { max-width:94%; font-size:15px; padding:12px 14px 8px; line-height:1.6; }
    .landing-home .telegram-out { max-width:90%; }
    .landing-home .telegram-file { gap:10px; margin-top:15px; }
    .landing-home .telegram-file b { font-size:13px; }
    .landing-home .telegram-file small { font-size:11px; }
    .landing-home .telegram-typing { top:135px; }
    .landing-home .control-section { padding-block:45px; }
    .landing-home .demo-tabs button { font-size:13px; padding:12px 18px; }
    .landing-home .delivery-meta { padding:18px 23px; font-size:10px; }
    .landing-home .customer-story { padding-block:50px 65px; }
    .landing-home .story-opening { gap:20px; margin-bottom:36px; }
    .landing-home .story-brand { display:none; }
    .landing-home .case-person strong { font-size:16px; }
    .landing-home .case-person span { font-size:11px; }
    .landing-home .revenue-display { font-size:clamp(75px,22vw,123px); }
    .landing-home .revenue-label { font-size:12px; margin-bottom:30px; }
    .landing-home .case-copy h2 { font-size:38px; }
    .landing-home .story-detail { font-size:15px; margin:22px 0; }
    .landing-home .case-copy .text-link { font-size:13px; gap:10px; }
    .landing-home .cs-stat-num { font-size:clamp(29px,10vw,48px); }
    .landing-home .cs-stat-label { font-size:11px; }
    .landing-home .connections { padding-block:65px; }
    .landing-home .connections-heading h2 { font-size:clamp(31px,8.5vw,47px); overflow-wrap:normal; letter-spacing:-.055em; }
    .landing-home .connections-heading>p { font-size:16px; margin-top:22px; }
    .landing-home .connector-belt { margin:40px 0 0; }
    .landing-home .connector-lane { margin-block:10px; }
    .landing-home .connector-set .tool-chip { padding:17px 19px; min-width:144px; font-size:14px; border-radius:12px; }
    .landing-home .connector-set img { width:22px; height:22px; }
    .landing-home .connections-control h2 { font-size:34px; }
    .landing-home .connections-control p { font-size:15px; }
    .landing-home .section { padding-block:65px; }
    .landing-home .section-head { margin-bottom:30px; }
    .landing-home .section-title { font-size:45px; }
    .landing-home .plan-card-name { font-size:27px; }
    .landing-home .plan-card-amount { font-size:45px; }
    .landing-home .plan-card-currency { font-size:20px; }
    .landing-home .plan-card-period { font-size:12px; }
    .landing-home .plan-row { padding:28px; border-radius:20px; }
    .landing-home .plan-card-tagline,.landing-home .plan-bullet { font-size:13px; }
    .landing-home .plan-cta-row { display:block; margin:0 0 40px; }
    .landing-home .plan-cta-note { margin-top:20px; font-size:13px; }
    .landing-home .plan-feature-list { grid-template-columns:1fr; gap:29px; }
    .landing-home .faq-detail summary { font-size:16px; padding-block:23px; }
    .landing-home .faq-detail p { font-size:14px; }
    .landing-home .composer-section { padding-block:65px 80px; }
    .landing-home .composer-wrap { padding-block:0; }
    .landing-home .composer-wrap .section-title { font-size:60px; }
    .landing-home .composer-wrap .btn-lg { width:auto; font-size:18px; }
    .landing-home .composer-lead { font-size:20px; }
    .landing-home .footer-links { font-size:12px; justify-content:center; }
    .landing-home .motion-toggle { right:12px; bottom:12px; font-size:10px; padding:7px 11px; }
}
@media (max-width:360px) {
    .landing-home .nav-logo { font-size:22px; }
    .landing-home .nav-inner { gap:12px; }
    .landing-home .nav-links { gap:10px; }
    .landing-home .nav-link-keep { font-size:11px; }
    .landing-home .nav-cta { font-size:11px; padding:10px 12px; }
    .landing-home .hero-layout { padding-top:240px; }
    .landing-home .work-heading h2 { font-size:43px; }
    .landing-home .case-copy h2 { font-size:34px; }

}
/* Keep the first action in view on shorter laptop windows. */
@media (min-width:801px) and (max-height:950px) {
    .landing-home .hero-layout { min-height:max(800px,100svh); padding-top:23vh; padding-bottom:40px; }
    .landing-home .hero h1 { font-size:min(13.2vw,19vh); }
    .landing-home .hero-intro { font-size:clamp(20px,1.75vw,26px); }
    .landing-home .hero-cue { padding-top:40px; }
}
@media (prefers-reduced-motion:reduce) {
    html { scroll-behavior:auto; }
    .landing-home *,.landing-home *::before,.landing-home *::after { animation:none !important; transition:none !important; }
    .landing-home .hero-art { transform:none; }
    .landing-home .connector-lane { overflow-x:auto; }
    .landing-home .connector-set[aria-hidden="true"] { display:none; }
    .landing-home .telegram-typing { display:none; }
    .landing-home .motion-toggle { display:none; }
}