/* ===== multi-page additions ===== */
.brand-name{white-space:nowrap}
.navlinks{align-items:center}
.navdrop{position:relative}
.navdrop>a i{font-style:normal;font-size:9px;margin-left:5px;opacity:.7}
.navdrop-m{position:absolute;left:-14px;top:calc(100% + 14px);min-width:300px;padding:8px;background:#141517;border:1px solid rgba(255,255,255,.14);box-shadow:0 24px 60px rgba(0,0,0,.5);opacity:0;visibility:hidden;transform:translateY(6px);transition:.18s;z-index:30;clip-path:polygon(0 0,96% 0,100% 6%,100% 100%,4% 100%,0 94%)}
.navdrop-m:before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}
.navdrop:hover .navdrop-m,.navdrop.open .navdrop-m{opacity:1;visibility:visible;transform:none}
.navlinks .navdrop-m a{display:flex!important;align-items:center;gap:12px;padding:12px 14px!important;text-transform:none!important;letter-spacing:0!important;font-size:14px!important;font-weight:600!important;color:#c9cacb!important;border-bottom:1px solid rgba(255,255,255,.06)}
.navlinks .navdrop-m a:last-child{border-bottom:0}
.navlinks .navdrop-m a:after{display:none!important}
.navlinks .navdrop-m a:hover{background:rgba(255,255,255,.05);color:#fff!important}
.navlinks .navdrop-m a b{font:700 10px/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;color:#7d8083;letter-spacing:.08em;width:22px}
.navlinks a.cur{color:#f0eee8!important}
.nav-ico{width:40px;height:40px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.16);background:linear-gradient(180deg,#202124,#151618);color:#e9e7e1;clip-path:polygon(0 0,82% 0,100% 18%,100% 100%,18% 100%,0 82%);transition:.2s;flex:none}
.nav-ico:hover{background:#e9e6df;color:#17181a;border-color:#e9e6df}
.nav-ico svg{width:18px;height:18px}
.actions{gap:10px!important}
.mobileMenu .m-ico{display:flex;gap:10px;align-items:center;padding-top:6px}
.mobileMenu .m-ico a.nav-ico{width:44px;height:44px}
.mobileMenu .m-ico span{color:#8e9093;font-size:13px}
.mobileMenu .m-sub{color:#7d8083!important;font:700 10px/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;letter-spacing:.2em;text-transform:uppercase;margin-top:6px}
.mobileMenu a.m-item{padding-left:16px;border-left:1px solid rgba(255,255,255,.14)}
@media(max-width:900px){.actions{display:flex!important}.actions .booking{display:none!important}}
@media(max-width:620px){.nav-ico{width:36px;height:36px}.brand-tagline{display:none}}

/* hero right-hand card variants */
.callcard .pipe{display:grid;margin-top:24px;position:relative}
.callcard .pipe:before{content:"";position:absolute;left:15px;top:14px;bottom:14px;width:1px;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.28) 30%,rgba(255,255,255,.28) 70%,rgba(255,255,255,.05))}
.callcard .pipe>div{display:grid;grid-template-columns:32px 1fr;gap:14px;align-items:start;padding:0 0 22px;position:relative}
.callcard .pipe>div:last-child{padding-bottom:4px}
.callcard .pipe>div>div{display:block;min-width:0;padding-top:4px}
.callcard .pipe span{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#1b1c1f;border:1px solid rgba(255,255,255,.22);font:700 10px/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;color:#c7c8c8;letter-spacing:.06em;position:relative;z-index:1}
.callcard .pipe>div.hot span{background:#d2d2d2;border-color:#d2d2d2;color:#17181a;box-shadow:0 0 0 5px rgba(210,210,210,.14),0 0 18px rgba(210,210,210,.45)}
.callcard .pipe b{display:block;color:#f0eee8;font-size:15px;line-height:1.3}
.callcard .pipe small{display:block;color:#8e9093;font-size:12px;margin-top:4px;line-height:1.45}
.callcard .pipe>div.hot b{color:#fff}
.callcard .pipe>div:after{content:"";position:absolute;left:46px;right:0;bottom:11px;height:1px;background:rgba(255,255,255,.06)}
.callcard .pipe>div:last-child:after{display:none}
.callcard .facts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}
.callcard .facts div{padding:14px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.02)}
.callcard .facts b{display:block;font-family:Arial Black,Impact,Arial,sans-serif;font-size:26px;letter-spacing:-.03em;color:#f0eee8;line-height:1}
.callcard .facts small{display:block;color:#8e9093;font-size:12px;margin-top:6px;line-height:1.35}
.hero .heroBtns{margin-top:26px!important}
.hero .lede{margin-top:24px}
.hero .support{margin:18px 0 0!important}

/* generic content blocks */
.list-section .sub{margin-top:22px}
.bullets{margin:34px 0 0;padding:0;list-style:none;display:grid;gap:10px}
.bullets li{display:grid;grid-template-columns:26px 1fr;gap:14px;padding:16px 18px;border:1px solid rgba(255,255,255,.10);background:#151618;color:#d9d7d1;font-size:15px;line-height:1.5;clip-path:polygon(0 0,98% 0,100% 20%,100% 100%,2% 100%,0 80%)}
.bullets li:before{content:"";width:8px;height:8px;margin-top:7px;background:#d2d2d2;box-shadow:0 0 10px rgba(210,210,210,.6)}
.cards.c2{grid-template-columns:1fr 1fr!important}
.cards.c4{grid-template-columns:repeat(4,1fr)!important}
.card .tag{display:inline-block;margin-top:16px;font:700 10px/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;letter-spacing:.16em;text-transform:uppercase;color:#a5a7aa;border:1px solid rgba(255,255,255,.12);padding:7px 9px}
.card ul{margin:14px 0 0;padding-left:18px;color:#8f9296;font-size:14px;line-height:1.6}
.card ul li{margin:4px 0}
@media(max-width:900px){.cards.c4{grid-template-columns:1fr 1fr!important}}
@media(max-width:620px){.cards.c2,.cards.c4{grid-template-columns:minmax(0,1fr)!important}}

/* stats strip */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:44px}
.stat{padding:26px 24px;border:1px solid rgba(255,255,255,.10);background:linear-gradient(180deg,#17181a,#121315);clip-path:polygon(0 0,96% 0,100% 12%,100% 100%,4% 100%,0 88%)}
.stat b{display:block;font-family:Arial Black,Impact,Arial,sans-serif;font-size:clamp(34px,3.4vw,50px);letter-spacing:-.04em;line-height:1;color:#f0eee8}
.stat b i{font-style:normal;color:#d2d2d2}
.stat span{display:block;margin-top:10px;color:#8e9093;font-size:14px;line-height:1.45}
@media(max-width:900px){.stats{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.stats{grid-template-columns:minmax(0,1fr)}}

/* proof strip 2 vs 20–30 (AI page) */
.proof{margin:0;padding:22px 24px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012));display:grid;gap:14px;clip-path:polygon(0 0,97% 0,100% 12%,100% 100%,3% 100%,0 88%)}
.proof-h{display:flex;justify-content:space-between;gap:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10px;letter-spacing:.22em;text-transform:uppercase;font-weight:800;color:#85858a}
.proof-h span:last-child{color:#c7c8c8}
.prow{display:grid;grid-template-columns:150px minmax(0,1fr);gap:14px;align-items:center}
.prow .who b{display:block;font-size:15px;color:#f0eee8}
.prow .who small{display:block;font-size:11px;color:#77797c;margin-top:2px;line-height:1.3}
.dots{display:flex;flex-wrap:wrap;gap:4px;align-items:center}
.dots i{width:13px;height:13px;display:block;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08);transition:background .3s,box-shadow .3s}
.dots i.on{background:#e9e7e1;border-color:transparent}
.dots.ai i.on{background:#d2d2d2;box-shadow:0 0 8px rgba(210,210,210,.55)}
.dots .cnt{margin-left:8px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#f0eee8;white-space:nowrap}
.dots.ai .cnt{color:#d2d2d2}
@media(max-width:620px){.prow{grid-template-columns:minmax(0,1fr);gap:6px}.proof{clip-path:none}}

/* reviews */
.reviews-section{position:relative}
.reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:44px}
.review{position:relative;padding:28px 26px 26px;border:1px solid rgba(255,255,255,.10);background:linear-gradient(180deg,#17181a,#121315);clip-path:polygon(0 0,96% 0,100% 9%,100% 100%,4% 100%,0 91%);display:flex;flex-direction:column}
.review .stars{display:flex;gap:3px;color:#d2d2d2;font-size:15px;letter-spacing:.05em}
.review p{margin:16px 0 0;color:#c9c8c3;font-size:15px;line-height:1.6;flex:1}
.review .who{margin-top:22px;padding-top:16px;border-top:1px solid rgba(255,255,255,.09)}
.review .who b{display:block;color:#f0eee8;font-size:14px}
.review .who span{display:block;color:#7d8083;font-size:12px;margin-top:3px}
.review .sample{position:absolute;right:14px;top:14px;font:700 9px/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;letter-spacing:.2em;color:#7d8083;border:1px dashed rgba(255,255,255,.2);padding:6px 8px}
@media(max-width:900px){.reviews{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.reviews{grid-template-columns:minmax(0,1fr)}}
.review-form-wrap{margin-top:48px;border:1px solid rgba(255,255,255,.12);background:#151618;padding:34px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:40px;align-items:start}
.review-form-wrap h3{margin:0;font-family:Arial Black,Impact,Arial,sans-serif;text-transform:uppercase;font-size:28px;letter-spacing:-.03em;color:#f0eee8}
.review-form-wrap p{color:#8e9093;font-size:14px;line-height:1.6;margin:14px 0 0}
.project-field textarea{width:100%;min-height:120px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.018);color:#f1f1ed;padding:14px 18px;border-radius:0;outline:none;font-size:15px;resize:vertical;font-family:inherit;transition:border-color .2s}
.project-field textarea::placeholder{color:#6c6c72}.project-field textarea:focus{border-color:rgba(255,255,255,.42)}
.rating{display:flex;gap:6px}
.rating input{position:absolute;opacity:0;width:0;height:0}
.rating label{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.14);color:#55575a;cursor:pointer;font-size:18px;transition:.15s}
.rating label.on{color:#d2d2d2;border-color:rgba(210,210,210,.5);background:rgba(210,210,210,.06)}
@media(max-width:900px){.review-form-wrap{grid-template-columns:minmax(0,1fr);padding:26px 20px}.project-form .grid2f{grid-template-columns:minmax(0,1fr)}}
.project-field.err input,.project-field.err textarea,.project-field.err select{border-color:#d2d2d2!important;box-shadow:0 0 0 3px rgba(210,210,210,.16)!important}
.lead-form.busy .project-submit{cursor:wait;opacity:.72}

/* cases */
.cases{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:44px}
.case{padding:28px 26px;border:1px solid rgba(255,255,255,.10);background:linear-gradient(180deg,#17181a,#121315);clip-path:polygon(0 0,96% 0,100% 10%,100% 100%,4% 100%,0 90%)}
.case .pl{font:700 10px/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;letter-spacing:.2em;text-transform:uppercase;color:#d2d2d2}
.case h3{margin:16px 0 8px;font-size:20px;color:#eceae4;letter-spacing:-.02em}
.case p{margin:0;color:#8f9296;font-size:14px;line-height:1.6}
.case .res{margin-top:18px;padding-top:14px;border-top:1px solid rgba(255,255,255,.09);color:#d9d7d1;font-size:13px;line-height:1.5}
.case .res b{color:#f0eee8}
@media(max-width:900px){.cases{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.cases{grid-template-columns:minmax(0,1fr)}}

/* platforms */
.platforms{display:flex;flex-wrap:wrap;gap:10px;margin-top:34px}
.platforms span{padding:13px 18px;border:1px solid rgba(255,255,255,.12);background:#161719;color:#d9d7d1;font-size:14px;font-weight:600;clip-path:polygon(0 0,94% 0,100% 30%,100% 100%,6% 100%,0 70%)}

/* select */
.project-field select{width:100%;height:58px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.018) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%238b8d90' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right 18px center;color:#f1f1ed;padding:0 44px 0 18px;border-radius:0;outline:none;font-size:16px;-webkit-appearance:none;appearance:none;cursor:pointer;transition:border-color .2s}
.project-field select:focus{border-color:rgba(255,255,255,.42)}
.project-field select option{background:#151618;color:#f1f1ed}
.project-field select.empty{color:#6c6c72}
.project-form .grid2f{display:grid;grid-template-columns:1fr 1fr;gap:18px}
@media(max-width:620px){.project-form .grid2f{grid-template-columns:minmax(0,1fr)}.project-field select{height:54px}}
/* contact section (bottom form everywhere) */
.project-contact .project-shell{max-width:760px}
.lead-done{text-align:center;padding:26px 8px 10px}
.lead-done-mark{width:58px;height:58px;margin:0 auto 16px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.28);color:#f0eee8;font-size:24px;clip-path:polygon(0 0,86% 0,100% 14%,100% 100%,14% 100%,0 86%);background:linear-gradient(180deg,#26272a,#151618)}
.lead-done b{display:block;font-size:20px;letter-spacing:-.02em;color:#f0eee8}
.lead-done p{margin:8px 0 0;color:#8e9093;font-size:13px}
.project-tg-hint a+a{margin-left:14px}

/* scroll to top */
.totop{position:fixed;left:24px;bottom:24px;width:52px;height:52px;z-index:118;display:grid;place-items:center;cursor:pointer;border:1px solid rgba(255,255,255,.22);color:#f0eee8;background:linear-gradient(180deg,#26272a,#151618);clip-path:polygon(0 0,86% 0,100% 14%,100% 100%,14% 100%,0 86%);opacity:0;visibility:hidden;transform:translateY(14px);transition:opacity .3s,transform .3s,visibility .3s,background .2s,border-color .2s;box-shadow:0 14px 40px rgba(0,0,0,.45)}
.totop.show{opacity:1;visibility:visible;transform:none}
.totop:hover{background:#e9e6df;color:#17181a;border-color:#e9e6df}
.totop svg{width:20px;height:20px}
@media(max-width:620px){.totop{left:14px;bottom:14px;width:46px;height:46px}}

/* footer */
.footnav{flex-wrap:wrap}
.foot-contacts{display:flex;gap:18px;flex-wrap:wrap;margin-top:12px;font-size:13px}
.foot-contacts a{color:#c7c7c9;border-bottom:1px solid rgba(255,255,255,.18)}
.transcript{display:none!important}

/* LeadSeller: graphite and silver, original display typography. */
:root{--ember:#d2d2d2;--bone:#efeeea;--muted:#939598}
body{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
button,input,textarea,select{font-family:inherit}
.callcard .pipe>div.hot span{background:linear-gradient(145deg,#ececea,#a8aaad);border-color:#d6d7d8;color:#17181a;box-shadow:0 0 0 5px rgba(255,255,255,.04),0 0 18px rgba(255,255,255,.10)}
.callcard .pipe b{font-weight:650}
.review .stars,.stat b i,.case .pl{color:#c4c6c9}