@charset "UTF-8";
:root{--navy:#102536;--ink:#172f40;--teal:#007f80;--mint:#63e9cb;--muted:#546575;--line:#dce5e9;--light:#f2f6f7;--white:#fff;--radius:14px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.12;letter-spacing:-.04em;font-weight:650}h1{font-size:clamp(3rem,5.15vw,5rem)}h2{font-size:clamp(2.25rem,3.7vw,3.7rem)}h3{font-size:1.6rem}p{color:var(--muted)}em{font-style:normal;color:var(--teal)}.container{width:min(1240px,calc(100% - 96px));margin:auto}.section{padding:108px 0}.eyebrow,.section-number{font-size:.75rem;font-weight:700;letter-spacing:.13em;line-height:1.5;color:var(--teal)}.section-number{display:block;margin-bottom:24px}.eyebrow{margin-bottom:24px}.skip{position:fixed;top:-100px;left:20px;background:white;padding:15px;z-index:100}.skip:focus{top:10px}:focus-visible{outline:3px solid #009c9c;outline-offset:5px}.header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line)}.nav-wrap{display:flex;align-items:center;justify-content:space-between;min-height:84px;gap:32px}.brand{display:block;width:210px;flex-shrink:0;margin-left:-25px}.brand img{width:210px;height:auto}.header nav{display:flex;align-items:center;gap:27px;font-size:.875rem;font-weight:550}.header nav>a:not(.button):hover{color:var(--teal)}.button{display:inline-flex;justify-content:center;align-items:center;gap:24px;background:var(--navy);color:white;font-size:.9375rem;font-weight:600;padding:16px 25px;border:1px solid transparent;border-radius:6px;transition:background .18s,transform .18s}.button:hover{background:#214658;transform:translateY(-2px)}.button.small{padding:11px 18px;font-size:.875rem;gap:16px}.button.mint{background:var(--mint);color:var(--navy)}.button.mint:hover{background:#a0f5e0}.button.ghost{border-color:#4e6675;background:transparent}.button.ghost:hover{background:#233f50}.menu-toggle{display:none}.hero{background:var(--navy);color:white;padding-top:76px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:52px;padding-bottom:78px}.hero .eyebrow{color:#a1c9c9;display:flex;align-items:center;gap:12px;font-size:.75rem}.short-line{width:26px;height:2px;background:var(--mint);display:inline-block}.hero em{color:var(--mint)}.hero .lead{font-size:1.0625rem;color:#bbccd5;max-width:510px;margin-top:28px;line-height:1.8}.actions{display:flex;align-items:center;gap:27px;flex-wrap:wrap;margin-top:32px}.text-link{font-size:.9375rem;display:flex;gap:18px;align-items:center}.text-link:hover{color:var(--mint)}.hero-note{font-size:.75rem;color:#a7bdc9;margin-top:26px}.hero-visual{background:#203a4b;padding:10px;border:1px solid #405967;border-radius:18px;box-shadow:0 24px 70px #04162470;transform:rotate(-1.4deg)}.visual-top{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#c9d8dd;font-size:.75rem;padding:8px 8px 17px}.outline-label{font-size:.625rem;letter-spacing:.04em;border:1px solid #506873;padding:2px 7px;border-radius:4px;white-space:nowrap}.visual-bottom{display:flex;align-items:center;gap:13px;padding:19px 13px 9px}.visual-bottom p{font-size:.75rem;color:#a9c1cd;line-height:1.7}.visual-bottom strong{color:#edf5f7;font-weight:500}.mini-mark{background:var(--mint);color:var(--navy);font-weight:800;width:32px;height:32px;display:grid;place-items:center;border-radius:7px}.proof-strip{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #344a5a;padding:27px 0 30px;gap:20px}.proof-strip div{display:flex;gap:15px;align-items:center}.proof-strip span{font-size:.75rem;color:#8ca7b5}.proof-strip strong{font-size:.875rem;font-weight:500}.section-heading{max-width:780px;margin-bottom:65px}.section-heading>p:last-child:not(.eyebrow){margin-top:25px;max-width:640px}.feature-row{display:grid;grid-template-columns: .9fr 1.1fr;gap:85px;align-items:center}.feature-copy h3{font-size:2.7rem}.feature-copy>p{margin-top:24px}.checklist{list-style:none;padding:0;margin:25px 0 0}.checklist li{position:relative;padding:7px 0 7px 27px;font-size:.9375rem}.checklist li:before{content:'✓';color:var(--teal);position:absolute;left:0;font-weight:bold}.detail-strip{margin-top:72px;display:grid;grid-template-columns:1.1fr .9fr;gap:85px;align-items:center;padding-top:64px;border-top:1px solid var(--line)}.detail-strip h3{font-size:2rem}.detail-strip p:last-child{margin-top:18px}.detail-strip .eyebrow{margin-bottom:16px}.voip{background:var(--light)}.reverse{grid-template-columns:1.1fr .9fr}.subtle{font-size:.8125rem}.ai-section{background:#0d2939;color:white}.ai-heading{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:end;margin-bottom:56px}.ai-section .section-number{color:#8fc8c6}.ai-section em{color:var(--mint)}.ai-heading>p{color:#b5cad3;max-width:440px}.ai-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:68px;align-items:center}.ai-benefits article{display:flex;gap:22px;padding:24px 0;border-bottom:1px solid #38515e}.ai-benefits article:first-child{padding-top:0}.ai-benefits article:last-child{border:0}.ai-benefits article>span{color:#8ab9ba;font-size:.75rem;padding-top:3px}.ai-benefits h3{font-size:1.1875rem;letter-spacing:-.02em;margin-bottom:12px}.ai-benefits p{font-size:.9375rem;color:#b5cad3}.report-shot{margin-top:32px;max-width:620px}.team-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px}.feature-icon{width:43px;height:43px;display:grid;place-items:center;background:#e7f7f3;color:var(--teal);border-radius:9px;font-size:1.6rem;margin-bottom:24px}.team-grid h3{font-size:1.5rem}.team-grid p{margin-top:17px;margin-bottom:27px}.performance-row{border-top:1px solid var(--line);padding-top:65px;margin-top:65px;display:grid;grid-template-columns:.9fr 1.1fr;gap:85px;align-items:center}.performance-row h3{font-size:2rem}.performance-row p:last-child{margin-top:20px}.collection{background:#e9f7f3}.collection-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:100px;align-items:center}.collection p{margin-top:26px}.pill{font-size:.75rem;display:inline-block;padding:6px 12px;border:1px solid #b6d9cf;color:#37645d;border-radius:99px;margin-top:24px}.collection-list>div{display:flex;align-items:center;gap:25px;padding:27px 0;border-bottom:1px solid #bedad2}.collection-list h3{font-size:1.2rem;letter-spacing:-.02em;line-height:1.4}.collection-list span{font-size:.75rem;color:#4e7c70}.mobile-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px;align-items:center;max-width:1010px}.phone-wrap{padding:20px 50px;background:var(--light);border-radius:50% 50% 24px 24px}.phone{border:8px solid var(--navy)!important;border-radius:32px!important;max-width:290px;margin:auto;box-shadow:0 22px 45px #13334519}.mobile-grid>div>p{margin-top:25px}.mobile-points{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.mobile-points span{font-size:.8125rem;padding:6px 12px;background:var(--light);border-radius:4px}.security{background:#f2f6f7}.security-heading{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:end}.security-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin:55px 0 70px}.security-grid h3{font-size:1.0625rem;letter-spacing:-.015em;margin:20px 0 14px}.security-grid p{font-size:.875rem}.security-symbol{font-size:1.6rem;color:var(--teal);height:35px;display:block}.mask-symbol{letter-spacing:.1em}.infrastructure{display:grid;grid-template-columns:1fr 1fr;gap:85px;border-top:1px solid #cddbe0;padding-top:64px}.infrastructure h3{font-size:1.9rem;margin-top:22px}.infrastructure p{margin-top:22px}.tech-list details{border-bottom:1px solid #ccdbe1;padding:18px 0}.tech-list details:first-child{padding-top:0}.tech-list summary{font-size:.9375rem;font-weight:600;cursor:pointer;list-style:none;position:relative;padding-right:28px}.tech-list summary::-webkit-details-marker{display:none}.tech-list summary:after{content:'+';position:absolute;right:0;font-size:1.25rem;color:var(--teal)}.tech-list details[open] summary:after{content:'−'}.tech-list p{font-size:.875rem;margin-top:13px}.contact{background:var(--navy);color:white;text-align:center}.contact .eyebrow{color:#a1c9c9}.contact h2{font-size:clamp(2.5rem,4.8vw,4.5rem)}.contact em{color:var(--mint)}.contact-inner>p:not(.eyebrow){color:#bdcfd7;margin-top:25px}.contact .actions{justify-content:center}.contact .demo-notice{font-size:.8125rem;color:#a9bdc9!important;margin-top:25px!important}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:29px 0;font-size:.8125rem}.footer-brand{font-size:1.4rem;letter-spacing:-.045em;font-weight:750}.footer-brand span{color:var(--teal)}
/* Replaceable screenshot slots. Mock interfaces are explicitly labeled. */
.screenshot{background:#fff;border:1px solid #dbe6eb;border-radius:12px;overflow:hidden;box-shadow:0 15px 40px #142c3c0a;color:var(--ink);min-width:0}.screenshot figcaption{border-top:1px dashed #c9d7df;padding:13px 16px;background:#f8fbfc;line-height:1.6}.screenshot figcaption strong{display:block;font-weight:550;font-size:.8125rem;color:#304d5d}.screenshot figcaption span{display:block;font-size:.75rem;color:#637b8a;overflow-wrap:anywhere}.screenshot figcaption .slot-number{display:inline;color:var(--teal);font-weight:650}.actual-screenshot{width:100%;height:auto}.mock{padding:22px;pointer-events:none;user-select:none;min-height:265px;background:#fbfdfe}.mock-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px}.mock-title{font-size:.8125rem;color:#304c5c;font-weight:650}.mock-tag{font-size:.625rem;padding:3px 7px;background:#e5f5f1;color:#267364;border-radius:3px}.mock-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.mock-kpi{background:#fff;border:1px solid #e3ebef;border-radius:5px;padding:13px 9px}.mock-kpi span{font-size:.625rem;display:block;color:#758b99}.mock-kpi b{font-size:1.45rem;font-weight:600;letter-spacing:-.04em;color:#244354;display:block;margin-top:3px}.mock-chart{display:flex;align-items:end;gap:11px;height:105px;border-bottom:1px solid #dce6eb;padding:0 12px;margin-top:24px;background:repeating-linear-gradient(to top,transparent 0,transparent 32px,#eef3f5 33px,#eef3f5 34px)}.mock-chart i{display:block;flex:1;background:#68c7b3;border-radius:3px 3px 0 0;min-height:12px}.mock-chart i:nth-child(2n){background:#1c6170}.mock-chart-labels{display:flex;justify-content:space-between;font-size:.625rem;color:#768d9a;margin:8px 12px 0}.mock-filters{display:flex;gap:7px;margin-bottom:17px}.mock-filters span{border:1px solid #dbe6ec;color:#7f929d;background:white;padding:5px 10px;border-radius:4px;font-size:.625rem}.mock-table{width:100%;border-collapse:collapse;font-size:.625rem;text-align:left}.mock-table th{font-weight:500;background:#edf4f6;padding:9px 7px;color:#608090}.mock-table td{padding:11px 7px;border-bottom:1px solid #e6eef2;color:#667f8d}.mock-table td:last-child{color:#157264}.mock-headline{height:10px;border-radius:4px;background:#b7cbd5;width:62%;margin:12px 0}.mock-line{height:6px;background:#e1eaf0;border-radius:4px;margin:10px 0}.mock-line.short{width:67%}.mock-panel{border:1px solid #e0e9ee;padding:15px;border-radius:7px;margin-top:15px;background:white}.mock-bubble{border-radius:9px;padding:13px;margin-top:15px;max-width:90%;font-size:.75rem;background:#e7f6f1;color:#38695f;line-height:1.6}.mock-bubble.question{margin-left:auto;background:#16394d;color:#d6ebe9}.mock-composer{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border:1px solid #d8e5e9;border-radius:6px;font-size:.625rem;color:#849aa7;margin-top:22px}.mock-task{display:flex;gap:10px;align-items:center;border:1px solid #e0e9ef;border-radius:6px;padding:13px;margin:10px 0;background:white;font-size:.75rem}.mock-task i{width:12px;height:12px;border:1px solid #9fbdc6;border-radius:3px;flex-shrink:0}.mock-task span{margin-left:auto;font-size:.625rem;color:#658576}.compact .mock{min-height:220px}.compact .mock-chart{height:65px}.report-shot .mock{min-height:160px}.report-shot .mock-panel{margin-top:0}.phone .mock{min-height:320px;padding:17px 13px}.phone .mock-kpis{grid-template-columns:1fr 1fr}.phone .mock-kpi:last-child{display:none}.phone figcaption{padding:10px}.phone figcaption span{font-size:.75rem}.phone .mock-chart{height:70px}.hero-screen .mock{padding:22px;min-height:310px}.hero-screen .mock-chart{height:110px}
@media(min-width:1500px){.hero-grid{gap:70px}.hero{padding-top:95px}.hero-grid{padding-bottom:95px}}@media(max-width:1100px){.container{width:calc(100% - 56px)}.header nav{gap:17px}.brand{width:175px;margin-left:-20px}.brand img{width:175px}.hero-grid{gap:32px}.feature-row,.detail-strip,.performance-row,.infrastructure{gap:45px}.collection-grid,.mobile-grid{gap:50px}.ai-grid{gap:35px}.hero .actions{gap:18px}.hero h1{font-size:3.6rem}.security-heading{gap:40px}.hero-note{font-size:.75rem}.visual-top{font-size:.625rem}.outline-label{display:none}}@media(max-width:850px){.header nav{gap:13px}.header nav>a:not(.button){font-size:.8125rem}.hero-grid{grid-template-columns:1fr}.hero h1{font-size:4.2rem}.hero h1 br:last-of-type{display:none}.hero .lead{max-width:610px}.hero-visual{max-width:650px;width:100%;justify-self:center;transform:none;margin-top:20px}.hero-screen .mock{min-height:280px}.hero-grid{padding-bottom:45px}.proof-strip{grid-template-columns:1fr 1fr;row-gap:17px}.section{padding:80px 0}.feature-row,.detail-strip,.ai-heading,.ai-grid,.collection-grid,.security-heading,.infrastructure,.performance-row{grid-template-columns:1fr;gap:38px}.feature-copy{max-width:620px}.reverse .screenshot{order:2}.detail-strip .screenshot{order:2}.ai-heading>p{max-width:640px}.ai-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.ai-benefits article{display:block;border:0;padding:0}.ai-benefits article>span{display:block;margin-bottom:12px}.ai-benefits h3{line-height:1.3}.report-shot{max-width:none}.team-grid{gap:28px}.security-grid{grid-template-columns:1fr 1fr;gap:32px 45px}.mobile-grid{gap:35px}.phone-wrap{padding:20px}.mobile-grid h2{font-size:2.6rem}.infrastructure{gap:40px}.collection-list>div:first-child{padding-top:0}}
@media(max-width:700px){.container{width:calc(100% - 40px)}.nav-wrap{min-height:70px}.brand,.brand img{width:180px}.menu-toggle{display:flex;flex-direction:column;gap:6px;background:transparent;border:1px solid var(--line);border-radius:5px;padding:12px;cursor:pointer;min-height:44px;justify-content:center}.menu-toggle span{display:block;background:var(--navy);width:21px;height:2px}.header nav{display:none;position:absolute;top:100%;left:0;right:0;background:white;padding:20px;box-shadow:0 15px 25px #10253616;border-bottom:1px solid var(--line)}.header nav.open{display:flex;align-items:stretch;flex-direction:column;gap:0}.header nav>a:not(.button){padding:11px;font-size:1rem}.header nav .button{margin-top:10px}.hero{padding-top:44px}.hero h1{font-size:clamp(2.7rem,10vw,4rem);line-height:1.1}.hero .eyebrow{font-size:.625rem;letter-spacing:.1em}.hero .lead{font-size:1rem;margin-top:24px}.hero .actions{gap:20px}.hero .text-link{font-size:.875rem}.hero-note{font-size:.75rem;max-width:290px}.hero-visual{margin-top:12px;padding:7px}.visual-top{font-size:.75rem;padding:7px 7px 12px}.visual-bottom{padding:14px 7px 8px}.hero-screen .mock{min-height:255px;padding:16px}.hero-screen .mock-chart{height:85px}.proof-strip{gap:14px;padding:22px 0}.proof-strip div{gap:10px}.proof-strip strong{font-size:.75rem}.proof-strip span{font-size:.625rem}.section{padding:65px 0}h2{font-size:2.35rem}.section-heading{margin-bottom:42px}.section-heading h2 br{display:none}.feature-copy h3{font-size:2.25rem}.section-number{font-size:.75rem;margin-bottom:18px}.feature-row,.detail-strip,.performance-row{gap:30px}.detail-strip{margin-top:45px;padding-top:40px}.ai-heading{margin-bottom:35px}.ai-benefits{display:block}.ai-benefits article{display:flex;gap:18px;padding:20px 0;border-bottom:1px solid #38515e}.ai-benefits article>span{margin:0}.report-shot{margin-top:22px}.team-grid{grid-template-columns:1fr;gap:45px}.performance-row{margin-top:45px;padding-top:40px}.collection-grid{gap:30px}.collection-list>div{padding:20px 0}.mobile-grid{grid-template-columns:1fr;gap:35px}.phone-wrap{order:2;max-width:360px;width:100%;justify-self:center;padding:25px 32px}.mobile-grid h2{font-size:2.35rem}.security-grid{gap:28px 20px;margin:38px 0 40px}.security-grid h3{line-height:1.3}.infrastructure{padding-top:40px}.infrastructure h3{font-size:1.7rem}.contact .actions{flex-direction:column;gap:14px}.contact .button{width:100%;max-width:340px}.contact .demo-notice{font-size:.75rem;max-width:340px;margin-left:auto;margin-right:auto}.footer-inner{flex-wrap:wrap;gap:15px}.footer-inner p{order:3;width:100%;font-size:.75rem}.desktop-only{display:none}.mock{padding:16px;min-height:240px}.mock-top{margin-bottom:17px}.mock-table th,.mock-table td{padding:9px 5px}.mock-kpi b{font-size:1.2rem}.screenshot figcaption{padding:11px 13px}.compact .mock{min-height:200px}.checklist li{font-size:.875rem}.report-shot .mock{min-height:170px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Longer, audience-specific opening headline. */
.hero h1{font-size:clamp(2.6rem,4.1vw,4rem);line-height:1.13}.hero h1 em{display:block}.hero .eyebrow{flex-wrap:wrap}.hero .short-line{flex-shrink:0}.hero .lead{font-size:1rem}
@media(max-width:700px){.hero h1{font-size:clamp(2.25rem,8.5vw,3.4rem)}.hero .eyebrow{font-size:.75rem}.hero .actions{align-items:flex-start}}

.task-screenshots{display:grid;gap:18px}
/* CRM palette: charcoal surfaces, gold actions, violet AI and cyan telephony. */
:root{--navy:#202226;--ink:#f1f2f4;--teal:#e2bb35;--mint:#f4c430;--muted:#b4bac4;--line:#454b57;--light:#292c32;--white:#25282e;color-scheme:dark}
body{background:#242522}.header{background:rgba(34,36,40,.98);border-color:#444951}.brand img{filter:brightness(0) saturate(100%) invert(79%) sepia(53%) saturate(675%) hue-rotate(357deg) brightness(98%) contrast(94%)}
.skip{background:#30333b;color:#fff}:focus-visible{outline-color:#ffd54f}.button{background:#e4ba2d;color:#191b20}.button:hover{background:#ffda56}.button.mint{background:#f4c430;color:#191b20}.button.mint:hover{background:#ffdc65}.button.ghost{border-color:#737985;color:#f3f4f7;background:transparent}.button.ghost:hover{background:#383c44}.menu-toggle span{background:#e7be36}
.hero,.contact{background:#202226}.hero .eyebrow,.contact .eyebrow{color:#d7bb62}.short-line{background:#e5bf3b}.hero .lead{color:#bdc1c9}.hero em,.contact em{color:#f4c430}.hero-note{color:#a7adb8}.text-link:hover{color:#f4c430}.hero-visual{background:#2b2e35;border-color:#505562;box-shadow:0 24px 70px #0004}.visual-top{color:#c6cbd4}.outline-label{border-color:#6b633f;color:#edcd6b}.visual-bottom p{color:#aeb5c2}.visual-bottom strong{color:#edeef2}.mini-mark{background:#d9b439;color:#1e2025}.proof-strip{border-color:#42464d}.proof-strip span{color:#b8a55d}.proof-strip strong{color:#e1e3e8}
.intro,.team,.mobile-section{background:#292a27}.voip{background:#232a2e}.voip .section-number,.voip .checklist li:before{color:#77d2de}.ai-section{background:#26242e}.ai-section .section-number{color:#bea1ed}.ai-section em{color:#c5a5f4}.ai-heading>p,.ai-benefits p{color:#bdb9cc}.ai-benefits article{border-color:#4b435a}.ai-benefits article>span{color:#bba0e4}
.feature-icon{background:#3a3424;color:#f3c636}.collection{background:#2e2b23}.pill{background:#383323;border-color:#736138;color:#e4ce89}.collection-list>div{border-color:#5b5238}.collection-list span{color:#cfb557}.phone-wrap{background:#32332e}.phone{border-color:#141619!important;box-shadow:0 22px 45px #0005}.mobile-points span{background:#34383d;color:#d3d7df}
.security{background:#24272c}.security-symbol{color:#e2bf44}.security-grid p{color:#b5bbc6}.infrastructure{border-color:#454b57}.tech-list details{border-color:#454b57}.tech-list summary{color:#e6e8ed}.tech-list summary:after{color:#e8c34a}.contact-inner>p:not(.eyebrow){color:#bbc0ca}.contact .demo-notice{color:#abb1bd!important}footer{background:#1c1e22}.footer-brand{color:#f0f1f4}.footer-brand span{color:#e4bd3d}
.screenshot{background:#25282d;border-color:#484e5b;box-shadow:0 15px 40px #0002}.screenshot figcaption{background:#2c2f36;border-color:#565d6a}.screenshot figcaption strong{color:#e3d5a2}.screenshot figcaption span{color:#b2b9c5}.screenshot figcaption .slot-number{color:#e5bf3c}.mock{background:#24272d}.mock-title{color:#d9dce4}.mock-tag{background:#3f3825;color:#e4c660}.mock-kpi,.mock-panel,.mock-task{background:#2c3038;border-color:#4b525e}.mock-kpi span{color:#acb5c5}.mock-kpi b{color:#dec160}.mock-headline{background:#817543}.mock-line{background:#464c58}.mock-chart{border-color:#505664;background:repeating-linear-gradient(to top,transparent 0,transparent 32px,#3d424b 33px,#3d424b 34px)}.mock-chart i{background:#d7b840}.mock-chart i:nth-child(2n){background:#ab8be3}.mock-chart-labels{color:#aab1c0}.mock-filters span{background:#30343c;color:#c3c9d4;border-color:#515866}.mock-table th{background:#363b44;color:#e6cb73}.mock-table td{border-color:#484f5a;color:#bdc6d3}.mock-table td:last-child{color:#80c99e}.mock-bubble{background:#333b3b;color:#a5d8d9}.mock-bubble.question{background:#463c25;color:#f2dc91}.mock-composer{border-color:#535b68;color:#bac1cf}.mock-task span{color:#dfc36a}
@media(max-width:700px){.header nav{background:#24272d;border-color:#4b505a;box-shadow:0 15px 25px #0005}.header nav>a:not(.button){color:#ebedf2}}

.hero-visual{transform:none}
.actual-screenshot{display:block;width:100%;height:auto}

/* Müşteri paneli tanıtım blokları */
.customer-detail{margin-top:52px}
.customer-contact-row{margin-top:52px;padding-top:48px;border-top:1px solid var(--line)}
.customer-detail .checklist,.customer-contact-row .checklist{margin-top:22px}
@media(max-width:850px){.customer-contact-row{grid-template-columns:1fr;gap:32px}.customer-contact-row .screenshot{order:2}}
@media(max-width:700px){.customer-detail,.customer-contact-row{margin-top:40px;padding-top:38px}}

/* Multilingual navigation */
.language-switcher{display:flex;align-items:center;gap:4px;padding:3px;border:1px solid var(--line);border-radius:6px;white-space:nowrap}
.language-switcher a{display:inline-flex;align-items:center;justify-content:center;min-width:31px;height:29px;padding:0 7px;border-radius:4px;font-size:.68rem;font-weight:700;letter-spacing:.04em;color:var(--muted);transition:background .18s,color .18s}
.language-switcher a:hover{color:var(--teal);background:rgba(226,187,53,.08)}
.language-switcher a.active{background:var(--teal);color:#191b20}
html[lang="th"] body{font-family:Inter,"Segoe UI",Tahoma,Arial,sans-serif}
html[lang="th"] h1,html[lang="th"] h2,html[lang="th"] h3{letter-spacing:-.015em}
html[lang="th"] .eyebrow,html[lang="th"] .section-number{letter-spacing:.05em}
@media(max-width:1100px){.header nav{gap:12px}.language-switcher a{min-width:28px;padding:0 5px}}
@media(max-width:700px){.language-switcher{margin:10px 0 2px;width:max-content}.language-switcher a{min-width:42px;height:34px}.header nav>.language-switcher+a.button{margin-top:8px}}