@charset "UTF-8";
:root{--accent:#2454eb;--ink:#151b29;--muted:#596375;--paper:#fff;--line:#dce1e9;--sans:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 var(--sans);-webkit-font-smoothing:antialiased}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:var(--accent);text-underline-offset:4px}a:hover{text-decoration-thickness:2px}a:focus-visible,summary:focus-visible{outline:2px solid currentColor;outline-offset:5px}img{display:block;max-width:100%;height:auto}h1,h2,h3,h4{line-height:1.08;letter-spacing:-.045em;margin:0 0 24px;font-weight:650}h1{font-size:clamp(42px,6.3vw,84px)}h2{font-size:clamp(30px,3.8vw,48px)}h3{font-size:25px}p{margin:0 0 22px}figure{margin:0}figcaption{font-size:13px;color:var(--muted);padding-top:12px}.container{width:calc(100% - 48px);max-width:1180px;margin-inline:auto}.container.narrow,.narrow{max-width:780px}.section{padding:88px 0}.eyebrow{display:block;font:600 11px/1.6 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-bottom:22px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:48px;margin-bottom:40px}.section-heading h2{max-width:680px;margin:0}.section-heading p{max-width:360px;color:var(--muted);margin:0}.grid-two,.grid-three,.post-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.grid-three,.post-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.card{border:1px solid var(--line);padding:32px;background:#fff;min-width:0}.card h3{margin:32px 0 18px}.card p{color:var(--muted);font-size:15px;margin-bottom:0}.card .eyebrow{margin-bottom:0}.card-icon{display:block;color:var(--accent);font-size:28px}.button{display:inline-flex;justify-content:center;align-items:center;gap:28px;background:var(--accent);border:1px solid var(--accent);color:#fff;padding:14px 24px;text-decoration:none;font-size:14px;font-weight:600}.button:hover{filter:brightness(.9)}.button.secondary{background:transparent;color:var(--ink);border-color:var(--line)}.button-row{padding:10px 0}.text-link{font-weight:600;font-size:14px}.tinted-section{background:#f3f5f9}.hero{padding:96px 0 80px;border-bottom:1px solid var(--line)}.hero-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:64px;align-items:center}.hero h1{margin-bottom:28px}.hero h1 span,.serif-italic{color:var(--accent);font-style:normal}.lede{font-size:18px;line-height:1.7;color:var(--muted);max-width:580px}.hero-actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:34px}.hero-note{font-size:12px;color:var(--muted);margin-top:26px}.build-board{background:#f1f4fa;border:1px solid var(--line);padding:24px}.board-bar{display:flex;justify-content:space-between;font:11px/1.5 ui-monospace,monospace;border-bottom:1px solid #cdd5e4;padding-bottom:20px}.board-label{color:var(--accent)}.board-title{font-size:28px;margin:36px 0 24px;letter-spacing:-1px;font-weight:600}.board-modules{display:grid;grid-template-columns:1fr 1fr;gap:12px}.board-module{padding:24px 16px;background:#fff;border:1px solid var(--line);font-size:13px}.board-module span{display:block;color:var(--accent);font:12px ui-monospace,monospace;margin-bottom:20px}.board-module:last-child{background:var(--ink);color:white}.board-status{display:flex;align-items:center;gap:10px;border-top:1px solid #cdd5e4;margin-top:24px;padding-top:20px;font:11px ui-monospace,monospace}.board-status:before{content:"";width:7px;height:7px;background:var(--accent)}.trust-strip{border-bottom:1px solid var(--line);padding:24px 0}.trust-inner{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;font-size:13px;font-weight:600}.trust-inner span:first-child{font-size:10px;color:var(--muted);letter-spacing:.12em}.manifesto{display:grid;grid-template-columns:1fr 1fr;gap:80px}.manifesto p{color:var(--muted)}.numbered-list{padding:0;margin:0;list-style:none;counter-reset:step}.numbered-list li{counter-increment:step;border-top:1px solid var(--line);padding:24px 0 24px 46px;position:relative}.numbered-list li:before{content:"0" counter(step);position:absolute;left:0;color:var(--accent);font:12px ui-monospace,monospace}.numbered-list strong{font-size:20px}.numbered-list p{font-size:14px;margin:10px 0 0}.cta-box{padding:48px;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:32px}.cta-box h2{max-width:700px}.cta-box p{color:#bfc9d9;margin:0}.cta-box .eyebrow{color:#a9bbff}.cta-box .button{flex-shrink:0}.page-intro{padding:48px 0}.page-intro h1{max-width:1000px}.breadcrumbs ol{display:flex;gap:12px;flex-wrap:wrap;list-style:none;padding:0;margin:0 0 32px;font-size:12px}.breadcrumbs li+li:before{content:"/";margin-right:12px;color:var(--muted)}.breadcrumbs a{color:var(--muted)}.page-content{overflow-wrap:anywhere}.page-content pre{overflow:auto;background:#f3f5f9;padding:24px}.page-content table{display:block;overflow:auto;border-collapse:collapse}.page-content th,.page-content td{border:1px solid var(--line);padding:12px;text-align:left}.page-content details{border-bottom:1px solid var(--line);padding:24px 0}.page-content summary{cursor:pointer;font-weight:600}.page-content details p{margin-top:18px;color:var(--muted)}.spacer{height:60px}.gallery-placeholder{display:grid;place-items:center;min-height:220px;background:#f3f5f9;border:1px dashed #a7b3c5;color:var(--muted)}blockquote{margin:32px 0;padding:24px 32px;border-left:3px solid var(--accent);background:#f3f5f9;font-size:24px}blockquote cite{font-size:13px;font-style:normal;color:var(--muted)}.article-content>.section>.container{max-width:780px}.article-content h2{margin-top:40px}.summary{padding:24px;border:1px solid var(--line);margin-bottom:32px}.summary p{margin:12px 0 0}.featured-image img{width:100%;max-height:600px;object-fit:cover}.byline{display:flex;gap:14px;font-size:12px}.byline strong,.byline div>span{display:block}.byline div>span{color:var(--muted)}.author-avatar{display:grid;place-items:center;width:40px;height:40px;background:#edf1fa}.author-note,.source-notes{border-top:1px solid var(--line);padding:40px 0;margin-bottom:40px}.author-note h2,.source-notes h2{font-size:25px}.tag-list{display:flex;gap:12px;flex-wrap:wrap}.tag-list a{font-size:12px;border:1px solid var(--line);padding:4px 12px}.archive-intro{padding:80px 0 16px}.post-card{border:1px solid var(--line);min-width:0}.post-card-content{padding:28px}.post-card h2{font-size:26px}.post-card h2 a{color:var(--ink);text-decoration:none}.post-card p{font-size:14px;color:var(--muted)}.post-card .eyebrow{font-size:9px}.post-image{width:100%;height:220px;object-fit:cover}.post-art{height:200px;background:#eef2fa;position:relative;display:grid;place-items:center;color:var(--accent)}.post-art>span{font-size:90px}.post-art small{position:absolute;left:24px;bottom:18px;font:10px ui-monospace,monospace}.art-1{background:#e4eaff}.art-2{background:#e7eaee}.read-link{display:flex;justify-content:space-between;font-size:13px;font-weight:600}.pagination{display:flex;justify-content:center;gap:28px;padding-top:40px}.not-found{padding:80px 0;min-height:60vh}.wordmark{font-size:29px;letter-spacing:-1px;font-weight:650;text-decoration:none}.wordmark span{color:#9bb1ff}.footer-cta{display:flex;align-items:center;justify-content:space-between;gap:32px;padding-bottom:48px;margin-bottom:48px;border-bottom:1px solid #ffffff30}.footer-cta h2{font-size:clamp(28px,3.5vw,44px)}.footer-cta p{opacity:.75;margin-bottom:0}.footer-main{display:flex;justify-content:space-between;gap:40px;padding-bottom:40px}.footer-main p{font-size:14px;max-width:380px;margin:16px 0 0}.site-footer nav ul{display:flex;gap:28px;list-style:none;margin:0;padding:0;flex-wrap:wrap}.site-footer nav ul ul{display:block;margin-top:10px}.site-footer nav a{font-size:13px;text-decoration:none}.site-footer a:hover{text-decoration:underline}.business-details{font-style:normal;font-size:13px;padding-bottom:24px}.business-details p{margin:8px 0}.footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;border-top:1px solid #ffffff30;padding-top:24px;font-size:12px}.skip-link{position:fixed;top:-100px;left:16px;background:var(--accent);color:white;z-index:1000;padding:12px 20px}.skip-link:focus{top:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(max-width:1000px){.hero-grid{gap:32px}.hero h1{font-size:58px}.post-grid{grid-template-columns:1fr 1fr}.card{padding:24px}.manifesto{gap:40px}.section-heading{gap:32px}}
@media(max-width:700px){.container{width:calc(100% - 36px)}.section{padding:56px 0}.hero{padding:56px 0}.hero-grid,.grid-two,.grid-three,.post-grid,.manifesto{grid-template-columns:1fr}.hero h1{font-size:clamp(42px,11vw,66px)}.hero-grid{gap:36px}.lede{font-size:16px}.section-heading{display:block}.section-heading p{margin-top:24px}.trust-inner{justify-content:flex-start;gap:16px 24px}.trust-inner span:first-child{width:100%}.card{padding:28px}.cta-box{padding:32px 24px;align-items:start;flex-direction:column}.footer-main,.footer-cta{flex-direction:column;align-items:start}.footer-main{gap:28px}.site-footer nav ul{gap:18px}.page-intro{padding:32px 0}.archive-intro{padding-top:48px}.board-module{padding:20px 12px}.board-title{font-size:24px}.footer-bottom{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Compatibility with existing editorial hero markup. */
.hero-art{min-height:360px;display:grid;place-items:center;position:relative;background:#f1f4fa;border:1px solid var(--line);overflow:hidden}.hero-art .art-star{font:110px/1 ui-monospace,monospace;color:var(--accent)}.hero-art .art-corner,.hero-art .art-label{position:absolute;font:10px ui-monospace,monospace;letter-spacing:.08em}.hero-art .art-corner{left:24px;top:24px}.hero-art .art-label{left:24px;bottom:24px}.cta-box .serif-italic{color:#a9bbff}
/* Professional editor sections: published classes, with responsive grids. */
.pro-section .pro-intro{max-width:760px;margin-bottom:40px}.pro-description{color:inherit;opacity:.75;max-width:650px}.pro-grid{display:grid;gap:24px}.pro-columns-1{grid-template-columns:minmax(0,1fr)}.pro-columns-2{grid-template-columns:repeat(2,minmax(0,1fr))}.pro-columns-3{grid-template-columns:repeat(3,minmax(0,1fr))}.pro-columns-4{grid-template-columns:repeat(4,minmax(0,1fr))}.pro-item{min-width:0;border:1px solid var(--line);padding:28px}.pro-item h3{font-size:24px;line-height:1.25;margin:16px 0}.pro-item p{margin:12px 0;font-size:14px}.pro-item-text{opacity:.8;white-space:pre-line}.pro-item-note{font-size:12px!important;opacity:.7}.pro-item-value{font-size:36px!important;line-height:1.2;letter-spacing:-.04em;font-weight:650;color:var(--accent)}.pro-item-link{display:inline-block;margin-top:18px;font-size:13px;font-weight:600;overflow-wrap:anywhere}.pro-photo{min-width:0}.pro-photo img{width:100%;aspect-ratio:4 / 3;object-fit:cover}.pro-photo .gallery-placeholder{min-height:220px}.pro-hero>.container,.pro-split>.container{display:grid;grid-template-columns:1.15fr 1fr;gap:56px;align-items:center}.pro-hero .pro-intro,.pro-split .pro-intro{margin-bottom:0}.pro-hero .pro-title{font-size:clamp(40px,5.5vw,76px)}.pro-hero .pro-button,.pro-split .pro-button{margin-top:12px}.pro-image-left>.container>.pro-photo{order:-1}.pro-team .pro-photo img{aspect-ratio:1 / 1}.pro-projects .pro-photo{margin:-28px -28px 24px}.pro-logos .pro-photo img{aspect-ratio:3 / 2;object-fit:contain;max-height:120px}.pro-logos .pro-photo .gallery-placeholder{min-height:100px}.pro-logos .pro-item-title{font-size:16px}.pro-testimonials .pro-item-text{font-size:20px;line-height:1.6}.pro-testimonials .pro-item-title{font-size:17px;margin-top:28px}.pro-pricing .pro-item{border-top:3px solid var(--accent)}.pro-cta{background:#eef2ff}.pro-cta .pro-intro{margin:0 auto;text-align:center}.pro-contact .pro-item-title{font-size:20px}.pro-item.is-highlighted{background:#eef2ff;border-color:var(--accent);color:#151b29}.pro-section hr{border:0;border-top:1px solid var(--line)}
@media(max-width:1000px){.pro-columns-4{grid-template-columns:repeat(2,minmax(0,1fr))}.pro-hero>.container,.pro-split>.container{gap:32px}}
@media(max-width:700px){.pro-columns-2,.pro-columns-3,.pro-columns-4,.pro-hero>.container,.pro-split>.container{grid-template-columns:minmax(0,1fr)}.pro-image-left>.container>.pro-photo{order:0}.pro-section .pro-intro{margin-bottom:28px}.pro-hero .pro-intro,.pro-split .pro-intro{margin-bottom:0}.pro-hero .pro-title{font-size:44px}.pro-item{padding:24px}.pro-projects .pro-photo{margin:-24px -24px 24px}}
/* Content migrated from InvenLab: native, flat layouts without Bootstrap or scripts. */
.page-intro.content-has-title{padding-bottom:0}.page-intro.content-has-title .breadcrumbs ol{margin-bottom:0}.invenlab-import{overflow-wrap:anywhere}.invenlab-import .container .container{width:100%;max-width:none}.invenlab-import article>h2,.invenlab-import .svc-detail>h2{margin-top:48px}.invenlab-import .section{padding:64px 0}.invenlab-import .card{display:block;min-width:0;color:inherit;text-decoration:none}.invenlab-import a.card:hover{border-color:var(--accent)}.invenlab-import .card h2{font-size:28px}.invenlab-import .card h3,.invenlab-import .card h4{margin:18px 0;font-size:23px}.invenlab-import .card p+p{margin-top:16px}.invenlab-import .card ul{padding-left:20px;font-size:14px}.invenlab-import .card p:last-child{margin-bottom:0}.invenlab-import .eyebrow{margin-bottom:18px}.invenlab-import h1{max-width:1050px}.invenlab-import h2{max-width:1000px}.invenlab-import .gradient-text,.invenlab-import h1 em{color:var(--accent);font-style:normal}.invenlab-import .kt-hero-lead,.invenlab-import .svc-detail-intro,.invenlab-import .cs-subhead,.invenlab-import .cs-lead,.invenlab-import .svc-index-hero-copy{font-size:18px;color:var(--muted);max-width:900px}.invenlab-import .kt-section-header,.invenlab-import .cs-section-head,.invenlab-import .svc-index-section-head{margin-bottom:36px}.invenlab-import .kt-section-header p,.invenlab-import .cs-section-head p{max-width:850px}.invenlab-import .kt-hero-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;border-top:1px solid var(--line);margin-top:40px;padding-top:28px}.invenlab-import .kt-hero-stat-num{font-size:28px;font-weight:650;line-height:1.3}.invenlab-import .kt-hero-stat-label{font-size:12px;color:var(--muted)}.invenlab-import .kt-hero-badge{font-size:11px;letter-spacing:.14em;color:var(--accent);text-transform:uppercase;margin-bottom:24px}.invenlab-import .kt-trust-strip{padding:24px;border-block:1px solid var(--line);background:#f3f5f9}.invenlab-import .kt-trust-label{text-align:center;font-size:12px}.invenlab-import .kt-trust-logos{display:flex;gap:32px;justify-content:center;flex-wrap:wrap}.invenlab-import .trust-logo-item{font-size:13px;font-weight:600}.invenlab-import .service-card-link,.invenlab-import .cs-index-card-link{display:inline-block;margin-top:22px;font-size:13px;color:var(--accent);font-weight:600}.invenlab-import .kt-process-step,.invenlab-import .cs-index-card-number{font:12px ui-monospace,monospace;color:var(--accent)}.invenlab-import .svc-detail-callout,.invenlab-import .about-hero-note,.invenlab-import .svc-index-hero-panel{padding:32px;background:#f3f5f9;border-left:3px solid var(--accent);margin:28px 0}.invenlab-import .svc-detail-callout span,.invenlab-import .about-hero-note>span{display:block;font-size:12px;color:var(--accent);margin-bottom:12px}.invenlab-import .about-hero-note>strong{font-size:32px;line-height:1.2;display:block;margin-bottom:20px}.invenlab-import .svc-detail-list li{padding:14px 0}.invenlab-import .svc-detail-list strong{font-weight:650}.invenlab-import .about-section-label,.invenlab-import .cs-eyebrow,.invenlab-import .svc-index-card-label,.invenlab-import .cs-tag{display:block;color:var(--accent);font-size:11px;letter-spacing:.1em;margin-bottom:18px}.invenlab-import .svc-index-card-grid,.invenlab-import .cs-index-grid,.invenlab-import .svc-detail-grid{margin:32px 0}.invenlab-import .svc-index-category{margin-top:48px}.invenlab-import .svc-index-steps{padding-left:22px}.invenlab-import .svc-index-steps li{padding:16px}.invenlab-import .cs-hero-chips,.invenlab-import .cs-journey{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.invenlab-import .cs-chip,.invenlab-import .cs-journey-step{padding:7px 12px;font-size:12px;background:#eef2ff;border:1px solid var(--line)}.invenlab-import .cs-stats{padding:28px;border:1px solid var(--line);margin-top:32px}.invenlab-import .cs-stat-num{font-size:36px;font-weight:650;color:var(--accent)}.invenlab-import .cs-stat-label{font-size:13px}.invenlab-import .cs-stat{padding:12px 0}.invenlab-import .cs-before,.invenlab-import .cs-after{padding:28px;border:1px solid var(--line)}.invenlab-import .cs-after{background:#f3f5f9}.invenlab-import .kt-cta-box,.invenlab-import .cs-cta,.invenlab-import .svc-index-cta,.invenlab-import .cs-index-cta{padding:40px;background:#eef2ff;margin:36px 0}.invenlab-import .cc-panel{padding:32px 0;border-top:1px solid var(--line)}.invenlab-import .cc-tabbar{display:none}.invenlab-import .cc-hero-media img,.invenlab-import img{border:1px solid var(--line);margin:20px 0}.invenlab-import .cc-hero-checks{padding-left:22px}.invenlab-import .cc-hero-checks li{padding:8px 0}.invenlab-import .kt-contact-card{margin-bottom:16px}.invenlab-import .import-contact-handoff{margin:24px 0}.invenlab-import .contact-faq-grid{margin-top:32px}.invenlab-import .contact-faq-content{padding:40px 0}.invenlab-import .button{margin:8px 12px 8px 0}.invenlab-import table{font-size:14px}.invenlab-import th,.invenlab-import td{min-width:140px}.invenlab-import .kt-faq-item{border-bottom:1px solid var(--line);padding:24px 0}.invenlab-import .kt-faq-item h3{font-size:20px}.invenlab-import .card .section{padding:0}.invenlab-import .card .container{width:100%}
@media(max-width:700px){.invenlab-import .section{padding:44px 0}.invenlab-import h1{font-size:42px}.invenlab-import .kt-hero-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.invenlab-import .kt-trust-logos{gap:16px}.invenlab-import .kt-cta-box,.invenlab-import .cs-cta,.invenlab-import .svc-index-cta,.invenlab-import .cs-index-cta{padding:28px 20px}.invenlab-import .kt-hero-lead,.invenlab-import .svc-detail-intro,.invenlab-import .cs-lead{font-size:16px}}
.invenlab-import .cc-tabpanel{padding:32px 0;border-top:1px solid var(--line)}.invenlab-import .cc-panel-tag{display:block;color:var(--accent);font-size:11px;margin-bottom:16px}.invenlab-import .cc-panel-title{font-size:30px}.invenlab-import .cs-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.invenlab-import .cs-compare-item{border:1px solid var(--line);padding:28px}.invenlab-import .cs-compare-tag{font-size:11px;color:var(--accent);display:block;margin-bottom:16px}.invenlab-import .kt-cta{padding:40px;background:#eef2ff;margin:36px 0}.invenlab-import>.container{padding-top:40px;padding-bottom:40px}
@media(max-width:700px){.invenlab-import .cs-compare{grid-template-columns:minmax(0,1fr)}.invenlab-import .kt-cta{padding:28px 20px}}
.invenlab-import .cc-hero h1,.invenlab-import .cs-hero h1{font-size:clamp(40px,4.3vw,62px)}

/* ==========================================================================
   2026 site refresh
   A softer, more confident product-studio system layered over the core blocks.
   ========================================================================== */
:root{--ink:#0d1628;--muted:#5a677c;--paper:#ffffff;--paper-soft:#f5f7fb;--line:#dfe5ee;--accent-soft:#eef1ff;--radius:18px;--shadow:0 28px 70px rgba(15,23,42,.10);--shadow-sm:0 12px 30px rgba(15,23,42,.06)}
body{background:var(--paper);color:var(--ink);font-size:16px;line-height:1.68}
h1,h2,h3,h4{color:var(--ink);line-height:1.06;letter-spacing:-.045em;margin:0 0 20px;font-weight:650}
h1{font-size:clamp(44px,5.6vw,76px)}
h2{font-size:clamp(30px,3.4vw,46px)}
h3{font-size:22px;line-height:1.25}
h4{font-size:18px;line-height:1.35}
p{margin:0 0 20px}
a{text-underline-offset:4px}
img{max-width:100%;height:auto}
.container{width:calc(100% - 56px);max-width:1200px;margin-inline:auto}
.container.narrow,.narrow{max-width:780px}
.section{padding:104px 0}
.section.tight{padding:72px 0}
.tinted-section{background:var(--paper-soft)}
.eyebrow{display:block;font:700 11px/1.5 var(--sans);letter-spacing:.15em;text-transform:uppercase;color:var(--accent);margin-bottom:18px}
.badge{display:inline-flex;align-items:center;gap:8px;padding:7px 13px;margin-bottom:24px;border:1px solid #dce2ff;border-radius:999px;background:var(--accent-soft);color:var(--accent);font:700 10px/1.4 var(--sans);letter-spacing:.13em;text-transform:uppercase}
.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}
.text-accent{color:var(--accent)}
.lede{font-size:19px;line-height:1.68;color:var(--muted);max-width:640px}
.section-head{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.65fr);gap:64px;align-items:end;margin-bottom:48px}
.section-head h2{margin:0;max-width:730px}
.section-head p{max-width:450px;margin:0;color:var(--muted);font-size:16px}
.section-head.centered{display:block;max-width:800px;margin:0 auto 48px;text-align:center}
.section-head.centered p{margin:18px auto 0}
.section-heading{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.65fr);gap:64px;align-items:end;margin-bottom:48px}
.section-heading h2{margin:0;max-width:730px}
.section-heading p{max-width:450px;margin:0;color:var(--muted)}
.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 22px;border-radius:10px;border:1px solid var(--accent);background:var(--accent);color:#fff;font-size:14px;font-weight:650;line-height:1.3;text-decoration:none;box-shadow:0 12px 26px rgba(56,69,255,.20);transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease}
.button:hover{filter:none;transform:translateY(-1px);box-shadow:0 16px 30px rgba(56,69,255,.24);text-decoration:none}
.button.secondary{background:#fff;border-color:var(--line);color:var(--ink);box-shadow:none}
.button.secondary:hover{border-color:#b8c2d3;background:#fbfcff}
.button.on-dark{background:#fff;border-color:#fff;color:var(--ink);box-shadow:none}
.button.on-dark:hover{background:#eef1ff}
.button.outline-dark{background:transparent;border-color:rgba(255,255,255,.35);color:#fff;box-shadow:none}
.button.outline-dark:hover{border-color:#fff;background:rgba(255,255,255,.08)}
.button-row{padding:0}
.hero-actions,.cta-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.hero-note{font-size:12.5px;color:var(--muted);margin:22px 0 0;max-width:560px}

/* Hero */
.hero{position:relative;overflow:hidden;padding:92px 0 88px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 82% 18%,rgba(56,69,255,.13),transparent 32%),radial-gradient(circle at 12% 0%,rgba(148,163,255,.14),transparent 28%),linear-gradient(180deg,#f8faff 0%,#fff 82%)}
.hero:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(56,69,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(56,69,255,.045) 1px,transparent 1px);background-size:64px 64px;opacity:.55;mask-image:linear-gradient(180deg,#000 0%,transparent 80%)}
.hero>.container{position:relative;z-index:1}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:70px;align-items:center}
.hero h1{max-width:760px;margin-bottom:24px}
.hero h1 span{color:var(--accent);font-style:normal}
.hero .lede{max-width:620px}
.hero-note strong{color:var(--ink);font-weight:650}
.hero-mini-list{display:flex;flex-wrap:wrap;gap:12px 22px;margin:28px 0 0;padding:0;list-style:none;font-size:13px;color:var(--muted)}
.hero-mini-list li{display:inline-flex;align-items:center;gap:8px}
.hero-mini-list li:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);flex:none}
.page-hero{position:relative;overflow:hidden;padding:72px 0 62px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 86% 12%,rgba(56,69,255,.12),transparent 30%),linear-gradient(180deg,#f9faff 0%,#fff 100%)}
.page-hero .container{position:relative;z-index:1}
.page-hero h1{max-width:960px;font-size:clamp(38px,4.8vw,64px);margin-bottom:22px}
.page-hero .lede{max-width:720px}
.page-hero-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.55fr);gap:64px;align-items:end}
.page-hero-aside{padding:26px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow-sm)}
.page-hero-aside .eyebrow{margin-bottom:12px}
.page-hero-aside p{font-size:14px;color:var(--muted);margin:0}
.page-intro{padding:28px 0 0}
.page-intro.content-has-title{padding-bottom:0}
.page-intro.content-has-title .breadcrumbs ol{margin-bottom:20px}
.breadcrumbs ol{display:flex;gap:10px;flex-wrap:wrap;list-style:none;padding:0;margin:0 0 20px;font-size:12px;color:var(--muted)}
.breadcrumbs li+li:before{content:"/";margin-right:10px;color:#a5afc0}
.breadcrumbs a{color:var(--muted)}

/* Trust rail and proof */
.trust-rail{padding:22px 0;border-bottom:1px solid var(--line);background:#fff}
.trust-rail .container{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.trust-rail-label{font:700 9.5px/1.4 var(--sans);letter-spacing:.15em;text-transform:uppercase;color:var(--muted)}
.trust-items{display:flex;align-items:center;gap:12px 28px;flex-wrap:wrap;font-size:13px;font-weight:600;color:#354258}
.trust-items span{display:inline-flex;align-items:center;gap:8px}
.trust-items span:before{content:"";width:5px;height:5px;border-radius:50%;background:#aab6c9;flex:none}
.trust-strip{border-bottom:1px solid var(--line);padding:24px 0}
.trust-inner{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;font-size:13px;font-weight:600}
.trust-inner span:first-child{font-size:10px;color:var(--muted);letter-spacing:.12em}
.metric-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#fff}
.metric{padding:28px;border-right:1px solid var(--line);min-width:0}
.metric:last-child{border-right:0}
.metric-value{display:block;font-size:34px;line-height:1.1;letter-spacing:-.05em;font-weight:650;color:var(--ink)}
.metric-label{display:block;margin-top:8px;font-size:12px;line-height:1.5;color:var(--muted)}

/* Cards and content grids */
.grid-two,.grid-three,.post-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.grid-three,.post-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.card{min-width:0;padding:30px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow-sm);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.card:hover{transform:translateY(-2px);border-color:#c9d3e2;box-shadow:var(--shadow)}
.card h3{margin:0 0 10px;font-size:21px}
.card p{font-size:14.5px;line-height:1.65;color:var(--muted);margin:0}
.card .eyebrow{margin-bottom:14px}
.card-icon{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--accent-soft);color:var(--accent);font:700 13px/1 ui-monospace,monospace;margin-bottom:20px}
.problem-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.problem-card{padding:26px;border:1px solid var(--line);border-radius:16px;background:#fff}
.problem-number{display:block;margin-bottom:28px;font:700 11px/1 ui-monospace,monospace;letter-spacing:.08em;color:var(--accent)}
.problem-card h3{font-size:17px;line-height:1.3;margin:0 0 10px}
.problem-card p{font-size:13.5px;line-height:1.6;color:var(--muted);margin:0}
.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.feature-card{min-width:0;padding:28px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.feature-card:hover{transform:translateY(-3px);border-color:#c9d3e2;box-shadow:var(--shadow)}
.feature-card h3{font-size:19px;line-height:1.3;margin:0 0 10px}
.feature-card p{font-size:14px;line-height:1.65;color:var(--muted);margin:0}
.feature-icon{display:inline-grid;place-items:center;width:42px;height:42px;margin-bottom:22px;border-radius:12px;background:var(--accent-soft);color:var(--accent);font:700 12px/1 ui-monospace,monospace;letter-spacing:.02em}
.feature-link{display:inline-flex;align-items:center;gap:8px;margin-top:20px;font-size:13px;font-weight:650;text-decoration:none}
.feature-link:after{content:"→";transition:transform .18s ease}
.feature-link:hover{text-decoration:none}
.feature-link:hover:after{transform:translateX(3px)}
.audience-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.audience-card{display:flex;flex-direction:column;min-width:0;padding:30px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}
.audience-card h3{font-size:20px;margin:0 0 10px}
.audience-card p{font-size:14px;line-height:1.65;color:var(--muted);margin:0}
.audience-card .feature-link{margin-top:auto;padding-top:24px}
.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.service-card{display:flex;flex-direction:column;min-width:0;padding:32px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;color:inherit;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.service-card:hover{transform:translateY(-3px);border-color:#c5d0df;box-shadow:var(--shadow);text-decoration:none}
.service-number{display:block;margin-bottom:38px;font:700 11px/1 ui-monospace,monospace;letter-spacing:.1em;color:var(--accent)}
.service-card h3{font-size:23px;line-height:1.22;margin:0 0 12px}
.service-card p{font-size:14px;line-height:1.65;color:var(--muted);margin:0}
.service-link{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:auto;padding-top:28px;font-size:13px;font-weight:650;color:var(--accent)}
.service-link:after{content:"↗";font-size:15px}
.chip-row{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 0;padding:0;list-style:none}
.chip{padding:7px 11px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:12px;color:#3f4c61}

/* Splits, checklists and visual placeholders */
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:72px;align-items:center}
.split-copy{min-width:0}
.split-visual{min-width:0}
.split.reverse .split-copy{order:2}
.split h2{max-width:600px}
.split p{color:var(--muted)}
.check-list{display:grid;gap:12px;margin:26px 0 0;padding:0;list-style:none}
.check-list li{position:relative;padding-left:28px;font-size:14.5px;line-height:1.55;color:var(--ink)}
.check-list li:before{content:"";position:absolute;left:1px;top:.55em;width:12px;height:7px;border-left:2px solid var(--accent);border-bottom:2px solid var(--accent);transform:rotate(-45deg)}
.check-list.muted li{color:var(--muted)}
.image-placeholder{position:relative;display:grid;place-items:center;min-height:320px;padding:40px;border:1px dashed #b9c4d8;border-radius:20px;background:linear-gradient(135deg,#f8faff 0%,#eef2ff 100%);text-align:center;overflow:hidden}
.image-placeholder:before{content:"";position:absolute;inset:18px;border:1px solid rgba(56,69,255,.12);border-radius:14px;pointer-events:none}
.image-placeholder .placeholder-mark{position:relative;display:grid;place-items:center;width:52px;height:52px;margin:0 auto 16px;border-radius:50%;background:#fff;border:1px solid #d9e0ee;color:var(--accent);font-size:22px}
.image-placeholder .placeholder-label{position:relative;display:block;font-size:13px;font-weight:650;color:var(--ink)}
.image-placeholder .placeholder-note{position:relative;display:block;max-width:310px;margin:6px auto 0;font-size:12px;line-height:1.5;color:var(--muted)}
.image-placeholder.portrait{min-height:420px}
.image-placeholder.compact{min-height:250px}

/* Product UI preview */
.product-mockup{position:relative;min-width:0}
.mockup-window{overflow:hidden;border:1px solid #d7dfec;border-radius:16px;background:#fff;box-shadow:0 40px 80px rgba(20,32,60,.16),0 2px 0 rgba(255,255,255,.8) inset}
.mockup-bar{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid #e8edf5;background:#f5f7fb}
.mockup-dots{display:flex;gap:5px}
.mockup-dots span{display:block;width:7px;height:7px;border-radius:50%;background:#c8d1df}
.mockup-brand{margin-left:auto;font:650 9px/1.4 var(--sans);letter-spacing:.13em;text-transform:uppercase;color:#6b7890}
.mockup-body{display:grid;grid-template-columns:140px minmax(0,1fr);min-height:360px}
.mockup-sidebar{padding:18px 14px;background:#0e172b;color:#fff}
.mockup-logo{display:flex;align-items:center;gap:8px;font:650 11px/1.2 var(--sans);letter-spacing:-.02em}
.mockup-logo:before{content:"";width:17px;height:17px;border-radius:5px;background:linear-gradient(135deg,var(--accent),#9aa7ff)}
.mockup-nav{display:grid;gap:7px;margin-top:26px}
.mockup-nav span{display:block;padding:8px 9px;border-radius:7px;background:rgba(255,255,255,.05);font-size:8.5px;letter-spacing:.03em;color:#c8d3e6}
.mockup-nav span.is-active{background:var(--accent);color:#fff;box-shadow:0 8px 16px rgba(56,69,255,.3)}
.mockup-main{min-width:0;padding:18px;background:#fbfcff}
.mockup-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}
.mockup-toolbar strong{font-size:13px;letter-spacing:-.02em}
.mockup-pill{padding:4px 7px;border-radius:999px;background:#e9f8ef;color:#18794e;font:650 7px/1.4 var(--sans);text-transform:uppercase;letter-spacing:.06em}
.mockup-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:11px}
.mockup-kpi{padding:10px;border:1px solid #e6ebf3;border-radius:9px;background:#fff}
.mockup-kpi span{display:block;font-size:7px;letter-spacing:.03em;color:#7d899d;text-transform:uppercase}
.mockup-kpi strong{display:block;margin-top:3px;font-size:16px;line-height:1.2;letter-spacing:-.04em;color:#14203a}
.mockup-panel{padding:12px;border:1px solid #e6ebf3;border-radius:10px;background:#fff;margin-bottom:10px}
.mockup-panel:last-child{margin-bottom:0}
.mockup-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px;font:650 7.5px/1.4 var(--sans);letter-spacing:.04em;text-transform:uppercase;color:#78859a}
.mockup-row{display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:8px;align-items:center;padding:7px 0;border-top:1px solid #f0f3f8}
.mockup-panel-head+.mockup-row{border-top:0}
.mockup-avatar{width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,#dfe6ff,#aab7ee)}
.mockup-row strong{display:block;font-size:8px;line-height:1.3;color:#2c3950}
.mockup-row small{display:block;font-size:7px;line-height:1.4;color:#8d98aa}
.mockup-status{padding:3px 6px;border-radius:999px;background:#eef1ff;color:var(--accent);font-size:7px;font-weight:650}
.mockup-status.is-green{background:#e8f8ef;color:#18794e}
.mockup-status.is-amber{background:#fff4df;color:#a15c00}
.mockup-bars{display:flex;align-items:end;gap:5px;height:52px;padding-top:4px}
.mockup-bars span{flex:1;border-radius:4px 4px 1px 1px;background:linear-gradient(180deg,var(--accent),#b1bbff)}
.mockup-bars .b1{height:35%}.mockup-bars .b2{height:58%}.mockup-bars .b3{height:46%}.mockup-bars .b4{height:74%}.mockup-bars .b5{height:62%}.mockup-bars .b6{height:88%}.mockup-bars .b7{height:70%}
.mockup-caption{display:block;margin-top:13px;font-size:11px;line-height:1.5;color:var(--muted);text-align:center}
.mockup-caption strong{color:var(--ink);font-weight:650}
.mockup-float{position:absolute;right:-14px;bottom:34px;display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid #e2e8f2;border-radius:12px;background:#fff;box-shadow:0 18px 40px rgba(20,32,60,.14)}
.mockup-float span{display:block;font-size:8px;letter-spacing:.04em;text-transform:uppercase;color:#8490a4}
.mockup-float strong{display:block;font-size:13px;letter-spacing:-.03em;color:var(--ink)}
.mockup-float .float-dot{width:9px;height:9px;border-radius:50%;background:#22a06b;box-shadow:0 0 0 4px #e7f8ef;flex:none}

/* Process, dark panels and CTA */
.dark-panel{position:relative;overflow:hidden;padding:56px;border-radius:28px;background:radial-gradient(circle at 100% 0%,rgba(56,69,255,.35),transparent 42%),linear-gradient(145deg,#0b1220 0%,#141e35 100%);color:#fff;box-shadow:var(--shadow)}
.dark-panel h2,.dark-panel h3{color:#fff}
.dark-panel p{color:#b8c4d9}
.dark-panel .eyebrow{color:#aebaff}
.steps-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-top:40px}
.step-card{padding-top:18px;border-top:1px solid rgba(255,255,255,.18)}
.step-number{display:block;margin-bottom:20px;font:700 11px/1 ui-monospace,monospace;letter-spacing:.1em;color:#aebaff}
.step-card h3{font-size:17px;line-height:1.3;margin:0 0 8px;color:#fff}
.step-card p{font-size:13px;line-height:1.6;margin:0}
.cta-panel{display:flex;align-items:center;justify-content:space-between;gap:36px;padding:56px;border-radius:26px;background:radial-gradient(circle at 92% 8%,rgba(56,69,255,.38),transparent 34%),linear-gradient(135deg,#0d1729 0%,#1b2745 100%);color:#fff;box-shadow:var(--shadow)}
.cta-panel h2{max-width:700px;margin:0;color:#fff;font-size:clamp(28px,3vw,42px)}
.cta-panel p{max-width:620px;margin:16px 0 0;color:#b9c5d9}
.cta-panel .cta-actions{margin-top:0;flex:none;justify-content:flex-end}
.cta-panel .eyebrow{color:#aebaff}
.cta-box{padding:48px;border-radius:24px;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:32px}
.cta-box h2{max-width:700px}
.cta-box p{color:#bfc9d9;margin:0}
.cta-box .eyebrow{color:#a9bbff}
.cta-box .button{flex-shrink:0}
.quote-panel{padding:34px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:var(--shadow-sm)}
.quote-panel blockquote{margin:0;padding:0;border:0;background:transparent;font-size:22px;line-height:1.5;letter-spacing:-.03em;color:var(--ink)}
.quote-panel .quote-source{margin:22px 0 0;font-size:12px;color:var(--muted)}

/* Pricing */
.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}
.pricing-card{position:relative;display:flex;flex-direction:column;min-width:0;padding:32px;border:1px solid var(--line);border-radius:20px;background:#fff}
.pricing-card.featured{border-color:#b9c2ff;box-shadow:0 24px 58px rgba(56,69,255,.14);transform:translateY(-6px)}
.pricing-badge{position:absolute;top:-12px;left:24px;padding:5px 10px;border-radius:999px;background:var(--accent);color:#fff;font:700 9px/1.4 var(--sans);letter-spacing:.12em;text-transform:uppercase}
.pricing-card h3{font-size:22px;margin:0 0 10px}
.pricing-card>p{min-height:66px;font-size:13.5px;line-height:1.6;color:var(--muted);margin:0}
.price{display:flex;align-items:baseline;gap:6px;margin:26px 0 0;font-size:44px;line-height:1;letter-spacing:-.06em;font-weight:650;color:var(--ink)}
.price span{font-size:13px;font-weight:500;letter-spacing:0;color:var(--muted)}
.price small{display:block;margin-top:8px;font-size:11px;font-weight:500;letter-spacing:0;color:var(--muted)}
.pricing-list{display:grid;gap:11px;margin:26px 0 0;padding:0;list-style:none;font-size:13.5px;line-height:1.5;color:#39465b}
.pricing-list li{position:relative;padding-left:22px}
.pricing-list li:before{content:"";position:absolute;left:1px;top:.5em;width:10px;height:6px;border-left:2px solid var(--accent);border-bottom:2px solid var(--accent);transform:rotate(-45deg)}
.pricing-cta{margin-top:auto;padding-top:30px}
.pricing-cta .button{width:100%}
.pricing-note{margin:28px 0 0;padding:18px 20px;border:1px solid var(--line);border-radius:14px;background:#fbfcff;font-size:12.5px;line-height:1.6;color:var(--muted)}
.pricing-note strong{color:var(--ink)}
.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:16px;background:#fff}
.compare-table{display:table;width:100%;min-width:660px;border-collapse:collapse;font-size:13px}
.compare-table th,.compare-table td{padding:15px 18px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.compare-table th{background:#f8faff;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#5e6b80}
.compare-table tr:last-child td{border-bottom:0}
.compare-table td:not(:first-child){text-align:center}
.compare-table td.yes{color:var(--accent);font-weight:650}
.compare-table td.no{color:#a5afbf}
.pricing-factors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.pricing-factor{padding:20px;border:1px solid var(--line);border-radius:14px;background:#fff}
.pricing-factor strong{display:block;font-size:14px;margin-bottom:5px}
.pricing-factor span{display:block;font-size:12.5px;line-height:1.5;color:var(--muted)}

/* FAQ */
.faq-list{border-top:1px solid var(--line)}
.faq-list details{padding:22px 0;border-bottom:1px solid var(--line)}
.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:24px;list-style:none;cursor:pointer;font-size:17px;line-height:1.4;font-weight:600;color:var(--ink)}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary:after{content:"+";font-size:22px;line-height:1;font-weight:400;color:var(--accent);flex:none}
.faq-list details[open] summary:after{content:"−"}
.faq-list p{margin:14px 0 0;max-width:780px;font-size:14.5px;color:var(--muted)}
.faq-layout{display:grid;grid-template-columns:minmax(260px,.55fr) minmax(0,1fr);gap:72px;align-items:start}

/* Audience and service detail pages */
.audience-detail{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:64px;padding:56px 0;border-top:1px solid var(--line)}
.audience-detail:first-of-type{border-top:0;padding-top:0}
.audience-detail h2{font-size:clamp(26px,2.4vw,34px);max-width:430px}
.audience-detail .audience-kicker{display:block;margin-bottom:14px;font:700 10px/1.4 var(--sans);letter-spacing:.13em;text-transform:uppercase;color:var(--accent)}
.pain-list{display:grid;gap:12px;margin:0;padding:0;list-style:none}
.pain-list li{position:relative;padding:14px 16px 14px 34px;border:1px solid var(--line);border-radius:12px;background:#fff;font-size:13.5px;line-height:1.55;color:#435066}
.pain-list li:before{content:"!";position:absolute;left:14px;top:14px;display:grid;place-items:center;width:14px;height:14px;border-radius:50%;background:#fff3e2;color:#a15c00;font:700 8px/1 var(--sans)}
.fit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.fit-card{padding:30px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}
.fit-card h3{font-size:20px;margin:0 0 16px}
.fit-card.is-good{border-top:3px solid #22a06b}
.fit-card.is-not{border-top:3px solid #d9a441}
.fit-card .check-list{margin-top:0}
.fit-card .check-list li:before{border-color:#22a06b}
.fit-card.is-not .check-list li:before{content:"–";border:0;transform:none;top:0;width:auto;height:auto;color:#a15c00;font-weight:700}
.service-hero{position:relative;overflow:hidden;padding:72px 0 64px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 88% 10%,rgba(56,69,255,.12),transparent 30%),linear-gradient(180deg,#f9faff 0%,#fff 100%)}
.service-hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.6fr);gap:64px;align-items:end}
.service-hero h1{max-width:820px;font-size:clamp(38px,4.8vw,62px);margin-bottom:22px}
.service-hero .lede{max-width:670px}
.service-aside{padding:26px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow-sm)}
.service-aside h3{font-size:14px;letter-spacing:-.01em;margin:0 0 12px}
.service-aside p{font-size:12.5px;line-height:1.6;color:var(--muted);margin:0}
.deliverables{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.deliverable{display:flex;gap:14px;padding:18px;border:1px solid var(--line);border-radius:14px;background:#fff}
.deliverable strong{display:block;font-size:13.5px;line-height:1.4;margin-bottom:4px}
.deliverable span{display:block;font-size:12px;line-height:1.55;color:var(--muted)}
.deliverable .deliverable-num{display:grid;place-items:center;width:28px;height:28px;flex:none;border-radius:8px;background:var(--accent-soft);color:var(--accent);font:700 10px/1 ui-monospace,monospace}
.other-services{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.other-service{display:block;padding:22px;border:1px solid var(--line);border-radius:14px;background:#fff;color:inherit;text-decoration:none;transition:border-color .18s ease,box-shadow .18s ease}
.other-service:hover{border-color:#c7d1e0;box-shadow:var(--shadow-sm);text-decoration:none}
.other-service span{display:block;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:8px;font-weight:700}
.other-service strong{display:block;font-size:15px;line-height:1.4;color:var(--ink)}

/* Blog and archive support */
.post-card{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#fff;box-shadow:var(--shadow-sm)}
.post-card-content{padding:26px}
.post-card h2{font-size:24px}
.post-image{border-radius:0}
.archive-intro{padding:72px 0 20px}
.page-content pre{border-radius:12px}
.page-content details{background:transparent}
.summary{border-radius:14px;background:#fbfcff}
.featured-image img{border-radius:18px}

@media(max-width:1100px){
  .hero-grid{gap:44px}
  .hero h1{font-size:clamp(44px,5.4vw,68px)}
  .split{gap:44px}
  .dark-panel{padding:44px}
  .cta-panel{padding:44px}
  .container{width:calc(100% - 48px)}
}
@media(max-width:960px){
  .section{padding:80px 0}
  .hero{padding:72px 0 68px}
  .hero-grid,.page-hero-grid,.service-hero-grid{grid-template-columns:minmax(0,1fr);gap:40px}
  .hero-visual{max-width:720px}
  .section-head,.section-heading{grid-template-columns:minmax(0,1fr);gap:18px}
  .section-head p,.section-heading p{max-width:620px}
  .split{grid-template-columns:minmax(0,1fr);gap:36px}
  .split.reverse .split-copy{order:0}
  .problem-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .audience-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pricing-card.featured{transform:none}
  .pricing-grid .pricing-card:last-child{grid-column:1 / -1}
  .steps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .metric-row{grid-template-columns:repeat(2,minmax(0,1fr))}
  .metric:nth-child(2){border-right:0}
  .metric:nth-child(3),.metric:nth-child(4){border-top:1px solid var(--line)}
  .cta-panel{flex-direction:column;align-items:flex-start}
  .cta-panel .cta-actions{justify-content:flex-start}
  .faq-layout{grid-template-columns:minmax(0,1fr);gap:32px}
  .audience-detail{grid-template-columns:minmax(0,1fr);gap:28px;padding:44px 0}
  .audience-detail h2{max-width:100%}
  .pricing-factors{grid-template-columns:minmax(0,1fr)}
  .deliverables{grid-template-columns:minmax(0,1fr)}
  .dark-panel{padding:38px}
}
@media(max-width:700px){
  .container{width:calc(100% - 36px)}
  .section{padding:62px 0}
  .section.tight{padding:48px 0}
  .hero{padding:56px 0 54px}
  .hero h1,.page-hero h1,.service-hero h1{font-size:clamp(38px,10.5vw,54px)}
  .lede{font-size:17px}
  .hero-actions,.cta-actions{flex-direction:column;align-items:stretch}
  .hero-actions .button,.cta-actions .button{width:100%}
  .problem-grid,.feature-grid,.audience-grid,.service-grid,.pricing-grid,.steps-grid,.metric-row,.fit-grid,.other-services{grid-template-columns:minmax(0,1fr)}
  .pricing-grid .pricing-card:last-child{grid-column:auto}
  .metric{border-right:0;border-bottom:1px solid var(--line)}
  .metric:last-child{border-bottom:0}
  .metric:nth-child(3),.metric:nth-child(4){border-top:0}
  .dark-panel,.cta-panel{padding:32px 24px;border-radius:20px}
  .cta-box{padding:32px 24px;flex-direction:column;align-items:flex-start}
  .mockup-body{grid-template-columns:minmax(0,1fr)}
  .mockup-sidebar{display:none}
  .mockup-float{right:8px;bottom:22px}
  .product-mockup{max-width:100%}
  .mockup-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
  .mockup-kpi strong{font-size:13px}
  .section-head,.section-heading{display:block}
  .section-head p,.section-heading p{margin-top:18px}
  .pricing-card.featured{transform:none}
  .compare-table{min-width:600px}
  .page-hero,.service-hero{padding:48px 0 44px}
  .trust-rail .container{align-items:flex-start}
  .trust-items{gap:10px 18px}
  .image-placeholder{min-height:230px;padding:28px}
  .hero-note{margin-top:18px}
}
@media(max-width:480px){
  .badge{font-size:9px;letter-spacing:.1em}
  .mockup-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mockup-kpi:last-child{display:none}
  .mockup-main{padding:12px}
  .mockup-bar{padding:10px 12px}
  .dark-panel{padding:28px 20px}
  .cta-panel{padding:28px 20px}
}
@media(prefers-reduced-motion:reduce){
  .button,.card,.feature-card,.service-card,.pricing-card{transition:none}
  .button:hover,.card:hover,.feature-card:hover,.service-card:hover{transform:none}
}

/* Marketing pages: shared layouts remain editable as native section content. */
.hero-support{max-width:540px;font-size:15px;color:var(--muted)}
.hero h1{font-size:clamp(42px,4.6vw,66px);line-height:1.06;letter-spacing:-.055em}
.hero-grid>*{min-width:0}
.page-hero-copy{max-width:1000px}
.page-hero-aside h3{font-size:23px;line-height:1.35}
.screenshot-slot{margin:0;min-width:0}
.screenshot-slot figcaption,.visual-caption{font-size:11px;line-height:1.6;color:var(--muted);margin:14px 0 0;text-align:center}
.screenshot-slot .image-placeholder{min-height:360px;aspect-ratio:4 / 3}
.concept-summary{padding:24px 0 18px;border-bottom:1px solid var(--line);margin-bottom:12px}
.concept-summary>span{font-size:10px;color:var(--muted)}
.concept-summary h3{font-size:30px;line-height:1.15;margin:8px 0 12px}
.concept-row{display:flex;align-items:center;gap:10px;padding:14px 0;border-bottom:1px solid var(--line)}
.concept-row>div{flex:1;min-width:0}
.concept-row strong{display:block;font-size:11px}
.concept-row small{display:block;font-size:9px;color:var(--muted);margin-top:3px}
.concept-row>span:last-child{font:11px ui-monospace,monospace;color:var(--muted)}
.concept-dot{width:8px;height:8px;flex:none;border-radius:50%;background:#3845ff}
.trust-rail.tight{padding:26px 0}
.trust-rail.tight>.container{display:flex;gap:20px;justify-content:space-between;align-items:center;flex-wrap:wrap}
.pricing-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:64px;align-items:start}
.pricing-layout .pricing-card{padding:38px}
.pricing-layout .pricing-card h2{font-size:30px;line-height:1.2}
.pricing-layout .pricing-card .package-setup{min-height:0;margin-top:16px;font-size:13px}
.pricing-layout .price{font-size:58px}
.contact-panel{padding:36px}
.contact-panel h2{font-size:30px;line-height:1.2}
.contact-steps{padding-left:22px;color:var(--muted);margin:24px 0 0}
.contact-steps li{padding:10px 0 10px 6px;border-bottom:1px solid var(--line);font-size:14px}
.page-content{overflow-wrap:break-word}
.page-content a:focus-visible{outline:3px solid #3845ff;outline-offset:5px}
.cta-panel .button{background:#fff;border-color:#fff;color:#0d1628;box-shadow:none}
/* Use cases: editable index, capability tags, and long-form story layouts. */
.uc-index-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:72px;align-items:center}
.uc-index-hero h1{font-size:clamp(42px,4.7vw,66px);line-height:1.08;letter-spacing:-.05em}
.uc-index-hero>div>p{max-width:660px;font-size:17px;line-height:1.8;color:var(--muted)}
.uc-index-panel{padding:36px;border-radius:22px;background:linear-gradient(145deg,#101b31,#222e57);color:#fff;box-shadow:var(--shadow)}
.uc-index-panel>.eyebrow{color:#b6c1ff}.uc-index-panel h2{font-size:34px;line-height:1.15;color:#fff}
.uc-index-panel>p{font-size:12px;line-height:1.6;margin:24px 0 0;color:#bcc9df}
.uc-industry-list{display:grid;margin-top:28px}
.uc-industry-list a{display:flex;align-items:center;gap:16px;padding:18px 0;border-bottom:1px solid #ffffff24;color:#fff;text-decoration:none}
.uc-industry-list a:hover{color:#c2caff}.uc-industry-list a>span:first-child{font:11px ui-monospace,monospace;color:#aebaff}
.uc-industry-list strong{font-size:15px;font-weight:550;flex:1}.uc-industry-list a>span:last-child{color:#aebaff}
.uc-library{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.uc-card{display:flex;flex-direction:column;min-width:0;padding:34px;border:1px solid var(--line);border-radius:18px;background:#fff;transition:border-color .18s ease,box-shadow .18s ease}
.uc-card:hover{border-color:#b5c0df;box-shadow:var(--shadow-sm)}
.uc-card-top{display:flex;align-items:start;justify-content:space-between;gap:16px;margin-bottom:30px}
.uc-card-top .eyebrow{margin:0;max-width:85%;font-size:10px;letter-spacing:.1em}
.uc-number{font:12px/1.5 ui-monospace,monospace;color:#8390a5}
.uc-card h3{font-size:25px;line-height:1.25;letter-spacing:-.035em;margin:0 0 16px}
.uc-card h3 a{color:var(--ink);text-decoration:none}.uc-card h3 a:hover{color:var(--accent)}
.uc-card>p{font-size:14px;line-height:1.75;color:var(--muted);margin:0 0 22px}
.uc-tags{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0 0 22px}
.uc-tags li{display:inline-block;max-width:100%;padding:6px 10px;border:1px solid #dce2f0;border-radius:6px;background:#f5f7ff;color:#3f4c73;font-size:11px;font-weight:500;line-height:1.5;overflow-wrap:anywhere}
.uc-card .feature-link{margin-top:auto;padding-top:12px}
.uc-detail-hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.6fr);gap:64px;align-items:start}
.uc-detail-hero h1{font-size:clamp(38px,4.2vw,58px);line-height:1.1}
.uc-detail-hero .lede{font-size:18px;max-width:760px;margin-bottom:28px}
.uc-back{display:inline-block;margin-bottom:28px;font-size:12px;color:var(--muted);text-decoration:none}
.uc-at-glance{padding:30px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:var(--shadow-sm);margin-top:45px}
.uc-at-glance dl{margin:0 0 30px}.uc-at-glance dt{font-size:11px;color:var(--muted);margin:18px 0 6px}
.uc-at-glance dd{margin:0;font-size:15px;line-height:1.6;font-weight:550;overflow-wrap:anywhere}
.uc-at-glance ul{padding:0;margin:0;list-style:none;display:grid;gap:12px;font-size:13px;color:var(--muted)}
.uc-at-glance li{padding-left:16px;border-left:2px solid #c9d1ff}
.uc-story{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:80px;align-items:start}
.uc-story h2{font-size:clamp(28px,3vw,40px);line-height:1.15}
.uc-story-copy{min-width:0}.uc-story-copy p{font-size:17px;line-height:1.85;color:var(--muted)}
.uc-story-copy p:last-child{margin-bottom:0}
.uc-capabilities{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:48px}
.uc-capabilities>div{display:flex;flex-direction:column;gap:18px;min-width:0;padding:24px;background:#fff;border:1px solid var(--line);border-radius:12px}
.uc-capabilities span{font:11px ui-monospace,monospace;color:var(--accent)}.uc-capabilities strong{font-size:14px;line-height:1.5;font-weight:550}
.uc-impact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.uc-impact{display:flex;align-items:start;gap:22px;padding:28px;border:1px solid var(--line);border-radius:14px;background:#fff}
.uc-impact:last-child:nth-child(odd){grid-column:1 / -1}.uc-impact .feature-icon{flex:none;margin:0}
.uc-impact h3{font-size:20px;margin:0 0 10px}.uc-impact p{font-size:14px;color:var(--muted);line-height:1.75;margin:0}
.uc-result{padding:52px;border-radius:22px;background:linear-gradient(135deg,#101b31,#222e57);color:#fff}
.uc-result .eyebrow{color:#b6c1ff}.uc-result h2{font-size:clamp(26px,3vw,38px);line-height:1.35;color:#fff;max-width:1000px;margin-bottom:28px}
.uc-related{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.uc-card-related{padding:26px}.uc-card-related h3{font-size:22px}.uc-card-related .uc-card-top{margin-bottom:22px}
@media(max-width:960px){.uc-index-hero,.uc-detail-hero,.uc-story{grid-template-columns:minmax(0,1fr);gap:36px}.uc-index-panel{max-width:700px}.uc-at-glance{margin-top:0}.uc-capabilities{grid-template-columns:repeat(2,minmax(0,1fr))}.uc-related{grid-template-columns:minmax(0,1fr)}.uc-card-related .uc-card-top{margin-bottom:16px}}
@media(max-width:700px){.uc-library,.uc-impact-grid{grid-template-columns:minmax(0,1fr)}.uc-card{padding:26px}.uc-card h3{font-size:23px}.uc-index-hero h1{font-size:clamp(38px,9.5vw,52px)}.uc-index-panel{padding:28px}.uc-detail-hero h1{font-size:38px}.uc-story-copy p{font-size:16px}.uc-story h2 br{display:none}.uc-impact{padding:22px;gap:16px}.uc-result{padding:30px 24px}.uc-capabilities{gap:12px}.uc-capabilities>div{padding:20px}.uc-tags li{font-size:10px}.uc-index-hero>div>p{font-size:16px}}
@media(max-width:960px){
 .pricing-layout{grid-template-columns:minmax(0,1fr);gap:40px}
 .hero h1{font-size:clamp(44px,7vw,64px)}
}
@media(max-width:700px){
 .grid-two,.grid-three,.post-grid{grid-template-columns:minmax(0,1fr)}
 .hero h1{font-size:clamp(38px,10vw,52px)}
 .screenshot-slot .image-placeholder{min-height:240px;padding:26px}
 .pricing-layout .pricing-card{padding:28px}
 .pricing-layout .price{font-size:48px}
 .pricing-layout .price span{font-size:12px}
 .contact-panel{padding:26px}
 .cta-panel .cta-actions{width:100%}
}