/* v1.2.38 — service-scoped presentation only. Existing motion controllers remain authoritative. */
.service-identity{--si-ink:#153951;--si-muted:#536f82;--si-accent:#187bb9;--si-soft:#edf6fb;--si-line:#cbdfea}
.service-identity--custom{--si-ink:#173c65;--si-accent:#187fd1;--si-soft:#edf6ff;--si-line:#b9d1e9}
.service-identity--licensing{--si-ink:#173f42;--si-accent:#288d79;--si-soft:#edf7f3;--si-line:#bad7d0}
.service-identity--community{--si-ink:#204c52;--si-accent:#248c87;--si-soft:#eff9f5;--si-line:#c5e2da}
.service-identity--commerce{--si-ink:#2e355c;--si-accent:#b97a55;--si-soft:#fbf3ed;--si-line:#e5d3c5}
.service-identity--crm{--si-ink:#163d60;--si-accent:#2685ae;--si-soft:#eef4f8;--si-line:#c8d7e3}
.service-identity--trading{--si-ink:#e0edf3;--si-muted:#b0c0ca;--si-accent:#81c9d8;--si-soft:#15212c;--si-line:#344958}
.service-identity--windows{--si-ink:#244860;--si-accent:#4384a8;--si-soft:#edf2f7;--si-line:#bfd0dd}
.service-identity--cloud{--si-ink:#26365d;--si-accent:#797bc8;--si-soft:#f1f2fc;--si-line:#cbd0ee}
.service-identity--gui{--si-ink:#323e68;--si-accent:#7b83c0;--si-soft:#f1f0fb;--si-line:#d4d2e9}
.service-identity--education{--si-ink:#35416f;--si-accent:#6875b6;--si-soft:#f4f3fb;--si-line:#d3d8ec}
.service-identity--medical{--si-ink:#20505c;--si-accent:#348e90;--si-soft:#f0f9f8;--si-line:#c5e1df}
.service-identity--automation{--si-ink:#343b49;--si-accent:#b6813b;--si-soft:#f8f5ef;--si-line:#ddd4c4}
.service-identity main{overflow:clip}
.service-identity .site-header{background:rgba(255,255,255,.96)}
.service-identity main section{position:relative;isolation:isolate}
.service-identity .platform-feature-grid{position:relative}
.service-identity :is(.platform-feature,.lic-card,.csd-content-card){position:relative}
.service-identity :is(.platform-copy,.lic-copy){position:relative}
.service-identity :is(.platform-final,.csd-final-cta,#discuss-project){overflow:hidden}
.service-identity :is(.platform-actions,.lic-actions,.csd-actions){position:relative;z-index:1}
.service-identity main a:focus-visible,.service-identity main button:focus-visible,.service-identity main input:focus-visible{outline:2px solid #3684df;outline-offset:4px}
.service-identity .sv-controls button:hover{border-color:currentColor}
:is(.service-identity--trading,.service-identity--cloud) .service-back-link:hover{color:#fff}
.service-identity--trading .platform-related nav a:hover{border-color:#85c9df}
.service-identity--gui .sv-compare-controls button:hover{background:#e0e7f8;border-color:#819bcc}
.service-identity--automation .fa-workflows button:hover{border-color:var(--fa-accent)}

/* 01 / BLUEPRINT: existing full-width software universe, technical drawing edges and specification panels. */
.service-identity.service-identity--custom .csd-hero{background:linear-gradient(#ffffff0b 1px,transparent 1px),linear-gradient(90deg,#ffffff0b 1px,transparent 1px),radial-gradient(ellipse at 50% 50%,#155782,#0b2850 55%,#071b37);background-size:44px 44px,44px 44px,auto}
.service-identity--custom .csd-hero::after{content:"";position:absolute;inset:90px 20px 14px;pointer-events:none;border:1px solid #6bb4df45;background:linear-gradient(#9bcde5,#9bcde5) 0 0/44px 1px no-repeat,linear-gradient(#9bcde5,#9bcde5) 0 0/1px 34px no-repeat,linear-gradient(#9bcde5,#9bcde5) 100% 100%/44px 1px no-repeat,linear-gradient(#9bcde5,#9bcde5) 100% 100%/1px 34px no-repeat;z-index:-1}
.service-identity--custom .csd-orbit-card{border-radius:4px;background:linear-gradient(110deg,#14385be8,#0b284ae8);box-shadow:inset 3px 0 #72b9df33}
.service-identity--custom .csd-soft{background:linear-gradient(#1d82bd07 1px,transparent 1px),linear-gradient(90deg,#1d82bd07 1px,transparent 1px),#f3f8fe;background-size:32px 32px}
.service-identity--custom .csd-section{border-top:1px solid #8db7d92b}
.service-identity--custom :is(.csd-content-card,.csd-principles article,.csd-use-cases article){border-radius:4px;border:1px solid #b8d0e6;box-shadow:none;background:#fff}
.service-identity--custom .csd-content-card{border-left:4px solid #4396c7}
.service-identity--custom .csd-capabilities{gap:20px}
.service-identity--custom .csd-card-emblem{border-radius:4px;background:#eef6fd}
.service-identity--custom .csd-delivery li{border-radius:4px;border-color:#6bacd65e;background:#163c5e70;box-shadow:none}
.service-identity--custom .csd-delivery .csd-card-emblem{background:#18496b;color:#9bdcf3}
.service-identity--custom .csd-delivery::before,.service-identity--custom .csd-delivery::after{border-style:solid;border-color:#76c2e477}
.service-identity--custom .csd-system-flow>div{border-radius:4px;border:1px solid #72b4df5e;background:linear-gradient(90deg,#1f4a6e77,#0e294177)}
.service-identity--custom .csd-final-cta{background:linear-gradient(#6db5df0b 1px,transparent 1px),linear-gradient(90deg,#6db5df0b 1px,transparent 1px),#0d2c4c;background-size:36px 36px}
.service-identity--custom .csd-final-cta .premium-page-cta-inner{border-left:2px solid #70b7da;padding-left:28px}

/* 02 / LICENSE CONTROL: divided secure workspace, layered entitlement panels and verification rails. */
.service-identity.service-identity--licensing .lic-hero{background:linear-gradient(#fff,#fff) 0 0/100% 80px no-repeat,linear-gradient(90deg,#f0f6f4 0 48%,#102e38 48% 100%);padding-top:110px}
.service-identity--licensing .lic-hero-grid{align-items:start}
.service-identity--licensing .lic-console{border-radius:9px;border-color:#579f91;background:linear-gradient(140deg,#153a42,#0b2431);box-shadow:0 20px 45px #153b3b1c,0 0 0 6px #8ec7b817}
.service-identity--licensing .lic-core{border-radius:8px;border-color:#72bbaa;background:#17444b}
.service-identity--licensing .lic-app,.service-identity--licensing .lic-check,.service-identity--licensing .lic-response{border-radius:5px}
.service-identity--licensing .lic-check{border-left:2px solid #78b9a8}
.service-identity--licensing .lic-hero-strip{border-color:#bbd7cb;color:#3f665e;background:#edf5f2;border-radius:5px;padding:18px 20px}
.service-identity--licensing .lic-soft{background:#eff6f3}
.service-identity--licensing .lic-section{border-top:1px solid #cee0d7}
.service-identity--licensing .lic-card{border-radius:6px;border-color:#c5dad3;box-shadow:inset 0 3px #7db6a0;background:linear-gradient(135deg,#fff,#f6faf7)}
.service-identity--licensing .lic-card-icon{border-radius:6px;background:#e8f5ed;border-color:#b9dcca;color:#398d75}
.service-identity--licensing .lic-steps{gap:0;border:1px solid #bcd9cc;border-radius:8px;overflow:hidden}
.service-identity--licensing .lic-steps li{border:0;border-radius:0;border-right:1px solid #bfd8ce;background:#fbfdfb}
.service-identity--licensing .lic-steps li:last-child{border-right:0}
.service-identity--licensing .lic-steps li>span{border-radius:5px;border:1px solid #aacdbb;background:#edf6ee;color:#39795d}
.service-identity--licensing .lic-dark{background:linear-gradient(135deg,#14383e,#0d2932)}
.service-identity--licensing .lic-host-card{border-radius:7px;box-shadow:inset 0 1px #b4dac526;border-color:#69a38e77}
.service-identity--licensing .lic-use-grid article{border-radius:6px;background:#f5faf7;border-color:#c7dbd2}
.service-identity--licensing #discuss-project::after{content:"";position:absolute;right:6%;top:12%;width:220px;height:220px;border:1px solid #80b8a326;border-radius:25%;box-shadow:0 0 0 24px #80b8a30a,0 0 0 48px #80b8a306;pointer-events:none;z-index:-1}

/* 03 / COMMUNITY: organic group clusters, soft network pods and shared-space bars. */
.service-identity.service-identity--community .platform-hero{padding-top:110px;background:radial-gradient(circle at 7% 24%,#cdeee447 0 13%,transparent 13.2%),radial-gradient(circle at 82% 65%,#d5f1ee 0 25%,transparent 25.2%),#f7fcfa}
.service-identity--community .platform-copy h1{color:#17494e}
.service-identity--community .platform-subtitle{color:#2b6267}
.service-identity--community .platform-board{border-radius:42px 18px 42px 18px;border-color:#b5dfd6;background:linear-gradient(135deg,#174b52,#103c4a);box-shadow:0 20px 50px #194f4714}
.service-identity--community .board-flow li{border-radius:50% 50% 14px 14px}
.service-identity--community .board-metric{border-radius:16px 5px 16px 5px;border-color:#cae6df;background:#f4fbf7}
.service-identity--community .platform-audience{background:#fff;border-block:1px solid #d5e9e2}
.service-identity--community .platform-soft{background:#f0f8f4}
.service-identity--community .platform-section:has(.platform-feature-grid) .platform-heading h2{color:#24534f}
.service-identity--community .platform-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.service-identity--community .platform-feature{border-radius:30px 12px 30px 12px;border:1px solid #cbe2d9;background:#fff;box-shadow:0 10px 25px #204d3a05;padding:28px}
.service-identity--community .platform-feature-icon{border-radius:50%;background:#e7f6ed;border-color:#c8e5d6;color:#388775;width:54px;height:54px}
.service-identity--community .platform-feature:nth-child(3):last-child{grid-column:1/-1;display:grid;grid-template-columns:54px minmax(0,1fr) minmax(0,1.5fr);gap:24px;align-items:center}
.service-identity--community .platform-feature:nth-child(3):last-child :is(h3,p,.platform-feature-icon){margin:0}
.service-identity--community .platform-dark{background:#123f43}
.service-identity--community .platform-dark .platform-feature{background:#1b50522b;border-color:#79aaa34a}
.service-identity--community .platform-dark .platform-heading h2{color:#eefbf8}
.service-identity--community .platform-journey{background:linear-gradient(180deg,#fff,#edf8f3)}
.service-identity--community .platform-steps li{border-radius:24px;border-color:#bddbce;background:#fff}
.service-identity--community .platform-final{background:radial-gradient(circle at 88% 50%,#387e6f47 0 16%,transparent 16.2%),radial-gradient(circle at 88% 50%,transparent 0 22%,#73bca925 22.2% 22.4%,transparent 22.6%),#16494c}

/* 04 / COMMERCE: a storefront on the left, catalogue displays and fulfilment strips. */
.service-identity.service-identity--commerce .platform-hero{padding-top:110px;background:linear-gradient(115deg,#f8f1e9 0 51%,#f9f9fd 51%)}
.service-identity--commerce .platform-copy h1{color:#30345b}
.service-identity--commerce .commerce-board{border-radius:14px;border-color:#d3c4ba;background:linear-gradient(135deg,#293450,#1e283f);box-shadow:0 20px 45px #7a4d3017}
.service-identity--commerce .commerce-catalogue{background:linear-gradient(130deg,#fffaf4,#f7eee4);border-color:#e8d9c9;border-radius:10px}
.service-identity--commerce .commerce-product-mark{background:#f2e3d2;border-color:#d9bfa7;color:#977252}
.service-identity--commerce .platform-models{background:#fffaf5;border-top:1px solid #e8d9cb}
.service-identity--commerce .platform-soft{background:#fbf4ed}
.service-identity--commerce .platform-feature{border-radius:14px;border-color:#e7dacf;background:#fff;box-shadow:0 8px 18px #744d2f06;padding:22px}
.service-identity--commerce .platform-feature-icon{width:100%;height:86px;border-radius:9px;background:linear-gradient(125deg,#f5e7d9,#fbf2e8);border-color:#edddcc;color:#a37752;margin-bottom:23px}
.service-identity--commerce .platform-feature-icon .platform-icon{width:35px;height:35px}
.service-identity--commerce .platform-feature h3{color:#3b3d5b}
.service-identity--commerce .platform-journey-track{padding:24px;border:1px solid #e4d2c1;border-radius:14px;background:#fffaf4}
.service-identity--commerce .platform-steps li{border-radius:8px;border-color:#dcc6b2;box-shadow:inset 0 3px #c09a76;background:#fff}
.service-identity--commerce .platform-dark{background:#252d46}
.service-identity--commerce .platform-dark .platform-feature{background:#2e3752;border-color:#6e779548}
.service-identity--commerce .platform-dark .platform-feature h3{color:#f6f3ef}
.service-identity--commerce .platform-dark .platform-feature-icon{background:#5c4e461f;border-color:#b48c5d4a}
.service-identity--commerce .platform-final{background:linear-gradient(115deg,#28334f,#323854);border-top:4px solid #bf9576}
.service-identity--commerce .platform-final::after{content:"";position:absolute;right:7%;top:24px;width:180px;height:210px;border:1px solid #d6ae8e24;border-radius:20px 20px 8px 8px;box-shadow:24px 18px 0 -1px #b58c6911;pointer-events:none;z-index:-1}

/* 05 / CRM: layered command framing and a precise operational timeline beside each brief. */
.service-identity.service-identity--crm .platform-hero{background:linear-gradient(90deg,#eaf1f7 1px,transparent 1px),linear-gradient(180deg,#fff,#edf4f9);background-size:120px 100%,auto}
.service-identity--crm .platform-copy::before{content:"";position:absolute;left:-13px;top:55px;bottom:0;width:2px;background:linear-gradient(#2c86ad,#2c86ad00);pointer-events:none}
.service-identity--crm .ep-storyboard{border-radius:8px;border-color:#88bad1;box-shadow:0 16px 45px #224c7118,0 0 0 6px #6d98b509}
.service-identity--crm .platform-section:has(>.wrap>.platform-feature-grid)>.wrap{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:65px;align-items:start}
.service-identity--crm .platform-section:has(>.wrap>.platform-feature-grid) .platform-heading{margin:0;padding-top:20px}
.service-identity--crm .platform-feature-grid{grid-template-columns:1fr;gap:0;border-left:1px solid #c4d7e3;padding-left:28px}
.service-identity--crm .platform-feature{display:grid;grid-template-columns:42px 1fr;gap:10px 20px;padding:24px 0;border:0;border-bottom:1px solid #d0dfe8;border-radius:0;background:transparent;box-shadow:none}
.service-identity--crm .platform-feature::before{content:"";position:absolute;left:-33px;top:35px;width:9px;height:9px;border:2px solid #dceaf3;background:#3487ad;border-radius:2px}
.service-identity--crm .platform-feature-icon{grid-row:1/3;width:42px;height:42px;margin:0;border-radius:6px;background:#e3f0f8;border-color:#bad9ea;color:#2c80a6}
.service-identity--crm .platform-feature h3{margin:0;font-size:22px}
.service-identity--crm .platform-feature p{grid-column:2}
.service-identity--crm .platform-soft{background:#f0f4f7}
.service-identity--crm .platform-dark{background:#17334d}
.service-identity--crm .platform-dark .platform-feature{border-color:#83a7c638}
.service-identity--crm .platform-dark .platform-feature-grid{border-color:#81a9c74a}
.service-identity--crm .platform-final{background:#16354e;border-top:1px solid #7db0c563}
.service-identity--crm .platform-final::after{content:"";position:absolute;right:9%;top:25px;bottom:25px;width:150px;background:linear-gradient(90deg,#6aa5c317 0 2px,transparent 2px 48px,#6aa5c317 48px 50px,transparent 50px 98px,#6aa5c317 98px 100px,transparent 100px);pointer-events:none;z-index:-1}

/* 06 / TRADING: an immersive graphite analysis terminal and horizontal technical bands. */
.service-identity.service-identity--trading .platform-hero{background:linear-gradient(#fff,#fff) 0 0/100% 80px no-repeat,linear-gradient(#78a1b008 1px,transparent 1px),linear-gradient(90deg,#78a1b008 1px,transparent 1px),#111c27;background-size:100% 80px,52px 52px,52px 52px,auto}
.service-identity--trading .platform-copy h1{color:#eef5f8}
.service-identity--trading .platform-subtitle{color:#d2e4eb}
.service-identity--trading :is(.platform-lead,.platform-hero-note){color:#b7c8d0}
.service-identity--trading :is(.service-back-link,.platform-copy .micro){color:#8bc9d8}
.service-identity--trading .enterprise-board{border-radius:6px;border-color:#58717e;background:linear-gradient(145deg,#162932,#0b1822);box-shadow:0 20px 50px #00000025}
.service-identity--trading .platform-visual-caption{color:#a4bbc6}
.service-identity--trading .platform-section{background:#111c27;border-top:1px solid #3c546338}
.service-identity--trading .platform-soft{background:#17232e}
.service-identity--trading .platform-heading h2,.service-identity--trading :is(.platform-related,.platform-final) h2{color:#e4eff5}
.service-identity--trading .platform-heading>p:not(.micro),.service-identity--trading :is(.platform-related,.platform-final) p:not(.micro){color:#b3c5cf}
.service-identity--trading .micro{color:#87c8d6}
.service-identity--trading .platform-feature-grid{gap:0 32px}
.service-identity--trading .platform-feature{display:grid;grid-template-columns:28px 1fr;gap:12px 17px;border:0;border-top:1px solid #55717f6b;border-radius:0;padding:27px 0;background:transparent;box-shadow:none}
.service-identity--trading .platform-feature-icon{grid-row:1/3;margin:0;width:28px;height:28px;background:none;border:0;border-radius:0;color:#8cc7d7}
.service-identity--trading .platform-feature h3{margin:0;color:#deebf2;font-size:21px}
.service-identity--trading .platform-feature p{grid-column:2;color:#acbfcc}
.service-identity--trading .platform-faq details{border-color:#3e5665}
.service-identity--trading .platform-faq summary{color:#e2eef4}
.service-identity--trading .platform-faq details p{color:#b3c5cf}
.service-identity--trading .platform-related nav a{background:#192d3b;border-color:#446273;color:#bcd9e9}
.service-identity--trading .platform-final{border-top:1px solid #74bdc855;background:linear-gradient(90deg,#203541,#111e29)}
.service-identity--trading .platform-final::after{content:"";position:absolute;inset:18px 4%;border-block:1px solid #81a7b41c;pointer-events:none;z-index:-1}

/* 07 / WINDOWS: a silver desktop window on the left, with application-panel content chrome. */
.service-identity.service-identity--windows .platform-hero{background:linear-gradient(125deg,#e4edf5 0 50%,#f8fafc 50%);border-bottom:1px solid #c8d8e4}
.service-identity--windows .sv-windows{border-radius:12px;border-color:#9ab4c7;background:linear-gradient(135deg,#e5eff6,#d8e7f0);box-shadow:0 16px 35px #2546601a,inset 0 1px #fff}
.service-identity--windows .sv-frame-top{border-color:#b8cfdf}
.service-identity--windows .sv-frame-top b,.service-identity--windows .sv-frame-top .platform-icon,.service-identity--windows .sv-scene-heading>span{color:#3b5e77}
.service-identity--windows .sv-frame-top>span{border-color:#abc8db;color:#3b5e77}
.service-identity--windows .sv-scene-heading h2{color:#254b65}
.service-identity--windows .platform-soft{background:#edf2f7}
.service-identity--windows .platform-feature-grid{grid-template-columns:1fr;gap:20px}
.service-identity--windows .platform-feature{display:grid;grid-template-columns:48px minmax(0,.8fr) minmax(0,1.4fr);gap:20px;align-items:center;padding:48px 26px 25px;border-radius:9px;border-color:#bccfdd;background:#fff;box-shadow:0 4px 12px #25496708}
.service-identity--windows .platform-feature::before{content:"";position:absolute;left:0;right:0;top:0;height:25px;background:radial-gradient(circle at 15px 12px,#97b1c4 0 3px,transparent 3.5px),radial-gradient(circle at 29px 12px,#b3c6d4 0 3px,transparent 3.5px),radial-gradient(circle at 43px 12px,#c5d2db 0 3px,transparent 3.5px),linear-gradient(#e5edf3,#e5edf3);border-bottom:1px solid #ccdae5;border-radius:8px 8px 0 0;pointer-events:none}
.service-identity--windows .platform-feature :is(h3,p,.platform-feature-icon){margin:0}
.service-identity--windows .platform-feature-icon{border-radius:7px;width:48px;height:48px;background:#e9f3fa;border-color:#c6deed;color:#3884b2}
.service-identity--windows .platform-dark{background:#e4edf5}
.service-identity--windows .platform-dark :is(.platform-heading h2,.platform-feature h3){color:#244b66}
.service-identity--windows .platform-dark :is(.platform-heading>p:not(.micro),.platform-feature p){color:#516e82}
.service-identity--windows .platform-dark .micro{color:#457b9c}
.service-identity--windows .platform-dark .platform-feature{background:#f7fafc;border-color:#bdcddd}
.service-identity--windows .platform-dark .platform-feature-icon{background:#e9f3fa;border-color:#c6deed;color:#3884b2}
.service-identity--windows .platform-final{background:linear-gradient(135deg,#284860,#173348);border-top:6px solid #a8c1d3}
.service-identity--windows .platform-final::after{content:"";position:absolute;right:6%;top:22px;bottom:22px;width:220px;border:1px solid #8cabbc35;border-radius:9px;box-shadow:14px 14px 0 -1px #8cabbc0e;pointer-events:none;z-index:-1}

/* 08 / CLOUD: a full midnight orbital stage with service nodes and integration fields. */
.service-identity.service-identity--cloud .platform-hero{background:linear-gradient(#fff,#fff) 0 0/100% 80px no-repeat,radial-gradient(ellipse at 74% 50%,#3d45884d,transparent 55%),#111935}
.service-identity--cloud .platform-hero::after{content:"";position:absolute;width:70%;height:70%;right:-4%;top:20%;border:1px solid #8b9bd118;border-radius:50%;box-shadow:0 0 0 38px #8b9bd105,0 0 0 76px #8b9bd104;z-index:-1;pointer-events:none}
.service-identity--cloud .platform-copy h1{color:#f0f2ff}
.service-identity--cloud .platform-subtitle{color:#d5dcf4}
.service-identity--cloud :is(.platform-lead,.platform-hero-note){color:#b9c6df}
.service-identity--cloud :is(.service-back-link,.platform-copy .micro){color:#b8bcf1}
.service-identity--cloud .sv-cloud{background:linear-gradient(140deg,#1f2a4c70,#151e3b4a);border-color:#a4add83b;box-shadow:none;border-radius:30px}
.service-identity--cloud .platform-visual-caption{color:#a8b8d6}
.service-identity--cloud .platform-feature-grid{gap:32px;isolation:isolate}
.service-identity--cloud .platform-feature-grid::before{content:"";position:absolute;left:10%;right:10%;top:59px;height:1px;background:#a4acd87a;z-index:-1;pointer-events:none}
.service-identity--cloud .platform-feature{border:0;border-radius:0;background:transparent;box-shadow:none;text-align:center;padding:24px 18px}
.service-identity--cloud .platform-feature-icon{width:70px;height:70px;border-radius:50%;margin:0 auto 24px;border-color:#b8c1e7;background:#edf0fb;color:#6e7eb7;box-shadow:0 0 0 7px #b8c1e719}
.service-identity--cloud .platform-feature h3{color:#354477}
.service-identity--cloud .platform-soft{background:#f2f3fb}
.service-identity--cloud #capabilities-2,.service-identity--cloud .platform-dark{background:#18213e}
.service-identity--cloud #capabilities-2 :is(.platform-heading h2,.platform-feature h3),.service-identity--cloud .platform-dark :is(.platform-heading h2,.platform-feature h3){color:#e6ebfc}
.service-identity--cloud #capabilities-2 :is(.platform-feature p,.micro),.service-identity--cloud .platform-dark :is(.platform-feature p,.micro){color:#b8c5e1}
.service-identity--cloud #capabilities-2 .platform-feature-icon,.service-identity--cloud .platform-dark .platform-feature-icon{background:#243357;border-color:#7385bb;color:#b4c9fa}
.service-identity--cloud .platform-final{background:radial-gradient(ellipse at 85% 50%,#39457d77,transparent 60%),#141d39}
.service-identity--cloud .platform-final::after{content:"";position:absolute;right:6%;top:28px;width:240px;height:170px;border:1px solid #8da4db30;border-radius:50%;box-shadow:0 0 0 20px #8da4db08;pointer-events:none;z-index:-1}

/* 09 / GUI: a light editorial canvas with large design specimens and split paper surfaces. */
.service-identity.service-identity--gui .platform-hero{background:linear-gradient(90deg,#eeedf8 0 55%,#fff 55%);border-bottom:1px solid #d9d8e9}
.service-identity--gui .platform-copy .micro{padding-bottom:13px;border-bottom:1px solid #cdcee2}
.service-identity--gui .platform-copy h1{color:#343c66}
.service-identity--gui .sv-gui{background:#fafaff;border-color:#d3d4e9;box-shadow:0 15px 40px #484a7b12;border-radius:9px}
.service-identity--gui .sv-frame-top{border-color:#d8d9ea}
.service-identity--gui .sv-frame-top b,.service-identity--gui .sv-scene-heading>span,.service-identity--gui .sv-frame-top .platform-icon{color:#6a73a5}
.service-identity--gui .sv-frame-top>span{border-color:#cfd3e9;color:#6878a6}
.service-identity--gui .sv-scene-heading h2{color:#3b446f}
.service-identity--gui .sv-compare-controls :is(button,label){color:#51608f}
.service-identity--gui .sv-compare-controls button{background:#eef0fa;border-color:#bfc9e2}
.service-identity--gui .platform-feature-grid{grid-template-columns:1fr;gap:0}
.service-identity--gui .platform-feature{display:grid;grid-template-columns:62px minmax(0,1fr) minmax(0,1.3fr);gap:32px;align-items:center;padding:32px 0;border:0;border-top:1px solid #d5d6e6;border-radius:0;background:transparent;box-shadow:none}
.service-identity--gui .platform-feature-icon{margin:0;border-radius:12px;width:62px;height:62px;background:linear-gradient(135deg,#f0e9de,#eaedf9);border-color:#d6d8e9;color:#737eaf}
.service-identity--gui .platform-feature h3{font-size:28px;line-height:1.2;color:#3d456d;margin:0}
.service-identity--gui .platform-feature p{font-size:15px;line-height:1.75;color:#64718a}
.service-identity--gui .platform-soft{background:#fafaff}
.service-identity--gui #capabilities-2{background:linear-gradient(90deg,#fff 0 50%,#f2f0f9 50%)}
.service-identity--gui .platform-dark{background:#f8f3ed}
.service-identity--gui .platform-dark :is(.platform-heading h2,.platform-feature h3){color:#3d456d}
.service-identity--gui .platform-dark :is(.micro,.platform-feature p,.platform-heading>p:not(.micro)){color:#6d728c}
.service-identity--gui .platform-dark .platform-feature-icon{background:#f3f1f9;border-color:#d4d6e8;color:#737eaf}
.service-identity--gui .platform-final{background:#eeeef9;border-top:1px solid #d0d0e6}
.service-identity--gui .platform-final h2{color:#39446c}
.service-identity--gui .platform-final p:not(.micro){color:#61718a}
.service-identity--gui .platform-final .micro{color:#6877a8}
.service-identity--gui .platform-final::after{content:"";position:absolute;right:5%;top:27px;bottom:27px;width:100px;background:linear-gradient(90deg,#aab3df55 0 28px,transparent 28px 36px,#c3bddf55 36px 64px,transparent 64px 72px,#dbbda455 72px);border-radius:8px;z-index:-1;pointer-events:none}

/* 10 / EDUCATION: campus role ribbons, a connected learning rail and course-like panels. */
.service-identity.service-identity--education .platform-hero{background:linear-gradient(118deg,#f7f8fe 0 46%,#eceefa 46% 48%,#f1f5fc 48% 73%,#e9edf9 73% 75%,#f8faff 75%)}
.service-identity--education .sv-education{border-radius:26px 26px 8px 8px;border-color:#9aaad1;background:linear-gradient(135deg,#263e68,#1b2b51);box-shadow:0 15px 40px #354e7717}
.service-identity--education .platform-soft{background:#f4f3fb}
.service-identity--education #capabilities-1 .platform-feature-grid{isolation:isolate;gap:30px}
.service-identity--education #capabilities-1 .platform-feature-grid::before{content:"";position:absolute;top:50px;left:10%;right:10%;height:2px;background:#c7cbea;z-index:-1;pointer-events:none}
.service-identity--education #capabilities-1 .platform-feature{background:transparent;border:0;box-shadow:none;border-radius:0;padding:24px 10px}
.service-identity--education #capabilities-1 .platform-feature-icon{width:55px;height:55px;border-radius:50%;background:#fff;border-color:#c2c9e7;box-shadow:0 0 0 6px #e7e7f5;color:#6579b7}
.service-identity--education #capabilities-2 .platform-feature{border-radius:22px 5px 22px 5px;border-color:#d5d9ec;border-top:4px solid #8c9bc9;background:linear-gradient(130deg,#fff,#f4f5fc);box-shadow:none}
.service-identity--education .platform-dark{background:#eef0f9;border-block:1px solid #d5dced}
.service-identity--education .platform-dark .platform-heading h2,.service-identity--education .platform-dark .platform-feature h3{color:#3c4a79}
.service-identity--education .platform-dark :is(.micro,.platform-feature p,.platform-heading>p:not(.micro)){color:#667897}
.service-identity--education .platform-dark .platform-feature{background:#f9faff;border-color:#d3d9ed;border-radius:12px;box-shadow:none}
.service-identity--education .platform-dark .platform-feature-icon{background:#edf0fa;border-color:#cbd4ee;color:#6a7fb7}
.service-identity--education .platform-final{background:linear-gradient(120deg,#293b6c,#344476)}
.service-identity--education .platform-final::after{content:"";position:absolute;right:6%;top:30px;width:220px;height:180px;background:radial-gradient(circle at 20% 50%,#8ea8dd22 0 28px,transparent 29px),radial-gradient(circle at 80% 20%,#c2b5ed22 0 24px,transparent 25px),radial-gradient(circle at 80% 80%,#8ec3dd22 0 24px,transparent 25px);border-radius:20px;z-index:-1;pointer-events:none}

/* 11 / MEDICAL: clinical white workspace, appointment-rule grids and readable record rows. */
.service-identity.service-identity--medical .platform-hero{background:linear-gradient(90deg,#86bbb50a 1px,transparent 1px),linear-gradient(180deg,#fff,#f0f9f8);background-size:110px 100%,auto;border-bottom:1px solid #d3e8e5}
.service-identity--medical .sv-medical{background:#eef8f6;border-color:#b6d7d0;border-radius:13px;box-shadow:0 10px 30px #32675d0d;color:#285661}
.service-identity--medical .sv-frame-top{border-color:#c4ddd7}
.service-identity--medical .sv-frame-top b,.service-identity--medical .sv-frame-top .platform-icon,.service-identity--medical .sv-scene-heading>span{color:#2d6c6d}
.service-identity--medical .sv-frame-top>span{border-color:#b8d9d0;color:#2d6c6d}
.service-identity--medical .sv-scene-heading h2{color:#205260}
.service-identity--medical .sv-footnote{color:#426972}
.service-identity--medical .fm-journey>span{background:#e3f1ec;border-color:#bfdccf;color:#3c786b}
.service-identity--medical .fm-journey>i,.service-identity--medical .fm-departments>i{background:#70a99c}
.service-identity--medical .fm-coordination>div,.service-identity--medical .fm-billing{background:#e5f3ed;border-color:#c1dfd0;color:#2b6667}
.service-identity--medical .fm-coordination b,.service-identity--medical .fm-billing b{color:#326367}
.service-identity--medical .fm-coordination span,.service-identity--medical .fm-billing div>span{color:#557c77}
.service-identity--medical .fm-coordination .platform-icon,.service-identity--medical .fm-billing>.platform-icon{color:#459286}
.service-identity--medical .fm-billing .fm-state{background:#edf8ee;border-color:#b5d8bf;color:#477656}
.service-identity--medical .sv-medical[data-phase="2"] .fm-journey>span:last-child{color:#356954}
.service-identity--medical .platform-section:has(.platform-feature-grid){background:#fff;border-bottom:1px solid #d8e8e4}
.service-identity--medical .platform-feature-grid{grid-template-columns:1fr;gap:0}
.service-identity--medical .platform-feature{display:grid;grid-template-columns:42px minmax(0,.8fr) minmax(0,1.5fr);gap:26px;align-items:center;border:0;border-bottom:1px solid #d7e6e2;border-radius:0;box-shadow:none;padding:26px 0;background:transparent}
.service-identity--medical .platform-feature :is(h3,p,.platform-feature-icon){margin:0}
.service-identity--medical .platform-feature-icon{width:42px;height:42px;border-radius:8px;background:#edf7f2;border-color:#d0e6dc;color:#4b9382}
.service-identity--medical .platform-feature h3{color:#315c62;font-size:21px}
.service-identity--medical .platform-feature p{color:#5f7b7e}
.service-identity--medical .platform-dark .platform-heading h2{color:#315c62}
.service-identity--medical .platform-dark .micro{color:#579084}
.service-identity--medical .platform-dark .platform-feature-icon{background:#edf7f2;border-color:#d0e6dc;color:#4b9382}
.service-identity--medical .platform-final{background:#edf7f3;border-top:1px solid #c9dfd5}
.service-identity--medical .platform-final h2{color:#2b5a5d}
.service-identity--medical .platform-final p:not(.micro){color:#547775}
.service-identity--medical .platform-final .micro{color:#4d8a7a}
.service-identity--medical .platform-final::after{content:"";position:absolute;right:6%;top:25px;bottom:25px;width:220px;border:1px solid #aacdbf55;border-radius:14px;background:repeating-linear-gradient(180deg,transparent 0 33px,#9dc6b929 33px 34px);z-index:-1;pointer-events:none}

/* 12 / AUTOMATION: a graphite rule engine on the left, decision nodes and controlled pipelines. */
.service-identity.service-identity--automation .platform-hero{background:linear-gradient(110deg,#f4f0e7 0 52%,#fafbfc 52%);border-bottom:1px solid #ddd9cd}
.service-identity--automation .sv-algorithm{background:linear-gradient(135deg,#28323d,#1b2430);border-color:#8e8a79;border-radius:9px;box-shadow:0 18px 42px #3d414a16}
.service-identity--automation .sv-frame-top{border-color:#aeb8bc33}
.service-identity--automation .sv-frame-top b{color:#cad6dc}
.service-identity--automation .platform-soft{background:#f8f6f0}
.service-identity--automation .platform-section:has(.platform-feature-grid) .platform-heading{margin-left:auto;margin-right:auto;text-align:center}
.service-identity--automation .platform-feature-grid{gap:24px;isolation:isolate}
.service-identity--automation .platform-feature-grid::before{content:"";position:absolute;left:8%;right:8%;top:60px;height:1px;background:#cab98a;pointer-events:none;z-index:-1}
.service-identity--automation .platform-feature{border-radius:6px;border-color:#d9d2c0;background:#fff;box-shadow:none;padding:28px;border-top:3px solid #c2a675}
.service-identity--automation .platform-feature-icon{border-radius:6px;background:#f7f2e7;border-color:#dfd0ae;color:#aa823e;position:relative}
.service-identity--automation .platform-feature-icon::after{content:"";position:absolute;right:-5px;top:-5px;width:9px;height:9px;transform:rotate(45deg);background:#f3dfb5;border:1px solid #ceb17c;pointer-events:none}
.service-identity--automation .platform-feature h3{color:#3c4654}
.service-identity--automation .platform-dark{background:#26323e}
.service-identity--automation .platform-dark .platform-feature{background:#2d3a47;border-color:#73808a66;border-top-color:#bbaa82}
.service-identity--automation .platform-dark .platform-feature h3{color:#edf0ef}
.service-identity--automation .platform-dark .platform-feature p{color:#bbc6ce}
.service-identity--automation .platform-dark .platform-feature-icon{background:#b5a47512;border-color:#c5b78b55;color:#d2bd88}
.service-identity--automation .platform-final{background:linear-gradient(120deg,#303b46,#242e39);border-top:1px solid #b6a07477}
.service-identity--automation .platform-final::after{content:"";position:absolute;right:5%;top:40px;width:210px;height:160px;background:linear-gradient(90deg,transparent 49.5%,#c6ab7629 49.5% 50.5%,transparent 50.5%),linear-gradient(0deg,transparent 49.5%,#c6ab7629 49.5% 50.5%,transparent 50.5%);border:1px solid #c6ab7629;border-radius:6px;pointer-events:none;z-index:-1}

/* Light presentation shells keep their original control dimensions and interaction semantics. */
:is(.service-identity--windows,.service-identity--gui,.service-identity--medical) .sv-controls{border-color:#bacfdc}
:is(.service-identity--windows,.service-identity--gui,.service-identity--medical) .sv-pause{background:#fff9;border-color:#a7bfce;color:#335c78}
:is(.service-identity--windows,.service-identity--gui,.service-identity--medical) .sv-scene-buttons button{background:#ffffff6e;border-color:#bacddd;color:#4a6a86}
:is(.service-identity--windows,.service-identity--gui,.service-identity--medical) .sv-scene-buttons button[aria-pressed=true]{background:#d8eaf6;border-color:#739fbd;color:#224e70}
:is(.service-identity--windows,.service-identity--gui,.service-identity--medical) .sv-scene-buttons i{background:#91b0c444}
:is(.service-identity--windows,.service-identity--gui,.service-identity--medical) .sv-scene-buttons button[aria-pressed=true] i::after{background:#4485af}
:is(.service-identity--windows,.service-identity--gui,.service-identity--medical) .sv-nojs{color:#58778c}

/* Approved scene sizes stay intact. Only the two older all-at-once boards are reflowed for full fit. */
@media(min-width:1201px){
 :is(.service-identity--community,.service-identity--commerce) .platform-hero-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:42px;align-items:start}
 .service-identity--community .platform-hero-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}
 :is(.service-identity--community,.service-identity--commerce) .platform-copy{padding-top:12px}
 :is(.service-identity--community,.service-identity--commerce) .platform-copy>.service-back-link{margin-top:-32px;margin-bottom:8px}
 :is(.service-identity--commerce,.service-identity--windows,.service-identity--gui,.service-identity--automation) .platform-hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}
 :is(.service-identity--commerce,.service-identity--windows,.service-identity--gui,.service-identity--automation) .platform-visual{grid-column:1;grid-row:1}
 :is(.service-identity--commerce,.service-identity--windows,.service-identity--gui,.service-identity--automation) .platform-copy{grid-column:2;grid-row:1}
 .service-identity--community .platform-board{padding:22px}
 .service-identity--community .board-header{margin-bottom:16px}
 .service-identity--community .platform-board h2{margin-bottom:18px}
 .service-identity--community .board-flow{margin-bottom:17px}
 .service-identity--community .board-flow li{padding:10px 5px;gap:7px}
 .service-identity--community .board-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
 .service-identity--community .board-metric{padding:14px 10px}
 .service-identity--community .board-bottom{margin-top:16px;padding-top:14px}
 .service-identity--commerce .commerce-board{display:grid;grid-template-columns:1.05fr 1fr;gap:13px;padding:22px;align-content:start}
 .service-identity--commerce .board-header{grid-column:1/-1;margin:0 0 2px}
 .service-identity--commerce .commerce-board>h2{grid-column:1/-1;margin:0 0 3px}
 .service-identity--commerce .commerce-catalogue{margin:0;padding:14px;gap:12px;align-items:center}
 .service-identity--commerce .commerce-product-mark{width:48px;height:55px}
 .service-identity--commerce .commerce-product-mark .platform-icon{width:30px;height:30px}
 .service-identity--commerce .commerce-catalogue b{font-size:16px}
 .service-identity--commerce .commerce-catalogue small{line-height:1.4}
 .service-identity--commerce .commerce-board>.platform-flow{margin:0}
 .service-identity--commerce .board-flow{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}
 .service-identity--commerce .board-flow li{padding:9px 5px;gap:6px}
 .service-identity--commerce .board-flow .platform-icon{width:20px;height:20px}
 .service-identity--commerce .commerce-order-panel{grid-column:1/-1;padding:14px}
 .service-identity--commerce .commerce-order-heading{margin-bottom:12px}
 .service-identity--commerce .commerce-states>div{padding:12px 10px}
 .service-identity--commerce .commerce-states .platform-icon{margin-bottom:8px}
 .service-identity--commerce .commerce-payments{margin:0;padding:12px;gap:9px}
 .service-identity--commerce .commerce-payments>.platform-icon:last-child{width:18px;height:18px}
 .service-identity--commerce .commerce-board .board-bottom{margin:0;padding:12px 0 12px 10px;border-top:0;border-left:1px solid #9ac2d439;gap:10px}
 .service-identity--commerce .platform-scene-track{grid-column:1/-1;margin-top:0}
}

/* India accents are an edge treatment shared by each pair; they do not replace the service identity. */
.service-identity.hinglish-theme .platform-hero::before,.service-identity.hinglish-theme .lic-hero::before{content:"";position:absolute;inset:80px 0 0;pointer-events:none;z-index:-1;background:linear-gradient(105deg,#ff99330b,transparent 38% 62%,#13880809)}
.service-identity.hinglish-theme.service-identity--custom .csd-hero{background:linear-gradient(105deg,#ff99330d,transparent 43% 61%,#1388080b),linear-gradient(#ffffff0b 1px,transparent 1px),linear-gradient(90deg,#ffffff0b 1px,transparent 1px),radial-gradient(ellipse at 50% 50%,#155782,#0b2850 55%,#071b37);background-size:auto,44px 44px,44px 44px,auto}
.service-identity.hinglish-theme .platform-copy .micro{color:#8a5b2f}
:is(.service-identity--trading,.service-identity--cloud).hinglish-theme .platform-copy .micro{color:#ddc6ab}

/* Tablet and phone retain the approved copy-then-presentation reading order. */
@media(max-width:1200px){
 .service-identity.service-identity--licensing .lic-hero{background:linear-gradient(180deg,#f5faf7,#edf5f3);padding-top:124px}
 .service-identity.service-identity--community .platform-hero,.service-identity.service-identity--commerce .platform-hero{padding-top:124px}
 .service-identity--crm .platform-section:has(>.wrap>.platform-feature-grid)>.wrap{grid-template-columns:1fr;gap:28px}
 .service-identity--crm .platform-section:has(>.wrap>.platform-feature-grid) .platform-heading{padding-top:0}
 .service-identity--crm .platform-feature-grid{padding-left:24px}
 .service-identity--crm .platform-feature::before{left:-29px}
}
@media(max-width:900px){
 .service-identity--windows .platform-feature,.service-identity--medical .platform-feature,.service-identity--gui .platform-feature{grid-template-columns:50px 1fr;gap:14px 20px;align-items:start}
 :is(.service-identity--windows,.service-identity--medical,.service-identity--gui) .platform-feature p{grid-column:2}
 :is(.service-identity--windows,.service-identity--medical,.service-identity--gui) .platform-feature-icon{grid-row:1/3}
 .service-identity--community .platform-feature:nth-child(3):last-child{display:block}
 .service-identity--community .platform-feature:nth-child(3):last-child .platform-feature-icon{margin-bottom:20px}
 .service-identity--community .platform-feature:nth-child(3):last-child h3{margin-bottom:13px}
}
@media(max-width:600px){
 .service-identity.service-identity--licensing .lic-hero{padding-top:100px}
 .service-identity.service-identity--community .platform-hero,.service-identity.service-identity--commerce .platform-hero{padding-top:100px}
 .service-identity--custom .csd-hero::after{inset:84px 8px 10px}
 .service-identity--custom :is(.csd-card-number,.csd-process-words span,.csd-trust b){font-size:10px;letter-spacing:.04em}
 .service-identity--custom .csd-orbit-card p{font-size:12px}
 .service-identity--custom .csd-trust{gap:14px 8px}
 .service-identity--custom .csd-final-cta .premium-page-cta-inner{padding-left:17px}
 .service-identity--licensing .lic-console-top{flex-wrap:wrap;font-size:10px}
 .service-identity--licensing .lic-demo-label{font-size:10px}
 .service-identity--licensing .lic-copy .micro{font-size:10px}
 .service-identity--licensing .lic-steps{gap:0}
 .service-identity--licensing .lic-steps li{border-right:0;border-bottom:1px solid #c8ded3}
 .service-identity--community .platform-feature-grid{grid-template-columns:1fr;gap:18px}
 .service-identity--community .platform-feature{padding:25px;border-radius:25px 9px 25px 9px}
 .service-identity--community .platform-feature:nth-child(3):last-child{grid-column:auto}
 .service-identity--commerce .platform-feature-icon{height:74px}
 .service-identity--commerce .platform-journey-track{padding:15px}
 .service-identity--crm .platform-copy::before{display:none}
 .service-identity--crm .platform-feature{grid-template-columns:36px 1fr;gap:10px 14px}
 .service-identity--crm .platform-feature-icon{width:36px;height:36px}
 .service-identity--trading .platform-feature-grid{grid-template-columns:1fr}
 .service-identity--trading .platform-feature{padding:24px 0}
 :is(.service-identity--windows,.service-identity--medical,.service-identity--gui) .platform-feature{grid-template-columns:42px 1fr;gap:12px 16px}
 .service-identity--windows .platform-feature{padding:43px 19px 23px}
 .service-identity--windows .platform-feature-icon{width:42px;height:42px}
 .service-identity--gui .platform-feature h3{font-size:25px}
 .service-identity--gui .platform-feature-icon{width:42px;height:42px;border-radius:8px}
 .service-identity--gui .platform-feature-icon .platform-icon{width:22px;height:22px}
 .service-identity--gui .platform-copy .micro{padding-bottom:10px}
 .service-identity--cloud .platform-feature-grid{gap:18px}
 .service-identity--cloud .platform-feature-grid::before,.service-identity--education #capabilities-1 .platform-feature-grid::before,.service-identity--automation .platform-feature-grid::before{display:none}
 .service-identity--cloud .platform-feature{padding:24px 12px}
 .service-identity--education #capabilities-1 .platform-feature-grid{gap:12px}
 .service-identity--education #capabilities-1 .platform-feature{border-left:1px solid #c7cbea;padding-left:22px}
 .service-identity--education #capabilities-1 .platform-feature-icon{margin-left:-49px;width:48px;height:48px;box-shadow:0 0 0 5px #f4f3fb}
 .service-identity--education #capabilities-1 .platform-feature-grid{padding-left:26px}
 .service-identity--medical .platform-feature{padding:24px 0}
 .service-identity--automation .platform-feature-grid{gap:18px}
 .service-identity--automation .platform-feature{padding:24px}
 .service-identity main :is(.platform-final,.csd-final-cta,#discuss-project)::after{opacity:.5}
}
@media(prefers-reduced-motion:reduce){.service-identity main{scroll-behavior:auto}}