@charset "utf-8";
:root {
  --ink:#07101f;
  --ink-2:#111a2a;
  --ink-3:#1d293b;
  --muted:#5e687b;
  --line:#e1e6ef;
  --line-dark:rgba(255,255,255,.12);
  --canvas:#fff;
  --soft:#f5f7fb;
  --soft-blue:#eef3ff;
  --blue:#2764ff;
  --blue-2:#6e77ff;
  --blue-dark:#174bd5;
  --mint:#25c99a;
  --amber:#f6ae3c;
  --radius:16px;
  --radius-lg:26px;
  --shadow:0 28px 80px rgba(8,17,36,.13);
  --max:1200px;
  --font:"Plus Jakarta Sans",ui-sans-serif,system-ui,-apple-system,sans-serif;
  --font-ar:"IBM Plex Sans Arabic","Plus Jakarta Sans",sans-serif;
}

* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; overflow-x:hidden; background:var(--canvas); color:var(--ink); font:400 16px/1.65 var(--font); -webkit-font-smoothing:antialiased; }
html[lang="ar"] body,html[lang="ku"] body { font-family:var(--font-ar); }
body.modal-open,body.nav-open { overflow:hidden; }
h1,h2,h3,h4,p,figure { margin:0; }
h1,h2,h3,h4 { line-height:1.08; letter-spacing:-.045em; text-wrap:balance; }
a { color:inherit; }
img,svg { display:block; max-width:100%; }
button,input,textarea { font:inherit; }
button,a { -webkit-tap-highlight-color:transparent; }
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible { outline:3px solid rgba(80,120,255,.5); outline-offset:3px; }

.container { width:min(var(--max),calc(100% - 48px)); margin-inline:auto; }
.section { padding:clamp(82px,7vw,108px) 0; }
.sr-only { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }
.hero,.tour-section,.journey-intro,.feature-section,.ai-section,.results-section,.contact-section { scroll-margin-top:80px; }
.skip-link { position:fixed; z-index:1000; top:12px; inset-inline-start:12px; padding:10px 15px; border-radius:8px; background:#fff; color:#000; transform:translateY(-160%); }
.skip-link:focus { transform:none; }
.eyebrow { display:inline-flex; align-items:center; gap:9px; color:var(--blue); font-size:12px; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }
.eyebrow::before { width:7px; height:7px; border-radius:50%; background:currentColor; content:""; box-shadow:0 0 0 5px rgba(39,100,255,.1); }
.eyebrow-light { color:#91adff; }
.center-heading { max-width:760px; margin:0 auto 54px; text-align:center; }
.center-heading h2 { margin-top:18px; font-size:clamp(38px,5vw,64px); }
.center-heading p { max-width:660px; margin:20px auto 0; color:var(--muted); font-size:17px; }
.center-heading.narrow { max-width:850px; }
.button { display:inline-flex; align-items:center; justify-content:center; min-height:52px; padding:0 23px; border:1px solid transparent; border-radius:10px; font-size:14px; font-weight:800; text-decoration:none; cursor:pointer; transition:transform .2s,background .2s,border-color .2s,box-shadow .2s; }
.button:hover { transform:translateY(-2px); }
.button:active { transform:translateY(1px) scale(.985); }
.button-primary { background:var(--blue); color:#fff; box-shadow:0 12px 28px rgba(39,100,255,.3); }
.button-primary:hover { background:#3871ff; }
.button-small { min-height:42px; padding:0 17px; font-size:12px; }
.button-outline-light { border-color:rgba(255,255,255,.34); background:rgba(255,255,255,.04); color:#fff; }
.button-outline-light:hover { border-color:#fff; background:rgba(255,255,255,.1); }
.button-dark { background:var(--ink); color:#fff; }

/* Header */
.site-header { position:fixed; z-index:100; top:0; inset-inline:0; padding-top:env(safe-area-inset-top); border-bottom:1px solid rgba(255,255,255,.1); background:rgba(5,8,15,.89); backdrop-filter:blur(18px); color:#fff; }
.nav-shell { display:flex; align-items:center; justify-content:space-between; gap:28px; min-height:72px; }
.brand { display:inline-flex; align-items:center; gap:10px; color:#fff; font-size:19px; font-weight:800; letter-spacing:-.045em; text-decoration:none; white-space:nowrap; }
.brand img { width:34px; height:34px; border-radius:8px; }
.brand>span>span { color:#72a0ff; }
.primary-nav { display:flex; align-items:center; justify-content:center; gap:32px; margin-inline:auto; }
.primary-nav a,.nav-login { color:#c4cad6; font-size:13px; font-weight:700; text-decoration:none; transition:color .2s; }
.nav-login { display:inline-flex; align-items:center; min-height:44px; padding:0 4px; }
.primary-nav a:hover,.nav-login:hover { color:#fff; }
.nav-actions { display:flex; align-items:center; gap:13px; }
.lang-switch { position:relative; }
.lang-button { display:grid; width:44px; height:44px; place-items:center; border:0; background:transparent; color:#c9cfdb; cursor:pointer; }
.lang-button svg { width:20px; fill:none; stroke:currentColor; stroke-width:1.6; }
.lang-menu { position:absolute; top:calc(100% + 10px); inset-inline-end:0; display:none; width:184px; overflow:hidden; border:1px solid #293246; border-radius:12px; background:#111827; box-shadow:0 22px 60px rgba(0,0,0,.4); }
.lang-menu.open { display:block; }
.lang-option { display:flex; align-items:center; justify-content:space-between; width:100%; min-height:44px; padding:8px 12px; border:0; background:transparent; color:#c8d0df; cursor:pointer; text-align:start; }
.lang-option:hover,.lang-option[aria-checked="true"] { background:#1d2d4d; color:#fff; }
.lang-code { color:#6f7b90; font-size:10px; }
.menu-button { display:none; width:44px; height:44px; place-content:center; gap:5px; border:0; border-radius:9px; background:transparent; cursor:pointer; }
.menu-button span { display:block; width:20px; height:2px; background:#fff; transition:transform .2s ease; }
.menu-button[aria-expanded="true"] span:first-child { transform:translateY(3.5px) rotate(45deg); }
.menu-button[aria-expanded="true"] span:last-child { transform:translateY(-3.5px) rotate(-45deg); }
.mobile-nav { display:none; }

/* Hero */
.hero { position:relative; overflow:hidden; padding:126px 0 0; background:linear-gradient(180deg,#05070c 0%,#080c18 58%,#0a1024 100%); color:#fff; }
.hero::before { position:absolute; inset:0; background:linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px); background-size:72px 72px; mask-image:linear-gradient(to bottom,transparent,black 55%,transparent); content:""; }
.hero-orb { position:absolute; border-radius:50%; filter:blur(90px); opacity:.55; }
.hero-orb-one { width:610px; height:410px; bottom:150px; left:18%; background:#3527a9; }
.hero-orb-two { width:560px; height:390px; right:8%; bottom:60px; background:#0c5ee8; }
.hero-content { position:relative; z-index:1; text-align:center; }
.announcement { display:inline-flex; align-items:center; gap:9px; min-height:36px; padding:7px 12px; border:1px solid rgba(135,156,255,.3); border-radius:999px; background:rgba(75,90,180,.14); color:#d6dcff; font-size:12px; font-weight:700; text-decoration:none; }
.announcement-dot { width:8px; height:8px; border-radius:50%; background:#7fa0ff; box-shadow:0 0 0 5px rgba(89,117,255,.15); }
.announcement svg { width:14px; fill:none; stroke:currentColor; stroke-width:1.7; }
.hero h1 { max-width:1120px; margin:29px auto 0; color:#fff; font-size:clamp(48px,6.4vw,78px); font-weight:700; letter-spacing:-.064em; }
.hero h1 span { color:#a3b9ff; }
.hero-lede { max-width:720px; margin:27px auto 0; color:#aab2c3; font-size:clamp(16px,1.6vw,20px); line-height:1.7; }
.hero-actions { display:flex; flex-wrap:wrap; justify-content:center; gap:12px; margin-top:32px; }
.hero-proof { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:10px 16px; margin-top:26px; color:#80899b; font-size:11px; }
.hero-proof strong { color:#c8ced9; font-size:12px; }
.proof-dots { display:flex; gap:3px; }
.proof-dots i { width:16px; height:16px; clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 93%,50% 72%,21% 93%,32% 57%,2% 35%,39% 35%); background:#ff8a27; }
.hero-product { position:relative; width:min(1120px,94vw); margin:52px auto 0; overflow:hidden; border:1px solid rgba(255,255,255,.18); border-radius:18px 18px 0 0; background:#080d17; box-shadow:0 50px 150px rgba(0,0,0,.58),0 0 80px rgba(56,95,255,.16); text-align:start; }
.hero-product::before { position:absolute; z-index:1; inset:0; border-radius:inherit; box-shadow:inset 0 1px rgba(255,255,255,.09); pointer-events:none; content:""; }
.hero-product img { width:100%; height:auto; aspect-ratio:3/1.83; object-fit:cover; object-position:center; }
.hero-product figcaption { display:flex; justify-content:space-between; gap:20px; padding:11px 15px; border-top:1px solid rgba(255,255,255,.09); background:#0b111e; color:#707a8d; font-size:10px; }

/* Tour */
.tour-section { background:#fff; }
.tour-window { overflow:hidden; border:1px solid var(--line); border-radius:22px; background:#0c1220; box-shadow:var(--shadow); color:#fff; }
.tour-toolbar { display:flex; align-items:center; justify-content:space-between; min-height:48px; padding:0 18px; border-bottom:1px solid rgba(255,255,255,.09); color:#6f7b91; font-size:10px; }
.browser-dots { display:flex; gap:5px; }
.browser-dots i { width:7px; height:7px; border-radius:50%; background:#39445a; }
.tour-stage { display:grid; grid-template-columns:170px 1fr; min-height:490px; }
.tour-sidebar { display:grid; grid-template-columns:26px 1fr; align-content:center; gap:24px 13px; padding:42px 24px; border-inline-end:1px solid rgba(255,255,255,.09); background:#0a0f1a; color:#687287; font-size:12px; }
.tour-sidebar b { font-size:9px; letter-spacing:.1em; }
.tour-sidebar .active { color:#fff; }
.tour-main { display:grid; grid-template-columns:.78fr 1.22fr; gap:58px; align-items:center; padding:52px; background:radial-gradient(circle at 78% 55%,rgba(54,92,225,.3),transparent 42%); }
.tour-step { color:#7997ff; font-size:10px; font-weight:800; letter-spacing:.16em; }
.tour-copy h3 { max-width:11ch; margin-top:13px; font-size:36px; }
.tour-copy p { max-width:37ch; margin-top:16px; color:#98a3b7; font-size:14px; }
.play-button { display:flex; align-items:center; gap:12px; margin-top:28px; padding:0; border:0; background:none; color:#fff; cursor:pointer; }
[hidden] { display:none!important; }
.play-button span { display:grid; width:38px; height:38px; place-items:center; border-radius:50%; background:var(--blue); font-size:11px; }
.play-button b { font-size:12px; }
.tour-ui { position:relative; overflow:hidden; }
.tour-ui-head { display:flex; gap:6px; padding:13px; border-bottom:1px solid rgba(255,255,255,.08); }
.tour-ui-head i { width:7px; height:7px; border-radius:50%; background:#344058; }
.tour-ui-row { display:grid; grid-template-columns:34px 1fr auto; gap:11px; align-items:center; padding:14px; border-bottom:1px solid rgba(255,255,255,.07); color:#7e899c; }
.tour-ui-row.active { background:#17233b; color:#fff; box-shadow:inset 3px 0 var(--blue); }
.tour-ui-row span { display:grid; width:30px; height:30px; place-items:center; border-radius:50%; background:#283858; font-size:10px; }
.tour-ui-row i { width:70%; height:7px; border-radius:9px; background:#344058; }
.tour-ui-row em { color:#83a2ff; font-size:9px; font-style:normal; }
.tour-ui-reply { margin:17px; padding:17px; border:1px solid #3555a5; border-radius:10px; background:#17223a; }
.tour-ui-reply b { display:block; color:#91aaff; font-size:11px; }
.tour-ui-reply i { display:block; width:92%; height:6px; margin-top:10px; border-radius:7px; background:#3b4860; }
.tour-ui-reply i:nth-of-type(2) { width:65%; }
.tour-ui-reply button { display:block; margin-top:16px; margin-inline-start:auto; padding:8px 13px; border:0; border-radius:7px; background:var(--blue); color:#fff; font-size:9px; }

/* Logo wall */
.trust-strip { padding:54px 0 62px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); background:#fff; text-align:center; }
.trust-strip p { color:#576176; font-size:13px; font-weight:700; }
.sector-logos { display:grid; grid-template-columns:repeat(9,1fr); gap:18px; align-items:center; margin-top:32px; }
.sector-logos span { color:#9299a8; font-size:11px; font-weight:800; letter-spacing:.05em; }
.trust-strip small { display:block; margin-top:24px; color:#b0b6c2; font-size:9px; }

/* Journey */
.journey-intro { padding-bottom:70px; background:var(--soft); }
.journey-intro-grid { display:grid; grid-template-columns:1.08fr .72fr; gap:90px; align-items:end; }
.journey-intro h2 { max-width:760px; margin-top:20px; font-size:clamp(42px,5vw,66px); }
.journey-intro-grid>p { color:var(--muted); font-size:18px; }
.journey-tabs { display:grid; grid-template-columns:repeat(3,1fr); margin-top:64px; border-top:1px solid #ccd4e0; }
.journey-tabs a { display:flex; align-items:center; gap:13px; padding:20px 4px; border-bottom:2px solid transparent; color:#7a8497; font-size:14px; font-weight:800; text-decoration:none; }
.journey-tabs a:hover { border-color:var(--blue); color:var(--blue); }
.journey-tabs b { font-size:9px; letter-spacing:.1em; }

.feature-section { padding:115px 0; background:#fff; }
.feature-tint { background:var(--soft); }
.feature-grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:clamp(58px,8vw,112px); align-items:center; }
.feature-grid-reverse { grid-template-columns:1.2fr .8fr; }
.feature-copy { max-width:470px; }
.feature-number { color:var(--blue); font-size:10px; font-weight:800; letter-spacing:.15em; }
.feature-copy h3 { margin-top:16px; font-size:clamp(36px,4vw,53px); }
.feature-copy>p { margin-top:22px; color:var(--muted); font-size:16px; }
.check-list { display:grid; gap:13px; margin:26px 0 0; padding:0; list-style:none; color:#2d394d; font-size:13px; font-weight:700; }
.check-list li { position:relative; padding-inline-start:27px; }
.check-list li::before { position:absolute; top:2px; inset-inline-start:0; display:grid; width:18px; height:18px; place-items:center; border-radius:50%; background:#e7f8f2; color:#139970; content:"\2713"; font-size:10px; }
.text-link { display:inline-flex; margin-top:30px; color:var(--blue); font-size:13px; font-weight:800; text-decoration:none; }
.visual-card { overflow:hidden; border:1px solid var(--line); border-radius:var(--radius-lg); box-shadow:0 26px 65px rgba(22,36,68,.1); }
.visual-card.pale { background:linear-gradient(145deg,#f7f9fd,#eef3fb); }
.visual-card > img { width:100%; height:auto; aspect-ratio:1/1; object-fit:cover; }
#convert .visual-card > img { aspect-ratio:4/3; }

/* Unified */
.unified-section { background:#fff; }
.unified-grid { display:grid; grid-template-columns:.72fr 1.28fr; gap:72px; align-items:center; }
.unified-copy h2 { max-width:9ch; margin-top:19px; font-size:clamp(42px,5vw,66px); }
.unified-copy>p { margin-top:22px; color:var(--muted); font-size:17px; }
.channel-pills { display:flex; flex-wrap:wrap; gap:8px; margin-top:27px; }
.channel-pills span { padding:7px 11px; border:1px solid var(--line); border-radius:999px; color:#5b677b; font-size:10px; font-weight:800; }
.unified-visual { overflow:hidden; border:1px solid var(--line); border-radius:22px; box-shadow:var(--shadow); }
.unified-visual img { width:100%; height:auto; }

/* AI */
.ai-section { position:relative; overflow:hidden; background:#070a11; color:#fff; }
.ai-glow { position:absolute; top:140px; left:50%; width:800px; height:520px; border-radius:50%; background:#153ba2; filter:blur(130px); opacity:.36; transform:translateX(-50%); }
.ai-section .container { position:relative; z-index:1; }
.ai-heading { max-width:760px; margin:0 auto; text-align:center; }
.ai-heading h2 { margin-top:20px; color:#fff; font-size:clamp(44px,5.6vw,72px); }
.ai-heading p { max-width:580px; margin:20px auto 29px; color:#939bad; font-size:17px; }
.control-visual { max-width:1060px; margin:64px auto 0; overflow:hidden; border:1px solid rgba(255,255,255,.14); border-radius:20px; background:#05070c; box-shadow:0 38px 110px rgba(0,0,0,.6); }
.control-visual img { width:100%; height:auto; aspect-ratio:16/9; object-fit:cover; }
.video-poster { position:relative; max-width:1020px; margin:90px auto 0; overflow:hidden; border:1px solid rgba(255,255,255,.14); border-radius:22px; background:#101522; }
.video-poster img { width:100%; height:auto; aspect-ratio:16/9; object-fit:cover; filter:saturate(.88); }
.video-poster::after { position:absolute; inset:0 0 74px; background:linear-gradient(90deg,rgba(3,6,12,.18),transparent 55%),linear-gradient(to top,rgba(3,6,12,.3),transparent 45%); pointer-events:none; content:""; }
.video-play { position:absolute; z-index:2; top:50%; left:50%; display:grid; width:78px; height:78px; place-items:center; border:1px solid rgba(255,255,255,.55); border-radius:50%; background:rgba(18,30,56,.78); color:#fff; cursor:pointer; transform:translate(-50%,-85%); backdrop-filter:blur(12px); }
.video-play span { margin-left:4px; font-size:20px; }
.video-poster figcaption { position:relative; z-index:3; display:flex; justify-content:space-between; gap:30px; align-items:center; min-height:74px; padding:16px 22px; background:#101522; }
.video-poster figcaption b { font-size:14px; }
.video-poster figcaption span { color:#7f889c; font-size:10px; }

/* Benefits */
.benefits-section { background:#fff; }
.benefits-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.benefit-card { padding:22px 22px 30px; border:1px solid var(--line); border-radius:18px; background:#fff; }
.benefit-art { position:relative; height:228px; overflow:hidden; border-radius:13px; background:linear-gradient(145deg,#eff3fb,#f9fbff); }
.benefit-index { display:block; margin-top:24px; color:var(--blue); font-size:9px; font-weight:800; letter-spacing:.15em; }
.benefit-card h3 { margin-top:11px; font-size:25px; }
.benefit-card p { margin-top:12px; color:var(--muted); font-size:13px; }
.benefit-art-one i { position:absolute; bottom:25px; width:54px; border-radius:8px 8px 3px 3px; background:#bfd0ff; }
.benefit-art-one i:nth-child(1) { left:42px; height:48px; }
.benefit-art-one i:nth-child(2) { left:112px; height:88px; background:#83a6ff; }
.benefit-art-one i:nth-child(3) { left:182px; height:130px; background:var(--blue); }
.benefit-art-one span { position:absolute; top:37px; right:34px; color:var(--blue); font-size:36px; font-weight:800; letter-spacing:-.06em; }
.benefit-art-two span { position:absolute; top:38px; left:36px; color:var(--ink); font-size:40px; font-weight:800; letter-spacing:-.07em; }
.benefit-art-two::before { position:absolute; top:109px; left:35px; width:76%; height:1px; background:#cfd8e7; content:""; }
.benefit-art-two i { position:absolute; top:102px; width:15px; height:15px; border:4px solid #fff; border-radius:50%; background:var(--blue); box-shadow:0 0 0 2px var(--blue); }
.benefit-art-two i:nth-of-type(1) { left:18%; }
.benefit-art-two i:nth-of-type(2) { left:48%; background:#8aa9ff; box-shadow:0 0 0 2px #8aa9ff; }
.benefit-art-two i:nth-of-type(3) { left:76%; background:var(--mint); box-shadow:0 0 0 2px var(--mint); }
.benefit-art-three { display:flex; flex-wrap:wrap; align-content:center; justify-content:center; gap:9px; padding:42px; }
.benefit-art-three b { display:grid; width:58px; height:58px; place-items:center; border:1px solid #cbd6eb; border-radius:14px; background:#fff; color:#5e7195; font-size:13px; }
.benefit-art-three b:nth-child(2),.benefit-art-three b:nth-child(3) { background:#1c315d; color:#fff; }

/* Results and stories */
.results-section { background:var(--soft); }
.stats-grid { display:grid; grid-template-columns:repeat(3,1fr); max-width:1000px; margin:0 auto 105px; border-top:1px solid #cfd6e2; border-bottom:1px solid #cfd6e2; }
.stats-grid>div { display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:190px; padding:28px; border-inline-start:1px solid #cfd6e2; text-align:center; }
.stats-grid>div:first-child { border-inline-start:0; }
.stats-grid strong { color:var(--blue); font-size:66px; line-height:1; letter-spacing:-.07em; }
.stats-grid span { max-width:180px; margin-top:12px; color:#525e71; font-size:12px; font-weight:700; }
.stories-head { display:flex; align-items:end; justify-content:space-between; gap:30px; margin-bottom:29px; }
.stories-head h3 { font-size:30px; }
.stories-head span { color:#9aa2b1; font-size:10px; text-transform:uppercase; letter-spacing:.1em; }
.story-rail { display:grid; grid-auto-flow:column; grid-auto-columns:minmax(265px,1fr); gap:19px; overflow-x:auto; padding-bottom:15px; scroll-padding-inline:2px; scroll-snap-type:x mandatory; overscroll-behavior-inline:contain; scrollbar-width:thin; scrollbar-color:#aeb8ca transparent; }
.story-rail:focus-visible,.success-grid:focus-visible { outline:3px solid rgba(39,100,255,.32); outline-offset:6px; }
.story-card { overflow:hidden; border:1px solid var(--line); border-radius:16px; background:#fff; scroll-snap-align:start; }
.story-art { position:relative; display:flex; align-items:flex-end; min-height:270px; padding:20px; overflow:hidden; background:#132041; color:#fff; }
.story-art::before,.story-art::after { position:absolute; border-radius:50%; content:""; }
.story-art::before { width:230px; height:230px; top:-70px; right:-60px; background:#426dff; opacity:.8; }
.story-art::after { width:150px; height:150px; left:-40px; bottom:-50px; border:35px solid rgba(255,255,255,.14); }
.story-two .story-art { background:#163a3c; }.story-two .story-art::before { background:#33c9a6; }
.story-three .story-art { background:#342250; }.story-three .story-art::before { background:#9165e9; }
.story-four .story-art { background:#39291d; }.story-four .story-art::before { background:#d88646; }
.story-five .story-art { background:#16304e; }.story-five .story-art::before { background:#32a7d8; }
.story-six .story-art { background:#312f54; }.story-six .story-art::before { background:#666ee8; }
.story-seven .story-art { background:#4e233c; }.story-seven .story-art::before { background:#db5795; }
.story-eight .story-art { background:#263237; }.story-eight .story-art::before { background:#68979d; }
.story-art span { position:relative; z-index:1; font-size:28px; font-weight:800; letter-spacing:-.04em; }
.story-card>small { display:block; padding:20px 20px 0; color:var(--blue); font-size:8px; font-weight:800; letter-spacing:.16em; }
.story-card h4 { min-height:84px; padding:10px 20px 0; font-size:18px; line-height:1.35; letter-spacing:-.03em; }
.story-card>a { display:block; padding:17px 20px 22px; color:var(--blue); font-size:11px; font-weight:800; text-decoration:none; }

/* Proof */
.review-section { background:#fff; }
.review-grid { display:grid; grid-template-columns:.72fr 1.28fr; gap:85px; align-items:center; }
.review-copy h2 { max-width:10ch; margin-top:20px; font-size:clamp(40px,5vw,61px); }
.review-copy p { margin-top:20px; color:var(--muted); }
.review-copy .button { margin-top:27px; }
.review-wall { display:grid; grid-template-columns:repeat(2,1fr); gap:14px; padding:20px; border:1px solid var(--line); border-radius:22px; background:var(--soft); }
.review-badge,.review-card { min-height:180px; padding:23px; border:1px solid var(--line); border-radius:13px; background:#fff; }
.review-badge { display:grid; align-content:center; justify-items:center; background:#101827; color:#fff; text-align:center; }
.review-badge>span { color:#ff8f33; font-size:42px; }
.review-badge b { margin-top:4px; font-size:17px; }
.review-badge small { margin-top:5px; color:#8792a6; font-size:9px; }
.stars { color:#ff8f33; font-size:13px; letter-spacing:.08em; }
.review-card p { margin-top:16px; color:#273448; font-size:13px; font-weight:700; }
.review-card>span { display:block; margin-top:22px; color:#929baa; font-size:9px; }

/* Success */
.success-section { background:var(--soft); }
.success-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; margin-top:58px; }
.success-grid article { overflow:hidden; border:1px solid var(--line); border-radius:16px; background:#fff; }
.success-art { position:relative; height:180px; overflow:hidden; border-bottom:1px solid var(--line); background:linear-gradient(145deg,#eef3ff,#fafcff); }
.success-grid article>span { display:block; padding:19px 20px 0; color:var(--blue); font-size:9px; font-weight:800; letter-spacing:.15em; }
.success-grid h3 { padding:10px 20px 0; font-size:21px; }
.success-grid p { padding:11px 20px 25px; color:var(--muted); font-size:12px; }
.growth { display:flex; align-items:end; justify-content:center; gap:10px; padding:34px; }
.growth i { width:27px; border-radius:5px 5px 2px 2px; background:#98b2ff; }
.growth i:nth-child(1){height:30px}.growth i:nth-child(2){height:55px}.growth i:nth-child(3){height:82px}.growth i:nth-child(4){height:112px;background:var(--blue)}
.scale i { position:absolute; border-radius:50%; border:2px solid #8eabff; }
.scale i:nth-child(1){width:42px;height:42px;left:36px;top:70px}.scale i:nth-child(2){width:68px;height:68px;left:94px;top:50px}.scale i:nth-child(3){width:94px;height:94px;left:178px;top:33px;border-color:var(--blue)}
.experience { display:flex; align-items:center; justify-content:center; gap:20px; }
.experience b { display:grid; width:62px; height:62px; place-items:center; border-radius:15px; background:var(--blue); color:#fff; }
.experience b:nth-child(2) { background:#fff; color:var(--ink); box-shadow:0 10px 30px rgba(28,53,96,.15); }
.experience em { position:absolute; font-style:normal; color:#86a4ff; font-size:25px; }
.support span { position:absolute; top:42px; left:37px; color:var(--blue); font-size:54px; font-weight:800; letter-spacing:-.07em; }
.support i { position:absolute; right:35px; width:105px; height:16px; border-radius:20px; background:#b9caff; }
.support i:nth-of-type(1){top:65px}.support i:nth-of-type(2){top:95px;width:75px;background:#799cff}

/* Contact */
.contact-section { position:relative; overflow:hidden; padding:120px 0; background:#070a11; color:#fff; }
.contact-glow { position:absolute; width:740px; height:620px; right:-180px; top:-90px; border-radius:50%; background:#173fbe; filter:blur(140px); opacity:.42; }
.contact-grid { position:relative; z-index:1; display:grid; grid-template-columns:.9fr 1.1fr; gap:95px; align-items:center; }
.contact-copy h2 { max-width:10ch; margin-top:21px; color:#fff; font-size:clamp(45px,5.6vw,72px); }
.contact-copy>p { max-width:520px; margin-top:21px; color:#9ba3b4; }
.contact-copy ul { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; margin:28px 0 0; padding:0; list-style:none; color:#ccd3df; font-size:12px; font-weight:700; }
.contact-copy li::before { margin-inline-end:8px; color:#67d6b6; content:"\2713"; }
.contact-form { min-height:450px; padding:30px; border:1px solid rgba(255,255,255,.16); border-radius:18px; background:rgba(18,25,40,.82); box-shadow:0 35px 100px rgba(0,0,0,.45); backdrop-filter:blur(16px); }
.form-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.form-grid label { display:grid; gap:8px; color:#cbd2df; font-size:11px; font-weight:700; }
.form-grid .full { grid-column:1/-1; }
.form-grid input,.form-grid textarea { width:100%; border:1px solid #354056; border-radius:9px; background:#0f1624; color:#fff; padding:13px; outline:none; }
.form-grid textarea { min-height:145px; resize:vertical; }
.form-grid input::placeholder,.form-grid textarea::placeholder { color:#68748a; }
.form-grid input:focus,.form-grid textarea:focus { border-color:#658dff; box-shadow:0 0 0 3px rgba(61,105,255,.15); }
.honeypot { position:absolute; width:1px; height:1px; overflow:hidden; opacity:0; pointer-events:none; }
.form-submit { width:100%; margin-top:18px; }
.form-status { min-height:20px; margin-top:9px; color:#ffbf59; font-size:11px; }
.form-note { color:#68748a; font-size:9px; }
.form-success { display:none; min-height:390px; place-content:center; text-align:center; }
.form-success.show { display:grid; }
.form-success>span { display:grid; width:54px; height:54px; margin:0 auto 16px; place-items:center; border-radius:50%; background:rgba(37,201,154,.15); color:var(--mint); font-size:24px; }
.form-success h3 { color:#fff; font-size:24px; }
.form-success p { margin-top:8px; color:#929bac; }

/* Footer */
.site-footer { background:#05070b; color:#fff; }
.footer-grid { display:grid; grid-template-columns:1.5fr repeat(4,1fr); gap:60px; padding:78px 0 62px; }
.brand-footer { width:max-content; }
.footer-brand-block>p { max-width:250px; margin-top:18px; color:#7e8798; font-size:12px; }
.footer-language { display:inline-flex; align-items:center; gap:7px; width:max-content; min-height:44px; margin-top:24px; padding:5px 9px; border:1px solid #2b3445; border-radius:8px; background:#0e1420; color:#adb5c3; font-size:12px; }
.footer-language select { max-width:132px; min-height:32px; border:0; background:transparent; color:#d7dce6; font-size:12px; outline:none; cursor:pointer; }
.footer-language option { background:#0e1420; color:#fff; }
.footer-grid>div:not(.footer-brand-block) { display:flex; flex-direction:column; gap:10px; }
.footer-grid h3 { margin-bottom:8px; color:#fff; font-size:12px; letter-spacing:-.01em; }
.footer-grid a,.footer-placeholder { color:#7e8798; font-size:10px; text-decoration:none; }
.footer-grid a:hover { color:#fff; }
.footer-placeholder { max-width:120px; margin-top:8px; padding-top:10px; border-top:1px solid #202737; }
.footer-bottom { display:flex; align-items:center; justify-content:space-between; gap:30px; padding:22px 0 32px; border-top:1px solid #1a202c; color:#5f6878; font-size:9px; }

/* Modal and reveals */
.media-modal { position:fixed; z-index:300; inset:0; display:none; place-items:center; padding:24px; }
.media-modal.open { display:grid; }
.modal-backdrop { position:absolute; inset:0; width:100%; height:100%; border:0; background:rgba(3,5,10,.76); backdrop-filter:blur(8px); }
.modal-card { position:relative; z-index:1; max-width:540px; padding:38px; border:1px solid var(--line); border-radius:18px; background:#fff; box-shadow:var(--shadow); }
.modal-card h2 { margin-top:15px; font-size:35px; }
.modal-card p { margin-top:16px; color:var(--muted); }
.modal-card .button { margin-top:24px; }
.modal-close { position:absolute; top:12px; inset-inline-end:12px; width:44px; height:44px; border:0; background:none; color:#687286; cursor:pointer; font-size:25px; }
[data-reveal] { opacity:1; transform:none; transition:opacity .7s ease,transform .7s ease; }
[data-reveal].is-visible { opacity:1; transform:none; }

/* RTL */
html[dir="rtl"] .hero h1,html[dir="rtl"] .center-heading { letter-spacing:0; }
html[dir="rtl"] .feature-number,html[dir="rtl"] .eyebrow { letter-spacing:0; }
html[dir="rtl"] .tour-ui-row.active { box-shadow:inset -3px 0 var(--blue); }

@media (max-width:1020px) {
  .primary-nav { display:none; }
  .menu-button { display:grid; }
  .mobile-nav { position:absolute; top:100%; bottom:auto; inset-inline:0; z-index:99; display:none; grid-template-rows:auto auto 1fr; align-content:start; gap:24px; width:100%; height:calc(100dvh - 72px - env(safe-area-inset-top)); overflow-y:auto; padding:20px max(24px,calc((100vw - var(--max))/2)) calc(24px + env(safe-area-inset-bottom)); border-top:1px solid rgba(255,255,255,.08); background:rgba(6,10,18,.985); box-shadow:0 30px 70px rgba(0,0,0,.45); }
  .mobile-nav.open { display:grid; }
  .mobile-nav nav { display:grid; }
  .mobile-nav nav a { display:flex; align-items:center; min-height:54px; border-bottom:1px solid rgba(255,255,255,.08); color:#edf1f8; font-size:17px; font-weight:700; text-decoration:none; }
  .mobile-demo { width:100%; color:#fff!important; }
  .mobile-languages { align-self:end; padding-top:22px; border-top:1px solid rgba(255,255,255,.1); }
  .mobile-languages>span { display:block; margin-bottom:12px; color:#8d98ab; font-size:12px; font-weight:700; }
  .mobile-languages>div { display:flex; flex-wrap:wrap; gap:8px; }
  .mobile-languages button { min-width:46px; min-height:44px; border:1px solid #303b50; border-radius:8px; background:#101827; color:#cdd4e0; cursor:pointer; font-size:12px; font-weight:800; }
  .mobile-languages button[aria-pressed="true"] { border-color:#6489ff; background:#1b315f; color:#fff; }
  .journey-intro-grid,.feature-grid,.feature-grid-reverse,.unified-grid,.review-grid,.contact-grid { grid-template-columns:1fr; }
  .journey-intro-grid,.feature-grid,.unified-grid,.review-grid,.contact-grid { gap:54px; }
  .feature-copy,.unified-copy { max-width:680px; }
  .feature-grid-reverse .visual-card { order:2; }
  .feature-grid-reverse .feature-copy { order:1; }
  .unified-copy h2,.review-copy h2,.contact-copy h2 { max-width:13ch; }
  .story-card { min-width:280px; scroll-snap-align:start; }
  .benefits-grid { grid-template-columns:repeat(2,1fr); }
  .success-grid { grid-template-columns:repeat(2,1fr); }
  .footer-grid { grid-template-columns:1.4fr repeat(2,1fr); }
}

@media (max-width:900px) {
  .tour-stage { grid-template-columns:140px 1fr; }
  .tour-main { grid-template-columns:1fr; gap:32px; }
  .tour-copy h3 { max-width:18ch; }
  .tour-ui { max-width:520px; width:100%; }
}

@media (max-width:760px) {
  .container { width:min(var(--max),calc(100% - 30px)); }
  .section { padding:68px 0 74px; }
  .site-header,.nav-shell { min-height:64px; }
  .nav-shell { gap:10px; }
  .brand { min-height:44px; font-size:17px; }
  .brand img { width:30px; height:30px; }
  .nav-login,.lang-switch { display:none; }
  .button-small { min-height:44px; padding:0 14px; }
  .mobile-nav { height:calc(100dvh - 64px - env(safe-area-inset-top)); }
  .hero,.tour-section,.journey-intro,.feature-section,.ai-section,.results-section,.contact-section { scroll-margin-top:70px; }
  .hero { min-height:0; padding-top:calc(96px + env(safe-area-inset-top)); }
  .hero-orb-one { width:330px; height:260px; left:-20%; bottom:80px; }
  .hero-orb-two { width:360px; height:280px; right:-35%; bottom:15px; }
  .announcement { max-width:100%; min-height:44px; padding:6px 10px; font-size:11px; line-height:1.35; text-align:start; }
  .announcement>span:nth-child(2) { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .hero h1 { max-width:12ch; margin-top:22px; font-size:clamp(38px,11.2vw,50px); line-height:1.02; }
  .hero-lede { margin-top:20px; font-size:15px; line-height:1.65; }
  .hero-actions { gap:10px; margin-top:25px; }
  .hero-actions .button { flex:1 1 100%; min-height:50px; }
  .hero-proof { display:grid; justify-items:center; gap:7px; margin-top:22px; font-size:12px; }
  .hero-proof>span { font-size:11px; }
  .hero-product { width:calc(100% + 16px); margin:34px -8px 0; aspect-ratio:4/3; border-radius:12px 12px 0 0; }
  .hero-product img { width:100%; height:100%; min-height:0; object-fit:cover; object-position:50% 35%; }
  .hero-product figcaption { display:none; }
  .center-heading { margin-bottom:34px; text-align:start; }
  .center-heading h2 { margin-top:14px; font-size:clamp(32px,9.8vw,39px); }
  .center-heading p { margin-top:16px; font-size:15px; line-height:1.65; }
  .tour-stage { grid-template-columns:1fr; }
  .tour-sidebar { display:none; }
  .tour-window { border-radius:14px; }
  .tour-toolbar { min-height:42px; padding:0 12px; font-size:9px; }
  .tour-toolbar>span:nth-child(2) { display:none; }
  .tour-step { font-size:11px; }
  .tour-main { grid-template-columns:1fr; gap:28px; padding:26px 18px 20px; }
  .tour-copy h3 { max-width:15ch; margin-top:10px; font-size:30px; }
  .tour-copy p { font-size:14px; }
  .play-button { min-height:44px; margin-top:22px; }
  .tour-ui { min-height:0; }
  .sector-logos { grid-template-columns:repeat(3,1fr); gap:25px 10px; }
  .trust-strip { padding:45px 0 50px; }
  .trust-strip small { font-size:11px; line-height:1.5; }
  .journey-intro { padding-bottom:50px; }
  .journey-intro-grid { gap:24px; }
  .journey-intro h2 { margin-top:15px; font-size:clamp(33px,9.8vw,40px); }
  .journey-intro-grid>p { font-size:15px; line-height:1.65; }
  .journey-tabs { grid-auto-flow:column; grid-auto-columns:minmax(108px,1fr); grid-template-columns:none; gap:0; overflow-x:auto; margin-top:34px; scroll-snap-type:x mandatory; }
  .journey-tabs a { justify-content:center; min-height:62px; scroll-snap-align:start; }
  .journey-tabs b { display:none; }
  .feature-section { padding:66px 0 72px; }
  .feature-number { font-size:11px; }
  .feature-grid { gap:34px; }
  .feature-copy h3 { margin-top:13px; font-size:clamp(32px,9.5vw,38px); }
  .feature-copy>p { margin-top:17px; font-size:15px; line-height:1.65; }
  .check-list { gap:12px; margin-top:21px; font-size:14px; }
  .check-list li { padding-inline-start:28px; }
  .text-link { align-items:center; min-height:44px; margin-top:21px; font-size:13px; }
  .visual-card { border-radius:16px; }
  .unified-grid { gap:34px; }
  .unified-copy h2,.ai-heading h2,.review-copy h2,.contact-copy h2 { margin-top:15px; font-size:clamp(34px,10vw,42px); }
  .unified-copy>p,.ai-heading p,.review-copy p,.contact-copy>p { margin-top:17px; font-size:15px; line-height:1.65; }
  .channel-pills { gap:7px; margin-top:22px; }
  .channel-pills span { display:inline-flex; align-items:center; min-height:34px; padding:6px 10px; font-size:11px; }
  .ai-heading { text-align:start; }
  .ai-heading .button { width:100%; min-height:50px; margin-top:4px; }
  .control-visual,.video-poster { margin-top:38px; border-radius:14px; }
  .video-poster { margin-top:48px; }
  .video-poster figcaption { display:block; min-height:82px; }
  .video-poster figcaption b { font-size:13px; line-height:1.45; }
  .video-poster figcaption span { display:block; margin-top:6px; font-size:11px; }
  .video-play { width:58px; height:58px; }
  .benefits-grid { grid-auto-flow:column; grid-auto-columns:82vw; grid-template-columns:none; gap:14px; overflow-x:auto; padding:3px 2px 13px; scroll-padding-inline:2px; scroll-snap-type:x mandatory; overscroll-behavior-inline:contain; }
  .benefit-card { scroll-snap-align:start; }
  .benefit-art { height:190px; }
  .benefit-index { font-size:11px; }
  .benefit-card h3 { font-size:23px; }
  .benefit-card p { font-size:14px; }
  .stats-grid,.form-grid { grid-template-columns:1fr; }
  .stats-grid { margin-bottom:62px; }
  .stats-grid>div { min-height:132px; border-inline-start:0; border-top:1px solid #cfd6e2; }
  .stats-grid>div:first-child { border-top:0; }
  .stats-grid strong { font-size:58px; }
  .stats-grid span { font-size:13px; }
  .stories-head { align-items:start; flex-direction:column; gap:8px; }
  .stories-head h3 { font-size:27px; }
  .stories-head span { font-size:11px; }
  .story-rail { grid-auto-columns:82vw; gap:14px; margin-inline-end:-15px; padding-inline-end:15px; }
  .story-card { min-width:0; }
  .story-art { min-height:230px; }
  .story-card>small { font-size:11px; }
  .story-card h4 { min-height:0; font-size:18px; }
  .story-card>a { display:flex; align-items:center; min-height:48px; font-size:13px; }
  .review-wall { grid-auto-flow:column; grid-auto-columns:78vw; grid-template-columns:none; gap:12px; overflow-x:auto; padding:12px; scroll-snap-type:x mandatory; overscroll-behavior-inline:contain; }
  .review-wall>* { scroll-snap-align:start; }
  .review-badge,.review-card { min-height:190px; }
  .review-badge small,.review-card>span { font-size:11px; }
  .review-card p { font-size:14px; }
  .success-grid { grid-auto-flow:column; grid-auto-columns:82vw; grid-template-columns:none; gap:14px; overflow-x:auto; margin-top:38px; padding:2px 2px 12px; scroll-snap-type:x mandatory; overscroll-behavior-inline:contain; }
  .success-grid article { scroll-snap-align:start; }
  .success-grid article>span { font-size:11px; }
  .success-grid p { font-size:14px; line-height:1.55; }
  .contact-section { padding:74px 0 calc(80px + env(safe-area-inset-bottom)); }
  .contact-grid { gap:38px; }
  .contact-copy ul { grid-template-columns:1fr; }
  .contact-form { min-height:0; padding:20px; }
  .form-grid .full { grid-column:auto; }
  .form-grid label { font-size:13px; }
  .form-grid input,.form-grid textarea { min-height:50px; font-size:16px; }
  .form-grid textarea { min-height:132px; }
  .form-note { font-size:11px; line-height:1.5; }
  .footer-grid { grid-template-columns:1fr 1fr; gap:40px 26px; padding:58px 0 42px; }
  .footer-brand-block { grid-column:1/-1; }
  .footer-grid h3 { font-size:14px; }
  .footer-grid a,.footer-placeholder { font-size:12px; }
  .footer-grid a { display:flex; align-items:center; min-height:44px; }
  .footer-language select { min-height:44px; }
  .footer-bottom { align-items:start; flex-direction:column; gap:8px; }
  .footer-bottom { font-size:11px; }
  .modal-card { width:min(100%,520px); max-height:calc(100dvh - 30px); overflow:auto; padding:30px 22px 24px; }
  .modal-card h2 { padding-inline-end:32px; font-size:29px; }
}

@media (max-width:390px) {
  .nav-actions .button { display:none; }
  .hero { min-height:0; }
  .announcement { max-width:100%; }
  .hero h1 { font-size:clamp(37px,11.3vw,44px); }
  .journey-tabs a { font-size:12px; }
  .benefits-grid,.story-rail,.success-grid { grid-auto-columns:86vw; }
  .story-card { min-width:0; }
  .footer-grid { grid-template-columns:1fr; }
  .footer-brand-block { grid-column:auto; }
  .modal-card { padding:28px 18px 22px; }
}

@media (max-width:340px) {
  .container { width:calc(100% - 24px); }
  .brand { gap:7px; font-size:16px; }
  .brand img { width:28px; height:28px; }
  .hero h1 { font-size:35px; }
  .hero-lede { font-size:14px; }
  .benefits-grid,.story-rail,.success-grid { grid-auto-columns:90vw; }
  .review-wall { grid-auto-columns:86vw; }
  .contact-form { padding:18px 15px; }
}

@media (max-width:900px) and (max-height:520px) {
  .mobile-nav { padding-top:12px; }
  .mobile-nav nav a { min-height:46px; }
  .mobile-nav { gap:14px; }
  .mobile-languages { padding-top:12px; }
}

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

/* 2026 product narrative */
:root {
  --ink:#f4f6fb;
  --ink-2:#d8deea;
  --ink-3:#a6afbf;
  --muted:#929bad;
  --line:rgba(255,255,255,.1);
  --canvas:#07090e;
  --soft:#0b0e15;
  --soft-blue:#101727;
  --blue:#5b7cff;
  --blue-2:#8c79ff;
  --blue-dark:#4365ed;
  --radius:14px;
  --radius-lg:20px;
  --shadow:0 34px 100px rgba(0,0,0,.42);
  --max:1240px;
}

body { background:var(--canvas); color:var(--ink); }
h1,h2,h3,h4 { font-weight:650; }
.section { padding:clamp(100px,9vw,148px) 0; }
.eyebrow { gap:0; color:#8da5ff; font-size:11px; letter-spacing:.12em; }
.eyebrow::before { display:none; }
.center-heading { margin-bottom:68px; }
.center-heading p,.journey-intro-grid>p,.feature-copy>p,.unified-copy>p,.benefit-card p,.success-grid p { color:var(--muted); }
.button { border-radius:9px; }
.button-primary { background:#5274ff; box-shadow:0 12px 34px rgba(60,94,255,.24); }
.button-primary:hover { background:#6584ff; }
.text-link { color:#86a0ff; }

.site-header { background:rgba(7,9,14,.82); }
.primary-nav a,.nav-login { color:#a6afbf; }

.hero { min-height:100svh; padding-top:clamp(132px,13vh,170px); background:radial-gradient(circle at 50% 58%,rgba(55,74,162,.19),transparent 38%),#07090e; }
.hero::before { background:linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px); background-size:80px 80px; mask-image:linear-gradient(to bottom,transparent 5%,black 35%,transparent 88%); }
.hero-orb { opacity:.22; filter:blur(130px); }
.hero-content { text-align:center; }
.announcement { border-color:rgba(139,160,255,.25); border-radius:8px; background:rgba(89,113,216,.08); color:#bbc8ff; }
.hero h1 { max-width:1040px; margin-top:35px; font-size:clamp(54px,6.7vw,92px); font-weight:620; line-height:.98; letter-spacing:-.067em; }
.hero h1 span { color:#a8b8fb; }
.hero-lede { max-width:660px; margin-top:30px; color:#98a1b3; font-size:clamp(16px,1.45vw,19px); }
.hero-actions { margin-top:34px; }
.hero-product { width:min(1180px,94vw); margin-top:62px; overflow:visible; border:0; border-radius:0; background:transparent; box-shadow:none; }
.hero-product::before { display:none; }
.product-scene-canvas { position:relative; height:610px; overflow:hidden; border:1px solid rgba(255,255,255,.13); border-radius:20px 20px 0 0; background:linear-gradient(145deg,rgba(28,34,48,.72),rgba(7,10,17,.48)); box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 50px 150px rgba(0,0,0,.58); backdrop-filter:blur(24px) saturate(135%); -webkit-backdrop-filter:blur(24px) saturate(135%); isolation:isolate; }
.product-scene-canvas::after { position:absolute; z-index:5; inset:0; background:linear-gradient(to bottom,transparent 70%,rgba(4,6,10,.68)); pointer-events:none; content:""; }
.hero-product .product-scene-backdrop { position:absolute; inset:-7%; width:114%; height:114%; max-width:none; object-fit:cover; opacity:.15; filter:blur(15px) saturate(.75); transform:scale(1.03); }
.product-scene-window { position:absolute; z-index:2; overflow:hidden; border:1px solid rgba(255,255,255,.16); border-radius:14px; background:#0a0e17; box-shadow:0 28px 90px rgba(0,0,0,.55); }
.hero-product .product-scene-window img { position:absolute; width:150%; max-width:none; height:auto; aspect-ratio:auto; object-fit:initial; }
.product-scene-main { top:8%; left:4%; width:75%; height:80%; }
.product-scene-main img { top:-3%; left:-4%; }
.product-scene-detail { right:4%; bottom:7%; width:37%; height:52%; }
.product-scene-detail img { right:-12%; bottom:-2%; }
.product-scene-note { position:absolute; z-index:6; right:10%; top:10%; display:grid; gap:3px; min-width:170px; padding:14px 16px; border:1px solid rgba(132,158,255,.28); border-radius:11px; background:rgba(15,22,39,.86); box-shadow:0 18px 50px rgba(0,0,0,.38); backdrop-filter:blur(14px); }
.product-scene-note span { color:#8fa7ff; font-size:10px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }
.product-scene-note strong { color:#f4f6fb; font-size:13px; }
.hero-product figcaption { position:relative; padding:13px 2px; border:0; background:transparent; color:#606979; }

.tour-section,.testimonial-section,.feature-section,.unified-section,.benefits-section,.review-section { background:#080a10; }
.tour-window { border-color:rgba(255,255,255,.11); border-radius:18px; background:#0b0e15; }
.tour-stage { min-height:570px; }
.tour-main { grid-template-columns:.72fr 1.28fr; padding:64px; background:radial-gradient(circle at 78% 50%,rgba(68,92,196,.18),transparent 44%); }
.tour-copy h3 { max-width:12ch; font-size:clamp(32px,3.3vw,46px); }
.tour-product-crop { height:430px; border-color:rgba(255,255,255,.14); }
.tour-product-crop img { width:145%; max-width:none; height:145%; object-fit:cover; object-position:44% 45%; transform:translate(-9%,-12%); }

.trust-strip { padding:62px 0 66px; border-color:var(--line); background:#080a10; }
.trust-strip p { color:#8c95a7; }
.sector-logos span { color:#747d8e; }
.trust-strip small { color:#596171; }

.testimonial-section { position:relative; padding-top:130px; }
.testimonial-shell { display:grid; grid-template-columns:.58fr 1.22fr; gap:clamp(48px,8vw,110px); align-items:end; padding:clamp(38px,5vw,70px); border:1px solid rgba(255,255,255,.11); border-radius:20px; background:linear-gradient(145deg,rgba(25,31,47,.82),rgba(11,14,22,.93)); box-shadow:inset 0 1px rgba(255,255,255,.035); }
.testimonial-metric { display:grid; align-content:end; min-height:280px; }
.testimonial-metric strong { color:#91a8ff; font-size:clamp(84px,10vw,148px); font-weight:590; line-height:.75; letter-spacing:-.09em; }
.testimonial-metric strong > span { margin:0; max-width:none; color:inherit; font:inherit; letter-spacing:inherit; line-height:inherit; }
.testimonial-metric > span { max-width:220px; margin-top:27px; color:#8791a4; font-size:12px; font-weight:700; }
.testimonial-shell blockquote { margin:0; }
.testimonial-shell blockquote p { max-width:780px; color:#eef1f7; font-size:clamp(30px,3.6vw,53px); font-weight:520; line-height:1.12; letter-spacing:-.045em; text-wrap:balance; }
.testimonial-shell blockquote footer { display:flex; gap:10px 18px; align-items:center; margin-top:36px; }
.testimonial-shell blockquote footer strong { font-size:13px; }
.testimonial-shell blockquote footer span { color:#7f8899; font-size:12px; }
.testimonial-action { grid-column:2; display:flex; justify-content:space-between; gap:30px; align-items:end; padding-top:26px; border-top:1px solid rgba(255,255,255,.09); }
.testimonial-action>span { max-width:390px; color:#5f6878; font-size:10px; }
.testimonial-action .text-link { margin:0; white-space:nowrap; }

.journey-intro { padding-bottom:48px; background:#0b0e15; }
.journey-intro h2 { max-width:720px; }
.journey-tabs { margin-top:72px; border-color:rgba(255,255,255,.12); }
.journey-tabs a { color:#687183; }
.journey-tabs a:hover,.journey-tabs a.is-active { border-color:#7591ff; color:#e4e9f3; }
.journey-tabs a.is-active b { color:#7996ff; }
.journey-enhanced [data-journey-panel] { display:none; }
.journey-enhanced [data-journey-panel].is-active { display:block; animation:journey-in .55s cubic-bezier(.2,.7,.2,1) both; }
.feature-section { min-height:730px; padding:118px 0 148px; }
.feature-tint { background:#080a10; }
.feature-grid { grid-template-columns:.72fr 1.28fr; }
.feature-grid-reverse { grid-template-columns:1.28fr .72fr; }
.feature-copy h3 { color:#f1f3f8; }
.check-list { color:#bbc3d1; }
.check-list li::before { border:1px solid rgba(117,145,255,.35); background:#151c2b; color:#8ea5ff; }
.visual-card { height:540px; border-color:rgba(255,255,255,.12); border-radius:18px; background:#0c1019; box-shadow:0 34px 100px rgba(0,0,0,.4); }
.visual-card.pale { background:#0c1019; }
.visual-card > img,#convert .visual-card > img { width:124%; max-width:none; height:124%; aspect-ratio:auto; object-fit:cover; object-position:center; transform:translate(-8%,-8%); transition:transform .8s cubic-bezier(.2,.7,.2,1); }
.visual-card:hover > img,#convert .visual-card:hover > img { transform:translate(-8%,-8%) scale(1.025); }

.unified-section { padding-top:155px; }
.unified-copy h2 { color:#f1f3f8; }
.channel-pills span { border-color:rgba(255,255,255,.12); color:#9ca6b8; }
.unified-visual { height:590px; border-color:rgba(255,255,255,.12); border-radius:18px; background:#0b0e15; }
.unified-visual img { width:130%; max-width:none; height:130%; object-fit:cover; transform:translate(-13%,-10%); }

.ai-section { background:#07090e; }
.ai-glow { opacity:.16; }
.ai-heading { max-width:790px; }
.ai-heading h2 { font-size:clamp(44px,5.4vw,76px); }
.ai-story-grid { display:grid; grid-template-columns:1.08fr .92fr; gap:24px; margin-top:78px; align-items:stretch; }
.ai-story-grid--video-hidden { grid-template-columns:minmax(0,1fr); max-width:1060px; margin-right:auto; margin-left:auto; }
.control-visual,.video-poster { max-width:none; height:520px; margin:0; border-radius:17px; }
.control-visual img,.video-poster img { width:125%; max-width:none; height:125%; aspect-ratio:auto; object-fit:cover; transform:translate(-10%,-9%); }
.video-poster img { filter:saturate(.72) contrast(1.04); }
.video-poster::after { inset:0 0 74px; }
.video-play { top:48%; }

.benefits-section { padding-top:150px; }
.benefits-grid { grid-template-columns:1.15fr .85fr; grid-template-rows:repeat(2,minmax(240px,1fr)); gap:22px; }
.benefit-card { display:grid; grid-template-columns:1fr; align-content:start; padding:22px 22px 30px; border-color:rgba(255,255,255,.11); background:#0c0f16; }
.benefit-card:first-child { grid-row:1/3; }
.benefit-card:first-child .benefit-art { height:420px; }
.benefit-art { height:165px; background:linear-gradient(145deg,#111726,#0c1018); }
.benefit-card h3 { margin-top:22px; color:#edf0f6; }
.benefit-art-two span { color:#edf0f6; }
.benefit-art-three b { border-color:rgba(255,255,255,.12); background:#121824; color:#8290aa; }
.benefit-art-three b:nth-child(2),.benefit-art-three b:nth-child(3) { background:#263e80; }

.results-section,.success-section { background:#0b0e15; }
.stats-grid { border-color:rgba(255,255,255,.12); }
.stats-grid>div { border-color:rgba(255,255,255,.12); }
.stats-grid strong { color:#91a8ff; }
.stats-grid span { color:#8f98aa; }
.story-card,.success-grid article { border-color:rgba(255,255,255,.11); background:#0a0d14; }
.story-card h4,.success-grid h3 { color:#edf0f6; }
.story-art { filter:saturate(.72); }
.success-art { border-color:rgba(255,255,255,.09); background:linear-gradient(145deg,#111726,#0b0f17); }
.experience b:nth-child(2) { background:#202838; color:#fff; }

.contact-section { padding:150px 0; }
.contact-form { border-radius:16px; background:rgba(14,19,30,.88); }
.modal-card { border-color:rgba(255,255,255,.13); background:#10141d; }
.modal-card h2 { color:#f2f4f8; }
.modal-close { color:#9aa4b6; }

[data-reveal] { opacity:1; transform:none; transition:opacity .75s cubic-bezier(.2,.7,.2,1),transform .75s cubic-bezier(.2,.7,.2,1); }
.motion-ready [data-reveal] { opacity:0; transform:translateY(22px); }
.motion-ready [data-reveal].is-visible { opacity:1; transform:none; }
.product-scene-main { animation:scene-float 8s ease-in-out infinite; }
.product-scene-detail { animation:scene-float 8s ease-in-out -2s infinite reverse; }
.product-scene-note { animation:note-in .7s .3s cubic-bezier(.2,.8,.2,1) both; }
@keyframes journey-in { from { opacity:0; transform:translateY(18px); } to { opacity:1; transform:none; } }
@keyframes scene-float { 0%,100% { transform:translate3d(0,0,0); } 50% { transform:translate3d(0,-7px,0); } }
@keyframes note-in { from { opacity:0; transform:translateY(10px) scale(.98); } to { opacity:1; transform:none; } }

html[lang="ar"] .hero h1,html[lang="ku"] .hero h1 { max-width:930px; font-size:clamp(48px,5.8vw,78px); line-height:1.16; }
html[lang="ka"] .hero h1 { max-width:1040px; font-size:clamp(45px,5.3vw,72px); line-height:1.12; }

@media (max-width:1020px) {
  .testimonial-shell { grid-template-columns:.62fr 1.38fr; gap:48px; }
  .ai-story-grid { grid-template-columns:1fr; }
  .control-visual,.video-poster { height:auto; aspect-ratio:16/10; }
  .benefits-grid { grid-template-columns:1fr 1fr; grid-template-rows:auto; }
  .benefit-card:first-child { grid-column:1/-1; grid-row:auto; }
  .benefit-card:first-child .benefit-art { height:320px; }
}

@media (max-width:760px) {
  .section { padding:60px 0 68px; }
  .hero { min-height:100svh; padding-top:calc(108px + env(safe-area-inset-top)); }
  .hero-content { text-align:start; }
  .hero h1 { max-width:10.5ch; margin-inline:0; margin-top:28px; font-size:clamp(42px,12vw,54px); line-height:1.02; }
  .hero-lede { max-width:36ch; margin-inline:0; margin-top:24px; }
  .hero-actions { justify-content:start; flex-wrap:nowrap; }
  .hero-actions .button { flex:0 1 auto; min-width:0; padding-inline:17px; }
  .hero-product { width:100%; margin:48px 0 0; }
  .product-scene-canvas { height:390px; border-radius:15px 15px 0 0; }
  .product-scene-main { top:7%; left:4%; width:92%; height:83%; }
  .hero-product .product-scene-window img { width:190%; }
  .product-scene-main img { top:-4%; left:-18%; }
  .product-scene-detail { display:none; }
  .product-scene-note { top:13px; right:12px; min-width:145px; padding:10px 12px; }
  .hero-product figcaption { display:flex; padding:11px 0; font-size:12px; }
  .tour-stage { min-height:0; }
  .tour-main { grid-template-columns:1fr; gap:28px; padding:30px 18px 22px; }
  .tour-product-crop { width:100%; height:320px; }
  .tour-product-crop img { width:180%; height:180%; transform:translate(-22%,-18%); }
  .testimonial-section { padding-top:60px; }
  .testimonial-shell { grid-template-columns:1fr; gap:38px; padding:30px 22px; }
  .testimonial-metric { min-height:0; }
  .testimonial-metric strong { font-size:92px; }
  .testimonial-metric > span { margin-top:18px; }
  .testimonial-shell blockquote p { font-size:clamp(28px,8.5vw,38px); }
  .testimonial-shell blockquote footer { align-items:start; flex-direction:column; margin-top:28px; }
  .testimonial-action { grid-column:auto; align-items:start; flex-direction:column; gap:16px; }
  .testimonial-action>span { font-size:12px; }
  .journey-intro { padding:64px 0 56px; }
  .journey-tabs { overflow-x:auto; margin-top:42px; overscroll-behavior-inline:contain; scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch; scrollbar-width:none; }
  .journey-tabs::-webkit-scrollbar { display:none; }
  .journey-tabs a { white-space:nowrap; scroll-snap-align:start; }
  .feature-section { min-height:0; padding:60px 0 68px; }
  .feature-grid,.feature-grid-reverse { grid-template-columns:1fr; }
  .feature-grid-reverse .visual-card { order:2; }
  .feature-grid-reverse .feature-copy { order:1; }
  .visual-card { width:100%; min-width:0; height:390px; }
  .unified-section { padding-top:60px; }
  .unified-visual { height:390px; }
  .unified-visual img { width:165%; height:165%; transform:translate(-24%,-20%); }
  .ai-story-grid { gap:16px; margin-top:52px; }
  .control-visual,.video-poster { margin-top:0; aspect-ratio:auto; height:330px; }
  .control-visual img,.video-poster img { width:155%; height:155%; transform:translate(-18%,-18%); }
  .video-poster figcaption { position:absolute; right:0; bottom:0; left:0; background:rgba(12,16,25,.92); }
  .benefits-section { padding-top:60px; }
  .benefits-grid { display:grid; grid-auto-flow:row; grid-auto-columns:auto; grid-template-columns:1fr; overflow:visible; }
  .benefit-card { min-width:0; }
  .benefit-card,.benefit-card:first-child { grid-column:auto; }
  .benefit-card:first-child .benefit-art,.benefit-art { height:170px; }
  .benefit-art-one span { right:auto; inset-inline-start:22px; inset-inline-end:auto; }
  html[dir="rtl"] .benefit-art-one span { inset-inline-start:auto; inset-inline-end:22px; }
  .stats-grid>div { border-color:rgba(255,255,255,.11); }
  .success-grid { grid-auto-flow:row; grid-auto-columns:auto; grid-template-columns:1fr; overflow:visible; }
  .contact-section { padding:60px 0 calc(68px + env(safe-area-inset-bottom)); }
  html[lang="ar"] .hero h1,html[lang="ku"] .hero h1,html[lang="ka"] .hero h1 { max-width:12ch; font-size:clamp(38px,10.5vw,48px); line-height:1.2; }
}

@media (max-width:340px) {
  .hero-actions { flex-direction:column; }
  .hero-actions .button { width:100%; }
  .product-scene-canvas { height:350px; }
}

@media (prefers-reduced-motion:reduce) {
  .product-scene-main,.product-scene-detail,.product-scene-note,.journey-enhanced [data-journey-panel].is-active { animation:none; }
}

/* Real Sales24 product scenes */
.product-scene-canvas { padding:26px; }
.hero-product figcaption span { display:inline-flex; align-items:center; gap:7px; }
.hero-product figcaption i { width:6px; height:6px; border-radius:50%; background:#3b82f6; box-shadow:0 0 0 3px rgba(59,130,246,.15); }
.app-scene-host,.tour-ui {
  position:relative;
  width:100%;
  height:100%;
  min-width:0;
  overflow:hidden;
  background:transparent;
  container-name:app-scene;
  container-type:inline-size;
  transform-origin:top left;
  will-change:transform;
}
.tour-ui { min-height:390px; }
.visual-card,.unified-visual,.control-visual { padding:18px; }
.visual-card,.visual-card.pale,.unified-visual,.control-visual,.tour-window {
  border-color:rgba(255,255,255,.13);
  background:linear-gradient(145deg,rgba(28,34,48,.72),rgba(7,10,17,.48));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 34px 100px rgba(0,0,0,.4);
  backdrop-filter:blur(24px) saturate(135%);
  -webkit-backdrop-filter:blur(24px) saturate(135%);
}
.unified-visual,.tour-window { box-shadow:inset 0 1px 0 rgba(255,255,255,.12),var(--shadow); }
.control-visual { box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 38px 110px rgba(0,0,0,.6); }
@media (prefers-reduced-transparency:reduce) {
  .product-scene-canvas,.visual-card,.visual-card.pale,.unified-visual,.control-visual,.tour-window { background:#090c13; backdrop-filter:none; -webkit-backdrop-filter:none; }
}
.visual-card .app-scene-host,.unified-visual .app-scene-host,.control-visual .app-scene-host { height:100%; }
.app-preview {
  --app-bg:#0e1116;
  --app-surface:#1e242c;
  --app-surface-2:#2a323c;
  --app-surface-3:#323b46;
  --app-soft:#090c10;
  --app-border:#3b4553;
  --app-border-hover:#4c5866;
  --app-text:#f4f7fb;
  --app-text-2:#dce3ec;
  --app-secondary:#bac4d0;
  --app-muted:#9ba5b3;
  --app-faint:#727d8b;
  --app-accent:#3b82f6;
  --app-green:#22c55e;
  --app-amber:#f59e0b;
  width:100%;
  height:100%;
  overflow:hidden;
  border-radius:9px;
  background:var(--app-bg);
  color:var(--app-text);
  font:500 11px/1.4 var(--font);
  text-align:start;
  animation:app-preview-enter 700ms cubic-bezier(.22,1,.36,1) both;
}
.app-preview * { box-sizing:border-box; }
.app-preview button { min-width:0; border:0; color:inherit; font:inherit; cursor:pointer; }
.app-preview svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.7; }
.app-preview-topbar { display:flex; height:46px; align-items:center; gap:18px; padding:0 12px; border-bottom:1px solid var(--app-border); background:var(--app-soft); }
.app-preview-brand { display:flex; min-width:164px; align-items:center; gap:8px; }
.app-preview-brand strong { font-size:12px; letter-spacing:-.02em; }
.app-mark { display:grid; width:26px; height:26px; place-items:center; border:1px solid #44536b; border-radius:7px; background:#16233a; color:#fff; font-size:8px; font-weight:800; letter-spacing:-.05em; }
.app-mark span { color:#6fa2ff; }
.app-workspace-switch { display:flex; align-items:center; gap:6px; padding:6px 8px; border-radius:7px; background:transparent; color:var(--app-secondary); font-size:10px; }
.app-workspace-switch:hover { background:var(--app-surface); color:var(--app-text); }
.app-preview-actions { display:flex; align-items:center; gap:4px; margin-inline-start:auto; }
.app-preview-actions button,.app-contact-toggle { position:relative; display:grid; width:30px; height:30px; place-items:center; border-radius:7px; background:transparent; color:var(--app-muted); transition:background 160ms, color 160ms, transform 100ms; }
.app-preview-actions button:hover,.app-contact-toggle:hover { background:var(--app-surface-2); color:var(--app-text); }
.app-preview-actions button:active,.app-contact-toggle:active { transform:scale(.94); }
.app-notification i { position:absolute; top:2px; inset-inline-end:1px; display:grid; width:13px; height:13px; place-items:center; border:2px solid var(--app-soft); border-radius:50%; background:var(--app-accent); color:#fff; font-size:6px; font-style:normal; font-weight:800; animation:notification-pop 520ms 480ms cubic-bezier(.22,1,.36,1) both; }
.app-user { display:grid; width:26px; height:26px; margin-inline-start:4px; place-items:center; border-radius:50%; background:#475569; color:#fff; font-size:8px; font-weight:800; }
.app-preview-workspace { display:grid; grid-template-columns:48px 160px 238px minmax(300px,1fr) 205px; height:calc(100% - 46px); min-height:0; }
.app-icon-rail { display:flex; min-height:0; flex-direction:column; align-items:center; gap:5px; padding:10px 6px; border-inline-end:1px solid var(--app-border); background:var(--app-soft); }
.app-icon-rail button { display:grid; width:34px; height:34px; place-items:center; border-radius:7px; background:transparent; color:var(--app-muted); transition:background 160ms,color 160ms,transform 100ms; }
.app-icon-rail button:hover { background:var(--app-surface-2); color:var(--app-text); }
.app-icon-rail button:active { transform:scale(.94); }
.app-icon-rail button.is-active { background:#1d3457; color:#80adff; box-shadow:inset 0 0 0 1px rgba(99,151,255,.24); }
.app-lifecycle,.app-conversation-list,.app-thread,.app-contact-panel { min-width:0; min-height:0; border-inline-end:1px solid var(--app-border); background:var(--app-bg); }
.app-lifecycle { padding:8px; }
.app-pane-heading { display:flex; height:38px; align-items:center; justify-content:space-between; padding:0 5px; }
.app-pane-heading strong { color:var(--app-text-2); font-size:11px; }
.app-pane-heading button { display:grid; width:26px; height:26px; place-items:center; border-radius:6px; background:transparent; color:var(--app-muted); }
.app-section-label { display:block; padding:13px 6px 6px; color:var(--app-faint); font-size:7px; font-weight:800; letter-spacing:.11em; }
.app-section-label-spaced { margin-top:8px; }
.app-lifecycle-item { display:flex; width:100%; min-height:30px; align-items:center; justify-content:space-between; padding:0 7px; border-radius:6px; background:transparent; color:var(--app-muted); font-size:9px; text-align:start; transition:background 160ms,color 160ms; }
.app-lifecycle-item:hover,.app-lifecycle-item.is-active { background:var(--app-surface); color:var(--app-text-2); }
.app-lifecycle-item b { min-width:18px; color:var(--app-faint); font-size:7px; text-align:end; }
.app-lifecycle-item b.is-warm { color:#fbbf24; }
.app-lifecycle-item span { display:flex; align-items:center; gap:7px; }
.app-lifecycle-item i { display:grid; width:15px; height:15px; place-items:center; border-radius:5px; color:#fff; font-size:6px; font-style:normal; font-weight:800; }
.channel-wa { background:#15803d; }.channel-ig { background:#a855f7; }.channel-ms { background:#2563eb; }
.app-conversation-list { display:flex; flex-direction:column; background:#11161c; }
.app-search { display:flex; height:30px; align-items:center; gap:7px; margin:0 10px 8px; padding:0 9px; border:1px solid var(--app-border); border-radius:7px; background:var(--app-surface); color:var(--app-faint); font-size:8px; }
.app-search svg { width:12px; }
.app-list-filter { display:flex; align-items:center; justify-content:space-between; padding:4px 11px 8px; color:var(--app-muted); font-size:8px; }
.app-list-filter span { color:var(--app-secondary); font-weight:700; }.app-list-filter b { color:var(--app-faint); }
.app-list-filter button { padding:0; background:transparent; color:var(--app-faint); font-size:7px; }
.app-conversation-items { min-height:0; overflow:hidden; }
.app-conversation { display:grid; width:100%; grid-template-columns:32px minmax(0,1fr) 30px; gap:8px; align-items:center; min-height:61px; padding:8px 10px; border-top:1px solid rgba(59,69,83,.58)!important; background:transparent; text-align:start; transition:background 160ms,box-shadow 160ms; }
.app-conversation:hover { background:var(--app-surface); }
.app-conversation.is-selected { background:#1b2532; box-shadow:inset 3px 0 var(--app-accent); }
.app-avatar { display:grid; width:32px; height:32px; place-items:center; border-radius:50%; background:#334155; color:#e2e8f0; font-size:8px; font-weight:800; }
.app-conversation-copy { display:flex; min-width:0; flex-direction:column; gap:3px; }
.app-conversation-copy strong { overflow:hidden; color:var(--app-text-2); font-size:9px; text-overflow:ellipsis; white-space:nowrap; }
.app-conversation-copy small { overflow:hidden; color:var(--app-muted); font-size:7px; text-overflow:ellipsis; white-space:nowrap; }
.app-conversation-meta { display:flex; flex-direction:column; align-items:flex-end; gap:5px; }
.app-conversation-meta b { display:grid; min-width:16px; height:13px; padding:0 3px; place-items:center; border-radius:4px; background:#14532d; color:#86efac; font-size:5px; }
.app-conversation-meta small { color:var(--app-faint); font-size:6px; }
.app-thread { position:relative; display:flex; flex-direction:column; background:#0e1319; }
.app-thread-header { display:flex; min-height:48px; align-items:center; gap:8px; padding:0 10px; border-bottom:1px solid var(--app-border); background:#11161c; }
.app-avatar-small { width:28px; height:28px; font-size:7px; }
.app-thread-header>span:nth-of-type(2) { display:flex; min-width:0; flex-direction:column; }
.app-thread-header strong { color:var(--app-text-2); font-size:9px; }
.app-thread-header small { display:flex; align-items:center; gap:4px; color:var(--app-faint); font-size:6px; }
.app-thread-header small i { width:5px; height:5px; border-radius:50%; background:var(--app-green); }
.app-contact-toggle { margin-inline-start:auto; }
.app-mobile-back { display:none; width:24px; background:transparent; color:var(--app-muted); font-size:18px!important; }
.app-thread-content { display:flex; min-height:0; flex:1; flex-direction:column; gap:9px; overflow:hidden; padding:10px 12px; background:radial-gradient(circle at 65% 35%,rgba(59,130,246,.055),transparent 38%); }
.app-day-divider { display:flex; align-items:center; gap:8px; color:var(--app-faint); font-size:6px; }
.app-day-divider::before,.app-day-divider::after { height:1px; flex:1; background:rgba(59,69,83,.55); content:""; }
.app-message { max-width:80%; padding:8px 10px; border:1px solid var(--app-border); border-radius:8px; background:var(--app-surface); color:var(--app-secondary); }
.app-message p { font-size:8px; line-height:1.55; }
.app-message small { display:block; margin-top:4px; color:var(--app-faint); font-size:6px; text-align:end; }
.app-message.is-customer { align-self:flex-start; border-start-start-radius:3px; }
.app-message.is-agent { align-self:flex-end; border-color:#315487; border-end-end-radius:3px; background:#17243a; }
.app-ai-label { display:flex; align-items:center; gap:4px; margin-bottom:5px; color:#80adff; font-size:6px; font-weight:800; letter-spacing:.08em; }
.app-ai-label svg { width:10px; height:10px; }
.app-approval-card { position:relative; display:grid; grid-template-columns:38px minmax(0,1fr) auto; gap:9px; align-items:center; padding:8px; overflow:hidden; border:1px solid #7c5c1a; border-radius:8px; background:#231c0f; transition:border-color 240ms,background 240ms; }
.app-confidence-ring { display:flex; width:36px; height:36px; align-items:baseline; justify-content:center; padding-top:9px; border:3px solid #8a6821; border-top-color:#f59e0b; border-radius:50%; color:#fde68a; }
.app-confidence-ring span { font-size:10px; font-weight:800; }.app-confidence-ring small { font-size:5px; }
.app-approval-copy { display:flex; min-width:0; flex-direction:column; }
.app-approval-copy>span { color:#fbbf24; font-size:5px; font-weight:800; letter-spacing:.08em; }
.app-approval-title { margin-top:2px; color:#f8fafc; font-size:8px; transition:filter 140ms,opacity 140ms,transform 140ms; }
.app-approval-detail { overflow:hidden; color:#b8a77d; font-size:6px; text-overflow:ellipsis; white-space:nowrap; }
.app-approval-actions { display:flex; gap:4px; }
.app-approval-actions button { display:flex; height:25px; align-items:center; gap:4px; padding:0 7px; border-radius:6px; font-size:6px; font-weight:800; transition:transform 100ms,background 160ms; }
.app-approval-actions button:active { transform:scale(.94); }
.app-button-secondary { border:1px solid var(--app-border)!important; background:var(--app-surface)!important; color:var(--app-secondary)!important; }
.app-button-primary { background:var(--app-accent)!important; color:#fff!important; }
.app-button-primary svg { width:10px; }
.app-approved-state { position:absolute; inset:0; display:flex; align-items:center; gap:9px; padding:8px 13px; background:#102319; opacity:0; pointer-events:none; transform:translateY(12px); transition:opacity 240ms cubic-bezier(.22,1,.36,1),transform 240ms cubic-bezier(.22,1,.36,1); }
.app-approved-state>svg { width:28px; height:28px; padding:6px; border-radius:50%; background:#166534; color:#86efac; }
.app-approved-state span { display:flex; flex-direction:column; }.app-approved-state strong { color:#dcfce7; font-size:8px; }.app-approved-state small { color:#86a990; font-size:6px; }
.app-approval-card.is-approved { border-color:#285c3d; background:#102319; }
.app-approval-card.is-approved .app-approval-title { filter:blur(5px); opacity:0; transform:translateY(-7px); }
.app-approval-card.is-approved .app-approved-state { opacity:1; transform:none; }
.app-timeline-event { display:flex; align-items:center; gap:8px; margin-top:auto; padding:7px 8px; border:1px solid var(--app-border); border-radius:7px; background:#151b22; }
.app-timeline-event>span { display:grid; width:24px; height:24px; place-items:center; border-radius:6px; background:#252e39; color:#8fb4ff; }
.app-timeline-event svg { width:12px; }
.app-timeline-event div { display:flex; flex-direction:column; }.app-timeline-event strong { color:var(--app-secondary); font-size:7px; }.app-timeline-event small { color:var(--app-faint); font-size:6px; }
.app-composer { display:flex; min-height:42px; align-items:center; gap:7px; margin:0 9px 9px; padding:0 7px; border:1px solid var(--app-border); border-radius:8px; background:var(--app-surface); color:var(--app-faint); }
.app-composer span { flex:1; font-size:7px; }.app-composer button { display:grid; width:24px; height:24px; place-items:center; border-radius:6px; background:transparent; color:var(--app-muted); }.app-composer .app-send { background:var(--app-accent); color:#fff; }.app-composer svg { width:11px; }
.app-contact-panel { display:flex; flex-direction:column; background:#11161c; transition:transform 320ms cubic-bezier(.22,1,.36,1),opacity 240ms; }
.app-contact-panel>header { display:flex; min-height:48px; align-items:center; justify-content:space-between; padding:0 11px; border-bottom:1px solid var(--app-border); }
.app-contact-panel>header strong { font-size:9px; }.app-contact-panel>header button { display:grid; width:26px; height:26px; place-items:center; border-radius:6px; background:transparent; color:var(--app-muted); }.app-contact-panel>header svg { width:13px; }
.app-contact-identity { display:flex; flex-direction:column; align-items:center; padding:15px 10px; border-bottom:1px solid var(--app-border); }
.app-avatar-large { width:40px; height:40px; font-size:10px; }.app-contact-identity>strong { margin-top:7px; color:var(--app-text-2); font-size:9px; }.app-contact-identity>small { color:var(--app-faint); font-size:6px; }.app-contact-identity>div { display:flex; gap:4px; margin-top:8px; }.app-contact-identity>div span { padding:3px 5px; border:1px solid var(--app-border); border-radius:999px; color:var(--app-muted); font-size:5px; }
.app-contact-section { padding:10px 11px; border-bottom:1px solid var(--app-border); }.app-contact-section>span { color:var(--app-faint); font-size:5px; font-weight:800; letter-spacing:.1em; }
.app-stage { display:flex; width:100%; align-items:center; gap:6px; margin-top:6px; padding:7px; border:1px solid var(--app-border)!important; border-radius:7px; background:var(--app-surface)!important; text-align:start; }.app-stage i { width:7px; height:7px; border-radius:50%; background:#8b5cf6; }.app-stage strong { flex:1; color:var(--app-secondary); font-size:7px; }.app-stage small { color:var(--app-faint); }
.app-owner { display:flex; align-items:center; gap:6px; margin-top:7px; }.app-owner b { display:grid; width:24px; height:24px; place-items:center; border-radius:50%; background:#334155; font-size:6px; }.app-owner strong { color:var(--app-secondary); font-size:7px; }
.app-contact-section ul { display:grid; gap:9px; margin:8px 0 0; padding:0; list-style:none; }.app-contact-section li { display:flex; gap:7px; }.app-contact-section li>i { width:6px; height:6px; margin-top:3px; border:2px solid #93c5fd; border-radius:50%; }.app-contact-section li>span { display:flex; flex-direction:column; }.app-contact-section li strong { color:var(--app-secondary); font-size:6px; }.app-contact-section li small { color:var(--app-faint); font-size:5px; }
.app-preview--approval .app-lifecycle,.app-preview--approval .app-contact-panel,
.app-preview--control .app-lifecycle { display:none; }
.app-preview--approval .app-preview-workspace { grid-template-columns:48px 190px minmax(270px,1fr); }
.app-preview--control .app-preview-workspace { grid-template-columns:48px 225px minmax(300px,1fr) 205px; }
.app-preview--convert .app-approval-card,.app-preview--control .app-approval-card { box-shadow:0 0 0 1px rgba(245,158,11,.1),0 14px 35px rgba(0,0,0,.28); }
.app-preview--retain .app-contact-panel { background:#121820; }
.app-preview--timeline .app-message { max-width:72%; }

.journey-tabs { position:relative; }
.journey-tab-indicator { position:absolute; z-index:2; bottom:-1px; left:0; width:var(--tab-width,33.333%); height:2px; background:#7591ff; pointer-events:none; transform:translateX(var(--tab-x,0)); transition:width 300ms cubic-bezier(.22,1,.36,1),transform 300ms cubic-bezier(.22,1,.36,1); }
.journey-tabs a:hover,.journey-tabs a.is-active { border-color:transparent; }
.journey-enhanced [data-journey-panel].is-active { animation:journey-slide-in 320ms cubic-bezier(.22,1,.36,1) both; }

@container app-scene (max-width:920px) {
  .app-preview-workspace { grid-template-columns:48px 205px minmax(280px,1fr); }
  .app-lifecycle,.app-contact-panel { display:none; }
  .app-preview-brand { min-width:120px; }
  .app-preview--retain .app-preview-workspace { grid-template-columns:48px minmax(280px,1fr) 185px; }
  .app-preview--retain .app-conversation-list { display:none; }
  .app-preview--retain .app-contact-panel { display:flex; }
  .app-preview--approval .app-preview-workspace,.app-preview--control .app-preview-workspace { grid-template-columns:48px 190px minmax(270px,1fr); }
}

@container app-scene (max-width:620px) {
  .app-preview-topbar { gap:7px; padding:0 9px; }
  .app-preview-brand { min-width:0; }.app-preview-brand strong { display:none; }
  .app-workspace-switch { overflow:hidden; flex:1; text-overflow:ellipsis; white-space:nowrap; }
  .app-preview-workspace,.app-preview--approval .app-preview-workspace,.app-preview--control .app-preview-workspace,.app-preview--retain .app-preview-workspace { display:block; }
  .app-icon-rail,.app-lifecycle,.app-conversation-list,.app-contact-panel { display:none; }
  .app-thread { height:100%; border:0; }
  .app-mobile-back { display:block; }
  .app-thread-content { padding:9px; }
  .app-message { max-width:92%; }
  .app-approval-card { grid-template-columns:34px minmax(0,1fr); }
  .app-approval-actions { grid-column:1/-1; justify-content:flex-end; }
  .app-preview--capture .app-conversation-list { display:flex; height:100%; border:0; }
  .app-preview--capture .app-thread { display:none; }
  .app-preview--retain .app-contact-panel { display:flex; height:100%; border:0; }
  .app-preview--retain .app-thread { display:none; }
  .app-preview.is-contact-open .app-thread { display:none; }
  .app-preview.is-contact-open .app-contact-panel { display:flex; height:100%; border:0; animation:panel-reveal 320ms cubic-bezier(.22,1,.36,1) both; }
}

@keyframes app-preview-enter { from { opacity:0; transform:translateY(12px) scale(.99); } to { opacity:1; transform:none; } }
@keyframes notification-pop { from { opacity:0; transform:scale(.3); } 70% { transform:scale(1.12); } to { opacity:1; transform:none; } }
@keyframes panel-reveal { from { opacity:0; transform:translateX(24px); } to { opacity:1; transform:none; } }
@keyframes journey-slide-in { from { opacity:0; transform:translateX(var(--journey-shift,22px)); } to { opacity:1; transform:none; } }

@media (max-width:700px) {
  .product-scene-canvas { padding:12px; }
  .visual-card,.unified-visual,.control-visual { padding:9px; }
  .tour-ui { min-height:330px; }
}

@media (prefers-reduced-motion:reduce) {
  .app-preview,.app-notification i,.journey-enhanced [data-journey-panel].is-active,.app-preview.is-contact-open .app-contact-panel { animation:none; }
  .journey-tab-indicator,.app-contact-panel,.app-approved-state,.app-approval-title { transition-duration:1ms; }
  [data-flip-card] { transform:none!important; }
}

/* Minimal Linear-style product showcases */
[data-app-scene] {
  --showcase-bg:oklch(.115 .015 264);
  --showcase-panel:oklch(.145 .012 264);
  --showcase-panel-2:oklch(.175 .012 264);
  --showcase-line:oklch(.29 .014 264 / .72);
  --showcase-text:oklch(.94 .01 264);
  --showcase-muted:oklch(.66 .015 264);
  --showcase-blue:oklch(.66 .18 263);
  padding:0;
  background:transparent;
  isolation:isolate;
}
[data-app-scene]::after {
  position:absolute;
  z-index:0;
  inset:0;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.025),transparent);
  content:"";
  pointer-events:none;
}
[data-app-scene] .app-preview {
  position:relative;
  z-index:1;
  top:0;
  overflow:hidden;
  border:1px solid var(--showcase-line);
  border-radius:10px;
  width:100%;
  height:100%;
  margin:0;
  background:oklch(.12 .01 264 / .82);
  box-shadow:0 18px 45px rgba(0,0,0,.26),inset 0 1px rgba(255,255,255,.04);
  color:var(--showcase-text);
  backdrop-filter:blur(5px);
}
[data-app-scene] .app-preview-topbar {
  height:42px;
  gap:10px;
  padding:0 11px;
  border-color:var(--showcase-line);
  background:oklch(.105 .01 264 / .84);
}
[data-app-scene] .app-preview-brand { min-width:auto; gap:7px; }
[data-app-scene] .app-preview-brand img { width:22px; height:22px; border-radius:6px; }
[data-app-scene] .app-preview-brand strong { color:var(--showcase-text); font-size:10px; letter-spacing:-.02em; }
.app-preview-location { padding-inline-start:10px; border-inline-start:1px solid var(--showcase-line); color:var(--showcase-muted); font-size:7px; }
[data-app-scene] .app-preview-actions button { width:28px; height:28px; }
[data-app-scene] .app-user { width:23px; height:23px; background:oklch(.29 .02 264); font-size:6px; }
.app-minimal-workspace { display:grid; grid-template-columns:42px 190px minmax(260px,1fr); height:calc(100% - 42px); min-height:0; }
.app-minimal-rail { display:flex; flex-direction:column; align-items:center; gap:5px; padding:9px 5px; border-inline-end:1px solid var(--showcase-line); background:oklch(.105 .01 264 / .78); }
.app-minimal-rail button { display:grid; width:30px; height:30px; place-items:center; border-radius:7px; background:transparent; color:var(--showcase-muted); transition:background 160ms,color 160ms,transform 100ms; }
.app-minimal-rail button:hover { background:var(--showcase-panel-2); color:var(--showcase-text); }
.app-minimal-rail button:active { transform:scale(.94); }
.app-minimal-rail button.is-active { background:oklch(.28 .09 264 / .58); color:oklch(.78 .12 263); }
.app-minimal-list { min-width:0; border-inline-end:1px solid var(--showcase-line); background:oklch(.13 .01 264 / .8); }
.app-minimal-list>header { display:flex; height:42px; align-items:center; justify-content:space-between; padding:0 11px; border-bottom:1px solid var(--showcase-line); }
.app-minimal-list>header strong { font-size:9px; }
.app-minimal-list>header button,.app-minimal-thread>header button { display:grid; width:26px; height:26px; place-items:center; border-radius:6px; background:transparent; color:var(--showcase-muted); }
.app-minimal-list>header svg,.app-minimal-thread>header svg { width:13px; }
.app-minimal-contact { position:relative; display:grid; width:100%; grid-template-columns:30px minmax(0,1fr); gap:8px; align-items:center; min-height:58px; padding:8px 10px; border-bottom:1px solid var(--showcase-line)!important; background:transparent; text-align:start; transition:background 160ms; }
.app-minimal-contact:hover,.app-minimal-contact.is-selected { background:oklch(.19 .025 264 / .84); }
.app-minimal-contact.is-selected::before { position:absolute; inset-block:10px; inset-inline-start:0; width:2px; border-radius:2px; background:var(--showcase-blue); content:""; }
.app-minimal-contact>span:nth-child(2) { display:flex; min-width:0; flex-direction:column; gap:3px; }
.app-minimal-contact strong { color:var(--showcase-text); font-size:8px; }
.app-minimal-contact small { overflow:hidden; color:var(--showcase-muted); font-size:6px; text-overflow:ellipsis; white-space:nowrap; }
.app-minimal-contact>i { position:absolute; top:11px; inset-inline-end:10px; width:5px; height:5px; border-radius:50%; background:var(--showcase-blue); }
.app-minimal-thread { display:flex; min-width:0; min-height:0; flex-direction:column; background:oklch(.12 .01 264 / .76); }
.app-minimal-thread>header { display:flex; min-height:42px; align-items:center; gap:7px; padding:0 11px; border-bottom:1px solid var(--showcase-line); }
.app-minimal-thread>header>span:nth-child(2) { display:flex; min-width:0; flex-direction:column; }
.app-minimal-thread>header strong { font-size:8px; }
.app-minimal-thread>header small { display:flex; align-items:center; gap:4px; color:var(--showcase-muted); font-size:6px; }
.app-minimal-thread>header small i { width:4px; height:4px; border-radius:50%; background:oklch(.72 .16 150); }
.app-minimal-thread>header button { margin-inline-start:auto; }
.app-minimal-thread-body { display:flex; min-height:0; flex:1; flex-direction:column; gap:9px; overflow:hidden; padding:12px; }
.app-minimal-message { max-width:78%; padding:8px 10px; border:1px solid var(--showcase-line); border-radius:8px; background:var(--showcase-panel); }
.app-minimal-message p { color:oklch(.82 .01 264); font-size:7px; line-height:1.55; }
.app-minimal-message small { display:block; margin-top:3px; color:var(--showcase-muted); font-size:5px; text-align:end; }
.app-minimal-message.is-customer { align-self:flex-start; border-start-start-radius:3px; }
.app-minimal-message.is-agent { align-self:flex-end; border-color:oklch(.42 .09 263 / .7); background:oklch(.2 .04 264 / .8); }
.app-minimal-message.is-agent>span { display:flex; align-items:center; gap:4px; margin-bottom:5px; color:oklch(.74 .12 263); font-size:6px; font-weight:700; }
.app-minimal-message.is-agent svg { width:10px; height:10px; }
[data-app-scene] .app-approval-card { position:relative; display:grid; grid-template-columns:6px minmax(0,1fr) auto; gap:8px; align-items:center; padding:8px 9px; overflow:hidden; border:1px solid var(--showcase-line); border-radius:8px; background:oklch(.16 .015 264 / .96); box-shadow:none; transition:border-color 240ms,background 240ms; }
.app-review-dot { width:5px; height:5px; border-radius:50%; background:var(--showcase-blue); box-shadow:0 0 0 3px oklch(.66 .18 263 / .12); }
[data-app-scene] .app-approval-copy { gap:1px; }
[data-app-scene] .app-approval-title { margin:0; color:var(--showcase-text); font-size:7px; }
[data-app-scene] .app-approval-detail { color:var(--showcase-muted); font-size:6px; }
[data-app-scene] .app-approval-actions { gap:4px; }
[data-app-scene] .app-approval-actions { grid-column:auto; }
[data-app-scene] .app-approval-actions button { height:24px; padding:0 8px; border-radius:6px; font-size:6px; }
[data-app-scene] .app-button-secondary { border:0!important; background:transparent!important; color:var(--showcase-muted)!important; }
[data-app-scene] .app-button-secondary:hover { background:var(--showcase-panel-2)!important; color:var(--showcase-text)!important; }
[data-app-scene] .app-button-primary { background:oklch(.62 .18 263)!important; box-shadow:none; }
[data-app-scene] .app-approved-state { gap:7px; padding:8px 10px; background:oklch(.16 .035 152 / .98); }
[data-app-scene] .app-approved-state>svg { width:23px; height:23px; padding:5px; }
[data-app-scene] .app-approved-state strong { font-size:7px; }
.app-minimal-next { display:flex; align-items:center; gap:6px; margin-top:auto; padding:7px 9px; border-top:1px solid var(--showcase-line); color:var(--showcase-muted); font-size:6px; }
.app-minimal-next svg { width:11px; color:oklch(.72 .1 263); }
.app-minimal-thread>footer { display:flex; min-height:36px; align-items:center; gap:8px; margin:0 10px 10px; padding:0 8px; border:1px solid var(--showcase-line); border-radius:7px; background:var(--showcase-panel); color:var(--showcase-muted); }
.app-minimal-thread>footer span { flex:1; font-size:6px; }
.app-minimal-thread>footer button { display:grid; width:22px; height:22px; place-items:center; border-radius:5px; background:oklch(.62 .18 263); color:#fff; }
.app-minimal-thread>footer svg { width:10px; }

@container app-scene (max-width:640px) {
  [data-app-scene] { padding:0; }
  .app-preview-location { display:none; }
  .app-minimal-workspace { display:block; }
  .app-minimal-rail,.app-minimal-list { display:none; }
  .app-minimal-thread { height:100%; }
  .app-preview--capture .app-minimal-list { display:block; height:100%; border:0; }
  .app-preview--capture .app-minimal-thread { display:none; }
  .app-minimal-message { max-width:90%; }
}

@container app-scene (min-width:641px) and (max-width:900px) {
  .app-minimal-workspace { grid-template-columns:42px 170px minmax(240px,1fr); }
}

/* Focused activity field */
.app-minimal-list { overflow:hidden; }
.app-minimal-contact {
  min-height:44px;
  opacity:.34;
  filter:saturate(.55);
  transform:scale(.975);
  transform-origin:center;
  transition:opacity 240ms ease,filter 240ms ease,transform 240ms cubic-bezier(.22,1,.36,1),background 160ms;
}
.app-minimal-contact .app-avatar { width:27px; height:27px; font-size:6px; }
.app-minimal-contact.is-background strong { color:oklch(.74 .008 264); }
.app-minimal-contact.is-background small { color:oklch(.5 .012 264); }
.app-minimal-contact.is-background { opacity:.34; transform:scale(.975); }
.app-minimal-contact.is-background:hover { opacity:.7; filter:none; transform:none; }
.app-minimal-contact.is-selected {
  z-index:2;
  min-height:68px;
  opacity:1;
  filter:none;
  transform:scale(1.018);
  box-shadow:0 12px 30px rgba(0,0,0,.18);
}
.app-minimal-contact.is-selected .app-avatar { width:34px; height:34px; font-size:8px; }
.app-minimal-contact.is-selected strong { font-size:8px; }
.app-minimal-contact.is-selected small { color:oklch(.7 .012 264); }
.app-minimal-thread-body { gap:7px; }
.app-minimal-message.is-ambient {
  max-width:58%;
  padding:6px 9px;
  border-color:oklch(.25 .01 264 / .42);
  background:oklch(.14 .008 264 / .6);
  opacity:.16;
  filter:saturate(.35);
  transform:scale(.94);
}
.app-minimal-message.is-ambient p { color:oklch(.62 .008 264); font-size:6px; }
.app-minimal-message.ambient-one { align-self:flex-end; transform-origin:bottom right; }
.app-minimal-message.ambient-two { align-self:flex-start; transform-origin:top left; }
.app-minimal-message.is-focus {
  position:relative;
  z-index:3;
  width:88%;
  max-width:420px;
  padding:11px 13px;
  border-color:oklch(.55 .13 263 / .82);
  background:linear-gradient(135deg,oklch(.235 .045 264 / .96),oklch(.18 .026 264 / .96));
  box-shadow:0 16px 42px rgba(0,0,0,.32),0 0 0 1px oklch(.66 .18 263 / .08);
  transform-origin:top left;
}
.app-minimal-message.is-focus::after {
  position:absolute;
  inset:-1px;
  border-radius:inherit;
  background:linear-gradient(115deg,transparent 22%,oklch(.8 .1 263 / .09),transparent 68%);
  content:"";
  pointer-events:none;
}
.app-minimal-message.is-focus p { color:oklch(.91 .01 264); font-size:8px; line-height:1.55; }
.app-minimal-message.is-agent { max-width:74%; opacity:.76; transform:scale(.98); transform-origin:top right; }
.app-preview { --focus-start-x:-72px; }
html[dir="rtl"] .app-preview { --focus-start-x:72px; }
.app-preview.is-scene-active .app-minimal-contact.is-selected { animation:selected-row-settle 520ms 100ms cubic-bezier(.22,1,.36,1) both; }
.app-preview.is-scene-active .app-minimal-message.is-focus { animation:focus-message-enter 720ms 180ms cubic-bezier(.22,1,.36,1) both; }
.app-preview.is-scene-active .app-minimal-message.is-agent { animation:quiet-reply-enter 320ms 520ms cubic-bezier(.22,1,.36,1) both; }
.app-preview.is-scene-active .app-minimal-message.ambient-one { animation:ambient-message-enter 420ms 620ms ease-out both; }
.app-preview.is-scene-active .app-minimal-message.ambient-two { animation:ambient-message-enter 420ms 1120ms ease-out both; }
:is([data-app-scene="timeline"],[data-app-scene="control"]) .app-preview.is-scene-active .app-minimal-contact.is-background { animation:background-row-recede 420ms 100ms cubic-bezier(.22,1,.36,1) both; }
:is([data-app-scene="timeline"],[data-app-scene="control"]) .app-preview.is-scene-active .app-approval-card { animation:approval-request-enter 440ms 840ms cubic-bezier(.22,1,.36,1) both; }
:is([data-app-scene="timeline"],[data-app-scene="control"]) .app-preview.is-scene-active .app-minimal-next { animation:follow-up-enter 420ms 1280ms cubic-bezier(.22,1,.36,1) both; }

[data-app-scene] .app-approval-title,
[data-app-scene] .app-approval-actions { transition:opacity 260ms cubic-bezier(.22,1,.36,1),transform 260ms cubic-bezier(.22,1,.36,1); }
[data-app-scene] .app-approved-state { transition:opacity 280ms cubic-bezier(.22,1,.36,1),transform 280ms cubic-bezier(.22,1,.36,1); }
[data-app-scene] .app-approval-card.is-approved .app-approval-actions { opacity:0; transform:scale(.96); }

@keyframes selected-row-settle {
  from { opacity:.35; transform:scale(.97); }
  to { opacity:1; transform:scale(1.018); }
}
@keyframes focus-message-enter {
  0% { opacity:.18; filter:blur(3px); transform:translateX(var(--focus-start-x)) translateY(-12px) scale(.78); }
  52% { opacity:1; filter:blur(0); transform:translateX(7px) scale(1.025); }
  100% { opacity:1; transform:none; }
}
@keyframes quiet-reply-enter {
  from { opacity:0; transform:translateY(9px) scale(.96); }
  to { opacity:.76; transform:scale(.98); }
}
@keyframes ambient-message-enter {
  from { opacity:0; transform:translateY(7px) scale(.9); }
  to { opacity:.16; transform:scale(.94); }
}
@keyframes background-row-recede {
  from { opacity:.62; transform:scale(.99); }
  to { opacity:.34; transform:scale(.975); }
}
@keyframes approval-request-enter {
  from { opacity:0; transform:translateY(10px) scale(.97); }
  to { opacity:1; transform:none; }
}
@keyframes follow-up-enter {
  from { opacity:0; transform:translateY(7px); }
  to { opacity:1; transform:none; }
}

@container app-scene (max-width:640px) {
  .app-minimal-message.is-ambient { display:none; }
  .app-minimal-message.is-focus { width:94%; padding:9px 10px; }
  .app-minimal-message.is-agent { max-width:88%; }
  .app-minimal-contact.is-background { min-height:43px; }
}

@media (prefers-reduced-motion:reduce) {
  .app-preview.is-scene-active .app-minimal-contact,
  .app-preview.is-scene-active .app-minimal-message,
  .app-preview.is-scene-active .app-approval-card,
  .app-preview.is-scene-active .app-minimal-next { animation:none; }
  [data-app-scene] .app-approval-title,
  [data-app-scene] .app-approval-actions,
  [data-app-scene] .app-approved-state { transition-duration:1ms; }
}

/* Slice A: benefit and success card motion */
.benefits-section .benefit-card:nth-child(1),
.success-grid article:nth-child(1) { transition-delay:0ms; }
.benefits-section .benefit-card:nth-child(2),
.success-grid article:nth-child(2) { transition-delay:70ms; }
.benefits-section .benefit-card:nth-child(3),
.success-grid article:nth-child(3) { transition-delay:140ms; }
.success-grid article:nth-child(4) { transition-delay:210ms; }

.benefit-card.is-visible .benefit-art-one i {
  transform-origin:bottom;
  animation:slice-a-grow-y 420ms cubic-bezier(.16,1,.3,1) backwards;
}
.benefit-card.is-visible .benefit-art-one i:nth-child(1) { animation-delay:80ms; }
.benefit-card.is-visible .benefit-art-one i:nth-child(2) { animation-delay:170ms; }
.benefit-card.is-visible .benefit-art-one i:nth-child(3) { animation-delay:260ms; }
.benefit-card.is-visible .benefit-art-one span {
  animation:slice-a-rise 420ms 680ms cubic-bezier(.16,1,.3,1) backwards;
}

.benefit-art-two::before { transform-origin:left; }
html[dir="rtl"] .benefit-art-two::before { transform-origin:right; }
.benefit-card.is-visible .benefit-art-two span {
  animation:slice-a-rise 420ms 80ms cubic-bezier(.16,1,.3,1) backwards;
}
.benefit-card.is-visible .benefit-art-two::before {
  animation:slice-a-grow-x 500ms 320ms cubic-bezier(.16,1,.3,1) backwards;
}
.benefit-card.is-visible .benefit-art-two i {
  transform-origin:center;
  animation:slice-a-dot-pop 420ms cubic-bezier(.16,1,.3,1) backwards;
}
.benefit-card.is-visible .benefit-art-two i:nth-of-type(1) { animation-delay:680ms; }
.benefit-card.is-visible .benefit-art-two i:nth-of-type(2) { animation-delay:790ms; }
.benefit-card.is-visible .benefit-art-two i:nth-of-type(3) { animation-delay:900ms; }

.benefit-art-three b {
  transition:transform 180ms cubic-bezier(.16,1,.3,1);
}
.benefit-card.is-visible .benefit-art-three b {
  animation:slice-a-pill-settle 480ms cubic-bezier(.16,1,.3,1) backwards;
}
.benefit-card.is-visible .benefit-art-three b:nth-child(1) { animation-delay:80ms; }
.benefit-card.is-visible .benefit-art-three b:nth-child(2) { animation-delay:140ms; }
.benefit-card.is-visible .benefit-art-three b:nth-child(3) { animation-delay:200ms; }
.benefit-card.is-visible .benefit-art-three b:nth-child(4) { animation-delay:260ms; }
.benefit-card.is-visible .benefit-art-three b:nth-child(5) { animation-delay:320ms; }
.benefit-art-three b:hover,
.benefit-art-three b:focus-visible { transform:translateY(-2px); }

.success-grid article.is-visible .success-art.growth i {
  transform-origin:bottom;
  animation:slice-a-grow-y 440ms cubic-bezier(.16,1,.3,1) backwards;
}
.success-grid article.is-visible .success-art.growth i:nth-child(1) { animation-delay:80ms; }
.success-grid article.is-visible .success-art.growth i:nth-child(2) { animation-delay:160ms; }
.success-grid article.is-visible .success-art.growth i:nth-child(3) { animation-delay:240ms; }
.success-grid article.is-visible .success-art.growth i:nth-child(4) { animation-delay:320ms; }

.success-grid article.is-visible .success-art.scale i {
  transform-origin:center;
  animation:slice-a-circle-scale 500ms cubic-bezier(.16,1,.3,1) backwards;
}
.success-grid article.is-visible .success-art.scale i:nth-child(1) { animation-delay:80ms; }
.success-grid article.is-visible .success-art.scale i:nth-child(2) { animation-delay:200ms; }
.success-grid article.is-visible .success-art.scale i:nth-child(3) { animation-delay:320ms; }

.success-art.experience { --handoff-shift:-7px; }
html[dir="rtl"] .success-art.experience { --handoff-shift:7px; }
.success-grid article.is-visible .success-art.experience b,
.success-grid article.is-visible .success-art.experience em {
  animation-duration:460ms;
  animation-timing-function:cubic-bezier(.16,1,.3,1);
  animation-fill-mode:both;
}
.success-grid article.is-visible .success-art.experience b:nth-child(1) {
  animation-name:slice-a-settle;
  animation-delay:80ms;
}
.success-grid article.is-visible .success-art.experience em {
  animation-name:slice-a-handoff;
  animation-delay:220ms;
}
.success-grid article.is-visible .success-art.experience b:nth-child(2) {
  animation-name:slice-a-settle;
  animation-delay:360ms;
}

.success-grid article.is-visible .success-art.support span {
  animation:slice-a-rise 440ms 80ms cubic-bezier(.16,1,.3,1) backwards;
}
.success-art.support i { transform-origin:right; }
html[dir="rtl"] .success-art.support i { transform-origin:left; }
.success-grid article.is-visible .success-art.support i {
  animation:slice-a-grow-x 460ms cubic-bezier(.16,1,.3,1) backwards;
}
.success-grid article.is-visible .success-art.support i:nth-of-type(1) { animation-delay:360ms; }
.success-grid article.is-visible .success-art.support i:nth-of-type(2) { animation-delay:450ms; }

@keyframes slice-a-grow-y {
  from { transform:scaleY(0); }
  to { transform:scaleY(1); }
}
@keyframes slice-a-grow-x {
  from { transform:scaleX(0); }
  to { transform:scaleX(1); }
}
@keyframes slice-a-rise {
  from { opacity:0; transform:translateY(8px); }
  to { opacity:1; transform:none; }
}
@keyframes slice-a-dot-pop {
  from { transform:scale(.4); }
  to { transform:scale(1); }
}
@keyframes slice-a-pill-settle {
  from { opacity:0; transform:translateY(10px) scale(.94); }
  to { opacity:1; transform:none; }
}
@keyframes slice-a-circle-scale {
  from { opacity:0; transform:scale(.6); }
  to { opacity:1; transform:scale(1); }
}
@keyframes slice-a-settle {
  from { opacity:0; transform:translateY(8px) scale(.94); }
  to { opacity:1; transform:none; }
}
@keyframes slice-a-handoff {
  from { opacity:0; transform:translateX(var(--handoff-shift)); }
  to { opacity:1; transform:none; }
}

@media (prefers-reduced-motion:reduce) {
  .benefit-card.is-visible .benefit-art-one i,
  .benefit-card.is-visible .benefit-art-one span,
  .benefit-card.is-visible .benefit-art-two span,
  .benefit-card.is-visible .benefit-art-two::before,
  .benefit-card.is-visible .benefit-art-two i,
  .benefit-card.is-visible .benefit-art-three b,
  .success-grid article.is-visible .success-art.growth i,
  .success-grid article.is-visible .success-art.scale i,
  .success-grid article.is-visible .success-art.experience b,
  .success-grid article.is-visible .success-art.experience em,
  .success-grid article.is-visible .success-art.support span,
  .success-grid article.is-visible .success-art.support i {
    animation:none;
    opacity:1;
    transform:none;
    will-change:auto;
  }
  .benefits-section .benefit-card,
  .success-grid article { transition-delay:0ms; }
}

/* Slice B: metric, use-case rail, and contact feedback */
.testimonial-metric strong {
  display:inline-block;
  min-width:3ch;
  font-variant-numeric:tabular-nums;
}

.story-rail {
  --rail-mask:linear-gradient(to right,#000 0,#000 100%);
  -webkit-mask-image:var(--rail-mask);
  mask-image:var(--rail-mask);
}
.story-rail.has-more-end:not(.has-more-start) {
  --rail-mask:linear-gradient(to right,#000 0,#000 calc(100% - 42px),transparent 100%);
}
.story-rail.has-more-start:not(.has-more-end) {
  --rail-mask:linear-gradient(to right,transparent 0,#000 42px,#000 100%);
}
.story-rail.has-more-start.has-more-end {
  --rail-mask:linear-gradient(to right,transparent 0,#000 42px,#000 calc(100% - 42px),transparent 100%);
}
html[dir="rtl"] .story-rail.has-more-end:not(.has-more-start) {
  --rail-mask:linear-gradient(to left,#000 0,#000 calc(100% - 42px),transparent 100%);
}
html[dir="rtl"] .story-rail.has-more-start:not(.has-more-end) {
  --rail-mask:linear-gradient(to left,transparent 0,#000 42px,#000 100%);
}
.story-card {
  transition:transform 200ms cubic-bezier(.16,1,.3,1);
}
.story-card:hover,
.story-card:focus-visible,
.story-card:focus-within {
  transform:translateY(-3px);
}
.story-rail.is-visible .story-card {
  animation:slice-b-card-enter 480ms cubic-bezier(.16,1,.3,1) backwards;
}
.story-rail.is-visible .story-card:nth-child(2) { animation-delay:60ms; }
.story-rail.is-visible .story-card:nth-child(3) { animation-delay:120ms; }
.story-rail.is-visible .story-card:nth-child(4) { animation-delay:180ms; }
.story-rail.is-visible .story-card:nth-child(5) { animation-delay:240ms; }
.story-rail.is-visible .story-card:nth-child(6) { animation-delay:300ms; }
.story-rail.is-visible .story-card:nth-child(7) { animation-delay:360ms; }
@keyframes slice-b-card-enter {
  from { opacity:0; transform:translateY(10px); }
  to { opacity:1; transform:none; }
}

.form-submit {
  position:relative;
  overflow:hidden;
  transition:transform 120ms cubic-bezier(.16,1,.3,1);
}
.form-submit:active { transform:scale(.98); }
.form-submit::after {
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);
  content:"";
  opacity:0;
  pointer-events:none;
  transform:translateX(-110%);
}
html[dir="rtl"] .form-submit::after { transform:translateX(110%); }
.form-submit.is-loading::after {
  animation:slice-b-progress 650ms cubic-bezier(.16,1,.3,1) both;
}
@keyframes slice-b-progress {
  0% { opacity:0; transform:translateX(-110%); }
  20% { opacity:1; }
  100% { opacity:0; transform:translateX(110%); }
}
html[dir="rtl"] .form-submit.is-loading::after {
  animation-name:slice-b-progress-rtl;
}
@keyframes slice-b-progress-rtl {
  0% { opacity:0; transform:translateX(110%); }
  20% { opacity:1; }
  100% { opacity:0; transform:translateX(-110%); }
}
.form-status.has-message { animation:slice-b-status 360ms cubic-bezier(.16,1,.3,1) both; }
@keyframes slice-b-status {
  from { opacity:0; transform:translateY(6px); }
  to { opacity:1; transform:none; }
}
.form-grid input,
.form-grid textarea {
  outline:2px solid transparent;
  outline-offset:2px;
  transition:outline-color 200ms cubic-bezier(.16,1,.3,1);
}
.form-grid input:focus-visible,
.form-grid textarea:focus-visible { outline-color:#8ba8ff; }
.form-grid input.is-invalid,
.form-grid textarea.is-invalid { outline-color:#ffbf59; }
.form-success.show { animation:slice-b-success 480ms cubic-bezier(.16,1,.3,1) both; }
.form-success.show>span { animation:slice-b-check 420ms 100ms cubic-bezier(.16,1,.3,1) backwards; }
@keyframes slice-b-success {
  from { opacity:0; transform:translateY(10px); }
  to { opacity:1; transform:none; }
}
@keyframes slice-b-check {
  from { opacity:0; transform:scale(.72); }
  to { opacity:1; transform:scale(1); }
}

@media (prefers-reduced-motion:reduce) {
  .story-rail.is-visible .story-card,
  .form-submit.is-loading::after,
  .form-status.has-message,
  .form-success.show,
  .form-success.show>span {
    animation:none;
    opacity:1;
    transform:none;
  }
  .story-card,
  .form-submit,
  .form-grid input,
  .form-grid textarea { transition:none; }
}

/* Fable 5.1 design pass: rhythm, atmosphere, orchestrated motion */
:root {
  --ease:cubic-bezier(.16,1,.3,1);
  --ease-soft:cubic-bezier(.22,1,.36,1);
  --accent:#5274ff;
  --accent-soft:rgba(82,116,255,.16);
}

/* Grain: fixed, non-interactive, one layer for the whole page */
body::after {
  position:fixed; z-index:999; inset:0; pointer-events:none; content:"";
  opacity:.045;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  background-size:160px 160px;
}
.scroll-sentinel { position:absolute; top:0; inset-inline:0; height:1px; }

/* Masthead: transparent at rest, glass once scrolled, current-section underline */
.site-header {
  border-bottom-color:transparent;
  background:linear-gradient(180deg,rgba(7,9,14,.62),rgba(7,9,14,0));
  backdrop-filter:none; -webkit-backdrop-filter:none;
  transition:background .4s var(--ease),border-color .4s var(--ease),box-shadow .4s var(--ease);
}
.site-header.is-scrolled {
  border-bottom-color:rgba(255,255,255,.08);
  background:rgba(7,9,14,.74);
  box-shadow:0 12px 40px rgba(0,0,0,.28);
  backdrop-filter:blur(18px) saturate(150%); -webkit-backdrop-filter:blur(18px) saturate(150%);
}
.nav-shell { transition:min-height .35s var(--ease); }
.site-header.is-scrolled .nav-shell { min-height:62px; }
.primary-nav a { position:relative; padding:6px 0; }
.primary-nav a::after {
  position:absolute; inset-inline:0; bottom:0; height:2px; border-radius:2px;
  background:#7d97ff; content:""; transform:scaleX(0); transform-origin:0 50%;
  transition:transform .35s var(--ease);
}
html[dir="rtl"] .primary-nav a::after { transform-origin:100% 50%; }
.primary-nav a:hover::after,.primary-nav a.is-current::after { transform:scaleX(1); }
.primary-nav a.is-current { color:#fff; }

/* Hero: tighter measure, two-line headline, product frame lit from above */
.hero { padding-top:clamp(124px,12vh,156px); background:radial-gradient(900px 520px at 50% 92%,rgba(60,88,210,.22),transparent 70%),#07090e; }
.hero::before {
  background:linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px);
  background-size:64px 64px;
  mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,black 20%,transparent 100%);
  -webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,black 20%,transparent 100%);
}
.hero-orb { display:none; }
.announcement { gap:10px; padding:7px 14px 7px 16px; border-color:rgba(139,160,255,.22); background:rgba(82,116,255,.08); transition:border-color .3s var(--ease),background .3s var(--ease),transform .3s var(--ease); }
.announcement:hover { border-color:rgba(139,160,255,.5); background:rgba(82,116,255,.14); transform:translateY(-1px); }
.announcement svg { transition:transform .3s var(--ease); }
.announcement:hover svg { transform:translateX(3px); }
html[dir="rtl"] .announcement:hover svg { transform:translateX(-3px); }
.hero h1 { max-width:1100px; margin-top:30px; font-size:clamp(44px,5.7vw,82px); font-weight:640; line-height:1.0; letter-spacing:-.055em; }
.hero h1 span { color:#9fb3ff; }
.hero-lede { max-width:620px; margin-top:26px; font-size:clamp(16px,1.35vw,18px); line-height:1.65; }
.hero-actions { margin-top:32px; gap:12px; }
.hero-product { margin-top:64px; }
.hero-stage { position:relative; }
.hero-stage-light {
  position:absolute; z-index:0; inset:-30% -12% -10%; pointer-events:none;
  background:radial-gradient(520px 340px at var(--mx,50%) var(--my,0%),rgba(96,128,255,.34),transparent 62%);
  filter:blur(28px);
  opacity:.9;
  transition:opacity .5s var(--ease);
}
.hero-stage .product-scene-canvas { position:relative; z-index:1; height:600px; border-color:rgba(255,255,255,.14); border-radius:18px 18px 0 0; box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 -1px 0 rgba(255,255,255,.04),0 60px 160px rgba(0,0,0,.62); }
.hero-stage .product-scene-canvas::after { background:linear-gradient(to bottom,transparent 76%,rgba(7,9,14,.92)); }
.hero-stage .app-scene-host { transform-origin:50% 0; }

/* Buttons: inner edge, directional sheen, magnetic pull on fine pointers */
.button { position:relative; overflow:hidden; transition:transform .35s var(--ease),background .25s var(--ease),border-color .25s var(--ease),box-shadow .35s var(--ease); }
.button-primary { box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 10px 30px rgba(60,94,255,.28); }
.button-primary::before {
  position:absolute; inset:0; content:""; pointer-events:none;
  background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.22) 50%,transparent 70%);
  transform:translateX(-120%);
  transition:transform .6s var(--ease);
}
.button-primary:hover::before { transform:translateX(120%); }
html[dir="rtl"] .button-primary::before { transform:translateX(120%); }
html[dir="rtl"] .button-primary:hover::before { transform:translateX(-120%); }
.button-primary:hover { box-shadow:inset 0 1px 0 rgba(255,255,255,.26),0 16px 40px rgba(60,94,255,.36); }
.button[data-magnetic] { transform:translate(var(--mag-x,0px),var(--mag-y,0px)); }
.button[data-magnetic]:hover { transform:translate(var(--mag-x,0px),calc(var(--mag-y,0px) - 1px)); }
.button[data-magnetic]:active { transform:translate(var(--mag-x,0px),var(--mag-y,0px)) scale(.985); }
.text-link { transition:color .25s var(--ease),transform .3s var(--ease); }
.text-link:hover { color:#aebeff; transform:translateX(3px); }
html[dir="rtl"] .text-link:hover { transform:translateX(-3px); }

/* Section rhythm: kill the dead air */
.section { padding:clamp(84px,8vw,124px) 0; }
.center-heading { margin-bottom:56px; }
.center-heading h2 { font-size:clamp(36px,4.6vw,58px); letter-spacing:-.04em; }
.feature-section { min-height:0; padding:clamp(72px,7vw,104px) 0; }
.unified-section,.benefits-section { padding-top:clamp(84px,8vw,124px); }
.testimonial-section { padding-top:clamp(72px,7vw,104px); }
.contact-section { padding:clamp(96px,9vw,140px) 0; }
.tour-section { padding-top:clamp(72px,7vw,104px); }

/* Product tour window */
.tour-window { position:relative; border-radius:16px; box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 40px 120px rgba(0,0,0,.5); }
.tour-stage { min-height:540px; }
.tour-main { padding:56px; gap:48px; }
.tour-copy h3 { font-size:clamp(30px,3vw,42px); letter-spacing:-.04em; }
.tour-sidebar span { transition:color .3s var(--ease); }

/* Sector strip: the one marquee on the page */
.trust-strip { padding:52px 0 56px; }
.trust-strip p { font-size:12px; font-weight:700; letter-spacing:.02em; color:#7f8899; }
.sector-logos[data-marquee] {
  display:flex; gap:0; margin-top:26px; overflow:hidden;
  mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent);
}
.marquee-track { display:flex; flex-shrink:0; gap:64px; padding-inline-end:64px; animation:marquee 42s linear infinite; }
.sector-logos[data-marquee]:hover .marquee-track { animation-play-state:paused; }
.marquee-track span { color:#8b95a8; font-size:12px; font-weight:800; letter-spacing:.14em; white-space:nowrap; }
html[dir="rtl"] .marquee-track { animation-direction:reverse; }
@keyframes marquee { to { transform:translateX(-100%); } }

/* Testimonial */
.testimonial-shell { border-radius:18px; box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 40px 120px rgba(0,0,0,.35); }

/* Journey: stacked head, tabs as one control */
.journey-intro-head { max-width:none; }
.journey-intro-head h2 { max-width:16ch; margin-top:18px; font-size:clamp(38px,4.8vw,62px); letter-spacing:-.045em; }
.journey-intro-head p { max-width:58ch; margin-top:20px; color:var(--muted); font-size:17px; }
.journey-tabs { margin-top:56px; }
.journey-tabs a { min-height:64px; transition:color .3s var(--ease); }
.journey-tabs a b { transition:color .3s var(--ease); }
.journey-tab-indicator { height:2px; box-shadow:0 0 18px rgba(117,145,255,.65); }
.feature-copy h3 { font-size:clamp(32px,3.6vw,48px); letter-spacing:-.045em; }
.feature-number { color:#8da5ff; }
.check-list li::before { transition:background .3s var(--ease),transform .3s var(--ease); }
.check-list li:hover::before { background:#1b2a4a; transform:scale(1.08); }
.visual-card,.unified-visual,.control-visual { border-radius:16px; }

/* Product panels settle into place as they scroll into view */
@supports (animation-timeline:view()) {
  @media (prefers-reduced-motion:no-preference) {
    .visual-card .app-scene-host,.unified-visual .app-scene-host,.control-visual .app-scene-host,.tour-ui {
      transform-origin:50% 60%;
      animation:panel-settle linear both;
      animation-timeline:view();
      animation-range:entry 5% entry 65%;
    }
  }
}
@keyframes panel-settle { from { opacity:.4; transform:translateY(34px) scale(.965); } to { opacity:1; transform:none; } }

/* Unified: chips */
.channel-pills span { transition:border-color .3s var(--ease),color .3s var(--ease),transform .3s var(--ease); }
.channel-pills span:hover { border-color:rgba(139,160,255,.5); color:#dfe5f5; transform:translateY(-2px); }

/* AI section */
.ai-section { background:radial-gradient(760px 420px at 50% 0%,rgba(60,88,210,.16),transparent 70%),#07090e; }
.ai-glow { display:none; }
.ai-heading h2 { font-size:clamp(40px,5vw,70px); letter-spacing:-.05em; }
.ai-heading .button { margin-top:30px; }

/* Benefits: give the bento real backgrounds */
.benefit-card { position:relative; border-radius:16px; box-shadow:inset 0 1px 0 rgba(255,255,255,.05); transition:border-color .35s var(--ease),transform .5s var(--ease),box-shadow .5s var(--ease); }
.benefit-card:hover { border-color:rgba(255,255,255,.2); transform:translateY(-4px); box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 30px 80px rgba(0,0,0,.4); }
.benefit-art { border-radius:11px; }
.benefit-card:first-child .benefit-art { background:radial-gradient(420px 300px at 18% 100%,rgba(82,116,255,.32),transparent 70%),linear-gradient(145deg,#121a2c,#0b0f18); }
.benefit-card:nth-child(2) .benefit-art { background:linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px) 0 0/28px 28px,linear-gradient(145deg,#111726,#0c1018); }
.benefit-card:nth-child(3) .benefit-art { background:radial-gradient(300px 200px at 80% 0%,rgba(140,121,255,.22),transparent 70%),linear-gradient(145deg,#111726,#0c1018); }
.benefit-art-one i { border-radius:6px 6px 2px 2px; }
.benefit-art-one span { color:#9fb3ff; }

/* Results: numbers and use cases */
.stats-grid { max-width:1040px; margin-bottom:96px; }
.stats-grid strong { font-size:clamp(56px,6vw,84px); font-variant-numeric:tabular-nums; letter-spacing:-.06em; }
.stories-head { margin-bottom:26px; }
.stories-head h3 { font-size:clamp(24px,2.6vw,32px); letter-spacing:-.035em; }
.story-card { border-radius:14px; transition:transform .35s var(--ease),border-color .35s var(--ease); }
.story-card:hover { border-color:rgba(255,255,255,.2); }
.story-art { min-height:230px; }
.story-art::before { transition:transform .7s var(--ease); }
.story-card:hover .story-art::before { transform:scale(1.12); }
.story-card h4 { min-height:0; padding-top:20px; font-size:17px; }
.story-card>a { padding-top:14px; transition:color .25s var(--ease); }
.story-card>a:hover { color:#aebeff; }

/* Foundation: asymmetric 7/5 · 5/7 instead of four equal towers */
.success-grid { grid-template-columns:repeat(12,minmax(0,1fr)); gap:18px; margin-top:48px; }
.success-grid article { border-radius:14px; transition:border-color .35s var(--ease),transform .5s var(--ease); }
.success-grid article:hover { border-color:rgba(255,255,255,.2); transform:translateY(-3px); }
.success-grid article:nth-child(1),.success-grid article:nth-child(4) { grid-column:span 7; display:grid; grid-template-columns:minmax(220px,.85fr) 1.15fr; grid-template-rows:auto auto; align-content:center; }
.success-grid article:nth-child(2),.success-grid article:nth-child(3) { grid-column:span 5; }
.success-grid article:nth-child(1) .success-art,.success-grid article:nth-child(4) .success-art { grid-row:1/-1; height:100%; min-height:220px; border-bottom:0; border-inline-end:1px solid rgba(255,255,255,.09); }
.success-grid article:nth-child(1) h3,.success-grid article:nth-child(4) h3 { padding-top:28px; }
.success-grid article:nth-child(1) p,.success-grid article:nth-child(4) p { padding-bottom:28px; }
.success-grid article:nth-child(1) .success-art { background:radial-gradient(360px 240px at 20% 100%,rgba(82,116,255,.28),transparent 70%),linear-gradient(145deg,#111726,#0b0f17); }
.success-grid article:nth-child(4) .success-art { background:radial-gradient(360px 240px at 85% 0%,rgba(82,116,255,.24),transparent 70%),linear-gradient(145deg,#111726,#0b0f17); }
.success-grid h3 { font-size:22px; letter-spacing:-.03em; }
.success-grid p { font-size:13px; }

/* Contact */
.contact-glow { opacity:.3; }
.contact-form { border-radius:16px; box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 40px 120px rgba(0,0,0,.5); }
.contact-copy h2 { letter-spacing:-.05em; }

/* Reveals: one easing, staggered children, no double fade on group parents */
[data-reveal] { transition:opacity .9s var(--ease),transform .9s var(--ease); }
.motion-ready [data-reveal] { transform:translateY(26px); }
.motion-ready [data-reveal].is-visible { transform:none; }
.motion-ready [data-reveal][data-stagger] { opacity:1; transform:none; }
[data-stagger]>* { transition:opacity .8s var(--ease),transform .8s var(--ease); }
.motion-ready [data-stagger]>* { opacity:0; transform:translateY(18px); }
.motion-ready [data-stagger].is-visible>* { opacity:1; transform:none; }
[data-stagger]>*:nth-child(2) { transition-delay:70ms; }
[data-stagger]>*:nth-child(3) { transition-delay:140ms; }
[data-stagger]>*:nth-child(4) { transition-delay:210ms; }
[data-stagger]>*:nth-child(5) { transition-delay:280ms; }
[data-stagger]>*:nth-child(6) { transition-delay:350ms; }

/* Hero orchestration: one staggered arrival, then rest */
@media (prefers-reduced-motion:no-preference) {
  .motion-ready .announcement,.motion-ready .hero h1,.motion-ready .hero-lede,.motion-ready .hero-actions { opacity:0; transform:translateY(22px); }
  .motion-ready .hero-stage { opacity:0; transform:perspective(1600px) rotateX(9deg) translateY(56px) scale(.975); transform-origin:50% 0; }
  .motion-ready .hero-stage-light { opacity:0; }
  .motion-ready.is-loaded .announcement { animation:hero-rise .9s var(--ease) 60ms both; }
  .motion-ready.is-loaded .hero h1 { animation:hero-rise 1s var(--ease) 160ms both; }
  .motion-ready.is-loaded .hero-lede { animation:hero-rise .9s var(--ease) 300ms both; }
  .motion-ready.is-loaded .hero-actions { animation:hero-rise .9s var(--ease) 400ms both; }
  .motion-ready.is-loaded .hero-stage { animation:hero-stage-in 1.25s var(--ease) 520ms both; }
  .motion-ready.is-loaded .hero-stage-light { animation:hero-light-in 1.4s var(--ease) 900ms both; }
  .hero-stage .app-preview { animation-delay:900ms; }
}
.no-intro .announcement,.no-intro .hero h1,.no-intro .hero-lede,.no-intro .hero-actions,.no-intro .hero-stage,.no-intro .hero-stage-light { animation:none!important; opacity:1!important; transform:none!important; }
.no-intro .hero-stage-light { opacity:.9!important; }
@keyframes hero-rise { from { opacity:0; transform:translateY(22px); } to { opacity:1; transform:none; } }
@keyframes hero-stage-in { from { opacity:0; transform:perspective(1600px) rotateX(9deg) translateY(56px) scale(.975); } to { opacity:1; transform:none; } }
@keyframes hero-light-in { from { opacity:0; } to { opacity:.9; } }

@media (max-width:1020px) {
  .success-grid article:nth-child(1),.success-grid article:nth-child(4) { grid-column:span 12; }
  .success-grid article:nth-child(2),.success-grid article:nth-child(3) { grid-column:span 6; }
}
@media (max-width:760px) {
  .hero { padding-top:calc(104px + env(safe-area-inset-top)); }
  .hero h1 { font-size:clamp(40px,11.5vw,52px); letter-spacing:-.05em; }
  .hero-product { margin-top:44px; }
  .hero-stage .product-scene-canvas { height:390px; border-radius:14px 14px 0 0; }
  .hero-stage-light { inset:-20% -30% -10%; }
  .trust-strip { padding:40px 0 44px; }
  .marquee-track { gap:36px; padding-inline-end:36px; }
  .journey-intro-head p { font-size:16px; }
  .journey-tabs { margin-top:36px; }
  .tour-main { padding:28px 18px 20px; }
  .stats-grid { margin-bottom:64px; }
  .success-grid { grid-template-columns:1fr; gap:14px; }
  .success-grid article:nth-child(n) { grid-column:auto; display:block; }
  .success-grid article:nth-child(1) .success-art,.success-grid article:nth-child(4) .success-art { height:180px; min-height:0; border-bottom:1px solid rgba(255,255,255,.09); border-inline-end:0; }
  .benefit-card:hover,.success-grid article:hover,.story-card:hover { transform:none; }
}

@media (prefers-reduced-motion:reduce) {
  body::after { display:none; }
  .marquee-track { animation:none; flex-wrap:wrap; justify-content:center; gap:18px 32px; }
  .marquee-track[aria-hidden="true"] { display:none; }
  .sector-logos[data-marquee] { mask-image:none; -webkit-mask-image:none; }
  .site-header,.nav-shell,.primary-nav a::after,.button,.text-link,.announcement,.announcement svg,.benefit-card,.success-grid article,.story-card,.story-art::before,.channel-pills span,.check-list li::before,[data-reveal],[data-stagger]>* { transition:none; }
  .button[data-magnetic] { transform:none!important; }
  .hero-stage,.hero-stage-light,.announcement,.hero h1,.hero-lede,.hero-actions { animation:none; opacity:1; transform:none; }
  .visual-card .app-scene-host,.unified-visual .app-scene-host,.control-visual .app-scene-host,.tour-ui { animation:none; }
}

.success-grid h3 { padding-top:22px; }

/* RTL: keep the step counter and submit arrow reading correctly */
.tour-step { direction:ltr; unicode-bidi:isolate; display:inline-block; }
html[dir="rtl"] .form-submit>span:last-child { display:inline-block; transform:scaleX(-1); }

/* Living scenes: the hero inbox loop, the playing tour, and idle life inside every product preview */
.tour-sidebar button { padding:0; border:0; background:none; color:inherit; font:inherit; text-align:start; cursor:pointer; transition:color .3s var(--ease); }
.tour-sidebar button:hover { color:#c9d2e6; }
.tour-sidebar button.active { color:#fff; }
.tour-sidebar button:focus-visible { outline:2px solid rgba(139,160,255,.7); outline-offset:4px; border-radius:4px; }
.tour-progress { display:block; width:128px; height:2px; margin-top:24px; overflow:hidden; border-radius:2px; background:rgba(255,255,255,.1); }
.tour-progress i { display:block; width:100%; height:100%; background:linear-gradient(90deg,#5274ff,#9fb3ff); transform:scaleX(0); transform-origin:0 50%; }
html[dir="rtl"] .tour-progress i { transform-origin:100% 50%; }
.tour-progress i.is-running { animation:tour-progress 4.8s linear forwards; }
@keyframes tour-progress { to { transform:scaleX(1); } }
.tour-copy h3,.tour-copy p { will-change:opacity,transform; }

.app-thread-stage { display:inline-flex; align-items:center; margin-inline-start:auto; padding:3px 7px; border:1px solid oklch(.45 .12 150 / .6); border-radius:999px; background:oklch(.2 .05 152 / .8); color:oklch(.82 .14 152); font-size:6px; font-style:normal; font-weight:700; letter-spacing:.04em; }
.app-thread-stage[hidden] { display:none; }
.app-thread-stage[hidden] + button { margin-inline-start:auto; }
.app-thread-stage:not([hidden]) + button { margin-inline-start:6px; }
.app-thread-stage.is-on { animation:stage-pop .5s cubic-bezier(.22,1,.36,1) both; }
@keyframes stage-pop { from { opacity:0; transform:scale(.6) translateY(4px); } 60% { transform:scale(1.08); } to { opacity:1; transform:none; } }

.app-minimal-message.app-typing { align-self:flex-start; width:auto; padding:9px 11px; }
.app-minimal-message.app-typing>span { display:flex; gap:4px; }
.app-minimal-message.app-typing i { width:5px; height:5px; border-radius:50%; background:oklch(.72 .01 264); animation:typing-dot 1.1s ease-in-out infinite; }
.app-minimal-message.app-typing i:nth-child(2) { animation-delay:.16s; }
.app-minimal-message.app-typing i:nth-child(3) { animation-delay:.32s; }
@keyframes typing-dot { 0%,60%,100% { opacity:.35; transform:translateY(0); } 30% { opacity:1; transform:translateY(-3px); } }

.app-minimal-message.is-agent>span.app-drafting { display:none; flex-direction:column; gap:5px; margin:2px 0 1px; }
.app-drafting i { display:block; width:100%; height:6px; border-radius:4px; background:linear-gradient(90deg,oklch(.3 .02 264 / .7) 0%,oklch(.5 .06 264 / .9) 45%,oklch(.3 .02 264 / .7) 90%); background-size:220% 100%; animation:drafting-shimmer 1.15s linear infinite; }
.app-drafting i:nth-child(2) { width:64%; animation-delay:.12s; }
.app-minimal-message.is-agent.is-drafting>p { display:none; }
.app-minimal-message.is-agent.is-drafting>span.app-drafting { display:flex; }
@keyframes drafting-shimmer { from { background-position:120% 0; } to { background-position:-120% 0; } }

.app-approval-detail b { font-weight:inherit; font-variant-numeric:tabular-nums; }
[data-app-scene] .app-approval-card.is-entering { animation:approval-request-enter 440ms cubic-bezier(.22,1,.36,1) both; }
[data-app-scene] .app-minimal-next.is-entering { animation:follow-up-enter 420ms cubic-bezier(.22,1,.36,1) both; }
[data-app-scene] .app-button-primary.is-pulsing { animation:approve-pulse 1.1s ease-in-out 2; }
@keyframes approve-pulse { 0%,100% { box-shadow:0 0 0 0 oklch(.62 .18 263 / .55); } 50% { box-shadow:0 0 0 6px oklch(.62 .18 263 / 0); } }

/* The tour scene reveals one part per step; the entrance animations step aside so the steps can drive it. */
.tour-ui .app-preview[data-tour-step] :is(.app-minimal-message.is-agent,.app-approval-card,.app-minimal-next,.app-minimal-message.ambient-two) { animation:none; transition:opacity .45s cubic-bezier(.22,1,.36,1),transform .45s cubic-bezier(.22,1,.36,1); }
.tour-ui .app-preview[data-tour-step="1"] :is(.app-minimal-message.is-agent,.app-approval-card,.app-minimal-next,.app-minimal-message.ambient-two),
.tour-ui .app-preview[data-tour-step="2"] :is(.app-approval-card,.app-minimal-next,.app-minimal-message.ambient-two),
.tour-ui .app-preview[data-tour-step="3"] :is(.app-minimal-next,.app-minimal-message.ambient-two) { opacity:0; transform:translateY(8px) scale(.98); pointer-events:none; }

@media (prefers-reduced-motion:no-preference) {
  .app-preview.is-scene-active .app-minimal-contact.is-selected>i { animation:live-dot 2.6s ease-in-out .9s infinite; }
  .app-approval-card:not(.is-approved) .app-review-dot { position:relative; }
  .app-approval-card:not(.is-approved) .app-review-dot::after { position:absolute; inset:-2px; border:1px solid var(--showcase-blue,#7997ff); border-radius:50%; content:""; opacity:0; animation:review-ping 2.2s ease-out .6s infinite; }
  .app-minimal-thread>footer span::after { display:inline-block; width:1px; height:8px; margin-inline-start:3px; background:currentColor; vertical-align:-1px; content:""; animation:caret-blink 1.1s steps(2,start) infinite; }
}
@keyframes live-dot { 0%,100% { transform:scale(1); box-shadow:0 0 0 0 oklch(.66 .18 263 / .5); } 50% { transform:scale(1.15); box-shadow:0 0 0 4px oklch(.66 .18 263 / 0); } }
@keyframes review-ping { 0% { opacity:.9; transform:scale(.6); } 70%,100% { opacity:0; transform:scale(2.4); } }
@keyframes caret-blink { to { visibility:hidden; } }

@media (prefers-reduced-motion:reduce) {
  .tour-progress i.is-running,.app-thread-stage.is-on,.app-minimal-message.app-typing i,.app-drafting i,[data-app-scene] .app-approval-card.is-entering,[data-app-scene] .app-minimal-next.is-entering,[data-app-scene] .app-button-primary.is-pulsing { animation:none; }
  .tour-progress i { transform:scaleX(1); }
  .tour-ui .app-preview[data-tour-step] :is(.app-minimal-message.is-agent,.app-approval-card,.app-minimal-next,.app-minimal-message.ambient-two) { transition:none; }
}

/* Tour: one column below 1020 px (a later rule re-widened it), and reserved copy height so step changes never move the window. */
@media (max-width:1020px) {
  .tour-main { grid-template-columns:1fr; gap:32px; padding:40px 32px 32px; }
  .tour-ui { width:100%; max-width:none; }
}
.tour-copy h3 { min-height:calc(3 * 1.08em); }
.tour-copy p { min-height:calc(2 * 1.65em); }
@media (max-width:1100px) { .tour-copy h3 { min-height:calc(4 * 1.08em); } }
@media (max-width:760px) {
  .tour-copy h3 { min-height:calc(3 * 1.08em); }
  .tour-copy p { min-height:calc(3 * 1.6em); }
}

/* Feature sections stack to one column below 1020px (the rhythm-pass .72fr/1.28fr
   split above re-enabled two columns between 761 and 1020px, which handed the
   reversed grid's product window only ~240px at 768). */
@media (max-width:1020px) {
  .feature-grid,.feature-grid-reverse { grid-template-columns:1fr; gap:54px; }
  .feature-grid-reverse .visual-card { order:2; }
  .feature-grid-reverse .feature-copy { order:1; }
}

/* Cinemagraph hero: the copy sits between the moving landscape and the supplied
   static foreground, so the lower headline disappears naturally behind grass. */
.hero {
  --hero-scroll-progress:0;
  --hero-text-depth:320px;
  isolation:isolate;
  display:grid;
  height:clamp(760px,100svh,980px);
  min-height:760px;
  padding:0;
  background:#a7cbe2;
  color:#10263b;
}
.hero::before,.hero::after,.hero-orb { display:none; }
.hero-cinemagraph,.hero-atmosphere,.hero-cinemagraph-foreground,.hero-ground-fade {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  pointer-events:none;
}
.hero-cinemagraph {
  z-index:0;
  overflow:hidden;
  background:#9bc4df url("assets/hero-cinemagraph-poster.jpg") 50% 50% / cover no-repeat;
}
.hero-cinemagraph-video,.hero-cinemagraph-foreground {
  width:100%;
  height:100%;
  max-width:none;
  object-fit:cover;
  object-position:50% 50%;
}
.hero-cinemagraph-video { display:block; filter:saturate(.94) contrast(.98); }
.hero-atmosphere {
  z-index:1;
  background:
    linear-gradient(90deg,rgba(224,241,250,.6) 0%,rgba(218,237,248,.24) 31%,rgba(216,236,248,0) 56%),
    linear-gradient(180deg,rgba(102,162,203,.06) 0%,rgba(222,237,244,0) 48%,rgba(12,42,29,.08) 100%);
}
.hero-content {
  z-index:auto;
  display:flex;
  align-items:flex-start;
  height:100%;
  padding-top:clamp(136px,16vh,166px);
  padding-bottom:86px;
  text-align:start;
}
.hero-copy { width:min(660px,54vw); }
.hero .announcement {
  position:relative;
  z-index:5;
  min-height:40px;
  padding:8px 14px;
  border-color:rgba(20,54,80,.16);
  background:rgba(239,248,252,.56);
  box-shadow:0 12px 40px rgba(31,75,101,.08);
  color:#17364f;
  backdrop-filter:blur(12px) saturate(120%);
  -webkit-backdrop-filter:blur(12px) saturate(120%);
}
.hero .announcement:hover { border-color:rgba(37,99,235,.34); background:rgba(246,251,254,.72); }
.hero h1 {
  position:relative;
  z-index:2;
  max-width:11.5ch;
  margin:24px 0 0;
  color:#102a43;
  font-size:clamp(68px,6.4vw,104px);
  font-weight:650;
  line-height:.91;
  letter-spacing:-.072em;
  text-wrap:balance;
  text-shadow:0 1px 0 rgba(255,255,255,.25),0 18px 50px rgba(42,83,108,.11);
}
.hero h1 span { color:#1f5fbe; }
/* Independent translate composes with the headline's entrance transform.
   Only the text lags behind page scroll; both landscape layers stay registered. */
.hero h1 {
  translate:0 calc(var(--hero-scroll-progress) * var(--hero-text-depth));
  mask-image:var(--hero-text-mask,none);
  mask-size:var(--hero-mask-size,100% 100%);
  mask-repeat:no-repeat;
  mask-position:calc(0px - var(--hero-title-x,0px)) calc(0px - var(--hero-title-y,0px) - var(--hero-scroll-progress) * var(--hero-text-depth));
  will-change:translate;
}
.hero-support {
  position:relative;
  z-index:5;
  width:min(570px,100%);
  margin-top:24px;
  padding:18px;
  border:1px solid rgba(255,255,255,.52);
  border-radius:22px;
  background:rgba(240,248,251,.56);
  box-shadow:0 24px 65px rgba(14,53,43,.14),inset 0 1px 0 rgba(255,255,255,.5);
  backdrop-filter:blur(15px) saturate(116%);
  -webkit-backdrop-filter:blur(15px) saturate(116%);
}
.hero .hero-lede {
  max-width:52ch;
  margin:0;
  color:#26445b;
  font-size:clamp(15px,1.15vw,17px);
  font-weight:500;
  line-height:1.6;
}
.hero .hero-actions { justify-content:flex-start; gap:10px; margin-top:18px; }
.hero .button-outline-light {
  border-color:rgba(19,53,79,.22);
  background:rgba(255,255,255,.58);
  color:#15334b;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.65);
}
.hero .button-outline-light:hover { border-color:rgba(19,53,79,.38); background:rgba(255,255,255,.78); }
.hero-cinemagraph-foreground {
  z-index:3;
}
.hero-ground-fade {
  z-index:4;
  top:auto;
  height:18%;
  background:linear-gradient(180deg,transparent,rgba(7,24,16,.2));
}

/* The landscape makes the masthead feel like part of the scene at rest. */
.site-header {
  border-bottom-color:transparent;
  background:linear-gradient(180deg,rgba(229,243,250,.56),rgba(229,243,250,0));
  color:#102a43;
}
.site-header.is-scrolled {
  border-bottom-color:rgba(14,43,67,.1);
  background:rgba(242,248,251,.84);
  box-shadow:0 12px 40px rgba(27,60,80,.1);
}
.site-header .brand { color:#102a43; }
.site-header .primary-nav a,.site-header .nav-login,.site-header .lang-button { color:#28465c; }
.site-header .primary-nav a:hover,.site-header .nav-login:hover,.site-header .primary-nav a.is-current { color:#0c2234; }
.site-header .menu-button span { background:#102a43; }

@media (max-width:1020px) {
  .hero {
    height:clamp(720px,100svh,900px);
    min-height:720px;
  }
  .hero-cinemagraph-video,.hero-cinemagraph-foreground { object-position:78% 50%; }
  .hero-cinemagraph { background-position:78% 50%; }
  .hero-content { padding-top:clamp(184px,21vh,200px); padding-bottom:30px; }
  .hero-copy { width:min(560px,69vw); }
  .hero h1 { max-width:10.5ch; font-size:clamp(58px,8vw,78px); }
}

@media (max-width:760px) {
  .hero {
    --hero-text-depth:180px;
    height:max(100svh,740px);
    min-height:740px;
    padding:0;
  }
  .hero-cinemagraph-video,.hero-cinemagraph-foreground { object-position:82% 50%; }
  .hero-cinemagraph { background-position:82% 50%; }
  .hero-atmosphere {
    background:
      linear-gradient(90deg,rgba(224,241,250,.54),rgba(220,239,249,.16) 78%),
      linear-gradient(180deg,rgba(205,231,246,.1),transparent 54%,rgba(10,35,23,.12));
  }
  .hero-content { padding-top:calc(clamp(185px,27svh,230px) + env(safe-area-inset-top)); padding-bottom:34px; }
  .hero-copy { width:min(100%,470px); }
  .hero .announcement { min-height:46px; padding:7px 11px; font-size:10px; }
  .hero h1 {
    max-width:9.4ch;
    margin-top:18px;
    font-size:clamp(45px,13vw,61px);
    line-height:.93;
    letter-spacing:-.065em;
  }
  .hero-support { width:min(100%,430px); margin-top:18px; padding:14px; border-radius:18px; }
  .hero .hero-lede { max-width:38ch; font-size:14px; line-height:1.5; }
  .hero .hero-actions { flex-wrap:nowrap; margin-top:14px; }
  .hero .hero-actions .button { flex:0 1 auto; min-height:46px; padding-inline:14px; font-size:11px; }
  .hero-ground-fade { height:22%; }
  .mobile-nav { color:#fff; }
  .mobile-nav .menu-button span { background:#fff; }
}

@media (max-width:390px) {
  .hero h1 { font-size:clamp(42px,12.3vw,49px); }
  .hero-support { margin-top:14px; }
  .hero .hero-actions { gap:8px; }
  .hero .hero-actions .button { padding-inline:12px; }
}

@media (prefers-reduced-motion:reduce) {
  .hero-cinemagraph-video { display:none; }
  .hero h1 { translate:none; will-change:auto; }
  .hero,.hero * { transition-duration:0s!important; animation-duration:0s!important; }
}

@media (prefers-reduced-motion:no-preference) {
  .motion-ready .hero-cinemagraph,.motion-ready .hero-cinemagraph-foreground { opacity:0; }
  .motion-ready.is-loaded .hero-cinemagraph { animation:hero-landscape-in 1.2s var(--ease) both; }
  .motion-ready.is-loaded .hero-cinemagraph-foreground { animation:hero-landscape-in 1.3s var(--ease) 180ms both; }
}
.no-intro .hero-cinemagraph,.no-intro .hero-cinemagraph-foreground { animation:none!important; opacity:1!important; }
@keyframes hero-landscape-in { from { opacity:0; } to { opacity:1; } }
/* Free trial signup */
.trial-section { background:#080a10; }
.trial-grid { display:grid; grid-template-columns:.85fr 1.15fr; gap:clamp(48px,7vw,90px); align-items:start; }
.trial-copy .eyebrow { display:block; }
.trial-copy h2 { max-width:14ch; margin-top:18px; color:#f1f3f8; font-size:clamp(36px,4.4vw,54px); }
.trial-copy>p { max-width:46ch; margin-top:18px; color:var(--muted); font-size:16px; line-height:1.65; }
.trial-steps { position:relative; display:grid; gap:26px; margin:40px 0 0; padding:0; list-style:none; }
.trial-steps::before { position:absolute; top:4px; bottom:4px; inset-inline-start:15px; width:1px; background:linear-gradient(to bottom,rgba(126,150,255,.55),rgba(126,150,255,.05)); content:""; }
.trial-steps li { position:relative; display:grid; grid-template-columns:32px 1fr; gap:16px; }
.trial-step-num { position:relative; z-index:1; display:grid; width:32px; height:32px; place-items:center; border:1px solid rgba(126,150,255,.4); border-radius:50%; background:#0d1320; color:#9db1ff; font-size:12px; font-weight:800; }
.trial-steps strong { display:block; color:#edf0f6; font-size:15px; }
.trial-steps p { margin-top:5px; color:var(--muted); font-size:13px; line-height:1.55; }

.trial-form { padding:30px; border:1px solid rgba(255,255,255,.16); border-radius:18px; background:rgba(18,25,40,.82); box-shadow:0 35px 100px rgba(0,0,0,.4); backdrop-filter:blur(16px); }
.trial-signin { display:flex; width:100%; margin-top:22px; }
.trial-success { text-align:start; }
.trial-success.show { display:grid; }
.trial-success>span { margin:0 0 12px; }
.trial-success h3 { color:#fff; font-size:23px; }
.trial-success>p { margin-top:8px; color:#929bac; font-size:13px; }
.trial-credentials { display:grid; gap:14px; margin:22px 0 0; padding:18px; border:1px solid rgba(255,255,255,.12); border-radius:12px; background:#0b0f19; }
.trial-credentials>div { display:grid; gap:5px; }
.trial-credentials dt { margin:0; color:#7d879b; font-size:10px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.trial-credentials dd { margin:0; color:#edf0f6; font-size:14px; font-weight:700; word-break:break-word; }
.trial-credential-copy { display:flex; align-items:center; gap:10px; }
.trial-credential-copy code { flex:1; padding:10px 12px; border:1px solid #354056; border-radius:8px; background:#0f1624; color:#fff; font-family:ui-monospace,"SFMono-Regular",Menlo,monospace; font-size:13px; overflow-wrap:anywhere; }
.trial-copy-button { display:inline-flex; align-items:center; justify-content:center; min-width:60px; min-height:44px; padding:0 14px; border:1px solid rgba(255,255,255,.22); border-radius:8px; background:rgba(255,255,255,.06); color:#fff; font-size:11px; font-weight:800; cursor:pointer; transition:background .2s,border-color .2s,color .2s; }
.trial-copy-button:hover { background:rgba(255,255,255,.13); }
.trial-copy-button.is-copied { border-color:#25c99a; color:#25c99a; }

@media (max-width:1020px) {
  .trial-grid { grid-template-columns:1fr; gap:54px; }
  .trial-copy h2 { max-width:16ch; }
}

@media (max-width:760px) {
  .trial-section { padding:60px 0 68px; }
  .trial-grid { gap:38px; }
  .trial-copy h2 { margin-top:15px; font-size:clamp(32px,9.5vw,40px); }
  .trial-copy>p { margin-top:16px; font-size:15px; line-height:1.65; }
  .trial-steps { gap:22px; margin-top:30px; }
  .trial-form { padding:20px; }
  .trial-credentials { padding:14px; }
  .trial-credential-copy { flex-wrap:wrap; }
  .trial-credential-copy code { min-width:0; width:100%; }
}

@media (max-width:340px) {
  .trial-form { padding:18px 15px; }
}

@media (prefers-reduced-motion:reduce) {
  .trial-copy-button { transition:none; }
}