:root{--red:#ed2135;--red-deep:#b91628;--ink:#191c1a;--slate:#393d39;--mute:#737a73;--line:#dfdfd7;--bg:#f8f7f3;--soft:#f0efe9;--white:#fff;--max:1450px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;max-width:100%;overflow-x:clip;font:400 15px/1.6 "DM Sans",Arial,sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}body.locked{overflow:hidden}
a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.38;cursor:not-allowed}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--red);outline-offset:3px}
[hidden]{display:none!important}
h1,h2,h3,h4,p{margin-top:0}img{max-width:100%;display:block}
.demo-flag{background:#1d211e;color:#e2e3dc;min-height:30px;display:flex;gap:10px;align-items:center;padding:7px clamp(18px,3vw,53px);font:700 9px/1.5 "Manrope",sans-serif;letter-spacing:.1em}
.pulse-dot{height:6px;width:6px;border-radius:50%;background:#ed2135;flex-shrink:0}.demo-ref{margin-left:auto;color:#899087;white-space:nowrap}
.sitehead{z-index:70;position:sticky;top:0;background:#fffefbf5;backdrop-filter:blur(14px);min-height:79px;display:flex;align-items:center;padding:10px clamp(18px,3vw,53px);border-bottom:1px solid #e9e7df;gap:26px}
.identity{display:flex;align-items:center;gap:10px;flex-shrink:0;min-width:0}
.identity img{height:50px;width:65px;object-fit:contain;flex:0 0 auto}
.identity span{display:flex;flex-direction:column;gap:3px;min-width:0}.identity strong{font:800 14px/1.12 "Manrope",sans-serif;letter-spacing:-.04em;white-space:nowrap}
.identity small{font:800 8px/1 "Manrope",sans-serif;letter-spacing:.3em}
.headlinks{margin-left:auto;display:flex;align-items:center;gap:28px}
.headlinks a{font:700 12px "DM Sans",sans-serif;white-space:nowrap;color:#404740}
.headlinks a:hover{color:var(--red)}
.headright{display:flex;align-items:center;gap:16px;margin-left:auto}
.head-private{font:800 9px "Manrope",sans-serif;letter-spacing:.14em;color:#8a8e87;white-space:nowrap}
.headaction{display:flex;align-items:center;gap:16px;padding:12px 16px;background:#222723;color:white;font:800 11px "DM Sans",sans-serif;white-space:nowrap}
.headaction span{font-size:17px;color:#f9a8b0}
.head-back{display:flex;gap:8px;align-items:center;color:#4d524a;font:800 11px "DM Sans",sans-serif;white-space:nowrap}
.head-back:hover{color:var(--red)}
.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;padding:15px 19px;min-height:52px;font:800 12px "Manrope",sans-serif;white-space:nowrap;transition:transform .25s,background .25s}
.btn:hover{transform:translateY(-2px)}.btn span:last-child{font-size:18px}.btn-ink{background:var(--ink);color:white}.btn-ink:hover{background:#444b43}.btn-line{border:1px solid #babfb5;color:#313933}.btn-line:hover{background:#eeeee9}
.btn-white{background:#fff;color:#202420}.btn-red{background:var(--red);color:white;border:0}.btn-red:hover{background:var(--red-deep)}.btn-ghost{border:1px solid #caccc4;background:#fff;color:#2e3730}
.kicker,.eyebrow{font:800 10px "Manrope",sans-serif;letter-spacing:.15em;color:#6c736a}
.accent-rule{width:28px;height:2px;background:var(--red);display:inline-block;margin-right:10px;vertical-align:middle}
.show-hero{min-height:675px;display:grid;grid-template-columns:1.09fr 1fr;background:#f7f6f1}
.hero-text{padding:clamp(68px,7vw,116px) clamp(27px,5vw,90px) 65px clamp(27px,6vw,108px);display:flex;align-items:flex-start;flex-direction:column;min-width:0}
.hero-text h1{font:800 clamp(52px,5.1vw,88px)/1.12 "Manrope",sans-serif;letter-spacing:-.075em;margin:28px 0 30px}
.hero-text h1 em{font-style:normal;color:var(--red)}
.hero-text>p{max-width:560px;color:#696f68;font-size:16px;line-height:1.8}
.hero-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-top:19px}
.hero-caption{display:flex;align-items:center;gap:10px;margin-top:auto;padding-top:45px;font-size:10px;color:#8e938c}
.indicator{width:25px;height:1px;background:#8b8f87}
.hero-visual{position:relative;min-height:590px;overflow:hidden;background:#bdafa1;isolation:isolate}
.visual-a{position:absolute;inset:0;background-image:linear-gradient(170deg,#080c0a05 0%,#1e1d1854 100%),url("https://images.unsplash.com/photo-1600607687920-4e2a09cf159d?auto=format&fit=crop&w=1300&q=86");background-size:cover;background-position:center}
.visual-b{position:absolute;inset:0 60% 0 0;background:#c3bbb2a6;backdrop-filter:grayscale(.6)}
.hero-monogram{position:absolute;top:25px;left:25px;z-index:2;background:#fffdf2e6;padding:11px;box-shadow:0 9px 25px #0c120c22}.hero-monogram img{width:97px;height:85px;object-fit:contain}
.red-disc{height:190px;width:190px;position:absolute;right:-42px;top:47%;border:40px solid var(--red);border-radius:50%;opacity:.9}
.hero-visual-text{position:absolute;bottom:37px;left:35px;color:#fff;display:flex;flex-direction:column;text-shadow:0 2px 15px #0005}
.hero-visual-text>span{font:800 10px "Manrope",sans-serif;letter-spacing:.12em;margin-bottom:10px}
.hero-visual-text strong{font:800 clamp(29px,3.1vw,50px)/1.1 "Manrope",sans-serif;letter-spacing:-.055em}
.hero-side{position:absolute;right:15px;top:20px;writing-mode:vertical-rl;color:#fff;font:800 10px "Manrope",sans-serif;letter-spacing:.14em}
.intro-line{max-width:var(--max);margin:auto;padding:90px clamp(20px,4vw,65px) 45px;display:flex;gap:25px;justify-content:space-between;align-items:end}
.intro-line span,.split-heading .kicker,.story-top .kicker{font:800 10px "Manrope",sans-serif;letter-spacing:.15em;color:#c43142}
.intro-line h2,.split-heading h2,.story-top h2{font:800 clamp(36px,4.1vw,64px)/1.16 "Manrope",sans-serif;letter-spacing:-.065em;margin:18px 0 0}
.intro-line p{margin:0 0 6px;max-width:430px;color:#747a72;font-size:13px;line-height:1.85}
.models{max-width:var(--max);margin:auto;padding:0 clamp(20px,4vw,65px) 100px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.model{border:1px solid #deddd6;min-width:0;background:#fff;display:flex;flex-direction:column;transition:transform .3s,box-shadow .3s}
.model:hover{transform:translateY(-6px);box-shadow:0 17px 45px #39382e18}
.model-media{display:block;height:clamp(180px,19vw,270px);position:relative;overflow:hidden;background:#d6d4cc}
.media-tag{position:absolute;z-index:2;left:15px;top:15px;background:#ffffffec;padding:8px 10px;font:800 9px "Manrope",sans-serif;letter-spacing:.08em}
.media-arrow{position:absolute;z-index:2;right:15px;bottom:15px;display:grid;place-items:center;width:39px;height:39px;background:#ffffffeb;font-size:24px}
.essential-art,.premium-art,.automation-art,.commerce-art{height:100%;position:relative;overflow:hidden}
.essential-art{background:linear-gradient(165deg,#e9e5dc,#c3beb4)}
.essential-art i:first-child{position:absolute;inset:22% 31% 0 0;background:#f5f3eb;transform:skewY(-11deg);box-shadow:18px -14px 30px #45443720}
.essential-art i:nth-child(2){position:absolute;right:18%;top:33%;width:21%;height:36%;background:#51615b;border:9px solid #fffaf1}
.essential-art i:nth-child(3){position:absolute;bottom:9%;left:17%;width:55%;height:15%;background:#a79780;border-radius:50% 50% 0 0}
.premium-art{background:linear-gradient(135deg,#d1c0b2,#8f988b)}
.premium-art:before{content:"";position:absolute;inset:0;background-image:url("https://images.unsplash.com/photo-1600607687920-4e2a09cf159d?auto=format&fit=crop&w=750&q=80");background-position:center;background-size:cover}
.premium-art:after{content:"";position:absolute;inset:40% -15% 0 63%;background:#be8069c9;transform:rotate(-14deg)}
.premium-art i:first-child{position:absolute;background:#fff;z-index:1;width:32%;height:44%;top:25%;left:15%;transform:rotate(-11deg);border:9px solid white;box-shadow:8px 8px 26px #15181545}
.premium-art i:nth-child(2){position:absolute;z-index:1;background:#b1af92;width:21%;height:31%;top:30%;left:34%;transform:rotate(7deg);border:7px solid white}
.premium-art i:nth-child(3){position:absolute;z-index:1;background:#ed2135;width:13%;height:23%;top:39%;left:52%;border:5px solid white;transform:rotate(21deg)}
.automation-art{display:grid;place-items:center;background:linear-gradient(145deg,#233c32,#10241c)}
.automation-art:before{content:"";position:absolute;width:370px;height:370px;border-radius:50%;border:1px solid #ffffff1f;box-shadow:0 0 0 33px #ffffff07,0 0 0 80px #ffffff05}
.chat-art{width:62%;max-width:225px;min-width:100px;position:relative;display:grid;gap:14px;transform:rotate(-5deg);z-index:1}
.chat-art span{height:31px;background:#e6f1e9;border-radius:15px 15px 15px 2px;box-shadow:0 6px 25px #0002}
.chat-art span:nth-child(2){margin-left:25%;background:#90ceb0;border-radius:15px 15px 2px 15px}
.chat-art span:nth-child(3){margin-right:15%;height:46px}
.commerce-art{background:linear-gradient(145deg,#e4d7c9,#b7a999)}
.commerce-art:before{content:"";position:absolute;bottom:12%;height:30%;left:-10%;right:-10%;border-radius:50%;background:#8d766052}
.art-can{position:absolute;left:21%;top:32%;height:38%;width:25%;border-radius:5px 5px 13px 13px;box-shadow:10px 12px 16px #55463a4b;background:linear-gradient(90deg,#d6d5d0,#f5f3ef,#b5b3ad)}
.art-can:before{content:"";position:absolute;top:-10%;height:13%;left:3%;right:3%;border-radius:50%;background:#b8b8ae;border:3px solid #edece5}
.art-can:after{content:"";position:absolute;top:36%;height:32%;left:0;right:0;background:#b7755b}
.art-can-alt{left:49%;top:25%;width:28%;height:50%;transform:rotate(7deg)}.art-can-alt:after{background:#607d6e}
.art-cart{position:absolute;right:10%;top:20%;font-size:50px;color:#fff;line-height:1}
.model-body{padding:21px 17px 17px;flex:1;display:flex;flex-direction:column}
.model-num{font:800 9px "Manrope",sans-serif;letter-spacing:.11em;color:#9b9e95}
.model h3{font:800 clamp(19px,1.8vw,28px)/1.2 "Manrope",sans-serif;letter-spacing:-.05em;margin:12px 0}
.model h3 span{color:var(--red)}
.model p{font-size:12px;color:#7e847b;line-height:1.75;min-height:102px}
.model-price{display:flex;flex-direction:column;gap:2px;margin:8px 0 18px}.model-price strong{font:800 clamp(23px,2vw,32px) "Manrope",sans-serif;letter-spacing:-.06em}.model-price span{font:700 10px "Manrope",sans-serif;color:#9b9d95}
.model-features{border-top:1px solid #e5e4de;display:flex;gap:7px;flex-wrap:wrap;padding-top:15px;margin-top:auto}
.model-features span{background:#f3f3ef;color:#6c746c;font:700 9px "DM Sans",sans-serif;padding:6px 7px}
.model-link{display:flex;justify-content:space-between;gap:10px;align-items:center;border-top:1px solid #e5e4de;margin-top:20px;padding-top:15px;font:800 11px "Manrope",sans-serif}
.model-link span{font-size:21px;color:var(--red)}.model-link:hover{color:var(--red)}
.compare-section{background:#202622;color:#fff;padding:clamp(70px,8vw,130px) clamp(20px,5vw,85px)}
.split-heading{max-width:var(--max);margin:auto;display:flex;justify-content:space-between;gap:40px;align-items:end;padding-bottom:42px}
.split-heading h2{font-size:clamp(35px,4vw,60px)}.split-heading p{color:#adb5ac;font-size:13px;max-width:450px;line-height:1.85;margin:0}
.comparison-scroll{overflow-x:auto;max-width:var(--max);margin:auto}
.comparison{border-collapse:collapse;width:100%;min-width:800px;text-align:center}
.comparison th{font:800 10px "Manrope",sans-serif;letter-spacing:.1em;color:#bbc4ba;padding:16px 12px;border-bottom:1px solid #5e665d}
.comparison th:first-child,.comparison td:first-child{text-align:left;width:29%}
.comparison td{padding:18px 12px;border-bottom:1px solid #434c44;font:700 12px "DM Sans",sans-serif}
.comparison td:first-child{font-size:12px;color:#d4d8d1}
.comparison tbody tr td:not(:first-child){font:800 14px "Manrope",sans-serif}
.comparison .price-row{background:#323b34}.comparison .price-row td{color:#fff}
.comparison-foot{max-width:var(--max);margin:22px auto 0;color:#9ea79d;font-size:11px;line-height:1.8}
.story-section{padding:95px clamp(20px,5vw,85px) 100px;max-width:var(--max);margin:auto}
.story-top h2 i{font-style:normal;color:var(--red)}
.story-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:55px}
.story-steps>div{border-top:2px solid #272c26;padding:17px 0 0}
.story-steps small{color:var(--red);font:800 10px "Manrope",sans-serif;letter-spacing:.12em}
.story-steps h3{font:800 19px/1.3 "Manrope",sans-serif;letter-spacing:-.05em;margin:18px 0 12px}
.story-steps p{font-size:12px;color:#80877d;line-height:1.75;min-height:91px}
.story-steps a{display:inline-flex;gap:13px;align-items:center;font:800 11px "Manrope",sans-serif;border-bottom:1px solid #3b4039;padding-bottom:5px}
.story-steps a span{color:var(--red);font-size:17px}
.final-cta{padding:75px clamp(20px,8vw,140px);display:flex;justify-content:space-between;gap:40px;align-items:center;background:#ed2135;color:#fff}
.final-cta>div>span{font:800 10px "Manrope",sans-serif;letter-spacing:.17em}
.final-cta h2{font:800 clamp(43px,6vw,86px)/1.14 "Manrope",sans-serif;letter-spacing:-.08em;margin:15px 0}
.final-cta h2 i{font-style:normal;color:#f8cdd1}
.final-cta p{font-size:12px;line-height:1.8;max-width:550px;color:#fffbed}
.show-footer{padding:30px clamp(20px,4vw,60px);background:#ecece7;display:flex;justify-content:space-between;gap:18px;font:800 10px "Manrope",sans-serif;letter-spacing:.04em;color:#6e766d;align-items:center}

/* Shared brochure and automation/commerce demos */
.demo-container{max-width:var(--max);padding:0 clamp(20px,5vw,75px);margin:auto}
.page-label{font:800 10px "Manrope",sans-serif;letter-spacing:.16em;color:var(--red)}
.page-title{font:800 clamp(40px,5vw,80px)/1.12 "Manrope",sans-serif;letter-spacing:-.073em}
.page-title em{font-style:normal;color:var(--red)}
.lede{font-size:14px;color:#727970;line-height:1.9;max-width:660px}
.mini-demo-banner{padding:12px clamp(18px,5vw,75px);background:#f4e9e8;color:#8e3943;font:700 10px/1.5 "DM Sans",sans-serif;text-align:center}
.corp-hero{display:grid;grid-template-columns:1.1fr 1fr;min-height:630px}
.corp-copy{padding:100px 5vw 75px max(6vw,22px)}
.corp-copy h1{font:800 clamp(46px,5.5vw,85px)/1.09 "Manrope",sans-serif;letter-spacing:-.08em;max-width:710px;margin:28px 0}
.corp-copy h1 em{font-style:normal;color:var(--red)}
.corp-copy p{max-width:540px;font-size:15px;line-height:1.8;color:#777c73;margin-bottom:27px}
.corp-visual{background-image:linear-gradient(#070c0b0b,#10181642),url("https://images.unsplash.com/photo-1600210492486-724fe5c67fb0?auto=format&fit=crop&w=1300&q=85");background-size:cover;background-position:center;position:relative;min-height:420px}
.corp-visual-logo{position:absolute;left:23px;top:23px;background:#ffffffed;padding:15px}.corp-visual-logo img{height:105px;width:120px;object-fit:contain}
.corp-section{padding-block:82px}.corp-head{max-width:860px}.corp-head h2{font:800 clamp(33px,4vw,60px)/1.18 "Manrope",sans-serif;letter-spacing:-.065em;margin:16px 0}
.corp-categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:38px}
.corp-category{border:1px solid #dcdcd3;background:white;min-height:250px;padding:29px;display:flex;flex-direction:column;align-items:flex-start;position:relative;overflow:hidden}
.corp-category .cat-number{color:#b0b2aa;font:800 10px "Manrope",sans-serif;letter-spacing:.13em}
.corp-category .cat-graphic{display:block;position:absolute;border-radius:50%;width:170px;height:170px;right:-45px;top:-49px;background:var(--cat,#d9c7ae);box-shadow:0 0 0 27px #ffffffaa}
.corp-category h3{margin:auto 0 10px;position:relative;font:800 24px "Manrope",sans-serif;letter-spacing:-.045em}
.corp-category p{font-size:12px;color:#82877f;position:relative;margin:0}
.corp-callout{background:#202421;color:#fff;padding:85px clamp(20px,8vw,130px);display:flex;align-items:center;justify-content:space-between;gap:38px}
.corp-callout h2{font:800 clamp(35px,4vw,62px)/1.16 "Manrope",sans-serif;letter-spacing:-.065em;margin:15px 0}
.corp-callout p{color:#b7beb6;font-size:13px;max-width:600px}
.corp-contact{display:grid;grid-template-columns:1fr 1fr;gap:35px;padding-block:75px}
.corp-contact h2{font:800 37px/1.2 "Manrope",sans-serif;letter-spacing:-.06em}
.corp-contact-panel{padding:30px;border:1px solid #dadcd3;background:#fff}
.corp-contact-panel input,.corp-contact-panel textarea,.corp-contact-panel select,.flow-field input,.flow-field select{width:100%;border:1px solid #cfd2ca;background:white;padding:13px 14px;font:600 12px "DM Sans",sans-serif;color:#222922}
.corp-contact-panel label,.flow-field label{display:block;margin:14px 0 8px;font:800 11px "Manrope",sans-serif}
.corp-contact-panel textarea{min-height:92px;resize:vertical}
.muted-note{font-size:11px;color:#80887d;line-height:1.75}

/* WhatsApp automation experience */
.auto-hero{background:#1d2721;color:#fff;position:relative;padding:85px clamp(20px,6vw,90px) 70px;overflow:hidden}
.auto-hero:after{content:"";position:absolute;width:620px;height:620px;border:1px solid #ffffff12;border-radius:50%;right:-360px;top:-250px;box-shadow:0 0 0 85px #ffffff05,0 0 0 170px #ffffff05}
.auto-hero .page-label{color:#f18a99}
.auto-hero h1{max-width:950px;margin:24px 0}.auto-hero h1 em{color:#f37d8d}
.auto-hero p{max-width:650px;color:#b7c7ba;line-height:1.8}
.auto-hint{font-size:11px;color:#9bb4a1}
.auto-workspace{max-width:var(--max);margin:0 auto;padding:70px clamp(20px,5vw,75px) 100px}
.workspace-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:25px}
.workspace-head h2{font:800 clamp(25px,3.2vw,48px)/1.2 "Manrope",sans-serif;letter-spacing:-.06em;margin:10px 0}
.workspace-head p{font-size:12px;color:#828880;max-width:420px}
.auto-grid{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:18px}
.phone-demo{border:1px solid #d9dfd9;background:#e6eee8;box-shadow:0 14px 44px #1c26201a;display:flex;flex-direction:column;min-height:590px;max-height:700px}
.phone-bar{background:#164d3c;color:#fff;display:flex;align-items:center;gap:12px;padding:14px 18px}
.phone-avatar{display:grid;place-items:center;width:41px;height:41px;border-radius:50%;background:#ffffff;color:#18563a;font:800 20px "Manrope",sans-serif}
.phone-bar strong,.phone-bar small{display:block}.phone-bar strong{font-size:13px}.phone-bar small{font-size:10px;color:#d1e9d8}
.phone-demo-flag{margin-left:auto;font-size:10px;color:#f3ffef;background:#347452;border:1px solid #599674;padding:5px 8px}
.phone-messages{flex:1;overflow-y:auto;background-color:#d8e6d9;background-image:radial-gradient(#d1e0d0 1px,transparent 1px);background-size:16px 16px;padding:18px;display:flex;flex-direction:column;gap:10px;overscroll-behavior:contain}
.chat-bubble{max-width:84%;padding:12px 14px;background:#fff;border-radius:14px 14px 14px 3px;align-self:flex-start;font-size:12px;line-height:1.6;white-space:pre-line;color:#27352c;box-shadow:0 3px 10px #1642210e}
.chat-bubble.mine{background:#daf8e1;border-radius:14px 14px 3px 14px;align-self:flex-end}
.phone-actions{background:#f7fbf7;padding:12px;border-top:1px solid #d5ddd5;display:flex;flex-wrap:wrap;gap:6px;max-height:195px;overflow-y:auto}
.phone-actions button{border:1px solid #9bbaa5;background:#fff;border-radius:20px;padding:9px 12px;color:#2b5b3f;font:800 11px "DM Sans",sans-serif}
.phone-actions button:hover{background:#d8efe0}
.phone-compose{padding:12px;background:#f1f7f0;display:flex;gap:8px;border-top:1px solid #ccdacc;align-items:center}
.phone-compose input{flex:1;min-width:0;border:1px solid #becfc0;padding:12px;font-size:12px;border-radius:25px}
.phone-compose button{background:#266b4d;color:white;border:0;height:39px;width:39px;border-radius:50%;font-size:19px}
.auto-monitor{background:#fff;border:1px solid #deded6;display:flex;flex-direction:column}
.monitor-head{border-bottom:1px solid #e6e6df;padding:22px}
.monitor-head small{font:800 10px "Manrope",sans-serif;letter-spacing:.12em;color:var(--red)}
.monitor-head h3{font:800 22px "Manrope",sans-serif;letter-spacing:-.05em;margin:9px 0 4px}
.monitor-head p{font-size:11px;color:#969b95;margin:0}
.monitor-stats{display:grid;grid-template-columns:repeat(2,1fr);border-bottom:1px solid #e4e4dc}
.monitor-stat{padding:18px 21px;border-right:1px solid #e4e4dc}
.monitor-stat strong{font:800 29px "Manrope",sans-serif;display:block;letter-spacing:-.05em}
.monitor-stat small{color:#93998e;font-size:10px}
.lead-head{display:flex;justify-content:space-between;align-items:center;padding:20px 21px 8px}
.lead-head strong{font:800 12px "Manrope",sans-serif}
.lead-head button{background:none;border:0;font-size:11px;text-decoration:underline;color:#868e86}
.lead-list{padding:5px 20px 20px;display:grid;gap:9px}
.lead-row{border:1px solid #e1e4dd;padding:13px;display:flex;align-items:center;gap:12px;background:#fafbf8}
.lead-symbol{height:34px;width:34px;display:grid;place-items:center;background:#e2eee2;border-radius:50%;font-size:13px}
.lead-row strong,.lead-row small{display:block}.lead-row strong{font:800 11px "Manrope",sans-serif}
.lead-row small{font-size:10px;color:#8a9186;line-height:1.5;margin-top:3px}
.lead-pill{margin-left:auto;background:#fff0ef;color:#bf4252;padding:6px 8px;font:800 9px "DM Sans",sans-serif;white-space:nowrap}
.lead-no-data{text-align:center;padding:38px 18px;color:#9da399;font-size:12px}
.auto-bottom{padding-top:23px;display:flex;gap:20px;align-items:start;justify-content:space-between}
.auto-bottom p{max-width:770px;font-size:11px;color:#8b9188;line-height:1.75}
.auto-step-links{display:flex;gap:10px;flex-wrap:wrap}

/* E-commerce showroom */
.shop-hero{display:grid;grid-template-columns:1.07fr 1fr;background:#f4f2ec;min-height:535px}
.shop-hero-copy{padding:85px 6vw 70px max(5vw,25px)}
.shop-hero-copy h1{margin:20px 0;font:800 clamp(46px,5vw,80px)/1.09 "Manrope",sans-serif;letter-spacing:-.08em}
.shop-hero-copy h1 em{font-style:normal;color:var(--red)}
.shop-hero-copy p{max-width:510px;color:#71786d;font-size:14px;line-height:1.9}
.shop-hero-image{background:#c5b6a2;position:relative;min-height:390px;overflow:hidden}
.shop-hero-image:before{content:"";position:absolute;inset:0;background-image:url("https://images.unsplash.com/photo-1600607687920-4e2a09cf159d?auto=format&fit=crop&w=1500&q=85");background-size:cover;background-position:center;filter:saturate(.67)}
.shop-hero-image:after{content:"";position:absolute;top:25%;left:-12%;width:48%;height:130%;background:#ed2135b6;transform:rotate(17deg)}
.shop-floating-label{position:absolute;left:21px;bottom:23px;z-index:2;background:#ffffffed;padding:18px;font:800 10px "Manrope",sans-serif;letter-spacing:.13em;max-width:310px}
.shop-floating-label strong{display:block;font-size:23px;letter-spacing:-.05em;line-height:1.2;margin-top:6px}
.cart-header{display:flex;align-items:center;gap:10px;background:#242923;color:#fff;border:0;padding:12px 17px;font:800 11px "Manrope",sans-serif;white-space:nowrap}
.cart-header small{border-radius:50%;background:var(--red);font-size:11px;display:grid;place-items:center;min-width:22px;min-height:22px}
.shop-section{max-width:var(--max);margin:0 auto;padding:85px clamp(20px,5vw,75px)}
.shop-top{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:28px}
.shop-top h2{font:800 clamp(34px,4vw,60px) "Manrope",sans-serif;letter-spacing:-.07em;margin:14px 0}
.shop-top p{color:#878b83;font-size:12px;max-width:405px;line-height:1.85}
.shop-controls{display:flex;gap:11px;margin:27px 0 22px}
.shop-search{flex:1;border:1px solid #d4d4cc;background:#fff;padding:13px;font-size:12px;min-width:0}
.shop-filter{background:#fff;padding:11px;border:1px solid #d4d4cc;min-width:130px;font-size:11px;color:#4d514c}
.shop-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.shop-item{background:white;border:1px solid #e0dfd7;min-width:0;display:flex;flex-direction:column;overflow:hidden}
.shop-item-visual{height:235px;background:linear-gradient(145deg,var(--tile,#e9ddd0),var(--tile2,#c2b4a3));display:grid;place-items:center;position:relative}
.shop-item-visual:before{content:"";position:absolute;bottom:15%;width:59%;height:15%;border-radius:50%;background:#362f2433;filter:blur(9px)}
.shop-item-visual:after{content:"DEMO / CONCEPT";position:absolute;top:13px;left:12px;font:800 9px "Manrope",sans-serif;letter-spacing:.1em;color:#556158}
.can{position:relative;display:block;width:90px;height:122px;border-radius:9px 9px 12px 12px;background:linear-gradient(90deg,#b5b5ae,#f4f2ec 22%,#eeeae2 74%,#acaaa3);box-shadow:10px 11px 20px #3a322c3d;transform:rotate(-5deg);z-index:1}
.can:before{content:"";position:absolute;left:6px;right:6px;top:-8px;height:14px;background:#c8c6c0;border-radius:50%;border:3px solid #eeeae4}
.can i{position:absolute;inset:34% 0 22%;background:var(--accent,#996e5b)}
.can i:after{content:"NPS • CONCEPT";color:#fff;display:grid;place-items:center;height:100%;font:800 10px "Manrope",sans-serif;letter-spacing:.02em;text-align:center}
.shop-item-body{padding:18px 15px 13px;display:flex;flex-direction:column;flex:1}
.shop-item-body small{font:800 9px "Manrope",sans-serif;letter-spacing:.1em;color:#8a9187}
.shop-item-body h3{font:800 16px/1.4 "Manrope",sans-serif;letter-spacing:-.035em;margin:9px 0 7px}
.shop-item-body p{font-size:11px;color:#8f948a;line-height:1.65;min-height:49px}
.shop-item-body strong{font:800 22px "Manrope",sans-serif;letter-spacing:-.05em;margin-top:auto}
.shop-item-body .shop-add{background:#253127;color:white;border:0;margin-top:14px;padding:12px;font:800 11px "Manrope",sans-serif;text-align:center}
.shop-item-body .shop-add:hover{background:var(--red)}
.shop-info{padding:14px;margin:24px 0;background:#f3ecea;border-left:3px solid var(--red);color:#7e5358;font-size:11px;line-height:1.7}
.shop-sticky-backdrop{position:fixed;inset:0;background:#101812ac;z-index:119}
.shop-drawer{position:fixed;z-index:120;top:0;bottom:0;right:0;width:min(100%,480px);background:#fcfbf7;display:flex;flex-direction:column;box-shadow:-10px 0 50px #0003}
.drawer-top{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid #e1e2da}
.drawer-top strong{font:800 23px "Manrope",sans-serif;letter-spacing:-.05em}
.drawer-close{height:37px;width:37px;border:1px solid #e0e1d8;background:#fff;font-size:21px}
.drawer-items{flex:1;overflow-y:auto;padding:8px 24px}
.drawer-row{display:flex;gap:12px;padding:17px 0;border-bottom:1px solid #e1e2da}
.drawer-swatch{width:53px;height:62px;flex-shrink:0;background:var(--swatch,#c2b2a0)}
.drawer-text{flex:1;min-width:0}.drawer-text strong{font:800 12px "Manrope",sans-serif}
.drawer-text small{display:block;font-size:10px;color:#7c847a;margin-top:5px}
.drawer-qty{display:flex;gap:9px;align-items:center;margin-top:9px}
.drawer-qty button{border:1px solid #d7d9d1;background:white;width:26px;height:26px;font-size:15px}
.drawer-qty span{min-width:18px;text-align:center;font:800 11px "Manrope",sans-serif}
.drawer-total{border-top:1px solid #dcded5;padding:20px 24px}
.money-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:11px;font-size:12px;color:#676e66}
.money-row strong{color:#1e2520;font:800 16px "Manrope",sans-serif}
.money-row.total{padding-top:13px;border-top:1px solid #dee0d9;font-weight:800}
.drawer-checkout{border:0;background:#222922;color:#fff;padding:14px;width:100%;font:800 12px "Manrope",sans-serif}
.checkout-view{position:fixed;z-index:130;inset:0;background:#f7f7f2;overflow:auto}
.checkout-shell{max-width:1100px;padding:30px 25px 70px;margin:auto}
.checkout-header{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #d7d9d1;padding-bottom:19px}
.checkout-header strong{font:800 21px "Manrope",sans-serif}
.checkout-main{display:grid;grid-template-columns:1.2fr .8fr;gap:44px;margin-top:39px}
.checkout-form{background:#fff;border:1px solid #dfe1da;padding:30px}
.checkout-form h2{font:800 32px "Manrope",sans-serif;letter-spacing:-.05em}
.checkout-steps{display:flex;gap:15px;align-items:center;margin-bottom:25px;font:800 10px "Manrope",sans-serif;color:#90968e}
.checkout-steps b{background:#eef1eb;border-radius:50%;height:26px;width:26px;display:inline-grid;place-items:center}
.checkout-steps .active{color:#243326}.checkout-steps .active b{background:#243326;color:white}
.checkout-summary{padding:28px;background:#eaece5;height:max-content}
.checkout-summary h3{font:800 19px "Manrope",sans-serif}
.checkout-summary p{font-size:11px;color:#70786e}
.checkout-summary ul{list-style:none;padding:0;margin:0 0 25px}
.checkout-summary li{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid #d1d6ce;font:700 11px "DM Sans",sans-serif}
.flow-field{margin-bottom:15px}
.flow-options{display:grid;gap:10px;margin:20px 0}
.flow-options label{display:flex;align-items:center;gap:10px;border:1px solid #d4d8d0;padding:13px;cursor:pointer;font:700 12px "DM Sans",sans-serif}
.flow-options input{accent-color:#ed2135}
.flow-actions{display:flex;justify-content:space-between;gap:10px;margin-top:22px}
.checkout-confirmed{text-align:center;padding:30px 5px}
.checkout-confirmed .big-check{font-size:62px;color:var(--red)}
.checkout-confirmed h2{font-size:35px}
.checkout-confirmed p{max-width:520px;margin:auto;color:#737b71;line-height:1.85;font-size:13px}
.checkout-badge{display:inline-block;margin:18px auto;background:#f7e5e6;color:#a43e4a;padding:9px 14px;font:800 11px "Manrope",sans-serif}
@media(max-width:1250px){.models{grid-template-columns:repeat(2,minmax(0,1fr))}.model-media{height:290px}.model p{min-height:60px}.shop-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:940px){.sitehead{gap:15px}.headlinks{gap:13px}.head-private{display:none}.show-hero{min-height:0}.hero-text{padding-top:70px}.hero-text h1{font-size:50px}.hero-visual{min-height:480px}.story-steps{grid-template-columns:repeat(2,1fr)}.auto-grid{grid-template-columns:1fr 1fr}.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.checkout-main{grid-template-columns:1fr 300px;gap:15px}}
@media(max-width:700px){
 .demo-ref,.headlinks{display:none}
 .sitehead{min-height:67px;padding:9px 15px;gap:9px}
 .identity{gap:3px}.identity img{width:46px;height:41px}
 .identity strong{font-size:11px}.identity small{font-size:7px;letter-spacing:.18em}
 .headright{gap:7px}.headaction{padding:9px 11px;font-size:10px;gap:5px}.head-back{font-size:10px}
 .show-hero{display:flex;flex-direction:column}
 .hero-text{padding:64px 19px 35px}.hero-text h1{font-size:clamp(40px,10vw,60px);margin:20px 0 18px}
 .hero-text>p{font-size:13px}.hero-caption{padding-top:30px}
 .hero-buttons{width:100%;display:grid;gap:8px}.hero-buttons .btn{width:100%}
 .hero-visual{min-height:340px}.hero-monogram img{width:74px;height:65px}
 .hero-visual-text{left:19px;bottom:25px}.hero-visual-text strong{font-size:30px}
 .intro-line{padding:63px 19px 26px;display:block}.intro-line p{margin-top:20px;font-size:12px}
 .intro-line h2{font-size:40px}
 .models{grid-template-columns:1fr 1fr;padding:0 13px 60px;gap:9px}
 .model-media{height:145px}.model-body{padding:13px 11px}
 .media-tag{font-size:7px;left:7px;top:7px;padding:5px}
 .media-arrow{width:28px;height:28px;font-size:18px;right:7px;bottom:7px}
 .model h3{font-size:18px}.model p{font-size:10px;min-height:95px}
 .model-num{font-size:8px}.model-price strong{font-size:21px}.model-features span{font-size:8px}
 .model-link{font-size:10px}
 .split-heading,.final-cta{display:block}.split-heading h2{font-size:43px}.split-heading p{margin-top:19px}
 .compare-section{padding:67px 15px}.comparison-scroll{margin-right:-15px}
 .comparison-foot{font-size:10px}
 .story-section{padding:65px 19px}.story-top h2{font-size:43px}
 .story-steps{gap:20px 12px;margin-top:35px}.story-steps h3{font-size:15px}.story-steps p{font-size:11px;min-height:135px}
 .final-cta{padding:60px 20px}.final-cta h2{font-size:50px}.final-cta .btn{margin-top:22px}
 .show-footer{padding:24px 18px;flex-wrap:wrap;font-size:9px}
 .corp-hero,.shop-hero{display:flex;flex-direction:column}
 .corp-copy,.shop-hero-copy{padding:61px 20px 39px}.corp-copy h1,.shop-hero-copy h1{font-size:clamp(42px,11vw,61px)}
 .corp-copy p,.shop-hero-copy p{font-size:13px}
 .corp-visual,.shop-hero-image{min-height:320px}
 .corp-categories{grid-template-columns:1fr 1fr;gap:9px}
 .corp-category{min-height:175px;padding:16px}.corp-category h3{font-size:17px}
 .corp-category p{font-size:10px}
 .corp-callout{display:block;padding:60px 20px}.corp-callout h2{font-size:42px}.corp-callout .btn{margin-top:22px}
 .corp-contact{grid-template-columns:1fr}.corp-contact h2{font-size:31px}
 .auto-hero{padding:58px 20px 48px}.auto-hero h1{font-size:43px}
 .auto-workspace{padding:52px 13px 70px}.workspace-head{display:block}.workspace-head h2{font-size:32px}
 .auto-grid{grid-template-columns:1fr}.phone-demo{min-height:530px;max-height:650px}
 .auto-monitor{min-height:355px}
 .auto-bottom{display:block}.auto-step-links{margin-top:16px}
 .shop-section{padding:63px 13px}.shop-top{display:block}.shop-top h2{font-size:37px}
 .shop-controls{flex-direction:column}.shop-filter{min-width:0}
 .shop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .shop-item-visual{height:170px}.can{transform:scale(.78) rotate(-5deg)}
 .shop-item-body{padding:12px 10px 10px}.shop-item-body h3{font-size:13px;min-height:39px}
 .shop-item-body p{font-size:10px;min-height:49px}
 .shop-item-body strong{font-size:19px}
 .shop-item-body .shop-add{font-size:10px;padding:10px 5px}
 .checkout-shell{padding:20px 12px}.checkout-main{display:flex;flex-direction:column}
 .checkout-form{padding:19px}.checkout-form h2{font-size:26px}
 .checkout-summary{padding:19px}
}
@media(max-width:370px){.models{grid-template-columns:1fr}.model-media{height:200px}.model p{min-height:0}.shop-item-visual{height:145px}.headright .headaction{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* NPS monthly service matrix — preserves the current brand / page layout */
.monthly-section{padding:clamp(70px,7vw,105px) clamp(19px,5vw,85px);background:#f2f0ea}
.monthly-heading{max-width:var(--max);margin:0 auto 40px;display:flex;align-items:end;justify-content:space-between;gap:40px}
.monthly-eyebrow{font:800 10px "Manrope",sans-serif;letter-spacing:.15em;color:var(--red-deep)}
.monthly-heading h2{font:800 clamp(38px,4.2vw,62px)/1.14 "Manrope",sans-serif;letter-spacing:-.065em;margin:17px 0 0}
.monthly-heading h2 em{font-style:normal;color:var(--red)}
.monthly-heading>p{max-width:465px;color:#62675e;line-height:1.85;font-size:13px;margin:0}
.monthly-heading>p strong{color:#242824}
.monthly-grid{max-width:var(--max);margin:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.monthly-card{min-width:0;padding:29px 23px 23px;display:flex;flex-direction:column;position:relative;background:#fff;border:1px solid #e0ded5}
.monthly-card-top{display:flex;gap:8px;align-items:center;justify-content:space-between;min-height:19px}
.monthly-index{font:800 9px "Manrope",sans-serif;letter-spacing:.1em;color:#9c9b92}
.monthly-type{font:800 9px "Manrope",sans-serif;white-space:nowrap;color:#8d4147}
.monthly-card h3{font:800 clamp(19px,1.75vw,25px)/1.2 "Manrope",sans-serif;letter-spacing:-.05em;margin:25px 0 9px}
.monthly-lead{margin:0;color:#6d746a;font-size:12px;line-height:1.75;min-height:86px}
.monthly-amount{margin-top:16px;padding:17px 0 18px;border-top:1px solid #e6e5df;border-bottom:1px solid #e6e5df;display:flex;flex-direction:column;gap:3px}
.monthly-amount strong{font:800 clamp(31px,2.8vw,42px)/1 "Manrope",sans-serif;letter-spacing:-.065em;color:#202621}
.monthly-amount span{font:800 10px "Manrope",sans-serif;letter-spacing:.08em;color:#858b80}
.monthly-card ul{margin:21px 0 23px;padding:0;list-style:none;display:grid;gap:15px}
.monthly-card li{position:relative;padding-left:20px;color:#3c453c;font-size:11px;line-height:1.6}
.monthly-card li:before{content:"✓";color:var(--red-deep);position:absolute;left:0;top:0;font-weight:800}
.monthly-foot{margin:auto 0 0;padding-top:17px;border-top:1px solid #ecebe5;color:#83887e;font-size:10px;line-height:1.65}
.monthly-featured{border-color:#e1464f;box-shadow:0 7px 24px #bb354017;border-top:4px solid var(--red)}
.monthly-featured .monthly-type{background:#fbe8e9;color:#b51a29;padding:6px 8px}
.monthly-care{background:#fbfaf6}
.monthly-disclaimer{max-width:var(--max);margin:25px auto 0;color:#7a8074;line-height:1.8;font-size:11px}
@media(max-width:1180px){.monthly-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.monthly-lead{min-height:0}}
@media(max-width:700px){.monthly-section{padding:65px 15px}.monthly-heading{display:block}.monthly-heading h2{font-size:43px}.monthly-heading>p{margin-top:19px}.monthly-grid{gap:10px}.monthly-card{padding:19px 13px}.monthly-card-top{display:block}.monthly-type{display:inline-block;margin-top:5px}.monthly-card h3{font-size:18px;margin:18px 0 9px}.monthly-amount strong{font-size:30px}.monthly-card li{font-size:10px;padding-left:16px}.monthly-card ul{gap:11px}.monthly-disclaimer{font-size:10px}}
@media(max-width:510px){.monthly-grid{grid-template-columns:1fr}.monthly-card{padding:23px}.monthly-card h3{font-size:23px}.monthly-amount strong{font-size:37px}}