@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Business analytics preview */
.skip-link:not(:focus){clip-path:inset(50%);width:1px;height:1px;overflow:hidden;padding:0}
.analytics{border-bottom:1px solid var(--line)}
.analytics-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center}
.analytics-label{font-size:9px;letter-spacing:1.4px;color:#aa8bc8}
.analytics-copy>h3{font-size:30px;line-height:1.35;margin:17px 0}
.analytics-copy>p{font-size:13px;line-height:1.9;color:var(--muted)}
.analytics-benefits{list-style:none;padding:0;margin:30px 0;display:grid;gap:23px}
.analytics-benefits li{display:flex;gap:15px;align-items:flex-start}
.analytics-benefits li>span{flex-shrink:0;display:grid;place-items:center;width:33px;height:33px;border:1px solid #b995e72b;border-radius:9px;color:#c5a2f4;background:#ae80de0b;font-size:20px}
.analytics-benefits strong{font-size:13px;font-weight:600}
.analytics-benefits p{font-size:12px;color:var(--muted);line-height:1.8;margin:6px 0 0}
.analytics-copy .analytics-scope{font-size:10px;color:#a294b1;border-top:1px solid var(--line);padding-top:18px}
.dashboard{min-width:0;border:1px solid #bc98ec32;background:linear-gradient(145deg,#1b1922,#111116);border-radius:16px;box-shadow:0 25px 70px #09040f30;overflow:hidden}
.dashboard-header{display:flex;align-items:center;justify-content:space-between;padding:21px 25px;border-bottom:1px solid var(--line);background:#bd91f208}
.dashboard-header>div{display:flex;align-items:center;gap:12px}
.dashboard-header strong{font-size:16px}.dashboard-header strong>span{font-weight:400;color:#b9a6cb;margin-left:4px}
.dashboard-symbol{font-size:22px;color:#c6a4f6}
.dashboard-body{padding:24px}
.dashboard-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;color:#c2b3d0}
.dashboard-caption>span:last-child{font-size:9px;color:#a797b6}
.analytics-metrics{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:22px 0}
.analytics-metrics>div{padding:17px;background:#b68bdd08;border:1px solid #b99ac91b;border-radius:10px;display:flex;flex-direction:column;gap:8px}
.analytics-metrics span{font-size:10px;color:#bbacca}.analytics-metrics strong{font-size:30px;font-weight:600;letter-spacing:-1px}
.analytics-metrics em{font-size:11px;font-style:normal;letter-spacing:0;color:#d2b0f8;background:#bb8ce21a;border-radius:5px;padding:4px 6px;margin-left:5px}
.analytics-metrics small{font-size:9px;color:#a18dad}
.analytics-switch{display:flex;gap:5px;background:#130d1d60;border:1px solid var(--line);border-radius:8px;padding:5px}
.analytics-switch button{flex:1;min-width:0;border:1px solid transparent;border-radius:5px;background:transparent;color:#ac9abc;padding:9px 5px;font-size:10px;cursor:pointer;transition:background .2s,color .2s}
.analytics-switch button:hover{color:#ead9fc;background:#b28adb0d}
.analytics-switch button.active{background:#a779d42b;border-color:#ba92e22b;color:#e6caff}
.chart-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:24px 0 20px}.chart-heading h3{font-size:13px;margin:0;letter-spacing:0}.chart-heading>span{font-size:9px;color:#a58eb8}
.analytics-bars{display:grid;gap:18px}.analytics-row>div:first-child{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:8px;font-size:11px;color:#cbbdd8}.analytics-row strong{font-weight:500;font-variant-numeric:tabular-nums;color:#ead9fa}
.bar-track{height:7px;border-radius:3px;background:#b28ac00e;overflow:hidden}.bar-track>span{display:block;width:var(--bar);height:100%;border-radius:3px;background:linear-gradient(90deg,#805bb0,#c19cf0)}
.analytics-insight{display:flex;gap:12px;background:#b48ae710;border:1px solid #c19feb28;border-radius:9px;padding:16px;margin-top:25px;min-height:115px}.analytics-insight>span{font-size:22px;color:#c59bea}.analytics-insight strong{font-size:11px;font-weight:600;color:#debcfa}.analytics-insight p{font-size:11px;line-height:1.85;color:#bfadcf;margin:6px 0 0}
.analytics-footnote{font-size:9px;color:#a191b1;line-height:1.8;margin:17px 0 0}
@media(max-width:1100px){.analytics-layout{gap:35px}.analytics-metrics>div{padding:13px}.dashboard-body{padding:20px}}
@media(max-width:900px){.analytics-layout{grid-template-columns:1fr;gap:25px}.analytics-copy>h3{font-size:27px}.analytics-benefits{gap:20px}.analytics-copy>h3 br{display:none}.dashboard{width:100%;max-width:600px;margin-inline:auto}.analytics-insight{min-height:0}}
@media(max-width:400px){.dashboard-body{padding:15px}.dashboard-header{padding:17px}.analytics-metrics{gap:8px}.analytics-metrics>div{padding:11px}.analytics-metrics span{font-size:9px}.analytics-metrics strong{font-size:26px}.analytics-metrics em{font-size:9px;margin-left:2px}.analytics-switch button{font-size:9px;padding:9px 3px}.dashboard-caption{font-size:10px}.chart-heading h3{font-size:12px}}

:root{font-family:'Manrope',sans-serif;color:#f8f5ff;background:#09090d;font-synthesis:none;--muted:#a9a1bb;--accent:#bd9bff;--line:#ffffff12}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid #d2baff;outline-offset:6px}::selection{background:#ae80ed;color:#141020}.wrap{width:min(1240px,calc(100% - 80px));margin-inline:auto}.header{height:102px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.brand{font-size:29px;font-weight:800;letter-spacing:-1.5px;display:flex;align-items:center;gap:9px}.brand-ai{color:#ba99ff}.brand-word{color:#f8f5ff}.brand-mark{width:43px;height:34px;display:flex;align-items:center;justify-content:center}.brand-mark img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:screen}.header nav{display:flex;gap:32px;font-size:13px;color:#c0b8ce}.header nav a:hover,.text-link:hover{color:#d6bbff}.button{display:inline-flex;justify-content:center;align-items:center;gap:24px;background:#c2a2ff;color:#201330;padding:17px 23px;border:1px solid #d7c0ff;border-radius:9px;font-size:13px;font-weight:800;transition:background .2s,transform .2s}.button:hover{background:#d1baff;transform:translateY(-2px)}.button span{font-size:19px;font-weight:500}.button-small{font-size:12px;padding:11px 16px;gap:18px}.hero{padding-top:37px}.eyebrow,.kicker{font-size:10px;font-weight:700;letter-spacing:1.8px;color:var(--accent)}.eyebrow{color:#aaa2b9;display:flex;gap:9px;align-items:center}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#b29ae5;box-shadow:0 0 10px #b29ae550}.pain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:19px}.pain{display:flex;align-items:center;gap:16px;padding:18px 21px;border:1px solid #b597ee20;background:linear-gradient(115deg,#19191f,#121217);border-radius:10px;position:relative}.pain p{font-size:12px;line-height:1.8;color:#ada4be;margin:0}.pain strong{color:#e1d9ec;font-weight:500}.pain-icon{font-size:21px;color:#bd9feb;width:27px;text-align:center}.pain-number{position:absolute;right:17px;top:15px;font-size:9px;color:#685a79}.hero-layout{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:10px;padding:70px 0 62px}.hero-copy{position:relative;z-index:1}h1{font-size:clamp(48px,5.4vw,76px);line-height:1.1;letter-spacing:-3.8px;margin:21px 0 23px;font-weight:600}h1>span,h2>span{color:#bd9bea}h1>span{background:linear-gradient(100deg,#dbc5ff,#ab7dea);background-clip:text;-webkit-text-fill-color:transparent}.hero-description{color:#b5adc3;max-width:435px;font-size:15px;line-height:1.85}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:29px}.text-link{font-size:12px;display:flex;gap:12px;align-items:center}.hero-note{font-size:10px;color:#968ca7;display:flex;gap:7px;align-items:center;margin:20px 0 0}.hero-note>span{width:4px;height:4px;background:#a187c7;border-radius:50%}.hero-visual{position:relative;height:475px;isolation:isolate;display:flex;align-items:center;justify-content:center}.orbital{border:1px solid #a279dc15;position:absolute;border-radius:50%;width:450px;height:450px}.orbital-two{width:345px;height:345px;border-color:#ab82de20}.orbital-three{width:540px;height:540px;border-style:dashed;border-color:#ab82de0e}.logo-glow{position:absolute;inset:8%;background:radial-gradient(ellipse,#7242b856,transparent 68%);z-index:-1;filter:blur(20px)}.hero-logo{width:350px;max-width:85%;mix-blend-mode:screen;transform:rotate(-7deg)}.floating-note{position:absolute;z-index:2;display:flex;align-items:center;gap:12px;background:linear-gradient(120deg,#282530fa,#18171df5);box-shadow:0 15px 60px #07020e40;border:1px solid #b895e831;border-radius:12px;padding:17px 20px;animation:float 7s ease-in-out infinite}.floating-note small{font-size:8px;letter-spacing:1.3px;color:#bcaccf}.floating-note p{font-size:12px;line-height:1.7;margin:5px 0 0;color:#ece3f7}.customer-note{top:25px;left:7px;transform:rotate(-4deg)}.assistant-note{bottom:40px;right:-5px;animation-delay:-3s}.mini-avatar{display:grid;place-items:center;align-self:flex-start;border-radius:9px;width:30px;height:30px;background:#51405f;color:#d9c3f5;font-size:18px}.purple{background:#a077d9;color:#fff}.online-dot{position:absolute;right:16px;top:16px;width:5px;height:5px;background:#bdb0e6;border-radius:50%}.visual-caption{position:absolute;bottom:-3px;font-size:10px;color:#8f819f;letter-spacing:.4px}.spark{position:absolute;width:5px;height:5px;border-radius:50%;background:#c29afa;box-shadow:0 0 20px #ad6eff}.spark-one{right:51px;top:80px}.spark-two{left:43px;bottom:75px}.hero-bottom{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 0}.hero-bottom>span{font-size:9px;letter-spacing:1.4px;color:#8f829f}.hero-bottom>div{font-size:12px;color:#bfb5cd;display:flex;gap:30px;align-items:center}.hero-bottom i{font-size:10px;color:#766087;font-style:normal}.hero-bottom>a{color:#bca2dd}.section{padding-block:104px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:42px}h2{font-size:38px;font-weight:500;letter-spacing:-1.5px;line-height:1.3;margin:17px 0 0}.section-heading>p{max-width:330px;font-size:13px;color:var(--muted);line-height:1.9;margin:0 0 4px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.feature{border:1px solid #b795de20;background:linear-gradient(140deg,#17161d,#101014);border-radius:13px;padding:29px 26px}.feature-icon{display:grid;place-items:center;font-size:26px;color:#d0b0ff;width:43px;height:43px;border-radius:11px;background:#ad83e512;margin-bottom:24px}.feature-label{font-size:9px;letter-spacing:1.5px;color:#a58bbd}h3{font-size:21px;line-height:1.45;letter-spacing:-.5px;font-weight:500;margin:13px 0}.feature p,.steps p{color:var(--muted);font-size:12px;line-height:1.95;margin:0}.feature-detail{font-size:10px;color:#bfaed0;border-top:1px solid var(--line);padding-top:20px;margin-top:27px;display:flex;gap:8px;align-items:center}.detail-dot{width:4px;height:4px;border-radius:50%;background:#c1a2ed}.demo-section{background:radial-gradient(ellipse at 78% 50%,#4a2d6515,transparent 65%),#0d0d12;border-block:1px solid var(--line)}.demo-layout{display:grid;grid-template-columns:1fr 1fr;gap:95px;align-items:center}.demo-copy h2{font-size:39px}.demo-copy>p{color:var(--muted);font-size:13px;line-height:1.9;max-width:415px;margin-top:22px}.scenarios{display:grid;gap:10px;margin-top:28px;max-width:390px}.scenario{background:transparent;color:#a69ab9;border:1px solid transparent;border-bottom-color:var(--line);padding:16px 18px;text-align:left;display:flex;align-items:center;gap:16px;border-radius:8px;cursor:pointer;font-size:12px;transition:background .2s}.scenario>span:first-child{font-size:10px;color:#9883af}.scenario>span:last-child{margin-left:auto}.scenario:hover{background:#b998ef0d}.scenario.active{background:#aa82de13;border-color:#b799df40;color:#dec4ff}.demo-copy .demo-disclaimer{font-size:10px;color:#8c7e9d;margin-top:19px}.chat{border:1px solid #c4a0ee30;background:#131218;border-radius:16px;overflow:hidden;box-shadow:0 25px 70px #09040f40}.chat-header{display:flex;align-items:center;gap:11px;padding:20px 24px;border-bottom:1px solid var(--line);background:#1d1b24}.chat-symbol{background:#ac88e6;color:#fff;width:36px;height:36px;display:grid;place-items:center;border-radius:11px;font-size:25px}.chat-header strong{font-size:14px}.chat-header small{display:flex;align-items:center;gap:6px;font-size:9px;color:#b7a5ca;margin-top:4px}.demo-badge{margin-left:auto;font-size:8px;letter-spacing:1px;color:#bca2d9;border:1px solid #ae89d831;padding:5px 8px;border-radius:5px}.chat-messages{padding:25px 23px 12px;min-height:335px;display:flex;flex-direction:column;gap:16px}.message{max-width:90%;padding:13px 16px;border-radius:12px;font-size:12px;line-height:1.8;margin:0}.message.user{align-self:flex-end;background:#78549b;color:#fff;border-bottom-right-radius:3px}.message.assistant{background:#24212c;color:#e0d5ec;border-bottom-left-radius:3px}.suggestion{border:1px solid #ab85d13b;border-radius:10px;padding:15px;display:flex;gap:13px;align-items:center;background:#b991e707}.product-icon{display:grid;place-items:center;width:49px;height:49px;background:#b995e919;border-radius:8px;color:#c7a9f0;font-size:28px;flex-shrink:0}.suggestion strong{font-size:12px;font-weight:600}.suggestion p{font-size:10px;color:#b5a4c6;line-height:1.7;margin:4px 0 0}.suggestion .match{color:#ccb1f0;font-size:9px}.chat-bottom{margin:11px 23px 0;border:1px solid #b698d628;border-radius:8px;display:flex;align-items:center;justify-content:space-between;padding:10px 12px;color:#8f809e;font-size:11px}.chat-send{background:#bda0e8;color:#2d1c43;display:grid;place-items:center;width:25px;height:25px;border-radius:6px;font-size:18px}.powered{text-align:center;font-size:8px;color:#91809f;padding:12px 0 17px}.powered strong{color:#b59ecb}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;margin-top:50px}.step-number{display:block;font-size:12px;color:#c09dea;padding-bottom:20px;border-bottom:1px solid #b18ecb36}.steps h3{font-size:17px;margin-top:24px}.closing{position:relative;overflow:hidden;border:1px solid #b594d930;border-radius:17px;padding:57px 60px;background:radial-gradient(ellipse at 90% 90%,#76509620,transparent 60%),#151319}.closing h2{font-size:46px}.closing p{font-size:13px;line-height:1.9;color:#b4a3c4;margin:20px 0 27px}.closing .button{position:relative;z-index:1}.closing-star{position:absolute;right:90px;top:0;font-size:340px;line-height:1.2;color:#ae82db18;transform:rotate(12deg);pointer-events:none}.footer{padding-block:40px;display:flex;gap:24px;align-items:center;margin-top:45px;color:#8d819b;font-size:10px}.footer .brand{font-size:25px;color:#e9def6}.footer p{flex:1}.footer>a:last-child{margin-left:20px}.skip-link{position:fixed;left:16px;top:-100px;z-index:10;background:#dbc6fa;color:#21162d;padding:12px}.skip-link:focus{top:12px}@keyframes float{0%,100%{translate:0 0}50%{translate:0 -9px}}
@media(min-width:1500px){.hero-layout{padding-block:85px}}@media(max-width:1100px){.wrap{width:calc(100% - 48px)}.header nav{gap:18px}.hero-actions{gap:16px;flex-wrap:wrap}.hero-visual{height:440px}.orbital{width:350px;height:350px}.orbital-two{width:280px;height:280px}.orbital-three{width:410px;height:410px}.hero-logo{width:310px}.floating-note{padding:13px}.customer-note{left:0}.assistant-note{right:0}.demo-layout{gap:40px}.hero-bottom>div{gap:18px}.section-heading{gap:30px}h2,.demo-copy h2{font-size:33px}.feature{padding:24px 20px}.feature-detail{font-size:9px}.closing-star{right:35px}}
@media(max-width:900px){.wrap{width:calc(100% - 36px)}.header{height:79px}.header nav{display:none}.button-small{font-size:10px;padding:10px 12px;gap:10px}.brand{font-size:26px}.hero{padding-top:26px}.eyebrow{font-size:8px;letter-spacing:1.3px}.pain-grid{gap:8px}.pain{padding:14px 12px;align-items:flex-start;gap:5px;flex-direction:column}.pain p{font-size:10px;line-height:1.8}.pain-icon{font-size:17px;text-align:left}.pain-number{font-size:8px;right:9px;top:12px}.hero-layout{grid-template-columns:1fr;padding:45px 0 33px;gap:20px}h1{font-size:58px;letter-spacing:-3px;margin-top:17px}.hero-description{font-size:14px;max-width:460px}.hero-actions{gap:22px}.button{font-size:12px;padding:15px 19px}.header .button{font-size:10px;padding:10px 12px}.hero-note{font-size:9px}.hero-visual{height:390px;max-width:480px;width:100%;margin:0 auto}.hero-logo{width:280px}.customer-note{top:20px;left:3px}.assistant-note{bottom:-24px;right:3px}.floating-note p{font-size:11px}.orbital-three{width:350px;height:350px}.orbital-one{width:305px;height:305px}.orbital-two{width:250px;height:250px}.hero-bottom{flex-wrap:wrap;padding:20px 0;gap:14px}.hero-bottom>span{width:100%;font-size:8px}.hero-bottom>div{font-size:10px;gap:13px}.hero-bottom>a{margin-left:auto}.section{padding-block:64px}.section-heading{display:block;margin-bottom:28px}h2,.demo-copy h2{font-size:30px;letter-spacing:-1px}.section-heading>p{max-width:100%;margin-top:20px;font-size:12px}.features{grid-template-columns:1fr;gap:13px}.feature{padding:25px}.feature-icon{float:right;margin:0}.feature h3 br{display:block}.feature h3{font-size:21px}.feature p{max-width:440px}.feature-detail{font-size:10px;margin-top:21px;padding-top:17px}.demo-layout{grid-template-columns:1fr;gap:26px}.scenarios{max-width:none}.demo-copy>p{max-width:none}.chat-messages{min-height:335px;padding:22px 18px 10px}.steps{grid-template-columns:1fr;gap:27px;margin-top:30px}.step-number{padding-bottom:12px}.steps h3{margin-top:17px}.closing{padding:35px 25px}.closing h2{font-size:36px}.closing .kicker{font-size:8px;letter-spacing:1px}.closing .button{font-size:10px;gap:13px;padding:13px}.closing-star{right:-30px;top:60px;font-size:250px}.footer{flex-wrap:wrap;margin-top:10px;padding-block:30px;gap:15px}.footer p{font-size:9px}.footer>span{width:65%}.footer>a:last-child{margin-left:auto}.kicker{font-size:9px}}@media(max-width:380px){h1{font-size:51px}.pain p{font-size:9px}.hero-bottom>div{gap:8px}.hero-actions{gap:17px}.orbital-three{width:310px;height:310px}.hero-note{font-size:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}




/* Simplified navigation and a manually controlled problem carousel. */
.header nav{margin-left:auto}
.scenario>span:first-child{margin-left:0}
.pain-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}
.carousel-controls{display:flex;align-items:center;gap:8px;flex-shrink:0}
.carousel-counter{font-size:10px;font-variant-numeric:tabular-nums;color:#a69db4;min-width:53px;text-align:right;margin-right:8px}
.carousel-controls button{width:33px;height:33px;border-radius:50%;border:1px solid #ffffff20;background:#17161d;color:#ddd1ef;cursor:pointer;font-size:17px;transition:background .2s}
.carousel-controls button:hover:not(:disabled){background:#30243f}
.carousel-controls button:disabled{opacity:.3;cursor:default}
.pain-grid{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;user-select:none;margin-top:16px}
.pain-grid::-webkit-scrollbar{display:none}
.pain-grid:focus-visible{outline:2px solid #c3a4ed;outline-offset:5px;border-radius:10px}
.pain-grid.dragging{scroll-snap-type:none}
.pain-grid .pain{flex:0 0 calc((100% - 32px)/3);scroll-snap-align:start;min-width:0;min-height:94px;flex-direction:row;align-items:center;gap:14px;padding:18px 24px 18px 18px}
.pain-grid .pain p{font-size:12px;line-height:1.8}
.pain-grid .pain-icon{flex-shrink:0;font-size:21px}
.pain-grid .pain-number{font-size:9px;top:10px;right:12px}
@media(max-width:1100px) and (min-width:701px){.pain-grid .pain{flex-basis:calc((100% - 16px)/2)}}
@media(max-width:900px){.header nav{display:flex;gap:20px;font-size:12px}}
@media(max-width:700px){.pain-grid{gap:12px}.pain-grid .pain{flex-basis:86%;min-height:100px}.pain-heading{align-items:flex-start;gap:12px}.pain-heading .eyebrow{max-width:190px;line-height:1.8;letter-spacing:1px;align-items:baseline}.pain-heading .status-dot{flex-shrink:0}.carousel-controls{gap:5px}.carousel-counter{font-size:9px;min-width:30px;margin-right:3px}.carousel-controls button{width:30px;height:30px}.header{height:auto;min-height:88px;flex-wrap:wrap;gap:16px;padding-block:20px}.header nav{gap:18px;font-size:11px}.brand{font-size:24px;gap:5px}.brand-mark{width:35px;height:29px}}
@media(max-width:460px){.header{gap:18px}.header nav{width:100%;margin-left:0;justify-content:space-between;font-size:12px}.hero-actions .button{font-size:12px;gap:18px}.pain-grid .pain p{font-size:11px}}
/* Feature carousel shares the manual controls with the problem carousel. */
.features-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}
.features-toolbar>span{font-size:11px;color:var(--muted)}
.features{display:flex;gap:19px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;cursor:grab;user-select:none}
.features::-webkit-scrollbar{display:none}
.features:focus-visible{outline:2px solid #c3a4ed;outline-offset:5px;border-radius:13px}
.features.dragging{cursor:grabbing;scroll-snap-type:none}
.features .feature{flex:0 0 calc((100% - 38px)/3);min-width:0;scroll-snap-align:start;display:flex;flex-direction:column}
.features .feature-icon{float:none;flex-shrink:0;margin:0 0 24px}
.features .feature-detail{margin-top:auto;padding-top:20px}
.features .feature>p{margin-bottom:27px}
@media(max-width:1100px) and (min-width:701px){.features .feature{flex-basis:calc((100% - 19px)/2)}}
@media(max-width:700px){.features{gap:13px}.features .feature{flex-basis:90%;padding:24px 21px}.features .feature h3{font-size:20px}.features .feature-detail{font-size:9px}.features-toolbar>span{font-size:10px;max-width:170px;line-height:1.7}.features .feature-icon{margin-bottom:20px}}
/* Demo product choices and the delivery information preview. */
.suggestion .limited-stock{color:#dbc497}
.suggestion-link{width:100%;text-align:left;color:inherit;cursor:pointer;transition:background .2s,border-color .2s}
.suggestion-link:hover{background:#b991e714;border-color:#bc95e977}
.suggestion-link .match{text-decoration:underline;text-underline-offset:4px}
.delivery-dialog{width:min(520px,calc(100% - 36px));max-height:85dvh;overflow-y:auto;padding:35px;border:1px solid #bc98ec40;border-radius:16px;background:#18161e;color:#f8f5ff;box-shadow:0 25px 100px #0008}
.delivery-dialog::backdrop{background:#060509c9;backdrop-filter:blur(5px)}
.delivery-dialog h2{font-size:29px;margin-top:18px}
.delivery-dialog .kicker{display:block;padding-right:25px;line-height:1.8}
.dialog-close{position:absolute;right:15px;top:15px;border:1px solid #ffffff20;border-radius:50%;background:#ffffff08;color:#d5c5e7;width:32px;height:32px;font-size:23px;cursor:pointer}
.delivery-demo-note{font-size:11px;color:#a99bb8;line-height:1.8}
.delivery-terms{margin:25px 0 0}.delivery-terms>div{border-top:1px solid #ffffff12;padding:14px 0}.delivery-terms dt{font-size:12px;font-weight:700;color:#d7b9ff}.delivery-terms dd{font-size:12px;line-height:1.8;color:#c3b8d1;margin:6px 0 0}
@media(max-width:460px){.delivery-dialog{padding:28px 22px}.delivery-dialog h2{font-size:25px}}
.cooperation{border-top:1px solid var(--line)}.cooperation>h1{font-size:clamp(36px,4.5vw,62px);letter-spacing:-2px;margin:22px 0}.cooperation-intro{max-width:690px;font-size:15px;line-height:1.9;color:var(--muted)}.cooperation-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start;margin-top:45px}.cooperation-benefits h2,.cooperation-form h2{font-size:24px;letter-spacing:-.6px;margin:0 0 18px}.cooperation-benefits ul{padding:0;list-style:none;display:grid;gap:24px;margin:25px 0 35px}.cooperation-benefits li{border-left:2px solid #b68be94a;padding-left:19px}.cooperation-benefits strong{font-size:15px;color:#e2cff8}.cooperation-benefits p{font-size:13px;line-height:1.9;color:var(--muted);margin:8px 0 0}.cooperation-ask{border-top:1px solid var(--line);padding-top:25px}.cooperation-form{padding:30px;border:1px solid #b995e72b;border-radius:14px;background:#15131b}.form-intro{font-size:12px;line-height:1.8;color:var(--muted);margin:0 0 25px}.form-field{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}.form-field label{font-size:12px;line-height:1.7;color:#e4d9ef}.form-field label>span{color:#bc9bec}.form-field input,.form-field textarea{width:100%;font:inherit;font-size:13px;color:#f3eafa;background:#0d0c11;border:1px solid #ffffff24;border-radius:8px;padding:13px 14px}.form-field textarea{resize:vertical;min-height:110px}.form-field input::placeholder,.form-field textarea::placeholder{color:#81758e}.form-field input:focus,.form-field textarea:focus{outline:2px solid #b99ae9;outline-offset:2px}.form-field [aria-invalid=true]{border-color:#f6a0ac}.form-field small,.form-note{font-size:10px;line-height:1.8;color:#a597b3}.field-error{font-size:11px;color:#f6a0ac;line-height:1.7}.field-error:empty{display:none}.cooperation-form .button{width:100%;cursor:pointer}.cooperation-form .button:disabled{opacity:.6;cursor:wait;transform:none}#form-status{font-size:12px;line-height:1.9;color:#dfc7ff;margin:15px 0 0}#form-status:empty{display:none}.footer{flex-wrap:wrap}.header nav{flex-wrap:wrap}
@media(max-width:900px){.cooperation-layout{grid-template-columns:1fr;gap:30px}.cooperation-intro{font-size:13px}.cooperation-form{padding:25px}.header nav{row-gap:15px}.footer>a[href^="mailto"]{overflow-wrap:anywhere}}
@media(max-width:460px){.header nav{justify-content:flex-start;gap:14px 20px}.cooperation-form{padding:22px 18px}.cooperation-benefits h2,.cooperation-form h2{font-size:22px}}
/* Keep browser-autofilled contacts consistent with the dark form. */
.form-field input{color-scheme:dark;caret-color:#fff;color:#fff}
.form-field input:autofill{color:#fff;caret-color:#fff;box-shadow:0 0 0 1000px #0d0c11 inset}
.form-field input:-webkit-autofill,
.form-field input:-webkit-autofill:hover,
.form-field input:-webkit-autofill:focus,
.form-field input:-webkit-autofill:active{-webkit-text-fill-color:#fff;caret-color:#fff;-webkit-box-shadow:0 0 0 1000px #0d0c11 inset;box-shadow:0 0 0 1000px #0d0c11 inset}
/* Stemless carousel chevrons with consistent touch targets. */
.hero-divider{height:1px;background:var(--line);width:100%}
.carousel-controls button{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:0;touch-action:manipulation;transition:background .18s,border-color .18s,transform .18s}
.carousel-controls button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.carousel-controls button:active:not(:disabled){transform:scale(.94);background:#30243f;border-color:#b699da70}
@media(max-width:700px){.pain-heading{align-items:center}.pain-heading .eyebrow{min-width:0;flex:1;max-width:none}.carousel-controls{gap:6px}.features-toolbar>span{min-width:0;flex:1}}
/* Readable body copy and responsive catalogue photographs. */
.hero-description{font-size:17px;max-width:510px;line-height:1.85}.development-note{font-size:13px;line-height:1.8;color:#b1a4c0;max-width:460px;margin-top:14px}
.feature p,.steps p,.section-heading>p,.demo-copy>p,.analytics-copy>p,.analytics-benefits p,.cooperation-benefits p{font-size:15px;line-height:1.85}
.feature-detail,.features .feature-detail{font-size:12px}.features .feature-label{font-size:11px;line-height:1.7}.features .feature{padding:26px 24px}.features .feature>p{margin-bottom:24px}
.message{font-size:15px;line-height:1.8}.chat-header strong{font-size:16px}.chat-header small{font-size:12px}.scenario{font-size:14px;min-height:48px}.demo-copy .demo-disclaimer{font-size:12px}
.suggestion{cursor:pointer;color:inherit;text-align:left;min-width:0}.suggestion>div{min-width:0}.suggestion strong{font-size:15px}.suggestion p,.suggestion .match{font-size:13px;line-height:1.7}.product-card{width:100%;font:inherit;transition:background .18s,border-color .18s;align-items:center}.product-card:hover{background:#b991e714;border-color:#bc95e977}.product-photo{display:block;flex:0 0 110px;width:110px;height:120px;object-fit:contain;background:#f7f7f7;border-radius:9px;padding:5px}.message-photo{display:block;width:min(100%,240px);height:200px;object-fit:contain;background:#f7f7f7;border-radius:9px;margin-top:12px;padding:7px}
.product-preview img{display:block;width:100%;max-height:48dvh;object-fit:contain;background:#f7f7f7;border-radius:10px;margin-top:20px}.product-preview>p{font-size:15px;line-height:1.8}.product-preview .delivery-demo-note{font-size:12px}
.analytics-benefits strong{font-size:15px}.analytics-label{font-size:11px}.analytics-copy .analytics-scope,.analytics-footnote{font-size:12px}.analytics-row>div:first-child{font-size:14px}.analytics-insight p{font-size:14px}.analytics-insight strong{font-size:13px}.analytics-switch button{font-size:12px;min-height:44px}.analytics-metrics span{font-size:12px;line-height:1.7}.analytics-metrics small{font-size:11px;line-height:1.7}.dashboard-caption{font-size:13px}.dashboard-caption>span:last-child{font-size:11px}.chart-heading h3{font-size:15px}.chart-heading>span{font-size:12px}
.form-field input,.form-field textarea{font-size:16px}.form-field label,.form-intro{font-size:14px}.form-field small,.form-note,.field-error{font-size:12px}#form-status{font-size:14px}.cooperation-intro{font-size:16px}.footer{font-size:12px}.footer p{font-size:12px}
@media(max-width:900px){.demo-layout{gap:32px}.section-heading>p,.demo-copy>p{font-size:15px}.hero-description{font-size:16px}.development-note{font-size:12px}}
@media(max-width:460px){.chat-messages{padding:20px 14px 12px}.suggestion{gap:12px;padding:12px}.product-photo{flex-basis:80px;width:80px;height:100px}.suggestion strong{font-size:14px}.suggestion p,.suggestion .match{font-size:12px}.message{max-width:95%;padding:12px 14px}.analytics-switch button{font-size:11px}.analytics-metrics>div{padding:11px}.dashboard-caption{flex-wrap:wrap}.features .feature{padding:23px 20px}.features .feature-detail{font-size:11px}}
/* Compact analytics: one takeaway above the interactive panel. */
.analytics .section-heading{margin-bottom:28px}.analytics-layout{grid-template-columns:minmax(0,1fr);gap:24px;max-width:900px;margin-inline:auto}.analytics-layout .dashboard{width:100%;max-width:none}.analytics-takeaway{display:flex;align-items:center;gap:25px;padding:24px 28px;border:1px solid #b895e829;border-radius:12px;background:#17131e}.analytics-example-number{font-size:64px;font-weight:600;line-height:1;color:#c4a2f4;letter-spacing:-3px}.analytics-takeaway p{font-size:15px;line-height:1.8;margin:0 0 7px;color:#c8bfd3}.analytics-takeaway strong{font-weight:500;color:#f0e5ff}.analytics-takeaway small{font-size:12px;color:#a698b6}.cooperation-benefits .cooperation-terms{font-size:13px;color:#c5b2d8;margin-top:20px}
html{scrollbar-gutter:stable}html.dialog-open{overflow:hidden}html.dialog-open body{position:fixed;width:100%;overflow:hidden}.delivery-dialog{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#70617e #18161e;color-scheme:dark}.dialog-close{display:grid;place-items:center;padding:0;width:44px;height:44px;top:12px;right:12px;touch-action:manipulation}.dialog-close svg{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;pointer-events:none}.delivery-dialog .kicker{padding-right:36px}
@media(max-width:600px){.analytics-takeaway{align-items:flex-start;gap:16px;padding:20px}.analytics-example-number{font-size:44px;letter-spacing:-2px}.analytics-takeaway p{font-size:14px}.analytics-takeaway small{font-size:11px}}
/* Core capabilities stay visible without carousel navigation. */
.features.features-main{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px;overflow:visible;cursor:auto;user-select:text;scroll-snap-type:none}
.features-main .feature h3{font-size:22px;margin:0 0 16px;line-height:1.4}.features-main .feature>p{margin:0;font-size:15px;line-height:1.85}.features-main .feature-icon{margin-bottom:22px}.features-main .feature{padding:28px}
.service-qualities{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px;padding-top:22px;border-top:1px solid var(--line)}.service-qualities p{display:flex;gap:12px;margin:0;color:#afa3be;font-size:13px;line-height:1.8}.service-qualities p>span:first-child{color:#c4a2ef;font-size:22px;flex-shrink:0}.service-qualities strong{color:#dfd3ec;font-weight:500}
@media(max-width:900px){.features.features-main{grid-template-columns:1fr;gap:14px}.features-main .feature{padding:24px}.features-main .feature h3{font-size:21px}.features-main .feature-icon{margin-bottom:16px}.service-qualities{gap:18px}}
@media(max-width:600px){.service-qualities{grid-template-columns:1fr;gap:16px}}
/* Align benefit icons with the first text line, including wrapped mobile copy. */
.service-qualities p>span:first-child{display:inline-grid;place-items:center;width:24px;height:23.4px;line-height:1;flex:0 0 24px}
.feature-icon .search-icon{display:block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.analytics-metrics{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);align-items:start}
.analytics-metrics .missing-metric>span{font-size:14px;line-height:1.6;color:#dacde7}
.analytics-metrics .missing-metric .metric-total{font-size:16px;font-weight:400;letter-spacing:0;color:#c5b1da}
.missing-metric p{font-size:13px;line-height:1.8;color:#bcaecb;margin:0}
.missing-metric-link{display:flex;align-items:center;gap:9px;align-self:flex-start;min-height:44px;padding:7px 0;border:0;background:transparent;color:#d2b3ff;font-size:13px;font-weight:600;text-align:left;cursor:pointer}
.missing-metric-link:hover{text-decoration:underline;text-underline-offset:4px}
@media(max-width:600px){.analytics-metrics{grid-template-columns:1fr}.analytics-metrics .missing-metric{padding:16px}}
.analytics-metrics{align-items:stretch}
/* Vector arrows avoid the blue emoji glyph rendered by iOS. */
.direction-icon{display:inline-block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;flex-shrink:0}
.pain-icon:has(.direction-icon){display:grid;place-items:center}