:root{--blue:#2563eb;--ink:#0f172a;--muted:#475569;--line:#e2e8f0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;font-family:'Plus Jakarta Sans',sans-serif;color:var(--ink);background:#fff;font-size:15px;line-height:1.7}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #2563eb;outline-offset:5px}h1,h2,h3,p{margin:0}p{color:var(--muted)}h1,h2,h3{line-height:1.15;letter-spacing:-.055em}h1{font-size:clamp(42px,4.25vw,64px);font-weight:800}h2{font-size:clamp(30px,3vw,43px);font-weight:700}h3{font-size:24px}em{font-style:normal;color:var(--blue)}.wrap{width:min(1200px,calc(100% - 80px));margin:auto}.site-header{position:sticky;top:0;z-index:20;background:#ffffffee;backdrop-filter:blur(16px);border-bottom:1px solid #edf0f5}.nav{height:91px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:inline-flex;align-items:center}.brand img{width:172px;height:54px;object-fit:contain}.nav nav{display:flex;gap:28px;font-size:13px;font-weight:600}.nav nav a:hover,.active{color:var(--blue)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 23px;border-radius:12px;background:var(--blue);color:white;font-size:13px;font-weight:700;border:1px solid transparent;gap:12px;transition:background .2s,transform .2s}.btn:hover{background:#1d4ed8;transform:translateY(-2px)}.nav-cta{padding:12px 20px}.text-btn{font-size:13px;font-weight:700;display:inline-flex;gap:25px;align-items:center}.text-btn:hover{color:var(--blue)}#menu-toggle{display:none}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:22px;align-items:center;min-height:640px;padding-top:65px;padding-bottom:74px}.eyebrow{display:block;font-size:10px;letter-spacing:.13em;font-weight:800;color:#64748b;margin-bottom:24px}.blue-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--blue);margin-right:6px}.hero h1{margin-bottom:25px}.lead{font-size:17px;line-height:1.8;max-width:550px}.hero .lead{max-width:470px}.actions{display:flex;gap:27px;align-items:center;margin-top:32px}.hero-points{display:flex;gap:18px;color:#64748b;font-size:10px;margin-top:27px}.hero-points span::first-letter{color:var(--blue)}.visual{position:relative;height:460px;isolation:isolate}.orbit{position:absolute;inset:6% -8%;border-radius:50%;background:radial-gradient(ellipse,#dbeafe 0, #eff6ff66 50%,transparent 72%);z-index:-1}.browser-mock{position:absolute;top:30px;left:8px;width:92%;border:1px solid #e2e8f0;border-radius:13px;background:white;box-shadow:0 22px 60px #1d4ed819;transform:rotate(-3deg);overflow:hidden}.browser-bar{height:31px;display:flex;gap:5px;align-items:center;padding:0 13px;border-bottom:1px solid #eee;background:#fafbfc}.browser-bar i{width:5px;height:5px;border-radius:50%;background:#d1d5db}.browser-bar span{margin:auto;font-size:7px;color:#94a3b8}.browser-bar b{font-size:9px;color:#94a3b8}.mock-content{padding:19px;background:#fffefa}.mock-nav{display:flex;justify-content:space-between;align-items:center}.mock-nav b{font-size:15px;letter-spacing:-1px;color:#343e34}.mock-nav b span{font-weight:400}.mock-nav small{font-size:6px}.mock-hero{display:flex;background:#edece4;margin-top:17px;min-height:160px;padding:20px;align-items:center;justify-content:space-between}.mock-hero small{font-size:5px;letter-spacing:1px}.mock-hero h3{font-size:24px;font-family:Georgia,serif;letter-spacing:-1px;color:#364637;margin:9px 0 15px;font-weight:400}.mock-button{background:#344d3e;color:white;font-size:6px;padding:7px 12px}.vase{width:75px;height:100px;border-radius:32% 32% 40% 40%;background:linear-gradient(90deg,#a59178,#e7dbc6 40%,#c4b59c 70%,#a18b6e);position:relative;box-shadow:10px 12px 12px #6d624926}.vase:before{content:'';position:absolute;left:22%;top:-20px;width:56%;height:35px;background:linear-gradient(90deg,#b4a083,#e6d8bd,#b29b7d);border-radius:10% 10% 35% 35%}.vase:after{content:'';position:absolute;left:25%;top:-22px;width:50%;height:7px;border-radius:50%;background:#6f644e}.vase i{position:absolute;width:2px;height:80px;background:#63724a;top:-94px;left:40%;transform:rotate(-10deg)}.vase i:before,.vase i:after{content:'';position:absolute;width:24px;height:10px;background:#78885e;border-radius:0 80% 0 80%;top:20px;left:-23px;transform:rotate(20deg)}.vase i:after{top:40px;left:0;transform:rotate(-35deg)}.mock-products{display:flex;gap:10px;margin-top:15px}.mock-products>div{flex:1;background:#f0eee8;min-height:90px;text-align:center;padding:12px 0 5px}.mock-products small{display:block;font-size:6px;margin-top:10px}.object{display:block;margin:auto;height:42px;width:44px;background:linear-gradient(90deg,#ad9c86,#e4d6be,#b4a087);border-radius:25%}.bowl{height:25px;margin-top:17px;border-radius:0 0 50% 50%}.lamp{border-radius:60% 60% 5% 5%;background:linear-gradient(90deg,#938367,#c5b493)}.pot{width:31px;border-radius:15% 15% 40% 40%}.phone{position:absolute;right:-2px;bottom:33px;width:138px;height:251px;background:#fffefa;border:5px solid #263040;border-radius:25px;transform:rotate(6deg);box-shadow:0 15px 30px #0f172a20;padding:20px 10px 12px;text-align:center}.phone-notch{height:7px;width:45px;border-radius:0 0 6px 6px;position:absolute;top:0;left:40px;background:#263040}.phone>small{font-size:6px;letter-spacing:1px}.phone-vase{height:98px;background:#e9e7dc;margin:9px 0;position:relative}.phone-vase:after{content:'';position:absolute;width:40px;height:60px;border-radius:25% 25% 40% 40%;background:linear-gradient(90deg,#baa689,#e8dcc5,#a89172);left:32px;top:20px}.phone b{font-size:11px;display:block}.phone>span{font-size:6px;display:block}.phone-btn{font-size:7px;color:#fff;background:#364d3e;padding:6px;margin-top:12px;border-radius:3px}.float-note{position:absolute;display:flex;align-items:center;gap:12px;bottom:56px;left:-7px;background:white;padding:14px 19px;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 12px 30px #0f172a0c;transform:rotate(-3deg);z-index:2}.float-note b{display:block;font-size:11px}.float-note small{font-size:8px;display:block;color:#64748b}.check{background:#d1fae5;color:#059669;border-radius:50%;padding:3px 9px}.demo-label{position:absolute;bottom:2px;font-size:8px;color:#94a3b8;left:60px}.sector-strip{background:#f8fafc;border-block:1px solid #edf0f5}.sector-strip .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:23px}.sector-strip span{font-size:8px;letter-spacing:1px;color:#94a3b8}.sector-strip b{font-size:13px;font-weight:600;color:#64748b}.section{padding-block:85px}.intro{display:grid;grid-template-columns:1.1fr 1fr;column-gap:120px;padding-bottom:42px}.intro .eyebrow{grid-column:1/-1;margin-bottom:20px}.intro p{align-self:center;font-size:15px}.solutions{display:grid;grid-template-columns:1fr 1fr;gap:24px}.solution{border:1px solid var(--line);border-radius:24px;padding:37px;background:#f8fafc;overflow:hidden}.solution .icon{float:right;font-size:27px;color:var(--blue)}.solution .eyebrow{font-size:9px;margin-bottom:24px;color:var(--blue)}.solution h2{font-size:33px}.solution p{margin:20px 0;max-width:420px}.solution .text-btn{margin-bottom:30px}.catalog{background:#f5faf9}.catalog .eyebrow,.catalog .icon{color:#047857}.line-visual,.sheet-line{border:1px solid #e2e8f0;background:white;border-radius:12px;display:flex;justify-content:space-between;gap:8px;align-items:center;padding:19px 15px;font-size:10px}.line-visual span:first-child{font-weight:800;color:var(--blue)}.line-visual span:last-child{background:var(--blue);color:white;padding:7px;border-radius:5px}.sheet-line .sync{color:#047857;font-size:8px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px}.section-heading .eyebrow{margin-bottom:17px}.projects{display:grid;grid-template-columns:1fr 1fr;gap:28px}.project{overflow:hidden;border-radius:22px;border:1px solid var(--line)}.project-art{height:275px;position:relative;overflow:hidden;padding:28px 36px;color:#fff;background:#283e36}.mini-brand{font-size:12px;font-weight:700}.project-art strong{font-size:35px;line-height:1.15;letter-spacing:-1px;display:block;margin-top:34px;position:relative;z-index:1}.project-art small{position:absolute;bottom:15px;font-size:8px;opacity:.7}.art-shape{position:absolute;right:10px;top:20px;width:190px;height:280px;background:linear-gradient(110deg,#d1c5ae,#708477);transform:skew(-14deg);opacity:.8}.cmd .art-shape:after{content:'';position:absolute;inset:20px;border:1px solid #ffffff80;box-shadow:inset 20px 0 #163c3822}.burger{background:#121a27}.burger strong{color:#f8fafc;font-size:39px;font-weight:800;transform:rotate(-3deg)}.burger .art-shape{background:repeating-linear-gradient(0deg,#34445b 0 15px,#212d40 15px 30px);border-radius:50%;transform:rotate(-20deg);right:-20px;top:40px}.project-info{padding:25px 30px}.project-info .eyebrow{font-size:8px;margin-bottom:10px}.project-info h3{font-size:24px}.project-info p{font-size:13px;margin:14px 0}.project-info a{font-size:12px;font-weight:700;color:var(--blue)}.dark{background:var(--ink);color:white}.dark .eyebrow{color:#93b4eb}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:34px;margin-top:45px}.steps>div{border-top:1px solid #ffffff28;padding-top:22px}.steps span{font-size:12px;color:#93b4eb}.steps h3{font-size:20px;letter-spacing:-.025em;margin:18px 0 13px}.steps p{font-size:13px;color:#b6c1d3}.faq{display:grid;grid-template-columns:1fr 1.2fr;gap:70px}details{border-bottom:1px solid var(--line);padding:18px 0}summary{font-size:14px;font-weight:600;cursor:pointer}details p{font-size:13px;padding-top:15px}.cta{background:var(--blue);border-radius:25px;color:#fff;padding:48px 50px;display:flex;justify-content:space-between;align-items:center;gap:35px;margin-bottom:80px}.cta .eyebrow{color:#dbeafe;margin-bottom:16px}.cta h2{font-size:35px}.cta p{color:#dbeafe;margin-top:18px;font-size:13px}.white{background:#fff;color:var(--blue);white-space:nowrap}.white:hover{background:#eff6ff}.footer-grid{padding-top:20px;padding-bottom:55px;display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px}.footer-grid p{font-size:12px;margin-top:16px}.footer-grid b{font-size:12px;display:block;margin:15px 0}.footer-grid>div>a:not(.brand),.footer-grid button{display:block;font-size:11px;color:#64748b;margin:8px 0;background:none;border:0;padding:0;text-align:left}.footer-bottom{border-top:1px solid var(--line);display:flex;justify-content:space-between;padding-block:23px;font-size:10px;color:#64748b}.breadcrumbs{font-size:11px;color:#64748b;padding-top:25px}.breadcrumbs span{margin:0 10px;color:#cbd5e1}.inner-hero{padding:65px 0 50px}.inner-hero h1{max-width:980px}.inner-hero .lead{max-width:700px;margin-top:27px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.card{background:#f8fafc;border:1px solid var(--line);border-radius:23px;padding:30px;transition:transform .2s}.card:hover{transform:translateY(-4px);border-color:#93b4eb}.card .num{font-size:11px;color:var(--blue)}.card h3{margin:24px 0 15px}.card p{font-size:14px}.arrow{display:block;margin-top:24px;color:var(--blue);font-size:12px;font-weight:700}.prose{max-width:850px;padding-bottom:70px}.prose section,.prose article{padding:32px 0;border-bottom:1px solid var(--line)}.prose h2{font-size:29px;margin-bottom:20px}.prose p{line-height:1.9}.prose a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}.demo{display:grid;grid-template-columns:1fr 1fr;gap:90px;background:#f0f8f5;border-radius:25px;padding:45px;margin-block:20px 60px}.demo p{margin:20px 0}.demo label{display:block;font-size:12px;font-weight:600;margin-top:14px}.demo input{display:block;width:100%;padding:10px 15px;border:1px solid #cbd5e1;border-radius:8px;background:white;margin-top:6px}.demo .btn{margin-top:20px}.demo-product{background:white;border:1px solid var(--line);border-radius:20px;display:flex;align-items:center;flex-direction:column;justify-content:center;padding:70px 20px 20px}.demo-product .vase{margin:40px 0}.demo-product .eyebrow{margin-bottom:15px}.demo-product strong{font-size:25px;color:#047857;margin-top:12px}.contact-grid{display:grid;grid-template-columns:.9fr 1.2fr;gap:80px;padding-top:20px}.contact-grid aside p{margin-top:20px}.notice{font-size:12px;background:#eff6ff;border-left:3px solid var(--blue);padding:20px;margin-top:30px;color:var(--muted)}form{background:#f8fafc;padding:30px;border-radius:24px}form label{display:block;font-size:12px;font-weight:600;margin-bottom:18px}form input,form select,form textarea{display:block;width:100%;margin-top:7px;border:1px solid #cbd5e1;border-radius:9px;padding:11px;background:white}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:17px}.checkbox{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:400;line-height:1.5}.checkbox input{width:16px;height:16px;margin:0;flex-shrink:0}.checkbox a{text-decoration:underline}.secondary{background:white;color:var(--blue);border-color:var(--line)}.secondary:hover{background:#eff6ff}#form-result{margin-top:25px}.cookie-banner{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);width:min(900px,calc(100% - 30px));background:white;border:1px solid #cbd5e1;box-shadow:0 10px 40px #0f172a20;border-radius:15px;padding:20px 25px;z-index:50;display:flex;gap:20px;align-items:center;flex-wrap:wrap}.cookie-banner[hidden],*[hidden]{display:none!important}.cookie-banner>div:first-child{flex:1;min-width:250px}.cookie-banner b{font-size:13px}.cookie-banner p{font-size:11px;margin-top:5px}.cookie-banner a{text-decoration:underline}.cookie-actions{display:flex;gap:7px}.cookie-banner button{padding:9px 12px;background:#f1f5f9;border:1px solid var(--line);border-radius:7px;font-size:10px;font-weight:600}.cookie-banner button[data-consent=yes]{background:var(--blue);color:white}.cookie-banner #cookie-options{width:100%}.skip{position:absolute;top:-100px;background:white;padding:10px;z-index:100}.skip:focus{top:0}
@media(min-width:1450px){.hero{min-height:680px}.visual{transform:scale(1.06)}}@media(max-width:1000px){.wrap{width:calc(100% - 44px)}.nav nav{gap:15px}.nav{gap:12px}.hero{gap:10px}.hero h1{font-size:45px}.visual{transform:scale(.9);transform-origin:center}.hero-points{gap:8px;font-size:8px}.intro{gap:40px}.solution{padding:28px}.solution h2{font-size:29px}.cta h2{font-size:30px}.contact-grid{gap:35px}}@media(max-width:760px){.wrap{width:calc(100% - 36px)}.nav{height:74px}.brand img{width:143px;height:45px}.nav-cta{margin-left:auto;font-size:11px;padding:10px 15px}#menu-toggle{display:block;border:0;background:transparent;font-size:23px;order:3}.nav nav{display:none;position:absolute;top:74px;left:0;right:0;padding:20px;background:white;border-bottom:1px solid var(--line);flex-direction:column}.nav nav.open{display:flex}.hero{display:block;padding-top:42px;padding-bottom:28px;min-height:0}.hero h1{font-size:43px}.eyebrow{font-size:8px}.lead{font-size:15px}.hero .lead{max-width:100%}.actions{gap:20px}.btn{font-size:11px;padding:14px 18px}.hero-points{font-size:8px;gap:14px}.visual{height:395px;max-width:450px;margin:25px auto 0;transform:scale(.94)}.browser-mock{width:94%;left:0}.float-note{bottom:20px;left:0}.phone{bottom:5px;width:123px;height:232px;right:-4px}.phone-vase:after{left:25px}.phone-notch{left:33px}.demo-label{bottom:-18px;left:5px}.sector-strip .wrap{flex-wrap:wrap;justify-content:center;gap:13px 23px;padding:20px 0}.sector-strip span{width:100%;text-align:center;font-size:8px}.sector-strip b{font-size:10px}.section{padding-block:55px}.intro{display:block;padding-bottom:30px}.intro p{margin-top:22px}.solutions,.projects,.faq,.contact-grid,.demo{grid-template-columns:1fr}.solution{padding:27px}.solution h2{font-size:29px}.section-heading{display:block}.section-heading>a{margin-top:24px}.project-art{height:255px}.steps{grid-template-columns:1fr 1fr;gap:22px}.faq{gap:25px}.cta{padding:32px 25px;display:block;margin-bottom:45px}.cta h2{font-size:28px}.cta .btn{margin-top:25px}.footer-grid{grid-template-columns:1fr 1fr;gap:20px}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{display:block}.footer-bottom span{display:block}.inner-hero{padding:40px 0 25px}.inner-hero h1{font-size:39px}.cards{grid-template-columns:1fr}.prose h2{font-size:25px}.demo{padding:25px;gap:25px}.demo-product{min-height:320px}.contact-grid{gap:30px}.form-row{grid-template-columns:1fr;gap:0}form{padding:23px}.cookie-banner{padding:17px;gap:12px}.cookie-actions{width:100%}.cookie-actions button{flex:1}.breadcrumbs{font-size:9px}.steps h3{font-size:18px}.steps p{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Editorial pages and topic navigation */
.editorial{display:grid;grid-template-columns:230px minmax(0,1fr);gap:65px;padding-bottom:80px;align-items:start}.article-toc{position:sticky;top:125px;border-top:2px solid #2563eb;padding-top:20px;display:flex;flex-direction:column;gap:13px}.article-toc b{font-size:9px;letter-spacing:.12em;color:#64748b;margin-bottom:6px}.article-toc a{font-size:12px;line-height:1.6;color:#475569}.article-toc a:hover{color:#2563eb}.editorial-body{max-width:850px}.editorial-body>section{padding:32px 0;border-top:1px solid #e2e8f0}.editorial-body h2{font-size:29px;line-height:1.25;margin-bottom:20px}.editorial-body p{margin-bottom:18px;line-height:1.9}.editorial-body p:last-child{margin-bottom:0}.editorial-body p a,.editorial-body li a,.comparison-scroll a{color:#1d4ed8;text-decoration:underline;text-underline-offset:3px}.editorial-body ul,.prose ul{padding-left:22px;color:#475569;line-height:1.8;margin-bottom:20px}.editorial-body li,.prose li{padding-left:5px;margin-bottom:12px}.comparison-scroll{overflow-x:auto;border:1px solid #e2e8f0;border-radius:14px;margin:24px 0}.comparison-scroll table{width:100%;border-collapse:collapse;text-align:left;font-size:13px;line-height:1.7;min-width:480px}.comparison-scroll th{background:#eff6ff;color:#0f172a;font-weight:700;padding:16px}.comparison-scroll td{border-top:1px solid #e2e8f0;padding:16px;vertical-align:top;color:#475569}.related>div{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.related a{border:1px solid #e2e8f0;border-radius:12px;padding:18px;background:#f8fafc;display:block}.related a:hover{border-color:#2563eb}.related a span{display:block;font-size:8px;letter-spacing:.08em;color:#64748b;margin-bottom:8px}.related strong{font-size:12px;line-height:1.6;display:block;color:#1d4ed8}.resource-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding-top:20px;padding-bottom:70px}.resource-card{display:block;border:1px solid #e2e8f0;border-radius:22px;background:#f8fafc;padding:35px}.resource-card:hover{border-color:#2563eb}.resource-card h2{font-size:31px;margin-bottom:30px}.resource-card>span:last-child{font-weight:700;color:#2563eb;font-size:12px}.case-facts{display:flex;flex-wrap:wrap;gap:10px;margin-top:0;margin-bottom:40px}.case-facts span{font-size:11px;color:#1d4ed8;background:#eff6ff;border:1px solid #dbeafe;padding:8px 14px;border-radius:30px}.case-photo{margin-top:0;margin-bottom:40px}.case-photo img{width:100%;height:360px;object-fit:cover;border-radius:22px;display:block}.case-photo figcaption{font-size:11px;color:#64748b;margin-top:10px}.case-photo{margin-inline:0}.editorial .article-faq details p{font-size:14px}.prose ul{font-size:15px}
@media(max-width:900px){.editorial{grid-template-columns:180px minmax(0,1fr);gap:30px}.related>div{grid-template-columns:1fr}.case-photo img{height:280px}}
@media(max-width:760px){.editorial{display:block;padding-bottom:40px}.article-toc{position:static;background:#f8fafc;border-radius:12px;padding:20px;margin-bottom:28px;gap:10px}.article-toc a{font-size:12px}.editorial-body h2{font-size:25px}.editorial-body p{font-size:14px}.resource-grid{grid-template-columns:1fr;gap:18px;padding-bottom:40px}.resource-card{padding:26px}.resource-card h2{font-size:28px}.case-facts{gap:8px}.case-facts span{font-size:9px}.case-photo img{height:240px}}

/* Readability and appearance controls */
html{font-size:16px}body{font-size:16px;line-height:1.75}p{line-height:1.8}.theme-toggle{position:relative;z-index:25;display:inline-flex;align-items:center;gap:7px;min-height:42px;padding:8px 11px;background:#f1f5f9;color:#0f172a;border:1px solid #cbd5e1;border-radius:999px;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap}.theme-toggle:hover{background:#e2e8f0}.theme-toggle span:first-child{font-size:18px;line-height:1}.cookie-banner{z-index:55}
/* Dark theme is applied consistently to both the main site and the portfolio. */
html[data-theme="dark"] body{background:#0b1220!important;color:#edf2fb!important;color-scheme:dark}html[data-theme="dark"] .site-header,html[data-theme="dark"] header.sticky{background:#101a2aee!important;border-color:#26364c!important}html[data-theme="dark"] .site-header nav,html[data-theme="dark"] #main-nav.open{background:#101a2a!important}html[data-theme="dark"] .site-header a,html[data-theme="dark"] header.sticky a{color:#e8eef8}html[data-theme="dark"] .site-header a.btn,html[data-theme="dark"] .btn,html[data-theme="dark"] a.bg-brand{color:#fff!important}html[data-theme="dark"] h1,html[data-theme="dark"] h2,html[data-theme="dark"] h3,html[data-theme="dark"] h4,html[data-theme="dark"] h5,html[data-theme="dark"] strong,html[data-theme="dark"] summary{color:#f3f6fd}html[data-theme="dark"] p,html[data-theme="dark"] li,html[data-theme="dark"] .lead,html[data-theme="dark"] .prose,html[data-theme="dark"] .editorial-body,html[data-theme="dark"] .project-info{color:#c4d0e0}html[data-theme="dark"] .eyebrow,html[data-theme="dark"] .breadcrumbs,html[data-theme="dark"] .breadcrumbs a{color:#a7b9d1}html[data-theme="dark"] .breadcrumbs span{color:#64748b}html[data-theme="dark"] .sector-strip,html[data-theme="dark"] .solution,html[data-theme="dark"] .card,html[data-theme="dark"] .resource-card,html[data-theme="dark"] .article-toc,html[data-theme="dark"] .notice,html[data-theme="dark"] .project,html[data-theme="dark"] .project-info,html[data-theme="dark"] .demo,html[data-theme="dark"] form,html[data-theme="dark"] .case-facts span{background:#111d2d!important;color:#d4deec!important;border-color:#2c3d54!important}html[data-theme="dark"] .sector-strip b,html[data-theme="dark"] .sector-strip span{color:#b8c8dc}html[data-theme="dark"] .line-visual,html[data-theme="dark"] .sheet-line,html[data-theme="dark"] .demo-product,html[data-theme="dark"] .float-note,html[data-theme="dark"] .mock-content,html[data-theme="dark"] .mock-products>div{background:#182438!important;color:#e8eef8!important;border-color:#34445a!important}html[data-theme="dark"] .mock-hero{background:#293747!important}html[data-theme="dark"] .mock-hero h3,html[data-theme="dark"] .mock-nav b{color:#f0e9d9!important}html[data-theme="dark"] .phone{background:#192538!important;color:#f4f6fb!important;border-color:#64748b!important}html[data-theme="dark"] details,html[data-theme="dark"] .prose section,html[data-theme="dark"] .prose article,html[data-theme="dark"] .editorial-body>section,html[data-theme="dark"] .footer-bottom{border-color:#2b3c53!important}html[data-theme="dark"] .related a,html[data-theme="dark"] .comparison-scroll,html[data-theme="dark"] form input,html[data-theme="dark"] form select,html[data-theme="dark"] form textarea,html[data-theme="dark"] .demo input{background:#111d2d!important;color:#edf2fb!important;border-color:#3a4c64!important}html[data-theme="dark"] .comparison-scroll th{background:#192b43!important;color:#f1f5fb!important}html[data-theme="dark"] .comparison-scroll td{color:#d0dbea!important;border-color:#34445a!important}html[data-theme="dark"] .comparison-scroll tr:nth-child(even) td{background:#101a29!important}html[data-theme="dark"] .cookie-banner{background:#111d2d!important;color:#edf2fb!important;border-color:#3a4c64!important}html[data-theme="dark"] .cookie-banner p,html[data-theme="dark"] .cookie-banner a{color:#c5d0df!important}html[data-theme="dark"] .cookie-banner button,html[data-theme="dark"] .secondary{background:#1c2a40!important;color:#eff5fc!important;border-color:#43556d!important}html[data-theme="dark"] .cookie-banner button[data-consent=yes]{background:#2563eb!important}html[data-theme="dark"] .footer-grid>div>a:not(.brand),html[data-theme="dark"] .footer-grid button{color:#aebed2!important}html[data-theme="dark"] .footer-grid .brand img{background:#fff;border-radius:5px}html[data-theme="dark"] .dark{background:#07101d!important}html[data-theme="dark"] .cta{background:#1d4ed8!important}html[data-theme="dark"] .white{background:#fff!important;color:#1d4ed8!important}html[data-theme="dark"] .bg-white{background-color:#111d2d!important}html[data-theme="dark"] .text-brand-text,html[data-theme="dark"] .text-slate-800,html[data-theme="dark"] .text-gray-900{color:#edf2fb!important}html[data-theme="dark"] .text-brand-muted,html[data-theme="dark"] .text-slate-600,html[data-theme="dark"] .text-slate-500,html[data-theme="dark"] .text-gray-600{color:#c3d0e0!important}html[data-theme="dark"] .border-brand-border,html[data-theme="dark"] .border-gray-200,html[data-theme="dark"] .border-slate-200{border-color:#2b3c53!important}html[data-theme="dark"] .bg-brand-bg,html[data-theme="dark"] .bg-slate-50,html[data-theme="dark"] .bg-gray-50{background-color:#111d2d!important}html[data-theme="dark"] .bg-blue-50,html[data-theme="dark"] .bg-blue-100{background-color:#172b46!important;color:#cfe0ff!important}html[data-theme="dark"] .text-green-800,html[data-theme="dark"] .text-green-700{color:#a7efc3!important}html[data-theme="dark"] .border-green-200{border-color:#28583c!important}html[data-theme="dark"] .bg-green-50{background-color:#10251d!important}html[data-theme="dark"] .text-brand{color:#78aaff!important}html[data-theme="dark"] .text-white{color:#fff!important}
@media(max-width:760px){body{font-size:17px;line-height:1.8}.lead,.hero .lead{font-size:17px;line-height:1.8}.editorial-body p,.editorial-body li,.prose p,.prose li,details p{font-size:16.5px;line-height:1.85}.inner-hero h1{font-size:clamp(34px,9vw,42px);line-height:1.18}.hero h1{font-size:clamp(39px,10vw,46px);line-height:1.16}.editorial-body h2,.prose h2,.faq h2{font-size:27px;line-height:1.28}.article-toc a{font-size:15px;line-height:1.65}.article-toc b,.eyebrow{font-size:10px}.breadcrumbs{font-size:12px;line-height:1.5}.nav nav{font-size:15px}.nav-cta{font-size:13px}.project-info p,.card p,.resource-card p{font-size:15px;line-height:1.75}.footer-grid>div>a:not(.brand),.footer-grid button{font-size:13px;line-height:1.7}.footer-grid p{font-size:14px}.footer-bottom{font-size:12px;line-height:1.7}.comparison-scroll{overflow:visible;border:0;border-radius:0}.comparison-scroll table{min-width:0;display:block}.comparison-scroll thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.comparison-scroll tbody,.comparison-scroll tr,.comparison-scroll td{display:block;width:100%}.comparison-scroll tr{margin:0 0 14px;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;background:white}.comparison-scroll td{display:grid;grid-template-columns:minmax(100px,35%) minmax(0,1fr);gap:12px;padding:13px 14px;font-size:15px;overflow-wrap:anywhere;border-top:1px solid #e2e8f0}.comparison-scroll td:before{content:attr(data-label);font-size:12px;font-weight:700;color:#334155}.comparison-scroll td:first-child{background:#f8fafc;font-weight:600}.theme-toggle{min-height:40px;padding:7px 9px;font-size:11px}.cookie-banner{bottom:68px}}
@media(max-width:390px){.wrap{width:calc(100% - 30px)}.editorial-body p,.editorial-body li,.prose p,.prose li,details p{font-size:16px}.comparison-scroll td{grid-template-columns:1fr;gap:4px}.comparison-scroll td:before{font-size:11px}}
@media(prefers-reduced-motion:reduce){.theme-toggle{transition:none}}
@media(max-width:760px){html[data-theme="dark"] .comparison-scroll tr{background:#111d2d;border-color:#34445a}html[data-theme="dark"] .comparison-scroll td:first-child{background:#192b43}html[data-theme="dark"] .comparison-scroll td:before{color:#cbd8e8}html[data-theme="dark"] .comparison-scroll td{border-color:#34445a}html[data-theme="dark"] .nav nav a{color:#e8eef8}html[data-theme="dark"] .nav nav a:hover{color:#91b7ff}#app-content .text-xs{font-size:13px!important;line-height:1.6}#app-content .text-sm{font-size:15px!important;line-height:1.7}#app-content .text-base{font-size:16px!important;line-height:1.7}#portfolio-accordion summary{font-size:18px!important;line-height:1.5}}

html[data-theme="dark"] .article-toc a,html[data-theme="dark"] .article-toc b{color:#e2eaf5!important}html[data-theme="dark"] .article-toc a:hover{color:#91b7ff!important}html[data-theme="dark"] .editorial-body p a,html[data-theme="dark"] .editorial-body li a,html[data-theme="dark"] .comparison-scroll a,html[data-theme="dark"] .prose a,html[data-theme="dark"] .related a strong,html[data-theme="dark"] .project-info a{color:#91b7ff!important}html[data-theme="dark"] .editorial-body ul,html[data-theme="dark"] .prose ul{color:#d5deea!important}html[data-theme="dark"] form label,html[data-theme="dark"] form summary{color:#edf2fb!important}html[data-theme="dark"] .notice{color:#d4deec!important}html[data-theme="dark"] .nav .theme-toggle{background:#1a2940!important;color:#f1f5fb!important;border-color:#43556d!important}html[data-theme="dark"] .theme-toggle:hover{background:#253752!important}html[data-theme="dark"] .case-photo figcaption{color:#bac8db!important}html[data-theme="dark"] .article-toc{background:#111d2d!important;border-color:#4d83e8!important}

/* Dark mode contrast pass: lighten surfaces and ensure every text class stays readable. */
html[data-theme="dark"] body{background:#111a2b!important;color:#f2f6fc!important}
html[data-theme="dark"] .site-header,html[data-theme="dark"] .site-header nav,html[data-theme="dark"] #main-nav.open{background:#18263b!important}
html[data-theme="dark"] .sector-strip,html[data-theme="dark"] .solution,html[data-theme="dark"] .card,html[data-theme="dark"] .resource-card,html[data-theme="dark"] .article-toc,html[data-theme="dark"] .notice,html[data-theme="dark"] .project,html[data-theme="dark"] .project-info,html[data-theme="dark"] .demo,html[data-theme="dark"] form,html[data-theme="dark"] .related a{background:#1b2a40!important;color:#eaf1fb!important;border-color:#455a75!important}
html[data-theme="dark"] p,html[data-theme="dark"] li,html[data-theme="dark"] .lead,html[data-theme="dark"] .project-info,html[data-theme="dark"] .editorial-body,html[data-theme="dark"] .prose{color:#d5e0ee!important}
html[data-theme="dark"] .eyebrow,html[data-theme="dark"] .sector-strip span,html[data-theme="dark"] .sector-strip b,html[data-theme="dark"] .footer-grid>div>a:not(.brand),html[data-theme="dark"] .footer-grid button{color:#c5d4e8!important}
html[data-theme="dark"] .article-toc a,html[data-theme="dark"] .article-toc b,html[data-theme="dark"] .article-toc a:hover{color:#e9f1fb!important}
html[data-theme="dark"] .editorial-body a,html[data-theme="dark"] .prose a,html[data-theme="dark"] .related a strong,html[data-theme="dark"] .project-info a,html[data-theme="dark"] .text-btn{color:#9fc3ff!important}
html[data-theme="dark"] .case-facts span{background:#263c59!important;color:#e9f1fb!important;border-color:#58749a!important}
html[data-theme="dark"] .line-visual,html[data-theme="dark"] .sheet-line,html[data-theme="dark"] .demo-product,html[data-theme="dark"] .float-note,html[data-theme="dark"] .mock-content,html[data-theme="dark"] .mock-products>div{background:#22334b!important;color:#f0f5fc!important;border-color:#536984!important}
html[data-theme="dark"] form input,html[data-theme="dark"] form select,html[data-theme="dark"] form textarea,html[data-theme="dark"] .demo input{background:#142238!important;color:#f2f6fc!important;border-color:#647b98!important}
html[data-theme="dark"] form input::placeholder,html[data-theme="dark"] form textarea::placeholder{color:#c3d0e0!important}
html[data-theme="dark"] .dark{background:#101827!important}html[data-theme="dark"] .cta{background:#2457c5!important}


























/* VISUAL NARRATIVE V2 */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.narrative-image{margin:26px 0 38px;border-radius:20px;overflow:hidden;background:#f4f7fc;border:1px solid #dbe4f0;max-width:100%;min-width:0}.narrative-image img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.narrative-image figcaption{padding:13px 18px;font-size:15px;line-height:1.65;color:#334155}.visual-note{display:block;color:#526681;font-size:13px;margin-top:5px}.visual-lead{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(240px,1fr);align-items:center;gap:28px;margin-top:0;margin-bottom:42px}.visual-lead .narrative-image{margin:0}.visual-lead:has(>.narrative-image:only-child){display:block;max-width:900px}.visual-takeaways{padding:28px;border-radius:20px;background:#eff5ff;border:1px solid #cfdef4}.visual-takeaways ul{padding-left:20px;margin:16px 0 0}.visual-takeaways li{font-size:18px;line-height:1.65;color:#273d5a;margin:0 0 14px}.visual-takeaways li:last-child{margin:0}.editorial-body .narrative-image{margin:24px 0 42px}.solution-image{margin:24px 0 10px}.visual-story{max-width:900px}.case-preview{margin:0 0 22px}.case-preview figcaption{font-size:13px;padding:9px 12px}.case-preview img{aspect-ratio:16/9}.contact-image{margin:24px 0 0}.visual-overview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.sheet-demo{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:28px}.sheet-panel{min-width:0;border:1px solid #cad7e8;border-radius:16px;overflow:hidden;background:#fff}.sheet-panel-bar{padding:15px 20px;color:#fff;background:#168451;font-weight:700}.sheet-table{width:100%;border-collapse:collapse;table-layout:fixed}.sheet-table th,.sheet-table td{border:1px solid #d9e2ee;padding:12px;text-align:left;color:#22364e}.sheet-table th{background:#f1f5fb;font-size:15px}.sheet-table td input{width:100%;font-size:16px;margin:0;padding:10px;min-width:0}.sheet-panel .sheet-action{padding:16px}.sheet-panel p{padding:0 16px;font-size:15px}.sheet-preview{padding:22px;border-radius:18px;background:#f0f5ff}.sheet-preview .demo-product{box-shadow:none}.sheet-preview [hidden]{display:none!important}.sheet-preview-label{display:block;font-weight:700;font-size:16px;color:#1d4ed8;margin-bottom:15px}.sheet-demo label{font-size:15px}.sheet-panel .sheet-check{display:flex;align-items:center;gap:12px;padding:16px}.sheet-check input{width:22px;height:22px}.sheet-demo .vase{margin:18px auto}.visual-lead + .editorial{padding-top:0}
html[data-theme="dark"] .narrative-image,html[data-theme="dark"] .visual-takeaways,html[data-theme="dark"] .sheet-preview{background:#1b2a40;border-color:#455a75}html[data-theme="dark"] .narrative-image figcaption,html[data-theme="dark"] .visual-takeaways li,html[data-theme="dark"] .sheet-preview-label{color:#e5eef9}html[data-theme="dark"] .visual-note{color:#bdcee4}html[data-theme="dark"] .sheet-panel{background:#1b2a40;border-color:#455a75}html[data-theme="dark"] .sheet-table th{background:#263c59;color:#eaf2fc}html[data-theme="dark"] .sheet-table td{color:#eaf2fc;border-color:#526984}
@media(max-width:760px){.visual-lead{grid-template-columns:1fr;gap:18px;margin-bottom:28px}.visual-takeaways{padding:22px}.visual-takeaways li{font-size:17px}.narrative-image{border-radius:16px;margin:20px 0 28px}.narrative-image figcaption{font-size:15px;line-height:1.6}.visual-overview,.sheet-demo{grid-template-columns:1fr}.sheet-table td,.sheet-table th{padding:8px}.sheet-table td input{font-size:16px;padding:8px}.sheet-preview{padding:20px}.visual-lead .narrative-image img{aspect-ratio:3/2}.case-preview img{aspect-ratio:3/2}.sheet-panel-bar{font-size:15px}.editorial-body .narrative-image{margin:20px 0 28px}}