.platform-page{--page:#08090a;--surface:#111316;--surface2:#15181c;--line:#272b30;--text:#f0f1f2;--muted:#a0a3aa;--quiet:#737780;--red:#dd1919;--blue:#3989c9;--mono:"Roboto Mono",ui-monospace,monospace;--content:1280px;color:var(--text);background:var(--page)}
.platform-page .wrap{width:min(calc(100% - var(--content-gutter) - var(--content-gutter)),var(--content));margin-inline:auto}
.product-hero{position:relative;isolation:isolate;overflow:hidden;border-bottom:1px solid var(--line);background:radial-gradient(ellipse 60% 80% at 82% 78%,rgba(34,77,113,.17),transparent 73%),linear-gradient(125deg,#08090a 15%,#101217 75%,#090a0b)}.hero-glow{position:absolute;z-index:-1;right:-17%;bottom:-60%;width:70%;aspect-ratio:1;border:1px solid rgba(130,181,220,.06);border-radius:50%;box-shadow:0 0 0 100px rgba(130,181,220,.009),0 0 0 200px rgba(130,181,220,.006);pointer-events:none}.breadcrumbs{display:flex;align-items:center;gap:11px;padding-top:32px;color:#777b83;font:500 10px var(--mono);letter-spacing:.05em}.breadcrumbs a:hover{color:#d9e2ec}.breadcrumbs span:last-child{color:#b0b6bd}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.88fr);gap:8%;align-items:center;min-height:715px;padding:65px 0 110px}.product-identity{display:flex;align-items:center;gap:12px;margin-bottom:62px}.product-identity img:first-child{width:45px;height:45px;object-fit:contain}.smartbis-wordmark{width:150px;height:auto;filter:invert(1)}.eyebrow{display:flex;align-items:center;gap:9px;margin:0 0 25px;color:#8a8e96;font:500 10px/1.5 var(--mono);letter-spacing:.1em}.eyebrow:before{width:5px;height:5px;content:"";border-radius:50%;background:var(--blue);box-shadow:0 0 14px rgba(57,137,201,.4)}.hero-copy h1{max-width:700px;margin:0;font-size:clamp(58px,5vw,78px);font-weight:500;letter-spacing:-.055em;line-height:1.04;text-wrap:balance}.hero-description{max-width:650px;margin:32px 0 0;color:#abb0b8;font-size:17px;line-height:1.66}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:25px;margin-top:43px}.primary-action{display:inline-flex;align-items:center;justify-content:center;gap:35px;min-height:52px;padding:13px 19px 13px 22px;border:1px solid #7ab9e4;border-radius:999px;color:#07121c;background:#9dd3f7;font-size:14px;font-weight:600;transition:background .2s,transform .2s}.primary-action:hover{background:#c6e7fb;transform:translateY(-2px)}.primary-action span{font-size:19px}.secondary-action,.quiet-link{display:inline-flex;align-items:center;gap:14px;color:#bec4ca;font-size:14px}.secondary-action span,.quiet-link span{color:#6caee0;font-size:19px}.quiet-link{margin-top:30px;padding-bottom:7px;border-bottom:1px solid #555e68}.quiet-link:hover,.secondary-action:hover{color:#fff}
.hero-visual{overflow:hidden;border:1px solid #343a42;border-radius:18px;background:linear-gradient(160deg,#151a20,#0b0d11);box-shadow:0 40px 110px rgba(0,0,0,.35)}.visual-heading,.visual-footer{display:flex;justify-content:space-between;gap:15px;padding:20px 23px;color:#7a828b;font:500 9px var(--mono);letter-spacing:.08em}.visual-heading{border-bottom:1px solid #2e353d}.visual-footer{border-top:1px solid #2e353d}.visual-field{position:relative;min-height:440px;overflow:hidden;background:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),radial-gradient(circle at 50% 50%,rgba(54,112,159,.15),transparent 55%);background-size:54px 54px,54px 54px,auto}.orbit{position:absolute;top:50%;left:50%;width:310px;aspect-ratio:1;border:1px solid rgba(147,187,215,.14);border-radius:50%;transform:translate(-50%,-50%)}.orbit-two{width:475px;border-color:rgba(147,187,215,.07)}.visual-core{position:absolute;top:50%;left:50%;display:flex;flex-direction:column;align-items:center;gap:8px;transform:translate(-50%,-50%)}.visual-core img{width:76px;height:76px}.visual-core span{color:#9ca7b1;font:500 9px var(--mono);letter-spacing:.1em}.visual-node{position:absolute;display:flex;flex-direction:column;gap:5px;min-width:115px;padding:13px;border:1px solid #3a4856;border-radius:9px;background:#161c23;box-shadow:0 12px 28px rgba(0,0,0,.25)}.node-number{color:#619bca;font:500 9px var(--mono)}.visual-node strong{font-size:13px;font-weight:600}.visual-node>span:last-child{max-width:105px;color:#87939e;font-size:10px;line-height:1.35}.node-purchase{top:12%;left:9%}.node-benefit{top:12%;right:7%}.node-return{right:11%;bottom:12%}
.section{border-bottom:1px solid var(--line)}.section h2,.closing h2{margin:0;font-size:clamp(40px,4.5vw,64px);font-weight:500;letter-spacing:-.047em;line-height:1.08;text-wrap:balance}.section p:not(.eyebrow):not(.flow-index){color:#a4a7ad;font-size:17px;line-height:1.67}.why-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:12%;padding:130px 0}.why-grid h2{max-width:620px}.why-grid>div:last-child{padding-top:57px}.why-grid>div:last-child p{margin:0}
.flow{background:#0c0e11}.flow .wrap{padding:125px 0 135px}.section-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:12%;align-items:end}.section-heading>p{max-width:500px;margin:0 0 5px}.flow-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;overflow:hidden;margin:74px 0 0;padding:0;border:1px solid #34383e;border-radius:16px;background:#34383e;list-style:none}.flow-list li{min-height:275px;padding:31px;background:linear-gradient(145deg,#181c21,#111418)}.flow-index{color:#7e9bb0;font:500 10px var(--mono);letter-spacing:.08em}.flow-list h3{margin:90px 0 10px;font-size:22px;font-weight:500;letter-spacing:-.03em}.flow-list p{margin:0;font-size:14px!important}.flow>.wrap>.quiet-link{margin-top:36px}
.feature-grid,.experience-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:10%;align-items:center;padding:130px 0}.feature-copy>p:not(.eyebrow),.experience-copy>p:not(.eyebrow){max-width:510px;margin:27px 0 0}.feature-list{display:grid;gap:15px;margin:35px 0 0;padding:0;list-style:none}.feature-list li{position:relative;padding-left:20px;color:#d5d9de;font-size:14px;line-height:1.5}.feature-list li:before{position:absolute;top:9px;left:0;width:6px;height:6px;border-radius:50%;background:#65a8d9;content:""}.image-slot{min-width:0;margin:0;overflow:hidden;border:1px solid #343a42;border-radius:17px;background:#11151a;box-shadow:0 35px 80px rgba(0,0,0,.25)}.image-slot-top{display:flex;justify-content:space-between;gap:12px;padding:18px 21px;border-bottom:1px solid #2b3138;color:#79818a;font:500 9px var(--mono);letter-spacing:.08em}.image-slot-stage{display:flex;min-height:420px;flex-direction:column;align-items:center;justify-content:center;gap:13px;padding:28px;text-align:center;background:linear-gradient(rgba(255,255,255,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.026) 1px,transparent 1px),radial-gradient(circle at center,rgba(68,112,149,.13),transparent 60%),#11151a;background-size:55px 55px,55px 55px,auto,auto}.image-icon{display:grid;width:65px;height:65px;place-items:center;border:1px solid #53606b;border-radius:14px;color:#c0d1df;font-size:28px}.image-slot-stage strong{margin-top:10px;color:#e0e4e8;font-size:17px;font-weight:500}.image-slot-stage>span:last-child{max-width:290px;color:#87909b;font-size:13px;line-height:1.5}.image-slot figcaption{padding:16px 21px;border-top:1px solid #2b3138;color:#79818a;font-size:11px;line-height:1.4}.experience{background:#0c0e10}.experience-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}.image-slot-tall .image-slot-stage{min-height:470px}.experience-copy .quiet-link{margin-top:28px}
.integration{background:radial-gradient(ellipse 55% 85% at 5% 100%,rgba(38,67,88,.12),transparent 75%),#090b0d}.integration-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:12%;padding:125px 0 135px}.integration-grid>div:last-child{padding-top:55px}.integration-grid p:not(.eyebrow){margin:0}
.closing{overflow:hidden;background:radial-gradient(ellipse 55% 95% at 25% 100%,rgba(56,103,141,.18),transparent 75%),#0b0d10}.closing-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,.6fr);gap:10%;align-items:center;padding:135px 0 145px}.closing h2{max-width:780px}.closing p:not(.eyebrow){max-width:580px;margin:27px 0 0;color:#a9afb6;font-size:17px;line-height:1.65}.closing .primary-action{margin-top:37px}.closing-identity{display:flex;min-height:320px;flex-direction:column;align-items:center;justify-content:center;gap:23px;border:1px solid #343e48;border-radius:50%;box-shadow:0 0 0 55px rgba(145,193,230,.018),0 0 0 110px rgba(145,193,230,.012)}.closing-identity img{width:95px;height:95px}.closing-identity span{max-width:180px;color:#919da8;font-size:12px;line-height:1.5;text-align:center}
.flow-list{grid-template-columns:repeat(4,minmax(0,1fr))}.flow-list li{padding:26px}.flow-list h3{margin-top:75px;font-size:20px}
@media(max-width:1050px){.platform-page .wrap{width:calc(100% - 64px)}.hero-grid{gap:5%}.hero-copy h1{font-size:58px}.visual-field{min-height:380px}.node-purchase{left:5%}.node-benefit{right:5%}.node-return{right:7%}.feature-grid,.experience-grid{gap:6%}.flow-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:780px){.platform-page .wrap{width:calc(100% - 40px)}.breadcrumbs{padding-top:24px}.hero-grid{grid-template-columns:1fr;gap:65px;min-height:0;padding:70px 0 95px}.product-identity{margin-bottom:42px}.hero-copy h1{max-width:700px;font-size:clamp(46px,8vw,64px)}.hero-description{font-size:16px}.hero-visual{max-width:650px}.why-grid,.section-heading,.feature-grid,.experience-grid,.integration-grid,.closing-grid{grid-template-columns:1fr;gap:44px}.why-grid,.feature-grid,.experience-grid,.integration-grid,.closing-grid{padding:90px 0 105px}.why-grid>div:last-child,.integration-grid>div:last-child{padding-top:0}.flow .wrap{padding:90px 0 105px}.flow-list{grid-template-columns:1fr;margin-top:55px}.flow-list li{min-height:200px}.flow-list h3{margin-top:45px}.feature-grid .image-slot{max-width:700px}.experience-grid .image-slot{order:2;max-width:700px}.experience-copy{order:1}.closing-identity{max-width:300px;margin:45px auto 0}}
@media(max-width:430px){.hero-grid{padding:55px 0 80px}.product-identity img:first-child{width:39px;height:39px}.smartbis-wordmark{width:132px}.hero-copy h1{font-size:46px}.hero-description{font-size:15px}.hero-actions{align-items:flex-start;flex-direction:column;gap:23px}.visual-field{min-height:345px}.orbit{width:250px}.orbit-two{width:390px}.visual-core img{width:58px;height:58px}.visual-node{min-width:90px;padding:9px}.visual-node strong{font-size:11px}.visual-node>span:last-child{max-width:85px;font-size:9px}.node-purchase{top:11%;left:5%}.node-benefit{top:11%;right:4%}.node-return{right:7%;bottom:10%}.visual-heading,.visual-footer{padding:14px;font-size:8px}.section h2,.closing h2{font-size:38px}.section p:not(.eyebrow):not(.flow-index){font-size:15px}.image-slot-stage{min-height:310px}.image-slot-tall .image-slot-stage{min-height:350px}.closing-identity{min-height:260px}}
.closing-identity{width:min(100%,320px);min-height:0;aspect-ratio:1;justify-self:center}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition-duration:.01ms!important;animation-duration:.01ms!important}}

/* Reusable platform hero: replace the two brand assets without rebuilding a diagram. */
.product-hero{background:radial-gradient(ellipse 62% 70% at 88% 65%,rgba(57,69,82,.16),transparent 78%),linear-gradient(115deg,#08090a 16%,#0d1014 70%,#090a0c)}.hero-grid{position:relative;grid-template-columns:minmax(0,1fr);min-height:735px}.hero-copy{position:relative;z-index:1;max-width:780px}.hero-art{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}.hero-art:before{position:absolute;right:-17%;top:-28%;width:85%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(112,128,142,.11),transparent 66%);content:""}.hero-art:after{position:absolute;right:2%;bottom:13%;width:49%;height:1px;background:linear-gradient(90deg,transparent,rgba(159,176,190,.1),transparent);content:""}.hero-art-icon{position:absolute;top:-10%;right:-22%;display:block;width:min(94%,1060px);height:auto;opacity:.13;filter:grayscale(1) brightness(1.6);transform:rotate(-11deg);mask-image:radial-gradient(ellipse at 53% 48%,#000 17%,rgba(0,0,0,.62) 49%,transparent 76%)}
.process-panel{min-width:0;margin:0;overflow:hidden;border:1px solid #343a42;border-radius:17px;background:radial-gradient(ellipse at 80% 55%,rgba(43,103,149,.12),transparent 64%),#11151a;box-shadow:0 35px 80px rgba(0,0,0,.25)}.process-panel-top{display:flex;justify-content:space-between;gap:12px;padding:18px 21px;border-bottom:1px solid #2b3138;color:#86929e;font:500 9px var(--mono);letter-spacing:.08em}.process-steps{display:grid;gap:0;margin:0;padding:33px 44px;list-style:none}.process-steps li{position:relative;display:grid;grid-template-columns:48px 1fr;column-gap:18px;min-height:116px;align-content:center}.process-steps li:not(:last-child):before{position:absolute;top:78px;bottom:-32px;left:22px;width:1px;background:linear-gradient(#498fbe,rgba(73,143,190,.13));content:""}.process-number{display:grid;grid-row:span 2;width:44px;height:44px;place-items:center;border:1px solid #4c6980;border-radius:50%;color:#93c5e8;background:#15222d;font:500 10px var(--mono)}.process-steps strong{align-self:end;color:#e5e9ed;font-size:18px;font-weight:500;line-height:1.3}.process-steps li>span:last-child{margin-top:8px;color:#9ca8b2;font-size:13px;line-height:1.45}.process-panel figcaption{padding:16px 21px;border-top:1px solid #2b3138;color:#7e8993;font-size:11px;line-height:1.4}.portal-flow{display:grid;gap:31px;align-content:center;min-height:470px;padding:38px 44px}.portal-flow-source,.portal-flow-branches>div{border:1px solid #385166;border-radius:12px;background:linear-gradient(145deg,#1b2935,#141c25)}.portal-flow-source{max-width:340px;margin-inline:auto;padding:21px 25px;text-align:center}.portal-flow-source span,.portal-flow-branches span{display:block;margin-bottom:10px;color:#75b2dd;font:500 9px var(--mono);letter-spacing:.08em}.portal-flow-source strong,.portal-flow-branches strong{color:#e2e8ed;font-size:16px;font-weight:500}.portal-flow-branches{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:20px}.portal-flow-branches:before{position:absolute;top:-31px;left:50%;height:31px;width:1px;background:#40617a;content:""}.portal-flow-branches>div{min-height:125px;padding:22px}.portal-flow-branches small{display:block;margin-top:10px;color:#9ca8b2;font-size:12px}.portal-flow-end{max-width:380px;margin:auto;color:#aab6c0;font-size:13px;line-height:1.55;text-align:center}
@media(max-width:780px){.hero-grid{display:block;min-height:680px;overflow:hidden;padding:75px 0 105px}.hero-copy{max-width:650px}.hero-art-icon{top:8%;right:-70%;width:145%;opacity:.085}.hero-art:after{display:none}.process-panel{max-width:700px}.process-panel-portal{order:2}}
@media(max-width:430px){.hero-grid{min-height:680px;padding:60px 0 90px}.hero-art-icon{top:17%;right:-93%;width:185%;opacity:.075}.process-steps{padding:25px 22px}.process-steps li{grid-template-columns:40px 1fr;column-gap:13px;min-height:108px}.process-steps li:not(:last-child):before{left:19px}.process-number{width:38px;height:38px}.process-steps strong{font-size:15px}.portal-flow{min-height:390px;padding:25px 20px}.portal-flow-branches{gap:10px}.portal-flow-branches>div{padding:15px}.portal-flow-branches strong{font-size:13px}}

/* Editorial hero, shared by future platform pages through brand assets and accent token. */
.product-hero{background:radial-gradient(ellipse 44% 60% at 94% 85%,rgba(45,72,93,.13),transparent 78%),linear-gradient(115deg,#08090a 28%,#0c0e11 100%)}.hero-stage{position:relative;display:flex;min-height:730px;flex-direction:column;justify-content:space-between;padding:100px 0 120px}.hero-stage:after{position:absolute;right:0;bottom:66px;left:0;height:1px;background:linear-gradient(90deg,#6caee0 0 64px,#2c3137 64px,#2c3137 100%);content:""}.hero-stage .product-identity{margin:0}.hero-stage .product-identity img:first-child{width:42px;height:42px}.hero-stage .smartbis-wordmark{width:168px}.hero-main{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,.7fr);gap:8%;align-items:end}.hero-message .eyebrow{margin-bottom:24px}.hero-message h1{max-width:850px;margin:0;font-size:clamp(68px,6.3vw,98px);font-weight:500;letter-spacing:-.059em;line-height:1.015;text-wrap:balance}.hero-support{padding-bottom:6px}.hero-support .hero-description{max-width:380px;margin:0;color:#aeb5bd;font-size:16px;line-height:1.7}.hero-support .hero-actions{align-items:flex-start;flex-direction:column;gap:22px;margin-top:36px}.hero-support .secondary-action{padding-left:4px}
@media(max-width:1050px){.hero-main{grid-template-columns:minmax(0,1.35fr) minmax(260px,.75fr);gap:6%}.hero-message h1{font-size:clamp(62px,7vw,82px)}}
@media(max-width:780px){.hero-stage{min-height:0;padding:80px 0 120px}.hero-stage .product-identity{margin-bottom:100px}.hero-main{grid-template-columns:1fr;gap:38px}.hero-message h1{max-width:690px;font-size:clamp(52px,8vw,70px)}.hero-support .hero-description{max-width:650px}.hero-support .hero-actions{flex-direction:row;align-items:center;gap:25px}.hero-stage:after{bottom:58px}}
@media(max-width:430px){.hero-stage{padding:65px 0 105px}.hero-stage .product-identity{margin-bottom:83px}.hero-message h1{font-size:clamp(48px,11.8vw,58px)}.hero-support .hero-actions{align-items:flex-start;flex-direction:column;gap:22px}.hero-stage:after{bottom:45px}}

/* Quiet product-specific geometry: the story stays in HTML, the visual remains decorative. */
.product-hero{isolation:isolate;background:radial-gradient(ellipse 48% 64% at 86% 82%,rgba(34,75,105,.17),transparent 76%),linear-gradient(128deg,#08090a 20%,#0d1116 74%,#090b0e)}.hero-lines{position:absolute;z-index:-1;inset:0;width:100%;height:100%;opacity:.68;pointer-events:none;mask-image:linear-gradient(90deg,transparent 0%,transparent 34%,#000 62%,#000 100%)}.hero-stage:after{background:linear-gradient(90deg,#77a9cc 0 64px,rgba(120,135,148,.28) 64px,rgba(120,135,148,.28) 100%)}
@media(max-width:780px){.hero-lines{width:170%;left:-36%;opacity:.46;mask-image:linear-gradient(180deg,transparent 0%,transparent 32%,#000 72%,transparent 100%)}.hero-stage{padding-top:72px}}
@media(max-width:430px){.hero-lines{width:240%;left:-83%;opacity:.38}}

/* Match the approved site hero rhythm: one message, supporting copy, quiet CTA. */
.hero-stage{min-height:730px;justify-content:center;padding:110px 0 130px}.hero-stage:after{display:none}.hero-stage .product-identity{margin:0 0 65px}.hero-stage .product-identity img:first-child{width:38px;height:38px}.hero-stage .smartbis-wordmark{width:155px}.hero-main{display:block}.hero-message h1{max-width:940px;font-size:clamp(64px,5.7vw,86px);letter-spacing:-.03em;line-height:1.045}.hero-support{display:flex;align-items:flex-start;justify-content:space-between;gap:50px;margin-top:39px;padding:0}.hero-support .hero-description{max-width:655px;font-size:16px}.hero-support .hero-actions{display:block;flex:0 0 auto;margin:0}.hero-support .primary-action{min-height:0;gap:11px;padding:3px 0 10px;border:0;border-bottom:1px solid rgba(143,177,203,.55);border-radius:0;color:#b8c2cb;background:none;box-shadow:none;font-size:15px;font-weight:400;white-space:nowrap;transition:color .2s,border-color .2s}.hero-support .primary-action:hover{color:#fff;border-color:#b9d7eb;background:none;transform:none}.hero-support .primary-action span{color:#77a9cc;font-size:18px}
@media(max-width:1050px){.hero-message h1{font-size:clamp(58px,7vw,78px)}.hero-support .hero-description{max-width:560px}}
@media(max-width:780px){.hero-stage{min-height:max(650px,calc(100svh - 64px));padding:90px 0 100px}.hero-stage .product-identity{margin-bottom:58px}.hero-message h1{font-size:clamp(52px,8vw,70px)}.hero-support{display:block;margin-top:32px}.hero-support .hero-actions{margin-top:27px}.hero-support .hero-description{max-width:650px}}
@media(max-width:430px){.hero-stage{min-height:max(690px,calc(100svh - 64px));padding:72px 0 95px}.hero-stage .product-identity{margin-bottom:52px}.hero-message h1{font-size:clamp(46px,11vw,55px)}.hero-support .hero-description{font-size:15px}}
.hero-stage .product-identity img:first-child{width:64px;height:64px}

/* Value panels: product capabilities, not simulated interface screens. */
.value-panel{min-width:0;margin:0;overflow:hidden;border:1px solid #33404b;border-radius:18px;background:#111820;box-shadow:0 35px 80px rgba(0,0,0,.25)}
.value-panel-top{display:flex;justify-content:space-between;gap:16px;padding:19px 24px;border-bottom:1px solid #29343f;color:#8fa8b9;font:500 10px var(--mono);letter-spacing:.09em}
.value-panel figcaption{padding:17px 24px;border-top:1px solid #29343f;color:#82909b;font-size:12px;line-height:1.5}
.automation-stage,.insights-stage{min-height:470px;padding:42px;background:radial-gradient(circle at 72% 24%,rgba(62,128,178,.14),transparent 42%),linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),#111820;background-size:auto,56px 56px,56px 56px,auto}
.automation-lead,.insights-lead{max-width:430px}.automation-lead span,.automation-grid span,.automation-result span,.insights-lead span{display:block;margin-bottom:12px;color:#87bee4;font:500 10px var(--mono);letter-spacing:.1em}.automation-lead strong,.insights-lead strong{display:block;color:#ecf2f6;font-size:clamp(23px,2.3vw,31px);font-weight:500;letter-spacing:-.035em;line-height:1.2}
.automation-track{display:flex;align-items:center;gap:8px;height:70px;margin-left:14px}.automation-track span:first-child{height:50px;width:1px;background:linear-gradient(#68aee0,#2e5976)}.automation-track span:nth-child(2){width:8px;height:8px;border-radius:50%;background:#8fd0fa;box-shadow:0 0 22px #5aa8db}.automation-track span:last-child{flex:1;height:1px;background:linear-gradient(90deg,#5f9ac5,transparent)}
.automation-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.automation-grid>div{min-height:142px;padding:22px;border:1px solid #3a5162;border-radius:12px;background:linear-gradient(145deg,#1b2a36,#141d26)}.automation-grid strong{display:block;color:#e8f0f5;font-size:18px;font-weight:500;letter-spacing:-.02em}.automation-grid small{display:block;margin-top:13px;color:#a4b2be;font-size:12px;line-height:1.5}.automation-result{margin-top:20px;padding:17px 20px;border-left:2px solid #86c8ef;background:rgba(81,144,188,.085)}.automation-result span{margin-bottom:7px}.automation-result strong{color:#e7eef4;font-size:16px;font-weight:500}
.value-panel-insights{background:#10161d}.insights-stage{display:flex;flex-direction:column;gap:27px;background:radial-gradient(circle at 20% 82%,rgba(58,118,162,.16),transparent 46%),linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),#10161d;background-size:auto,56px 56px,56px 56px,auto}.insights-lead{max-width:520px}.insights-list{display:grid;gap:1px;overflow:hidden;border:1px solid #334858;border-radius:12px;background:#334858}.insights-list>div{display:grid;grid-template-columns:34px 1fr 20px;gap:17px;align-items:center;min-height:74px;padding:14px 18px;background:#17212a}.insights-index{color:#76b8e6;font:500 11px var(--mono)}.insights-list strong{display:block;color:#e4edf2;font-size:16px;font-weight:500}.insights-list small{display:block;margin-top:5px;color:#98a8b4;font-size:12px;line-height:1.35}.insights-mark{color:#7dbce7;font-size:19px}.insights-bottom{color:#b6c9d6;font-size:14px;line-height:1.4}
@media(max-width:780px){.experience-grid .value-panel{order:2}.experience-copy{order:1}.feature-grid .value-panel,.experience-grid .value-panel{max-width:700px}}
@media(max-width:430px){.value-panel-top{padding:15px 18px;font-size:8px}.value-panel figcaption{padding:14px 18px}.automation-stage,.insights-stage{min-height:0;padding:25px 20px}.automation-lead strong,.insights-lead strong{font-size:25px}.automation-grid{grid-template-columns:1fr}.automation-grid>div{min-height:0;padding:17px}.automation-track{height:45px}.automation-track span:first-child{height:32px}.insights-list>div{grid-template-columns:25px 1fr 14px;gap:9px;padding:13px}.insights-list strong{font-size:14px}.insights-list small{font-size:11px}}

/* Shared institutional heading scale: Home, About, Portfolio and platform pages. */
.whatsplaid-page .whatsplaid-wordmark{color:#f5f5f6;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:28px;font-weight:600;letter-spacing:-.03em;line-height:1.1}
.whatsplaid-page .product-hero{background:radial-gradient(ellipse 48% 64% at 86% 82%,rgba(63,77,119,.2),transparent 76%),linear-gradient(128deg,#08090a 20%,#10121a 74%,#090b0e)}
/* WPP Marketing adapts the shared platform system through brand color and product narrative. */
.wpp-page{--blue:#46b979}.wpp-page .product-hero{background:radial-gradient(ellipse 48% 64% at 86% 82%,rgba(32,93,59,.17),transparent 76%),linear-gradient(128deg,#08090a 20%,#0d1210 74%,#090b0a)}.wpp-page .hero-stage{min-height:730px}.wpp-page .wpp-wordmark{color:#eef6f0;font-size:25px;font-weight:700;letter-spacing:-.055em}.wpp-page .eyebrow:before{background:#49c47e;box-shadow:0 0 14px rgba(69,190,121,.42)}.wpp-page .hero-support .primary-action{border-color:rgba(119,194,146,.55)}.wpp-page .hero-support .primary-action span,.wpp-page .quiet-link span,.wpp-page .secondary-action span{color:#73d397}.wpp-page .feature-list li:before{background:#63c88b}.wpp-page .value-panel{border-color:#34473c;background:#111a15}.wpp-page .value-panel-top{border-bottom-color:#2a3c31;color:#92b5a0}.wpp-page .value-panel figcaption{border-top-color:#2a3c31}.wpp-page .automation-stage{background:radial-gradient(circle at 72% 24%,rgba(57,145,86,.16),transparent 42%),linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),#111a15;background-size:auto,56px 56px,56px 56px,auto}.wpp-page .automation-lead span,.wpp-page .automation-grid span,.wpp-page .automation-result span,.wpp-page .insights-lead span,.wpp-page .insights-index,.wpp-page .insights-mark{color:#7ed7a0}.wpp-page .automation-track span:first-child{background:linear-gradient(#72d59a,#346347)}.wpp-page .automation-track span:nth-child(2){background:#84e5ab;box-shadow:0 0 22px #51b979}.wpp-page .automation-track span:last-child{background:linear-gradient(90deg,#66bc87,transparent)}.wpp-page .automation-grid>div{border-color:#3b5946;background:linear-gradient(145deg,#1b3022,#152119)}.wpp-page .automation-result{border-left-color:#8be1ad;background:rgba(69,148,90,.09)}.wpp-page .insights-stage{background:radial-gradient(circle at 20% 82%,rgba(63,143,87,.16),transparent 46%),linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),#101a14;background-size:auto,56px 56px,56px 56px,auto}.wpp-page .insights-list{border-color:#344d3c;background:#344d3c}.wpp-page .insights-list>div{background:#19251d}.wpp-page .closing{background:radial-gradient(ellipse 55% 95% at 25% 100%,rgba(45,118,72,.17),transparent 75%),#0b0f0c}.wpp-page .closing-identity{border-color:#344a39;box-shadow:0 0 0 55px rgba(100,190,129,.018),0 0 0 110px rgba(100,190,129,.012)}.wpp-page .closing .primary-action{border-color:#85d3a2;background:#9fe2b5;color:#0b1e11}.wpp-page .closing .primary-action:hover{background:#c8f2d3}.wpp-page .site-footer{background:radial-gradient(ellipse 62% 110% at 6% 110%,rgba(45,72,52,.18),transparent 75%),#08090a}
@media(max-width:780px){.wpp-page .hero-stage{min-height:max(650px,calc(100svh - 64px))}}
@media(max-width:430px){.wpp-page .hero-stage{min-height:max(690px,calc(100svh - 64px))}.wpp-page .wpp-wordmark{font-size:21px}}

.platform-page .hero-stage{margin-top:0;overflow:visible;border:0;border-radius:0;background:none;box-shadow:none}
.platform-page .hero-stage:before{display:none}
.platform-page .hero-message h1{font-size:var(--heading-h1-size);font-weight:var(--heading-weight);letter-spacing:var(--heading-h1-spacing);line-height:var(--heading-h1-line)}
.platform-page .section h2,.platform-page .closing h2{font-size:var(--heading-h2-size);font-weight:var(--heading-weight);letter-spacing:var(--heading-h2-spacing);line-height:var(--heading-h2-line)}