/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.fixed{position:fixed}.start{inset-inline-start:var(--spacing)}.block{display:block}.contents{display:contents}.grid{display:grid}.hidden{display:none}.table{display:table}.grow{flex-grow:1}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--navy:#1F1F1F;--blue:#0B57D0;--cyan:#0B57D0;--mist:#F8FAFD;--line:#E3E3E3;--muted:#444746;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--navy);font-family:var(--gs),var(--gs),sans-serif;background:#fff;margin:0}a{color:inherit;text-decoration:none}.shell{width:min(1440px,100% - 64px);margin-inline:auto}.site-header{z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff0;border-bottom:1px solid #E3E3E3;grid-template-columns:240px 1fr auto;align-items:center;gap:28px;height:88px;padding:0 max(32px,50vw - 720px);display:grid;position:sticky;top:0}.brand{align-items:center;width:220px;height:64px;display:flex;overflow:hidden}.brand img{width:210px;height:auto}nav{justify-content:center;gap:36px;font-weight:500;display:flex}nav a:hover{color:var(--blue)}.header-actions,.hero-actions,.trust-row{align-items:center;gap:14px;display:flex}.language{color:var(--blue);font-weight:500}.button{border:1px solid var(--blue);border-radius:12px;justify-content:center;align-items:center;min-height:48px;padding:0 24px;font-weight:500;transition:all .2s;display:inline-flex}.button:hover{transform:translateY(-2px);box-shadow:0 1px 3px rgba(60,64,67,.3),0 4px 8px 3px rgba(60,64,67,.15)}.button-primary{background:var(--blue);color:#fff}.button-secondary{color:var(--blue);background:#fff}.hero{grid-template-columns:1.02fr 1fr;align-items:center;gap:58px;min-height:640px;padding-block:74px;display:grid;position:relative}.hero:before{content:"";z-index:-1;background:radial-gradient(circle at 76% 45%,#F0F4F9 0,#F0F4F9 27%,#0000 52%),linear-gradient(120deg,#fff 40%,#F8FAFD 100%);position:absolute;inset:-90px -100vw 0}.eyebrow,.section-kicker{color:#0B57D0;letter-spacing:.14em;font-size:14px;font-weight:500}.hero h1{letter-spacing:-.052em;max-width:760px;margin:18px 0 22px;font-size:clamp(44px,4.4vw,72px);line-height:.99}.hero-copy>p{color:#444746;max-width:670px;margin:0 0 28px;font-size:21px;line-height:1.65}.trust-row{color:var(--muted);flex-wrap:wrap;margin-top:26px;font-size:13px;font-weight:500}.trust-row span:before{content:"✓";color:#1c9e68;margin-right:7px}.app-cloud{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:18px;display:grid}.app-tile{text-align:center;border:1px solid var(--line);background:#ffffffe6;border-radius:24px;flex-direction:column;align-items:center;min-height:210px;padding:28px 20px 22px;transition:all .2s;display:flex;position:relative;box-shadow:0 1px 2px rgba(60,64,67,.12),0 1px 3px 1px rgba(60,64,67,.06)}.app-tile:hover{border-color:#0B57D0;transform:translateY(-5px)}.app-tile.featured{border:2px solid var(--blue)}.featured-label{color:#444746;background:var(--blue);border-radius:7px;padding:7px 15px;font-size:11px;font-weight:500;position:absolute;top:-14px}.app-icon{width:54px;height:54px;color:var(--blue);background:#F0F4F9;border-radius:24px;place-items:center;margin:4px 0 16px;font-size:15px;font-weight:500;display:grid}.app-icon svg{width:31px;height:31px}.app-icon.small{border-radius:12px;flex:0 0 46px;width:46px;height:46px;margin:0}.app-icon.small svg{width:25px;height:25px}.app-icon-sc{position:relative}.app-icon-sc:after{content:"+";width:18px;height:18px;color:var(--blue);background:#F0F4F9;border-radius:50%;place-items:center;font-size:18px;font-weight:450;line-height:1;display:grid;position:absolute;inset-block-end:0;inset-inline-end:3px}.app-tile strong{font-size:18px}.app-tile small{color:#5E5E5E;margin-top:10px;line-height:1.48}.journey{text-align:center;padding:78px 0 92px}.journey h2{letter-spacing:-.04em;margin:10px 0;font-size:clamp(34px,3.2vw,52px)}.journey>p:not(.section-kicker){color:var(--muted);font-size:18px}.journey-steps{grid-template-columns:repeat(5,1fr);gap:30px;margin-top:52px;display:grid;position:relative}.journey-steps:before{content:"";background:linear-gradient(90deg,#D3E3FD,#0B57D0,#D3E3FD);height:2px;position:absolute;top:31px;left:10%;right:10%}.journey-steps div{flex-direction:column;align-items:center;gap:12px;display:flex;position:relative}.journey-steps span{width:64px;height:64px;color:var(--blue);background:#fff;border:7px solid #E3E3E3;border-radius:50%;outline:1px solid #E3E3E3;place-items:center;font-size:18px;font-weight:500;display:grid}@media (max-width:1000px){.site-header{grid-template-columns:1fr auto}.site-header nav{display:none}.hero{grid-template-columns:1fr}.app-cloud{max-width:760px}.hero-copy{text-align:center}.hero-copy>p{margin-inline:auto}.hero-actions,.trust-row{justify-content:center}}@media (max-width:680px){.shell{width:min(100% - 32px,1440px)}.site-header{height:72px;padding:0 16px}.brand{width:164px}.brand img{width:158px}.language{display:none}.button{padding:0 16px}.site-header .button{min-height:42px}.hero{padding-block:48px}.hero h1{font-size:41px}.hero-copy>p{font-size:17px}.app-cloud{grid-template-columns:1fr 1fr}.app-tile{min-height:188px;padding:24px 12px 18px}.journey-steps{grid-template-columns:1fr}.journey-steps:before{display:none}}h1,h2,h3,p{text-wrap:balance}[dir=rtl]{font-family:Tahoma,var(--gs),sans-serif}[dir=rtl] .hero h1,[dir=rtl] .inner-hero h1{letter-spacing:-.025em;line-height:1.18}[dir=rtl] .eyebrow,[dir=rtl] .section-kicker{letter-spacing:.02em}[dir=rtl] .trust-row span:before{margin-left:7px;margin-right:0}nav a.active{color:var(--blue);position:relative}nav a.active:after{content:"";background:var(--blue);border-radius:3px;height:3px;position:absolute;bottom:-19px;left:0;right:0}.menu-button{color:var(--navy);background:0 0;border:0;font-size:22px;display:none}.section-heading{text-align:center;max-width:850px;margin:0 auto 48px}.section-heading h2{letter-spacing:-.045em;margin:10px 0 12px;font-size:clamp(34px,3.5vw,54px);line-height:1.05}.section-heading>p{color:var(--muted);margin:0;font-size:18px;line-height:1.65}.logo-strip{text-align:center;border-block:1px solid var(--line);background:#f8fbff;padding:34px 32px}.logo-strip>span{color:#5E5E5E;text-transform:uppercase;letter-spacing:.1em;margin-bottom:26px;font-size:13px;font-weight:500;display:block}.logo-strip>div{flex-wrap:wrap;justify-content:center;align-items:center;gap:18px 34px;max-width:1440px;margin:auto;display:flex}.client-logo{color:#5E5E5E;align-items:center;gap:9px;font-size:13px;font-weight:500;display:flex}.customer-mark{--mark:#0a70df;background:#F0F4F9;border-radius:12px;flex:0 0 38px;width:38px;height:38px;display:block;position:relative;overflow:hidden}.customer-mark i,.customer-mark b{display:block;position:absolute}.customer-mark.tone-rose{--mark:#bd3d73;background:#F0F4F9}.customer-mark.tone-green{--mark:#15805a;background:#F0F4F9}.customer-mark.tone-gold{--mark:#a9710c;background:#F0F4F9}.customer-mark.tone-violet{--mark:#684fc2;background:#F0F4F9}.customer-mark.tone-cyan{--mark:#0784b7;background:#F0F4F9}.customer-mark.tone-pink{--mark:#c04378;background:#F0F4F9}.mark-orbit:before,.mark-rings:before{content:"";border:2px solid var(--mark);border-radius:50%;position:absolute;inset:9px;transform:rotate(-28deg)}.mark-orbit:after,.mark-rings:after{content:"";border:2px solid var(--mark);border-width:2px 0;border-radius:50%;width:28px;height:9px;position:absolute;top:14px;left:5px;transform:rotate(-28deg)}.mark-spark:before,.mark-star:before{content:"";background:var(--mark);clip-path:polygon(50% 0,62% 36%,100% 50%,63% 62%,50% 100%,38% 63%,0 50%,37% 37%);width:18px;height:22px;position:absolute;top:8px;left:10px}.mark-leaf:before{content:"";background:var(--mark);border-radius:24px 3px;width:23px;height:23px;position:absolute;top:7px;left:8px;transform:rotate(-12deg)}.mark-leaf:after{content:"";background:#fff;width:2px;height:22px;position:absolute;top:10px;left:18px;transform:rotate(42deg)}.mark-wing:before{content:"";background:var(--mark);clip-path:polygon(0 40%,100% 0,68% 45%,100% 65%,26% 100%);width:27px;height:16px;position:absolute;top:11px;left:7px}.mark-dune:before{content:"";background:linear-gradient(155deg,transparent 0 35%,var(--mark) 36% 58%,transparent 59%),linear-gradient(205deg,transparent 0 42%,var(--mark) 43% 66%,transparent 67%);border-radius:50% 50% 12px 12px;height:18px;position:absolute;bottom:8px;left:4px;right:4px}.mark-crescent:before{content:"";background:var(--mark);border-radius:50%;width:23px;height:23px;position:absolute;top:7px;left:9px}.mark-crescent:after{content:"";background:#F0F4F9;border-radius:50%;width:22px;height:22px;position:absolute;top:4px;left:15px}.mark-prism:before{content:"";border:2px solid var(--mark);clip-path:polygon(50% 0,100% 100%,0 100%);width:22px;height:24px;position:absolute;top:7px;left:8px}.mark-prism:after{content:"";background:var(--mark);width:2px;height:17px;position:absolute;top:11px;left:18px;transform:rotate(28deg)}.mark-pearl:before{content:"";background:radial-gradient(circle at 34% 30%,#fff 0 13%,var(--mark) 45%,#765108 100%);border-radius:50%;width:22px;height:22px;position:absolute;top:8px;left:8px}.mark-vertex:before{content:"";border:3px solid var(--mark);width:24px;height:24px;position:absolute;top:7px;left:7px;transform:rotate(45deg)}.mark-vertex:after{content:"";background:var(--mark);width:10px;height:10px;position:absolute;top:14px;left:14px;transform:rotate(45deg)}.mark-bridge:before{content:"";border:3px solid var(--mark);border-bottom:0;border-radius:24px 24px 0 0;height:12px;position:absolute;bottom:10px;left:6px;right:6px}.mark-bridge:after{content:"";background:var(--mark);height:3px;position:absolute;bottom:7px;left:6px;right:6px}.customer-link{color:var(--blue);margin-top:28px;font-size:13px;font-weight:500;display:inline-flex}.skins-section{color:#1F1F1F;background:linear-gradient(135deg,#F8FAFD,#F8FAFD);padding:100px 0;overflow:hidden}.skins-grid{grid-template-columns:.86fr 1.14fr;align-items:center;gap:80px;display:grid}.skins-grid h2{letter-spacing:-.045em;margin:14px 0 20px;font-size:clamp(38px,4vw,60px);line-height:1.02}.skins-grid p{color:#444746;font-size:18px;line-height:1.7}.skins-grid ul,.dms-copy ul,.app-page-grid ul,.roles-detail ul{padding:0;list-style:none}.skins-grid li,.dms-copy li,.app-page-grid li,.roles-detail li{color:#444746;margin:12px 0}.skins-grid li:before,.dms-copy li:before,.app-page-grid li:before,.roles-detail li:before{content:"✓";color:#444746;margin-inline-end:10px;font-weight:500}.skin-tabs{flex-wrap:wrap;gap:10px;margin-top:30px;display:flex}.skin-tabs button{color:#fff;cursor:pointer;background:#FFFFFF;border:1px solid #E3E3E3;border-radius:24px;padding:11px 16px;font-weight:500}.skin-tabs button.active{color:#1F1F1F;background:#fff}.skin-stage{background:#0B57D0;border-radius:24px;padding:12px;transform:perspective(1500px)rotateY(-3deg);box-shadow:0 1px 2px rgba(60,64,67,.12),0 1px 3px 1px rgba(60,64,67,.06)}[dir=rtl] .skin-stage{transform:perspective(1500px)rotateY(3deg)}.skin-stage.plum{background:#8b386e}.skin-stage.green{background:#0B57D0}.browser-chrome{color:#5E5E5E;background:#F0F4F9;border-radius:12px 12px 0 0;align-items:center;gap:7px;height:36px;padding:0 12px;font-size:10px;display:flex}.browser-chrome i{background:#f76b64;border-radius:50%;width:8px;height:8px}.browser-chrome i:nth-child(2){background:#D3E3FD}.browser-chrome i:nth-child(3){background:#0B57D0}.browser-chrome span{margin-inline:auto}.skin-crop{background:#fff;border-radius:0 0 12px 12px;height:470px;overflow:hidden}.skin-crop img{object-fit:cover;object-position:top;width:100%;height:auto;display:block}.value-section{padding:105px 0}.value-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.value-grid article{border:1px solid var(--line);background:linear-gradient(145deg,#fff,#F8FAFD);border-radius:24px;min-height:300px;padding:38px}.value-grid article>span{color:#0B57D0;font-size:13px;font-weight:500}.value-grid h3{letter-spacing:-.03em;margin:46px 0 14px;font-size:26px}.value-grid p{color:var(--muted);line-height:1.7}.apps-preview{background:#F8FAFD;padding:100px 0}.catalog-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.catalog-card{border:1px solid var(--line);background:#fff;border-radius:24px;gap:18px;padding:24px;transition:all .2s;display:flex}.catalog-card:hover{transform:translateY(-3px);box-shadow:0 1px 3px rgba(60,64,67,.3),0 4px 8px 3px rgba(60,64,67,.15)}.catalog-card.feature-card{border:2px solid var(--blue);background:linear-gradient(120deg,#fff,#F8FAFD)}.catalog-card .app-icon{flex:0 0 54px;margin:0}.catalog-card h3{margin:0 0 8px;font-size:20px}.catalog-card p{color:var(--muted);margin:0 0 12px;line-height:1.55}.catalog-card div span{color:var(--blue);font-size:13px;font-weight:500}.center-action{text-align:center;margin-top:36px}.dms-spotlight{grid-template-columns:.78fr 1.22fr;align-items:center;gap:70px;padding:120px 0;display:grid}.dms-copy .pill,.pill{color:#0B57D0;letter-spacing:.08em;background:#F0F4F9;border-radius:24px;margin-bottom:18px;padding:7px 11px;font-size:11px;font-weight:500;display:inline-flex}.dms-copy>img{width:220px;height:auto;margin-bottom:24px;display:block}.dms-copy h2{letter-spacing:-.04em;margin:0 0 18px;font-size:clamp(36px,3.5vw,54px);line-height:1.04}.dms-copy p{color:var(--muted);font-size:17px;line-height:1.7}.dms-copy li,.app-page-grid li,.roles-detail li{color:#444746}.dms-copy .button{margin-top:18px}.dms-screen{background:#fff;border:1px solid #E3E3E3;border-radius:24px;overflow:hidden;transform:perspective(1600px)rotateY(3deg);box-shadow:0 1px 2px rgba(60,64,67,.12),0 1px 3px 1px rgba(60,64,67,.06)}[dir=rtl] .dms-screen{transform:perspective(1600px)rotateY(-3deg)}.dms-screen>img,.product-screen>img{width:100%;height:auto;display:block}.solutions-preview{color:#1F1F1F;background:#F8FAFD;padding:100px 0}.role-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.role-grid article{background:#FFFFFF;border:1px solid #E3E3E3;border-radius:24px;padding:32px}.role-grid article>span{background:#183f78;border-radius:24px;place-items:center;width:50px;height:50px;font-weight:500;display:grid}.role-grid article.plum>span{background:#73365f}.role-grid article.green>span{background:#176448}.role-grid h3{margin:26px 0 12px;font-size:25px}.role-grid p{color:#444746;min-height:72px;line-height:1.6}.role-grid a{color:#444746;font-weight:500}.pricing-section{background:#fff;padding:105px 0}.pricing-section.standalone{background:#F8FAFD}.pricing-grid{grid-template-columns:repeat(4,1fr);align-items:stretch;gap:18px;display:grid}.pricing-grid article{border:1px solid var(--line);background:#fff;border-radius:24px;padding:36px;position:relative;box-shadow:0 1px 2px rgba(60,64,67,.12),0 1px 3px 1px rgba(60,64,67,.06)}.pricing-grid article.popular{border:2px solid var(--blue);transform:translateY(-12px)}.popular-label{top:-15px;color:#444746;background:var(--blue);border-radius:24px;padding:7px 13px;font-size:11px;font-weight:500;position:absolute;inset-inline-start:32px}.pricing-grid h3{margin:0 0 24px;font-size:25px}.price{letter-spacing:-.04em;white-space:nowrap;font-size:38px;font-weight:500}.price.custom{white-space:normal;font-size:30px}.price small{color:var(--muted);font-size:13px}.pricing-grid article>p{min-height:28px;color:var(--muted)}.plan-descriptor{color:#444746;border-top:1px solid var(--line);min-height:52px;padding:16px 0;line-height:1.45;display:block}.pricing-grid ul{border-top:1px solid var(--line);min-height:155px;padding:18px 0;list-style:none}.pricing-grid li{color:#444746;margin:15px 0}.pricing-grid li:before{content:"✓";color:#1b9f69;margin-inline-end:9px;font-weight:500}.pricing-grid .button{width:100%}.pricing-note{text-align:center;color:#5E5E5E;max-width:900px;margin:32px auto 0;font-size:13px;line-height:1.6}.implementation{padding:110px 0}.implementation>div:last-child{grid-template-columns:repeat(4,1fr);gap:0;display:grid}.implementation article{border-top:2px solid #E3E3E3;padding:30px;position:relative}.implementation article:after{content:"";top:-8px;background:var(--blue);border-radius:50%;width:14px;height:14px;position:absolute;inset-inline-start:30px;box-shadow:0 1px 2px rgba(60,64,67,.12),0 1px 3px 1px rgba(60,64,67,.06)}.implementation article>span{color:#0B57D0;font-size:12px;font-weight:500}.implementation h3{margin:20px 0 10px;font-size:22px}.implementation p{color:var(--muted);line-height:1.6}.faq{padding:100px 0}.faq>div:last-child{border-top:1px solid var(--line);max-width:900px;margin:auto}.faq article{border-bottom:1px solid var(--line)}.faq article button{text-align:start;width:100%;color:var(--navy);cursor:pointer;background:0 0;border:0;justify-content:space-between;gap:20px;padding:22px 0;font-size:18px;display:flex}.faq article button span{color:var(--blue);font-size:24px}.faq article p{color:var(--muted);margin:0;padding:0 40px 24px 0;line-height:1.7}[dir=rtl] .faq article p{padding:0 0 24px 40px}.final-cta{text-align:center;color:#1F1F1F;background:radial-gradient(circle at 50% 100%,#F8FAFD,#F8FAFD 60%,#F8FAFD);padding:100px 0}.final-cta h2{letter-spacing:-.045em;max-width:900px;margin:14px auto;font-size:clamp(40px,4.5vw,66px);line-height:1.04}.final-cta p{color:#444746;max-width:750px;margin:0 auto 30px;font-size:18px;line-height:1.6}footer{color:#d4e4f7;background:#0E1726;padding:70px 0 25px}.footer-grid{grid-template-columns:2fr repeat(3,1fr);gap:60px;display:grid}.footer-brand img{background:#fff;border-radius:10px;width:210px;height:auto;padding:9px}.footer-brand p,.footer-grid div>p{color:#91aac8;max-width:330px;line-height:1.6}.footer-grid div{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.footer-grid strong{color:#fff;margin-bottom:7px}.footer-grid a{color:#a8bfd8}.footer-grid a:hover{color:#fff}.footer-badge{color:#fff;background:#0c5de8;border-radius:6px;padding:6px 10px;font-size:12px;font-weight:850}.footer-bottom{color:#7892af;border-top:1px solid #18304d;justify-content:space-between;gap:20px;margin-top:55px;padding-top:20px;font-size:12px;display:flex}.chat-launcher{z-index:70;color:#fff;background:var(--blue);cursor:pointer;border:0;border-radius:28px;align-items:center;gap:9px;min-height:50px;padding:0 20px;font-weight:800;display:flex;position:fixed;bottom:24px;right:26px;box-shadow:0 14px 35px #075cf557}[dir=rtl] .chat-launcher{left:26px;right:auto}.chat-launcher span{font-size:18px}.chat-panel{z-index:69;border:1px solid var(--line);background:#fff;border-radius:18px;width:min(390px,100vw - 32px);position:fixed;bottom:88px;right:26px;overflow:hidden;box-shadow:0 25px 70px #081d3f40}[dir=rtl] .chat-panel{left:26px;right:auto}.chat-head{color:#fff;background:#071d47;justify-content:space-between;padding:18px;display:flex}.chat-head div{flex-direction:column;gap:4px;display:flex}.chat-head small{color:#aecdf2}.chat-head button{color:#fff;cursor:pointer;background:0 0;border:0;font-size:24px}.chat-body{background:#f6faff;flex-direction:column;gap:10px;padding:18px;display:flex}.assistant-message{color:#444746;background:#fff;border-radius:3px 24px 24px;margin:0 0 5px;padding:13px;line-height:1.5;box-shadow:0 1px 2px rgba(60,64,67,.12),0 1px 3px 1px rgba(60,64,67,.06)}[dir=rtl] .assistant-message{border-radius:24px 3px 24px 24px}.chat-body button{text-align:start;color:#0752bf;cursor:pointer;background:#fff;border:1px solid #bfdcff;border-radius:9px;padding:11px}.chat-body button.selected{color:#fff;background:var(--blue)}.chat-cta{text-align:center;color:#fff;background:var(--blue);padding:15px;font-weight:800;display:block}.inner-hero{text-align:center;background:radial-gradient(circle at 50% 5%,#F0F4F9,#0000 48%),linear-gradient(#f8fcff,#fff);padding:110px 0 115px;position:relative;overflow:hidden}.inner-hero:after{content:"";border:1px solid #E3E3E3;border-radius:50%;width:460px;height:460px;position:absolute;top:-170px;right:-220px;box-shadow:0 1px 2px rgba(60,64,67,.12),0 1px 3px 1px rgba(60,64,67,.06)}.inner-hero h1,.dms-hero h1{letter-spacing:-.055em;max-width:1050px;margin:18px auto;font-size:clamp(48px,5.5vw,82px);line-height:.98}.inner-hero p,.dms-hero p{color:#444746;max-width:780px;margin:0 auto 30px;font-size:20px;line-height:1.65}.inner-hero .hero-actions,.dms-hero .hero-actions{justify-content:center}.capability-section{padding:105px 0}.feature-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.feature-grid article{border:1px solid var(--line);background:#fff;border-radius:24px;padding:32px;box-shadow:0 1px 2px rgba(60,64,67,.12),0 1px 3px 1px rgba(60,64,67,.06)}.feature-grid h3{margin:18px 0 10px;font-size:23px}.feature-grid p{color:var(--muted);line-height:1.65}.architecture{color:#1F1F1F;background:#F8FAFD;padding:105px 0}.architecture-grid{grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid}.architecture h2{letter-spacing:-.045em;margin:14px 0 18px;font-size:clamp(38px,4vw,60px);line-height:1.05}.architecture p{color:#444746;font-size:18px;line-height:1.7}.architecture ul{grid-template-columns:1fr 1fr;gap:13px;padding:0;list-style:none;display:grid}.architecture li{background:#F8FAFD;border:1px solid #214471;border-radius:12px;padding:13px}.orbit{border:1px solid #0B57D0;border-radius:50%;width:440px;height:440px;margin:auto;position:relative;box-shadow:0 1px 2px rgba(60,64,67,.12),0 1px 3px 1px rgba(60,64,67,.06)}.orbit>span{text-align:center;background:#0B57D0;border-radius:50%;place-items:center;font-size:24px;font-weight:500;display:grid;position:absolute;inset:140px}.orbit i{color:#cce4ff;background:#0d315f;border:1px solid #0B57D0;border-radius:12px;place-items:center;width:92px;height:50px;font-size:12px;font-style:normal;font-weight:500;display:grid;position:absolute}.orbit .o0{top:-25px;left:174px}.orbit .o1{top:195px;right:-46px}.orbit .o2{bottom:-25px;left:174px}.orbit .o3{top:195px;left:-46px}.bidi-section{padding:110px 0}.bidi-demo{grid-template-columns:1fr 1fr;gap:20px;display:grid}.bidi-demo>div{text-align:start;border:1px solid var(--line);background:#F8FAFD;border-radius:24px;padding:34px;position:relative}.bidi-demo b{font-size:24px}.bidi-demo p{color:var(--muted)}.bidi-demo span{color:#0B57D0;background:#F0F4F9;border-radius:6px;padding:5px 8px;font-size:11px;font-weight:500;position:absolute;top:18px;right:18px}.bidi-demo>div[dir=rtl] span{left:18px;right:auto}.roles-detail{padding:100px 0}.roles-detail article{background:#F8FAFD;border-radius:24px;grid-template-columns:.85fr 1.15fr;align-items:center;gap:70px;margin-bottom:80px;padding:55px;display:grid}.roles-detail article:nth-child(2n)>div:first-child{order:2}.roles-detail article.hr{background:#F8FAFD}.roles-detail article.finance{background:#F8FAFD}.role-number{color:#0B57D0;font-weight:500}.roles-detail h2{letter-spacing:-.045em;margin:12px 0;font-size:48px}.roles-detail .lead{color:#444746;font-size:20px;line-height:1.6}.role-visual{border:10px solid #E3E3E3;border-radius:24px;height:470px;overflow:hidden;box-shadow:0 1px 2px rgba(60,64,67,.12),0 1px 3px 1px rgba(60,64,67,.06)}.role-visual img{width:100%;height:auto;display:block}.app-page-grid{grid-template-columns:repeat(3,1fr);gap:20px;padding:100px 0;display:grid}.app-page-grid article{border:1px solid var(--line);background:#fff;border-radius:24px;padding:32px;position:relative;box-shadow:0 1px 2px rgba(60,64,67,.12),0 1px 3px 1px rgba(60,64,67,.06)}.app-page-grid article.featured-app{border:2px solid var(--blue);background:linear-gradient(145deg,#fff,#F8FAFD)}.app-page-grid h2{font-size:24px}.app-page-grid p{min-height:74px;color:var(--muted);line-height:1.6}.app-page-grid ul{min-height:125px}.app-page-grid a{color:var(--blue);font-weight:500}.bundle-banner{color:#1F1F1F;background:#F8FAFD;padding:65px 0}.bundle-banner .shell{justify-content:space-between;align-items:center;gap:30px;display:flex}.bundle-banner h2{margin:8px 0 0;font-size:38px}.dms-hero{text-align:center;background:radial-gradient(circle at 50% 30%,#F0F4F9,#0000 54%),linear-gradient(#F8FAFD,#F8FAFD);padding:95px 0 180px}.dms-hero>div>img{width:270px;height:auto;margin:0 auto 25px;display:block}.product-screen{background:#fff;border:1px solid #E3E3E3;border-radius:24px;margin-top:-110px;position:relative;overflow:hidden;box-shadow:0 1px 2px rgba(60,64,67,.12),0 1px 3px 1px rgba(60,64,67,.06)}.lifecycle{background:#F8FAFD;padding:100px 0}.lifecycle-row{grid-template-columns:repeat(6,1fr);gap:15px;display:grid;position:relative}.lifecycle-row:before{content:"";background:#0B57D0;height:2px;position:absolute;top:29px;left:7%;right:7%}.lifecycle-row div{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex;position:relative}.lifecycle-row span{width:60px;height:60px;color:var(--blue);background:#fff;border:7px solid #E3E3E3;border-radius:50%;outline:1px solid #0B57D0;place-items:center;font-weight:500;display:grid}.dms-fit{grid-template-columns:1fr 1fr;align-items:center;gap:70px;padding:110px 0;display:grid}.dms-fit h2{letter-spacing:-.04em;font-size:46px}.dms-fit p{color:var(--muted);font-size:18px;line-height:1.7}.mini-stats{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.mini-stats span{text-align:center;border:1px solid var(--line);color:var(--muted);border-radius:24px;flex-direction:column;padding:25px 12px;display:flex}.mini-stats b{color:var(--blue);margin-bottom:8px;font-size:30px}.add-on-table{padding:100px 0}.add-on-table>div:last-child{border:1px solid var(--line);border-radius:24px;max-width:900px;margin:auto;overflow:hidden}.add-on-table span{border-bottom:1px solid var(--line);justify-content:space-between;padding:20px 24px;display:flex}.add-on-table span:last-child{border-bottom:0}.add-on-table em{color:var(--blue);font-style:normal;font-weight:500}.comparison-section{padding:105px 0 25px}.comparison-scroll{border:1px solid var(--line);border-radius:24px;overflow-x:auto;box-shadow:0 1px 2px rgba(60,64,67,.12),0 1px 3px 1px rgba(60,64,67,.06)}.comparison-scroll table{border-collapse:collapse;background:#fff;width:100%;min-width:980px}.comparison-scroll th,.comparison-scroll td{text-align:center;border-bottom:1px solid var(--line);border-inline-end:1px solid var(--line);color:#444746;padding:19px 18px}.comparison-scroll thead th{color:#1F1F1F;background:#F8FAFD;font-size:17px}.comparison-scroll thead th:first-child{text-align:start;background:#F8FAFD}.comparison-scroll tbody th{text-align:start;width:25%;color:var(--navy);background:#F8FAFD}.comparison-scroll .highlight{color:#444746;background:#F8FAFD}.comparison-scroll thead .highlight{color:#444746;background:#c89500}.customer-stories{grid-template-columns:repeat(3,1fr);gap:22px;padding:100px 0;display:grid}.customer-stories article{border:1px solid var(--line);background:#fff;border-radius:24px;padding:30px;box-shadow:0 1px 2px rgba(60,64,67,.12),0 1px 3px 1px rgba(60,64,67,.06)}.story-logo{border-bottom:1px solid var(--line);align-items:center;gap:14px;padding-bottom:22px;display:flex}.story-logo .customer-mark{flex-basis:54px;width:54px;height:54px;transform:scale(1.15)}.story-logo h2{margin:0 0 5px;font-size:23px}.story-logo span{color:#5E5E5E;font-size:13px}.story-content{padding-top:22px}.story-content b{color:#0B57D0;text-transform:uppercase;letter-spacing:.08em;font-size:12px}.story-content p{color:var(--muted);margin:7px 0 20px;line-height:1.6}.story-content p:last-child{margin-bottom:0}.customer-note{color:#1F1F1F;background:#F8FAFD;padding:70px 0}.customer-note .shell{justify-content:space-between;align-items:center;gap:30px;display:flex}.customer-note h2{max-width:780px;margin:8px 0 0;font-size:38px}.resource-grid{grid-template-columns:repeat(3,1fr);gap:20px;padding:100px 0;display:grid}.resource-grid article{border:1px solid var(--line);background:#fff;border-radius:24px;padding:34px}.resource-grid article>span{color:#0B57D0;letter-spacing:.09em;font-size:12px;font-weight:500}.resource-grid h2{margin:22px 0 12px;font-size:25px}.resource-grid p{min-height:76px;color:var(--muted);line-height:1.6}.resource-grid a{color:var(--blue);font-weight:500}.newsletter{color:#1F1F1F;background:#F8FAFD;padding:75px 0}.newsletter .shell{justify-content:space-between;align-items:center;gap:40px;display:flex}.newsletter h2{margin:8px 0 0;font-size:36px}.newsletter form{gap:10px;display:flex}.newsletter input{color:#1F1F1F;background:#F8FAFD;border:1px solid #3e638e;border-radius:12px;min-width:320px;padding:0 16px}.contact-grid{grid-template-columns:.8fr 1.2fr;gap:90px;padding:100px 0;display:grid}.contact-copy h2{letter-spacing:-.04em;font-size:43px}.contact-copy>p{color:var(--muted);font-size:17px;line-height:1.7}.contact-point{border-bottom:1px solid var(--line);align-items:center;gap:15px;padding:17px 0;display:flex}.contact-point span{color:#0B57D0;font-size:12px;font-weight:500}.contact-note{background:#F8FAFD;border-radius:24px;margin-top:30px;padding:22px}.contact-note p{color:var(--muted);margin-bottom:0;line-height:1.6}.contact-form,.form-success{border:1px solid var(--line);background:#fff;border-radius:24px;padding:38px;box-shadow:0 1px 2px rgba(60,64,67,.12),0 1px 3px 1px rgba(60,64,67,.06)}.contact-form{flex-direction:column;gap:18px;display:flex}.contact-form label{color:#444746;flex-direction:column;gap:8px;font-size:13px;font-weight:500;display:flex}.field-row{grid-template-columns:1fr 1fr;gap:15px;display:grid}.contact-form input,.contact-form select,.contact-form textarea{width:100%;color:var(--navy);font:inherit;background:#fbfdff;border:1px solid #E3E3E3;border-radius:12px;padding:13px}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--blue);outline:2px solid #E3E3E3}.contact-form .consent{flex-direction:row;align-items:center;font-weight:450}.contact-form .consent input{width:auto}.form-success{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:480px;display:flex}.form-success>span{color:#198752;background:#F0F4F9;border-radius:50%;place-items:center;width:70px;height:70px;font-size:32px;display:grid}.form-success p{max-width:500px;color:var(--muted);line-height:1.7}.compact-form{gap:16px}.compact-form .button{width:100%;margin-top:4px}.optional-label{color:#5E5E5E;margin-inline-start:6px;font-size:11px;font-weight:450}.form-microcopy{color:#5E5E5E;text-align:center;line-height:1.45}[dir=rtl] .contact-form input,[dir=rtl] .contact-form select{text-align:right}[dir=rtl] .contact-form input[dir=ltr]{text-align:left}.demo-modal-backdrop{z-index:1200;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#04132ead;place-items:center;padding:28px;display:grid;position:fixed;inset:0;overflow:auto}.demo-modal{background:linear-gradient(145deg,#f8fcff,#fff 38%);border:1px solid #E3E3E3;border-radius:24px;width:min(860px,100%);max-height:calc(100vh - 56px);padding:34px;position:relative;overflow:auto;box-shadow:0 1px 2px rgba(60,64,67,.12),0 1px 3px 1px rgba(60,64,67,.06)}.demo-modal-close{color:#1F1F1F;cursor:pointer;background:#fff;border:1px solid #E3E3E3;border-radius:50%;place-items:center;width:38px;height:38px;font-size:25px;line-height:1;display:grid;position:absolute;inset-block-start:18px;inset-inline-end:20px}.demo-modal-heading{max-width:680px;margin-bottom:24px;padding-inline-end:46px}.demo-modal-heading h2{letter-spacing:-.04em;margin:10px 0;font-size:clamp(30px,4vw,46px);line-height:1.08}.demo-modal-heading p{color:var(--muted);margin:0;line-height:1.6}.demo-modal .contact-form{box-shadow:none;padding:28px}.modal-success{min-height:340px;box-shadow:none}[dir=rtl] .demo-modal-heading h2{letter-spacing:-.02em}.form-microcopy{text-align:center;color:#5E5E5E;display:block}.role-experience-section{background:linear-gradient(135deg,#fff 0%,#F8FAFD 55%,#F8FAFD 100%);padding:108px 0;overflow:hidden}.role-experience-grid{grid-template-columns:.78fr 1.45fr .72fr;align-items:center;gap:34px;display:grid}.role-experience-copy h2{letter-spacing:-.045em;text-transform:none;margin:16px 0 18px;font-size:clamp(38px,3.5vw,56px);line-height:1.04}.role-experience-copy p{color:#444746;font-size:17px;line-height:1.68}.role-experience-copy>small{border-inline-start:2px solid var(--blue);color:#5E5E5E;margin-top:28px;padding-inline-start:16px;line-height:1.55;display:block}.skin-tabs.light{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.skin-tabs.light button{color:#0B57D0;background:#fff;border-color:#E3E3E3;border-radius:12px;min-height:62px;padding:10px 8px;font-size:12px}.skin-tabs.light button.plum{color:#8b2d78;border-color:#E3E3E3}.skin-tabs.light button.green{color:#14765b;border-color:#E3E3E3}.skin-tabs.light button.active{color:#fff;background:#0B57D0;border-color:#E3E3E3;box-shadow:0 1px 2px rgba(60,64,67,.12),0 1px 3px 1px rgba(60,64,67,.06)}.skin-tabs.light button.plum.active{background:#842c72}.skin-tabs.light button.green.active{background:#0B57D0}.role-screen{background:#fff;border:1px solid #E3E3E3;border-radius:24px;padding:10px;box-shadow:0 1px 2px rgba(60,64,67,.12),0 1px 3px 1px rgba(60,64,67,.06)}.role-screen .skin-crop{border:1px solid #E3E3E3;height:520px}.role-screen .skin-crop img{object-fit:cover;object-position:top;min-height:100%}.role-proof-list{flex-direction:column;gap:0;display:flex}.role-proof-list>div{color:#1F1F1F;border-bottom:1px solid #E3E3E3;grid-template-columns:44px 1fr;align-items:center;gap:15px;padding:24px 2px;font-weight:500;line-height:1.45;display:grid}.role-proof-list svg{width:32px;height:32px;color:var(--blue);stroke-width:1.7px}.role-proof-list .button{gap:10px;margin-top:30px}.role-proof-list .button svg{color:#fff;width:18px;height:18px}.microsoft-foundation{background:#fff;padding:104px 0 96px}.foundation-heading{text-align:center;max-width:1240px;margin:0 auto 44px}.foundation-heading h2{letter-spacing:-.045em;margin:13px 0 15px;font-size:clamp(38px,3.45vw,56px);line-height:1.07}.foundation-heading h2 span{display:block}.foundation-heading p{color:#5E5E5E;margin:0;font-size:18px;line-height:1.6}.foundation-cards{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.foundation-cards article{text-align:center;background:#fff;border:1px solid #E3E3E3;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;min-height:265px;padding:36px 30px 30px;display:flex;box-shadow:0 1px 2px rgba(60,64,67,.12),0 1px 3px 1px rgba(60,64,67,.06)}.foundation-cards article>svg{width:60px;height:60px;color:var(--blue);stroke-width:1.65px;margin:0 auto;display:block}.foundation-cards h3{color:#1F1F1F;letter-spacing:-.025em;margin:25px 0 11px;font-size:22px;font-weight:500}.foundation-cards p{color:#5E5E5E;max-width:285px;margin:0;line-height:1.55}.foundation-band{background:linear-gradient(110deg,#f9fcff,#F8FAFD);border:1px solid #0B57D0;border-radius:24px;grid-template-columns:.4fr .6fr;align-items:center;gap:44px;margin-top:30px;padding:28px 38px;display:grid;box-shadow:0 1px 2px rgba(60,64,67,.12),0 1px 3px 1px rgba(60,64,67,.06)}.tenant-message{border-inline-end:1px solid #E3E3E3;padding-inline-end:36px}.tenant-message h3{letter-spacing:-.025em;max-width:460px;margin:0;font-size:29px;line-height:1.18}.tenant-message h3 span{display:block}.tenant-message>i{background:#0B57D0;width:210px;height:3px;margin:22px 0 23px;display:block}.tenant-message>div{grid-template-columns:repeat(3,1fr);gap:0;display:grid}.tenant-message>div>span{color:#444746;align-items:center;gap:10px;min-height:50px;padding:0 18px;font-size:13px;font-weight:500;display:flex}.tenant-message>div>span:first-child{padding-inline-start:0}.tenant-message>div>span+span{border-inline-start:1px solid #E3E3E3}.tenant-message svg{width:29px;height:29px;color:var(--blue);stroke-width:1.7px;flex:0 0 29px}.microsoft-stack{grid-template-columns:repeat(5,1fr);align-items:start;gap:20px;display:grid;position:relative}.microsoft-stack:before{content:"";z-index:0;background:#F8FAFD;height:2px;position:absolute;top:39px;left:8%;right:8%}.microsoft-stack>span{z-index:1;text-align:center;color:#1F1F1F;flex-direction:column;align-items:center;gap:12px;display:flex;position:relative}.microsoft-stack>span:not(:last-child):after{content:"";z-index:3;background:#F8FAFD;border:2px solid #0B57D0;border-radius:50%;width:9px;height:9px;position:absolute;top:35px;right:-15px}[dir=rtl] .microsoft-stack>span:not(:last-child):after{left:-15px;right:auto}.microsoft-stack strong{font-size:12px;line-height:1.3}.platform-mark{z-index:2;background:#fff;border:1px solid #E3E3E3;border-radius:24px;flex:0 0 80px;width:80px;height:80px;display:block;position:relative;overflow:hidden;box-shadow:0 1px 2px rgba(60,64,67,.12),0 1px 3px 1px rgba(60,64,67,.06)}.platform-mark.compact{width:64px;height:64px;box-shadow:none;border:0;border-radius:0;flex-basis:64px}.platform-mark.microsoft i{width:24px;height:24px;position:absolute}.platform-mark.microsoft i:first-child{background:#f35325;top:14px;left:14px}.platform-mark.microsoft i:nth-child(2){background:#81bc06;top:14px;right:14px}.platform-mark.microsoft i:nth-child(3){background:#0B57D0;bottom:14px;left:14px}.platform-mark.microsoft i:nth-child(4){background:#ffba08;bottom:14px;right:14px}.platform-mark.compact.microsoft i{width:26px;height:26px}.platform-mark.compact.microsoft i:first-child{top:4px;left:4px}.platform-mark.compact.microsoft i:nth-child(2){top:4px;right:4px}.platform-mark.compact.microsoft i:nth-child(3){bottom:4px;left:4px}.platform-mark.compact.microsoft i:nth-child(4){bottom:4px;right:4px}.platform-mark.sharepoint i{background:#0B57D0;border-radius:50%;position:absolute}.platform-mark.sharepoint i:first-child{background:#0B57D0;width:42px;height:42px;top:13px;right:10px}.platform-mark.sharepoint i:nth-child(2){background:#0B57D0;width:31px;height:31px;top:30px;right:4px}.platform-mark.sharepoint i:nth-child(3){background:#0B57D0;width:26px;height:26px;top:40px;right:23px}.platform-mark.sharepoint b{z-index:2;color:#fff;background:#0B57D0;border-radius:5px;place-items:center;width:35px;height:40px;font-size:20px;display:grid;position:absolute;top:20px;left:11px}.platform-mark.teams i{background:#0B57D0;border-radius:7px;position:absolute}.platform-mark.teams i:first-child{width:45px;height:39px;bottom:15px;right:8px}.platform-mark.teams i:nth-child(2){background:#0B57D0;border-radius:50%;width:19px;height:19px;top:13px;right:18px}.platform-mark.teams b{z-index:2;color:#fff;background:#0B57D0;border-radius:5px;place-items:center;width:38px;height:39px;font-size:21px;display:grid;position:absolute;top:21px;left:10px}.platform-mark.entra i{clip-path:polygon(50% 0,100% 88%,69% 100%,50% 66%,31% 100%,0 88%);position:absolute}.platform-mark.entra i:first-child{background:linear-gradient(135deg,#0B57D0,#0B57D0 68%);inset:13px 16px}.platform-mark.entra i:nth-child(2){background:linear-gradient(135deg,#fff0,#0B57D0);inset:27px 28px 18px;transform:rotate(180deg)}.platform-mark.power i{border-radius:7px;width:38px;height:38px;position:absolute;top:21px;transform:rotate(45deg)}.platform-mark.power i:first-child{background:#7824a9;left:11px}.platform-mark.power i:nth-child(2){background:#d64ab8;right:11px}.platform-mark.power i:nth-child(3){background:#0B57D0;width:28px;height:28px;top:26px;left:26px}.suite-builder{background:#F8FAFD}.suite-builder-grid{grid-template-columns:.38fr 1fr;align-items:start;gap:44px;display:grid}.suite-builder aside{padding:14px 0;position:sticky;top:118px}.suite-builder aside h2{letter-spacing:-.045em;margin:14px 0 16px;font-size:clamp(38px,3.4vw,54px);line-height:1.03}.suite-builder aside p{color:var(--muted);font-size:17px;line-height:1.67}.suite-actions{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.suite-builder .catalog-card{grid-template-columns:70px minmax(0,1fr) 30px;align-items:center;gap:20px;min-height:150px;padding:26px 28px;display:grid;position:relative}.suite-builder .catalog-card.feature-card{background:linear-gradient(120deg,#fff,#F8FAFD)}.suite-builder .catalog-card .app-icon{background:#F8FAFD;border-radius:24px;flex-basis:66px;width:66px;height:66px}.suite-builder .catalog-card .app-icon svg{width:42px;height:42px}.suite-builder .catalog-card h3{letter-spacing:-.02em;margin:0 0 8px;font-size:22px;line-height:1.15}.suite-builder .catalog-card p{margin:0;font-size:16px;line-height:1.5}.catalog-arrow{width:27px;height:27px;color:var(--blue);transition:transform .2s}.catalog-card:hover .catalog-arrow{transform:translate(4px)}[dir=rtl] .catalog-card:hover .catalog-arrow{transform:translate(-4px)}.catalog-featured-label{color:#0B57D0;letter-spacing:.04em;background:#F0F4F9;border-radius:7px;padding:5px 9px;font-size:11px;font-weight:500;position:absolute;inset-block-start:13px;inset-inline-end:16px}.dms-feature{background:#fff;padding:120px 0}.dms-feature-grid{grid-template-columns:.62fr 1.38fr;align-items:center;gap:58px;display:grid}.dms-feature .dms-copy>img{width:250px}.dms-feature .dms-copy h2{font-size:clamp(40px,3.7vw,58px)}.dms-feature .dms-copy ul{gap:7px;display:grid}.dms-feature .dms-copy li{background:#fbfdff;border:1px solid #E3E3E3;border-radius:12px;margin:0;padding:13px 15px}.dms-feature .dms-copy .dms-proof-list li{grid-template-columns:30px minmax(0,1fr);align-items:center;gap:12px;display:grid}.dms-feature .dms-copy .dms-proof-list li:before{content:none;display:none}.dms-feature .dms-copy .dms-proof-list svg{width:24px;height:24px;color:var(--blue);stroke-width:1.8px}.dms-feature .hero-actions{flex-wrap:wrap;margin-top:22px}.dms-product-stage>span{text-align:center;color:var(--blue);letter-spacing:.11em;margin-bottom:18px;font-size:13px;font-weight:500;display:block}.dms-feature .dms-screen{transform:none}.function-solutions{background:linear-gradient(120deg,#fff,#F8FAFD);padding:110px 0}.function-grid{grid-template-columns:.84fr repeat(3,1fr);align-items:stretch;gap:20px;display:grid}.function-grid>aside{padding:28px 18px 20px 0}[dir=rtl] .function-grid>aside{padding:28px 0 20px 18px}.function-grid>aside h2{letter-spacing:-.045em;margin:15px 0 17px;font-size:clamp(36px,3.25vw,52px);line-height:1.06}.function-grid>aside p{color:var(--muted);line-height:1.65}.function-grid>aside .button{gap:9px;margin:18px 0 22px}.function-grid>aside small{color:#5E5E5E;line-height:1.55;display:block}.function-grid>article{--tone:#075cf5;background:linear-gradient(145deg,#fff,#F8FAFD);border:1px solid #0B57D0;border-radius:24px;flex-direction:column;min-height:520px;padding:34px;display:flex;box-shadow:0 1px 2px rgba(60,64,67,.12),0 1px 3px 1px rgba(60,64,67,.06)}.function-grid>article.plum{--tone:#8c2d78;background:linear-gradient(145deg,#fff,#F8FAFD);border-color:#d4a7ca}.function-grid>article.green{--tone:#147657;background:linear-gradient(145deg,#fff,#F8FAFD);border-color:#E3E3E3}.function-grid>article>svg{width:54px;height:54px;color:var(--tone);background:#fff;border-radius:50%;padding:10px;box-shadow:0 1px 2px rgba(60,64,67,.12),0 1px 3px 1px rgba(60,64,67,.06)}.function-grid h3{border-bottom:1px solid var(--tone);margin:32px 0 16px;padding-bottom:16px}@supports (color:color-mix(in lab, red, red)){.function-grid h3{border-bottom:1px solid color-mix(in srgb,var(--tone) 36%,white)}}.function-grid h3{color:var(--tone);font-size:25px}.function-grid ul{gap:17px;padding:0;list-style:none;display:grid}.function-grid li{color:#444746;grid-template-columns:20px 1fr;gap:10px;line-height:1.5;display:grid}.function-grid li svg{width:19px;height:19px;color:var(--tone)}.function-grid article p{border-top:1px solid var(--tone);margin-top:auto;padding-top:24px}@supports (color:color-mix(in lab, red, red)){.function-grid article p{border-top:1px solid color-mix(in srgb,var(--tone) 30%,white)}}.function-grid article p{color:#444746;font-size:13px;line-height:1.55}.function-grid article a{color:var(--tone);align-items:center;gap:8px;margin-top:18px;font-weight:500;display:flex}.function-grid article a svg{width:17px;height:17px}.custom-apps-section{background:linear-gradient(120deg,#fff 0%,#F8FAFD 56%,#F8FAFD 100%);padding:115px 0;overflow:hidden}.custom-apps-grid{grid-template-columns:1fr 1.08fr;align-items:center;gap:60px;display:grid}.custom-apps-copy h2{letter-spacing:-.05em;max-width:690px;margin:15px 0 18px;font-size:clamp(42px,4vw,62px);line-height:1.03}.custom-apps-copy>p{color:#444746;max-width:720px;font-size:17px;line-height:1.72}.custom-proof-grid{grid-template-columns:1fr 1fr;gap:14px;margin:26px 0;display:grid}.custom-proof-grid article{background:#ffffffd9;border:1px solid #E3E3E3;border-radius:12px;grid-template-columns:42px 1fr;gap:13px;padding:18px;display:grid}.custom-proof-grid article>svg{width:34px;height:34px;color:var(--blue);background:#F8FAFD;border-radius:12px;padding:6px}.custom-proof-grid h3{margin:0 0 6px;font-size:16px}.custom-proof-grid p{color:var(--muted);margin:0;font-size:13px;line-height:1.45}.custom-apps-copy .hero-actions{flex-wrap:wrap}.custom-app-visual>span{text-align:center;color:var(--blue);letter-spacing:.11em;margin-bottom:14px;font-size:13px;font-weight:500;display:block}.custom-hub{background:radial-gradient(circle,#fff 0 28%,#F8FAFD 28.5% 29%,#0000 29.5%),radial-gradient(circle,#0000 0 54%,#D3E3FD 54.5% 55%,#0000 55.5%);border-radius:50%;min-height:560px;position:relative}.custom-hub:before,.custom-hub:after{content:"";z-index:0;opacity:.8;background:#F8FAFD;position:absolute}.custom-hub:before{width:2px;height:72%;top:14%;left:50%}.custom-hub:after{width:72%;height:2px;top:50%;left:14%}.hub-center{z-index:2;background:#fff;border:1px solid #E3E3E3;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:35% 28%;box-shadow:0 1px 2px rgba(60,64,67,.12),0 1px 3px 1px rgba(60,64,67,.06)}.hub-center img{width:190px;height:auto}.hub-center small{color:#5E5E5E}.custom-node{z-index:2;text-align:center;background:#fff;border:1px solid #E3E3E3;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:14px;width:165px;min-height:150px;padding:20px;display:flex;position:absolute;box-shadow:0 1px 2px rgba(60,64,67,.12),0 1px 3px 1px rgba(60,64,67,.06)}.custom-node svg{width:44px;height:44px;color:var(--blue)}.custom-node.teal{border-color:#E3E3E3}.custom-node.teal svg{color:#0a8d7d}.custom-node.cyan{border-color:#E3E3E3}.custom-node.cyan svg{color:#0B57D0}.custom-node.violet{border-color:#c8b3e9}.custom-node.violet svg{color:#0B57D0}.node-0{top:2%;left:calc(50% - 82px)}.node-1{top:calc(50% - 75px);left:0}.node-2{bottom:2%;left:calc(50% - 82px)}.node-3{top:calc(50% - 75px);right:0}.custom-trust{color:#444746;border-block:1px solid #E3E3E3;flex-wrap:wrap;justify-content:center;gap:22px;padding:16px 0;font-size:13px;font-weight:500;display:flex}.licence-note{text-align:center;color:#5E5E5E;margin-top:15px;display:block}.pricing-hero-v2{text-align:center;background:radial-gradient(circle at 50% 5%,#F0F4F9,#0000 48%),linear-gradient(#f8fcff,#fff);padding:110px 0 80px;position:relative;overflow:hidden}.pricing-hero-v2:before,.pricing-hero-v2:after{content:"";pointer-events:none;border:1px solid #E3E3E3;border-radius:50%;position:absolute}.pricing-hero-v2:before{width:540px;height:540px;top:-270px;left:-310px;box-shadow:0 1px 2px rgba(60,64,67,.12),0 1px 3px 1px rgba(60,64,67,.06)}.pricing-hero-v2:after{width:390px;height:390px;bottom:-260px;right:-210px;box-shadow:0 1px 2px rgba(60,64,67,.12),0 1px 3px 1px rgba(60,64,67,.06)}.pricing-hero-v2 .shell{z-index:1;position:relative}.pricing-hero-v2 h1{letter-spacing:-.06em;max-width:1050px;margin:18px auto 24px;font-size:clamp(54px,6vw,92px);line-height:.96}.pricing-hero-v2>div>p{color:#444746;max-width:830px;margin:0 auto 30px;font-size:20px;line-height:1.65}.pricing-hero-v2 .hero-actions{justify-content:center}.pricing-hero-proof{border-top:1px solid #E3E3E3;grid-template-columns:repeat(4,1fr);max-width:1100px;margin:54px auto 0;padding-top:27px;display:grid}.pricing-hero-proof span{color:#5E5E5E;border-inline-end:1px solid #E3E3E3;flex-direction:column;justify-content:center;min-height:52px;padding:0 24px;font-size:13px;display:flex}.pricing-hero-proof span:last-child{border-inline-end:0}.pricing-hero-proof b{color:var(--navy);margin-bottom:4px;font-size:17px}.pricing-jump{z-index:35;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff0;border-block:1px solid #E3E3E3;position:sticky;top:80px}.pricing-jump .shell{justify-content:center;align-items:center;gap:38px;min-height:58px;display:flex;overflow-x:auto}.pricing-jump a{color:#444746;flex:none;font-size:13px;font-weight:500}.pricing-jump a:hover{color:var(--blue)}#plans,#webparts,#apps-pricing,#dms-pricing,#implementation,#pricing-faq{scroll-margin-top:155px}.pricing-recommender{grid-template-columns:.72fr 1.28fr;align-items:start;gap:70px;padding:100px 0;display:grid}.recommender-copy h2{letter-spacing:-.05em;max-width:480px;margin:13px 0 18px;font-size:clamp(40px,4vw,58px);line-height:1.02}.recommender-copy p{max-width:510px;color:var(--muted);font-size:17px;line-height:1.7}.recommender-controls{background:#f8fcff;border:1px solid #E3E3E3;border-radius:24px;padding:34px;box-shadow:0 1px 2px rgba(60,64,67,.12),0 1px 3px 1px rgba(60,64,67,.06)}.recommender-controls fieldset{border:0;margin:0 0 27px;padding:0}.recommender-controls legend{color:#444746;margin-bottom:12px;font-size:13px;font-weight:500}.recommender-controls fieldset>div{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.recommender-controls fieldset button{color:#444746;min-height:50px;font:inherit;cursor:pointer;background:#fff;border:1px solid #E3E3E3;border-radius:12px;padding:9px 12px;font-size:13px;font-weight:500}.recommender-controls fieldset button.selected{color:#fff;border-color:var(--blue);background:var(--blue);box-shadow:0 1px 2px rgba(60,64,67,.12),0 1px 3px 1px rgba(60,64,67,.06)}.recommendation-result{color:#1F1F1F;background:linear-gradient(120deg,#F8FAFD,#F8FAFD);border-radius:24px;grid-template-columns:1fr auto;gap:5px 25px;padding:24px 26px;display:grid}.recommendation-result span{color:#444746;letter-spacing:.1em;text-transform:uppercase;grid-column:1;font-size:11px;font-weight:500}.recommendation-result b{grid-column:1;font-size:28px}.recommendation-result p{color:#444746;grid-column:1;margin:2px 0 0;line-height:1.5}.recommendation-result a{color:#444746;grid-area:1/2/4;align-self:center;font-weight:500}.pricing-plans-v2{background:#F8FAFD;padding:105px 0}.pricing-grid-v2{grid-template-columns:repeat(4,1fr);align-items:stretch;gap:17px;display:grid}.pricing-grid-v2 article{background:#fff;border:1px solid #E3E3E3;border-radius:24px;flex-direction:column;padding:31px;display:flex;position:relative;box-shadow:0 1px 2px rgba(60,64,67,.12),0 1px 3px 1px rgba(60,64,67,.06)}.pricing-grid-v2 article.popular{border:2px solid var(--blue);box-shadow:0 1px 2px rgba(60,64,67,.12),0 1px 3px 1px rgba(60,64,67,.06)}.pricing-grid-v2 article.recommended:not(.popular){outline-offset:3px;outline:3px solid #E3E3E3}.recommended-label{color:#0B57D0;letter-spacing:.06em;background:#F0F4F9;border-radius:24px;padding:6px 11px;font-size:10px;font-weight:500;position:absolute;top:-13px;right:18px}.catalog-status-label{color:#8a5700;letter-spacing:.05em;background:#F0F4F9;border-radius:24px;padding:5px 8px;font-size:9px;font-weight:500;position:absolute;top:11px;right:42px}.pricing-grid-v2 .popular-label{inset-inline-start:22px}.plan-eyebrow{color:#0B57D0;letter-spacing:.08em;min-height:30px;padding-inline-end:12px;font-size:10px;font-weight:500}.pricing-grid-v2 h2{margin:14px 0 12px;font-size:31px}.plan-copy{color:#5E5E5E;min-height:92px;margin:0;line-height:1.58}.plan-price{flex-direction:column;justify-content:flex-end;min-height:73px;margin:22px 0 0;display:flex}.plan-price small{color:#5E5E5E;text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:500}.plan-price strong{letter-spacing:-.045em;font-size:36px;line-height:1.08}.plan-note{color:#5E5E5E;min-height:35px;margin:7px 0 20px;font-size:13px}.plan-facts{border-block:1px solid #E3E3E3}.plan-facts span{border-bottom:1px solid #E3E3E3;align-items:center;gap:10px;min-height:55px;padding:11px 0;display:flex}.plan-facts span:last-child{border-bottom:0}.plan-facts svg{width:21px;color:var(--blue);flex:0 0 21px}.plan-facts b{color:#444746;font-size:12px;line-height:1.4}.pricing-grid-v2 ul{min-height:155px;margin:20px 0;padding:0;list-style:none}.pricing-grid-v2 li{color:#444746;margin:13px 0;padding-inline-start:23px;font-size:13px;line-height:1.45;position:relative}.pricing-grid-v2 li:before{content:"✓";color:#14a36d;font-weight:500;position:absolute;inset-inline-start:0}.pricing-grid-v2 .button{width:100%;margin-top:auto}.pricing-disclosure{text-align:center;color:#5E5E5E;max-width:1020px;margin:32px auto 0;font-size:12px;line-height:1.65}.pricing-common{color:#1F1F1F;background:#F8FAFD;padding:65px 0}.pricing-common .shell{grid-template-columns:.85fr 1.4fr;align-items:center;gap:55px;display:grid}.pricing-common h2{letter-spacing:-.04em;max-width:530px;margin:12px 0 0;font-size:36px;line-height:1.08}.pricing-common-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.pricing-common-grid article{background:#FFFFFF;border:1px solid #E3E3E3;border-radius:12px;gap:14px;padding:19px;display:flex}.pricing-common-grid svg{color:#444746;flex:0 0 26px;width:26px}.pricing-common-grid b{font-size:14px}.pricing-common-grid p{color:#444746;margin:5px 0 0;font-size:12px;line-height:1.5}.feature-matrix-v2{background:#fff;padding:115px 0}.matrix-legend{color:#5E5E5E;justify-content:center;gap:25px;margin:-15px 0 28px;font-size:12px;font-weight:500;display:flex}.matrix-legend span{align-items:center;gap:7px;display:flex}.matrix-legend i{border-radius:50%;width:10px;height:10px}.matrix-legend i.included{background:#0B57D0}.matrix-legend i.extended{background:#e2a800}.matrix-legend i.unavailable{background:#aeb8c5}.feature-groups{border-top:1px solid #E3E3E3;max-width:1220px;margin:auto}.feature-groups details{border-bottom:1px solid #E3E3E3}.feature-groups summary{cursor:pointer;grid-template-columns:auto 1fr auto;align-items:center;gap:17px;padding:22px 18px;list-style:none;display:grid}.feature-groups summary::-webkit-details-marker{display:none}.feature-groups summary:after{content:"+";color:var(--blue);grid-column:4;font-size:26px}.feature-groups details[open] summary:after{content:"−"}.group-icon{width:50px;height:50px;color:var(--blue);background:#F0F4F9;border-radius:12px;place-items:center;display:grid}.group-icon svg{width:26px}.feature-groups summary>span:nth-child(2){flex-direction:column;gap:4px;display:flex}.feature-groups summary b{color:var(--navy);font-size:20px}.feature-groups summary small{color:#5E5E5E;line-height:1.5}.feature-groups summary em{color:#0B57D0;background:#F0F4F9;border-radius:24px;padding:7px 11px;font-size:11px;font-style:normal;font-weight:500}.feature-table-scroll{padding:0 18px 24px;overflow-x:auto}.feature-table-scroll table{border-collapse:separate;border-spacing:0;border:1px solid #E3E3E3;border-radius:12px;width:100%;min-width:850px;overflow:hidden}.feature-table-scroll th,.feature-table-scroll td{text-align:center;border-bottom:1px solid #E3E3E3;border-inline-end:1px solid #E3E3E3;padding:14px}.feature-table-scroll tr:last-child th,.feature-table-scroll tr:last-child td{border-bottom:0}.feature-table-scroll thead th{color:#1F1F1F;background:#F8FAFD;font-size:12px}.feature-table-scroll thead th:first-child{text-align:start;background:#F8FAFD;min-width:250px}.feature-table-scroll tbody th{text-align:start;color:#444746;background:#F8FAFD;font-size:13px}.pricing-status{border-radius:24px;justify-content:center;align-items:center;min-width:100px;min-height:28px;padding:5px 9px;font-size:10px;font-weight:500;display:inline-flex}.pricing-status.included{color:#117246;background:#F0F4F9}.pricing-status.extended{color:#856000;background:#F0F4F9}.pricing-status.unavailable{color:#5E5E5E;background:#eff2f5}.extended-packs{background:linear-gradient(120deg,#F8FAFD,#f9fcff);padding:90px 0}.extended-packs .shell{display:block}.extended-pack-intro{text-align:center;max-width:1040px;margin:0 auto 40px}.extended-pack-intro h2{letter-spacing:-.045em;margin:13px 0 17px;font-size:44px;line-height:1.04}.extended-pack-intro p{color:var(--muted);line-height:1.7}.extended-pack-rules{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:24px;display:flex}.extended-pack-rules span{color:#0B57D0;background:#fff;border:1px solid #E3E3E3;border-radius:999px;align-items:center;gap:7px;padding:9px 13px;font-size:11px;font-weight:500;display:inline-flex}.extended-pack-rules svg{color:#0B57D0;width:15px;height:15px}.extended-pack-cards{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.extended-pack-cards article{background:#fff;border:1px solid #E3E3E3;border-radius:24px;flex-direction:column;min-height:475px;padding:30px;display:flex;box-shadow:0 1px 2px rgba(60,64,67,.12),0 1px 3px 1px rgba(60,64,67,.06)}.extended-pack-cards article>span{color:#0B57D0;letter-spacing:.1em;font-size:10px;font-weight:500}.extended-pack-cards h3{min-height:58px;margin:16px 0 8px;font-size:25px}.extended-pack-price{color:#0B57D0;direction:ltr;unicode-bidi:isolate;font-size:30px;line-height:1;display:block}.extended-pack-price small{color:#5E5E5E;font-size:12px;font-weight:500}.extended-pack-cards article>p{min-height:100px;color:var(--muted);margin:20px 0;line-height:1.6}.extended-pack-metrics{gap:8px;margin:0 0 20px;display:grid}.extended-pack-metrics div{background:#F8FAFD;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:11px 12px;display:flex}.extended-pack-metrics dt{color:#5E5E5E;font-size:10px;font-weight:500}.extended-pack-metrics dd{color:#444746;direction:ltr;unicode-bidi:isolate;margin:0;font-size:12px;font-weight:500}.extended-pack-cards article>small{color:#5E5E5E;border-top:1px solid #E3E3E3;margin-top:auto;padding-top:18px;font-size:10px;line-height:1.6}.extended-pack-footnote{color:#5E5E5E;background:#ffffffc2;border:1px solid #E3E3E3;border-radius:12px;max-width:1100px;margin:28px auto 0;padding:18px 22px;font-size:12px;line-height:1.65}.extended-pack-footnote b{color:#0B57D0}.pricing-apps{background:#F8FAFD;padding:115px 0}.pricing-apps-grid{grid-template-columns:.58fr 1.42fr;align-items:start;gap:50px;display:grid}.pricing-apps aside{position:sticky;top:165px}.pricing-apps aside h2{letter-spacing:-.05em;max-width:430px;margin:14px 0 18px;font-size:50px;line-height:1.02}.pricing-apps aside p{color:var(--muted);line-height:1.7}.pricing-apps aside .button{margin-top:14px}.pricing-apps .text-link{color:var(--blue);margin-top:20px;font-weight:500;display:block}.pricing-app-list{grid-template-columns:1fr 1fr;gap:14px;display:grid}.pricing-app-list article{background:#fff;border:1px solid #E3E3E3;border-radius:24px;grid-template-rows:1fr auto;grid-template-columns:auto 1fr;gap:0 17px;min-height:170px;padding:25px;display:grid;position:relative;box-shadow:0 1px 2px rgba(60,64,67,.12),0 1px 3px 1px rgba(60,64,67,.06)}.pricing-app-list article.featured{border:2px solid var(--blue);background:linear-gradient(140deg,#fff,#F8FAFD)}.app-featured{color:#444746;background:var(--blue);border-radius:24px;padding:5px 10px;font-size:9px;font-weight:500;position:absolute;top:-11px;right:16px}.pricing-app-list .app-icon{grid-row:1/3;width:54px;height:54px}.pricing-app-list .app-icon svg{width:29px;height:29px}.pricing-app-list h3{margin:2px 0 6px;font-size:19px}.pricing-app-list p{color:var(--muted);margin:0 0 10px;font-size:12px;line-height:1.5}.pricing-app-list div>span{color:#5E5E5E;text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:500}.pricing-app-list article>strong{color:#0B57D0;grid-column:2;align-self:end;margin-top:12px;font-size:13px}.pricing-dms{background:#fff;padding:115px 0}.pricing-dms-grid{grid-template-columns:.72fr 1.28fr;align-items:center;gap:55px;display:grid}.pricing-dms-copy>img{width:260px;height:auto;margin:22px 0}.pricing-dms-copy h2{letter-spacing:-.05em;max-width:630px;margin:0 0 18px;font-size:clamp(43px,4vw,62px);line-height:1.02}.pricing-dms-copy>p{color:var(--muted);font-size:17px;line-height:1.7}.dms-tier-prices{border:1px solid #E3E3E3;border-radius:24px;margin:26px 0 12px;overflow:hidden}.dms-tier-prices span{border-bottom:1px solid #E3E3E3;justify-content:space-between;gap:20px;padding:13px 16px;display:flex}.dms-tier-prices span:last-child{border-bottom:0}.dms-tier-prices b{font-size:13px}.dms-tier-prices em{color:var(--blue);font-size:13px;font-style:normal;font-weight:500}.pricing-dms-copy>small{color:#5E5E5E;line-height:1.5;display:block}.pricing-dms-copy .hero-actions{flex-wrap:wrap;margin-top:28px}.pricing-dms-screen>span{text-align:center;color:var(--blue);letter-spacing:.1em;margin-bottom:14px;font-size:11px;font-weight:500;display:block}.pricing-dms-screen img{background:#fff;border:1px solid #E3E3E3;border-radius:24px;width:100%;height:auto;display:block;box-shadow:0 1px 2px rgba(60,64,67,.12),0 1px 3px 1px rgba(60,64,67,.06)}.pricing-custom-apps{color:#1F1F1F;background:radial-gradient(circle at 90% 20%,#F8FAFD,#0000 35%),#F8FAFD;padding:110px 0}.custom-price-heading{max-width:900px;margin-bottom:45px}.custom-price-heading h2{letter-spacing:-.05em;margin:13px 0 17px;font-size:clamp(42px,4.5vw,66px);line-height:1.02}.custom-price-heading p{color:#444746;max-width:820px;font-size:17px;line-height:1.7}.custom-price-grid{grid-template-columns:1.15fr .85fr;align-items:stretch;gap:28px;display:grid}.custom-examples{grid-template-columns:1fr 1fr;gap:14px;display:grid}.custom-examples span{background:#FFFFFF;border:1px solid #E3E3E3;border-radius:24px;flex-direction:column;justify-content:center;gap:17px;min-height:145px;padding:26px;display:flex}.custom-examples svg{color:#444746;width:32px}.custom-examples b{font-size:18px}.custom-price-grid>article{color:var(--navy);background:#fff;border:1px solid #0B57D0;border-radius:24px;padding:35px}.custom-price-grid>article>span{color:#0B57D0;letter-spacing:.1em;font-size:10px;font-weight:500}.custom-price-grid h3{margin:16px 0;font-size:29px}.custom-price-grid ul{color:#444746;padding-inline-start:22px;line-height:1.75}.custom-price-grid .button{margin-top:10px}.pricing-implementation{background:#f8fbfe;padding:115px 0}.implementation-grid-v2{grid-template-columns:repeat(4,1fr);gap:0;display:grid}.implementation-grid-v2 article{border-top:2px solid #E3E3E3;min-height:280px;padding:31px;position:relative}.implementation-grid-v2 article:before{content:"";background:var(--blue);border-radius:50%;width:14px;height:14px;position:absolute;top:-8px;left:31px;box-shadow:0 1px 2px rgba(60,64,67,.12),0 1px 3px 1px rgba(60,64,67,.06)}.implementation-grid-v2 article>span{color:#0B57D0;font-size:11px;font-weight:500}.implementation-grid-v2 h3{margin:20px 0 12px;font-size:25px}.implementation-grid-v2 article>b{color:#444746;min-height:42px;font-size:14px;line-height:1.45;display:block}.implementation-grid-v2 p{color:var(--muted);font-size:13px;line-height:1.65}.implementation-grid-v2 em{color:#0B57D0;text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-style:normal;font-weight:500}.pricing-cost-clarity{color:#1F1F1F;background:#F8FAFD;padding:90px 0}.pricing-cost-clarity .shell{grid-template-columns:.7fr 1.3fr;align-items:center;gap:55px;display:grid}.pricing-cost-clarity h2{letter-spacing:-.045em;margin:13px 0 15px;font-size:42px;line-height:1.05}.pricing-cost-clarity .shell>div:first-child>p{color:#444746;line-height:1.65}.pricing-cost-clarity .shell>div:last-child{grid-template-columns:1fr 1fr;gap:12px;display:grid}.pricing-cost-clarity article{background:#FFFFFF;border:1px solid #E3E3E3;border-radius:24px;padding:22px}.pricing-cost-clarity article svg{color:#444746;width:27px;margin-bottom:15px}.pricing-cost-clarity article b{display:block}.pricing-cost-clarity article p{color:#444746;margin:7px 0 0;font-size:12px;line-height:1.5}.pricing-faq{padding:110px 0}.pricing-faq>div:last-child{border-top:1px solid var(--line);max-width:980px;margin:auto}.pricing-faq article{border-bottom:1px solid var(--line)}.pricing-faq article button{text-align:start;width:100%;color:var(--navy);cursor:pointer;background:0 0;border:0;justify-content:space-between;gap:20px;padding:22px 0;font-size:17px;display:flex}.pricing-faq article button span{color:var(--blue);font-size:24px}.pricing-faq article p{max-width:850px;color:var(--muted);margin:0;padding:0 40px 24px 0;line-height:1.7}.pricing-final-cta{text-align:center;color:#1F1F1F;background:radial-gradient(circle at 50% 100%,#F8FAFD,#F8FAFD 60%,#F8FAFD);padding:105px 0}.pricing-final-cta h2{letter-spacing:-.05em;max-width:950px;margin:14px auto;font-size:clamp(42px,4.7vw,68px);line-height:1.03}.pricing-final-cta p{color:#444746;max-width:760px;margin:0 auto 30px;font-size:17px;line-height:1.65}.pricing-final-cta .hero-actions{justify-content:center}.pricing-final-cta .button-secondary{color:#fff;background:#FFFFFF;border-color:#0B57D0}[dir=rtl] .pricing-hero-v2 h1,[dir=rtl] .recommender-copy h2,[dir=rtl] .pricing-grid-v2 h2,[dir=rtl] .pricing-common h2,[dir=rtl] .extended-pack-intro h2,[dir=rtl] .pricing-apps aside h2,[dir=rtl] .pricing-dms-copy h2,[dir=rtl] .custom-price-heading h2,[dir=rtl] .pricing-cost-clarity h2,[dir=rtl] .pricing-final-cta h2{letter-spacing:0}[dir=rtl] .plan-eyebrow,[dir=rtl] .recommendation-result span,[dir=rtl] .pricing-app-list div>span,[dir=rtl] .implementation-grid-v2 em{letter-spacing:0;text-transform:none}[dir=rtl] .recommended-label{left:18px;right:auto}[dir=rtl] .catalog-status-label{letter-spacing:0;left:42px;right:auto}[dir=rtl] .app-featured{left:16px;right:auto}[dir=rtl] .implementation-grid-v2 article:before{left:auto;right:31px}[dir=rtl] .pricing-faq article p{padding:0 0 24px 40px}[dir=rtl] .plan-price strong,[dir=rtl] .pricing-hero-proof b,[dir=rtl] .dms-tier-prices em,[dir=rtl] .implementation-grid-v2 article>span,[dir=rtl] .recommender-controls legend,[dir=rtl] .recommender-controls button{font-variant-numeric:lining-nums tabular-nums}.business-detail article:nth-child(2n)>div:first-child{order:0}.solution-app-stack{grid-template-columns:1fr 1fr;gap:14px;display:grid}.solution-app-stack span{color:#444746;background:#fff;border:1px solid #E3E3E3;border-radius:24px;flex-direction:column;justify-content:center;gap:14px;min-height:145px;padding:24px;font-weight:500;line-height:1.45;display:flex;box-shadow:0 1px 2px rgba(60,64,67,.12),0 1px 3px 1px rgba(60,64,67,.06)}.solution-app-stack b{color:var(--blue);font-size:13px}@media (max-width:1100px){.skins-grid,.dms-spotlight,.architecture-grid,.contact-grid{grid-template-columns:1fr}.skin-stage,.dms-screen{transform:none}.value-grid,.pricing-grid,.feature-grid,.app-page-grid,.resource-grid,.customer-stories{grid-template-columns:repeat(2,1fr)}.roles-detail article{grid-template-columns:1fr}.roles-detail article:nth-child(2n)>div:first-child{order:0}.footer-grid{grid-template-columns:2fr 1fr 1fr}.footer-grid>div:last-child{grid-column:1/-1}.orbit{margin-top:60px}.dms-fit,.catalog-grid{grid-template-columns:1fr}}@media (max-width:1000px){.menu-button{display:block}.site-header nav.open{border:1px solid var(--line);background:#fff;border-radius:24px;flex-direction:column;gap:16px;padding:20px;display:flex;position:absolute;top:80px;left:20px;right:20px;box-shadow:0 1px 2px rgba(60,64,67,.12),0 1px 3px 1px rgba(60,64,67,.06)}nav a.active:after{display:none}}@media (max-width:760px){.value-grid,.pricing-grid,.feature-grid,.app-page-grid,.resource-grid,.role-grid,.bidi-demo,.customer-stories{grid-template-columns:1fr}.pricing-grid article.popular{transform:none}.implementation>div:last-child{grid-template-columns:1fr}.implementation article{border-top:0;border-inline-start:2px solid #E3E3E3}.implementation article:after{top:33px;inset-inline-start:-8px}.lifecycle-row{grid-template-columns:repeat(3,1fr)}.lifecycle-row:before{display:none}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand,.footer-grid>div:last-child{grid-column:1/-1}.newsletter .shell,.bundle-banner .shell,.customer-note .shell{flex-direction:column;align-items:flex-start}.newsletter form{width:100%}.newsletter input{flex:1;min-width:0}.contact-grid{gap:40px}.role-visual{height:330px}.roles-detail article{padding:28px}.mini-stats{grid-template-columns:1fr}.app-cloud{grid-template-columns:1fr 1fr}.dms-spotlight{padding-block:80px}.orbit{width:300px;height:300px}.orbit>span{font-size:18px;inset:95px}.orbit .o0{top:-25px;left:104px}.orbit .o1{top:125px;right:-46px}.orbit .o2{bottom:-25px;left:104px}.orbit .o3{top:125px;left:-46px}}@media (max-width:560px){.header-actions .button{display:none}.hero-actions{flex-direction:column}.hero-actions .button{width:100%}.app-cloud{grid-template-columns:1fr}.skin-crop{height:330px}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column}.field-row{grid-template-columns:1fr}.contact-form{padding:24px}.demo-modal-backdrop{padding:10px}.demo-modal{border-radius:24px;max-height:calc(100vh - 20px);padding:24px 16px}.demo-modal-heading{padding-inline-end:38px}.demo-modal .contact-form{padding:20px 16px}.chat-launcher{bottom:15px;right:16px}.chat-panel{bottom:76px;right:16px}[dir=rtl] .chat-launcher,[dir=rtl] .chat-panel{left:16px}.lifecycle-row{grid-template-columns:repeat(2,1fr)}.newsletter form{flex-direction:column}.newsletter input{min-height:48px}.inner-hero{padding:75px 0}.inner-hero h1,.dms-hero h1{font-size:44px}.role-grid article p{min-height:0}}@media (max-width:1260px){.role-experience-grid{grid-template-columns:.85fr 1.35fr}.role-proof-list{grid-column:1/-1;grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.role-proof-list>div{border:1px solid var(--line);border-radius:12px;padding:20px}.role-proof-list .button{grid-column:1/-1;justify-self:center}.function-grid{grid-template-columns:1fr 1fr}.function-grid>aside{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:12px 36px;display:grid}.function-grid>aside .section-kicker,.function-grid>aside h2{grid-column:1}.function-grid>aside p,.function-grid>aside .button,.function-grid>aside small{grid-column:2}.function-grid>aside .button{justify-self:start}.pricing-grid-v2{grid-template-columns:1fr 1fr}.pricing-grid-v2 .plan-copy,.pricing-grid-v2 ul{min-height:0}}.dms-microsite{--dms-blue:#0658ef;--dms-cyan:#08a7e8;--dms-ink:#071330;--dms-muted:#60708e;--dms-line:#d7e6f7;--dms-pale:#f3f8ff;color:var(--dms-ink);background:#fff}.dms-microsite main{overflow:hidden}.dms-site-header{z-index:60;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff5;border-bottom:1px solid #E3E3E3;height:82px;position:sticky;top:0}.dms-header-inner{align-items:center;gap:34px;max-width:1480px;height:100%;margin:auto;padding:0 28px;display:flex}.dms-brand{flex:none;align-items:center;display:flex}.dms-brand img{width:188px;height:auto}.dms-site-header nav{align-items:center;gap:25px;margin-inline:auto;display:flex}.dms-site-header nav a{color:#444746;white-space:nowrap;border-bottom:3px solid #E3E3E3;padding:30px 0 25px;font-size:14px;font-weight:500}.dms-site-header nav a:hover,.dms-site-header nav a.active{color:var(--dms-blue);border-color:var(--dms-blue)}.dms-site-header nav a.active:after{display:none}.dms-header-actions{align-items:center;gap:14px;display:flex}.dms-header-actions .button{padding:12px 18px}.dms-back-link{color:#5E5E5E;align-items:center;gap:5px;font-size:12px;font-weight:500;display:flex}.dms-back-link svg{width:15px}.dms-site-header .language{color:var(--dms-blue);font-size:13px;font-weight:500}.dms-microsite-hero{text-align:center;background:radial-gradient(circle at 50% 10%,rgba(11,87,208,0.080),#0000 36%),linear-gradient(#F8FAFD,#fff);padding:108px 0 82px;position:relative}.dms-microsite-hero:before,.dms-microsite-hero:after{content:"";border:1px solid #E3E3E3;border-radius:50%;width:570px;height:270px;position:absolute;top:60px;left:-240px;transform:rotate(17deg)}.dms-microsite-hero:after{top:10px;left:auto;right:-250px;transform:rotate(-20deg)}.dms-microsite-hero .shell{z-index:2;max-width:1050px;position:relative}.dms-microsite-hero .eyebrow{color:#0B57D0;letter-spacing:.18em;margin-bottom:20px;font-size:13px;font-weight:500;display:block}.dms-microsite-hero h1{letter-spacing:-.055em;max-width:990px;margin:0 auto 26px;font-size:clamp(52px,6.2vw,88px);font-weight:500;line-height:.98}.dms-microsite-hero h1 span:not(.accent){font-weight:450}.dms-microsite-hero h1 .accent{font-weight:500}.dms-microsite-hero p{color:var(--dms-muted);max-width:820px;margin:auto;font-size:20px;line-height:1.6}.dms-microsite-hero .hero-actions{justify-content:center;margin-top:34px}.dms-hero-product{z-index:4;margin-top:-34px;position:relative}.dms-product-frame{background:#fff;border:1px solid #E3E3E3;border-radius:24px;margin:0;overflow:hidden;box-shadow:0 1px 2px rgba(60,64,67,.12),0 1px 3px 1px rgba(60,64,67,.06)}.dms-product-frame .browser-chrome{height:42px}.dms-product-frame>img{width:100%;height:auto;display:block}.dms-product-frame.compact{max-width:900px;margin:auto}.dms-trust-strip{border:1px solid var(--dms-line);background:var(--dms-line);border-radius:24px;grid-template-columns:repeat(3,1fr);gap:1px;margin:26px 0 0;display:grid;overflow:hidden}.dms-trust-strip span{background:#f9fcff;justify-content:center;align-items:center;gap:10px;padding:19px;font-size:14px;font-weight:500;display:flex}.dms-trust-strip svg{width:20px;color:var(--dms-blue)}.dms-lifecycle-strip{grid-template-columns:repeat(6,1fr);margin:28px 0 100px;display:grid;position:relative}.dms-lifecycle-strip:before{content:"";background:#D3E3FD;height:2px;position:absolute;top:20px;left:7%;right:7%}.dms-lifecycle-strip span{text-align:center;color:#5E5E5E;justify-items:center;gap:8px;font-size:12px;font-weight:500;display:grid;position:relative}.dms-lifecycle-strip i{z-index:2;color:#5E5E5E;background:#fff;border:2px solid #E3E3E3;border-radius:50%;place-items:center;width:40px;height:40px;font-style:normal;display:grid;position:relative}.dms-lifecycle-strip i svg{width:18px}.dms-lifecycle-strip .done i{background:var(--dms-blue);color:#444746;border-color:var(--dms-blue);box-shadow:0 1px 2px rgba(60,64,67,.12),0 1px 3px 1px rgba(60,64,67,.06)}.dms-pale-section{background:var(--dms-pale);border-top:1px solid #E3E3E3;border-bottom:1px solid #E3E3E3;padding:100px 0}.dms-section-title{text-align:center;max-width:850px;margin:0 auto 50px}.dms-section-title>span{color:#0B57D0;letter-spacing:.18em;margin-bottom:14px;font-size:12px;font-weight:500;display:block}.dms-section-title h2{letter-spacing:-.045em;margin:0 0 16px;font-size:clamp(38px,4vw,60px);line-height:1.05}.dms-section-title p{color:var(--dms-muted);max-width:770px;margin:0 auto;font-size:18px;line-height:1.65}.dms-cap-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.dms-cap-grid article{background:#fff;border:1px solid #E3E3E3;border-radius:24px;min-height:270px;padding:34px;position:relative;box-shadow:0 1px 2px rgba(60,64,67,.12),0 1px 3px 1px rgba(60,64,67,.06)}.dms-cap-grid article>span{color:#9bb0c8;font-size:12px;font-weight:500;position:absolute;top:22px;right:22px}.dms-cap-grid article>svg{width:40px;height:40px;color:var(--dms-blue);margin-bottom:28px}.dms-cap-grid h3{margin:0 0 10px;font-size:22px}.dms-cap-grid p{color:var(--dms-muted);font-size:15px;line-height:1.6}.dms-cap-grid a{color:var(--dms-blue);font-size:13px;font-weight:500}.dms-split-showcase{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:72px;padding:100px 0;display:grid}.dms-split-showcase.reverse{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}.dms-split-showcase h2,.dms-routing-section h2{letter-spacing:-.045em;margin:12px 0 20px;font-size:clamp(38px,4vw,58px);line-height:1.04}.dms-split-showcase>div>p,.dms-routing-section>div>p{color:var(--dms-muted);font-size:17px;line-height:1.65}.dms-split-showcase ul,.dms-routing-section ul{gap:13px;margin:26px 0;padding:0;list-style:none;display:grid}.dms-split-showcase li,.dms-routing-section li{color:#444746;align-items:flex-start;gap:10px;font-size:14px;font-weight:500;display:flex}.dms-split-showcase li svg,.dms-routing-section li svg{width:18px;color:var(--dms-blue);flex:none}.dms-product-screenshot{background:#fff;border:1px solid #E3E3E3;border-radius:24px;margin:0;line-height:0;overflow:hidden;box-shadow:0 1px 2px rgba(60,64,67,.12),0 1px 3px 1px rgba(60,64,67,.06)}.dms-product-screenshot img{width:100%;height:auto;display:block}.dms-product-screenshot.on-dark{border-color:#E3E3E3;box-shadow:0 1px 2px rgba(60,64,67,.12),0 1px 3px 1px rgba(60,64,67,.06)}.dms-ui-mock{direction:ltr;background:#fff;border:1px solid #E3E3E3;border-radius:24px;padding:24px;box-shadow:0 1px 2px rgba(60,64,67,.12),0 1px 3px 1px rgba(60,64,67,.06)}.dms-ui-mock .mock-top{border-bottom:1px solid #E3E3E3;justify-content:space-between;align-items:center;padding-bottom:18px;display:flex}.dms-ui-mock .mock-top>span{font-size:15px;font-weight:500}.dms-ui-mock .mock-top button{background:var(--dms-blue);color:#fff;border:0;border-radius:12px;padding:9px 14px;font-weight:500}.mock-kpis{grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0;display:grid}.mock-kpis>div{border:1px solid #E3E3E3;border-radius:12px;gap:5px;padding:15px;display:grid}.mock-kpis span{font-size:24px;font-weight:500}.mock-kpis small{color:#5E5E5E;min-height:25px;font-size:10px}.mock-kpis i{background:#F0F4F9;border-radius:3px;height:3px}.mock-kpis i:before{content:"";width:inherit;background:var(--dms-blue);height:3px;display:block}.mock-chart{border:1px solid #E3E3E3;border-radius:12px;gap:12px;padding:16px;display:grid}.mock-chart>b{margin-bottom:4px;font-size:12px}.mock-chart>div{grid-template-columns:75px 1fr 40px;align-items:center;gap:10px;font-size:10px;display:grid}.mock-chart i{background:#F0F4F9;border-radius:6px;height:7px;overflow:hidden}.mock-chart i b{background:linear-gradient(90deg,var(--dms-blue),var(--dms-cyan));height:100%;display:block}.mock-chart em{color:#5E5E5E;font-style:normal}.dms-dark-section{color:#1F1F1F;background:#F8FAFD;padding:100px 0}.dms-dark-section .section-kicker{color:#0B57D0}.dms-evidence-grid{grid-template-columns:.8fr 1.2fr;align-items:center;gap:70px;display:grid}.dms-evidence-grid h2,.dms-signature-section h2{letter-spacing:-.045em;margin:14px 0;font-size:clamp(40px,4vw,60px);line-height:1.05}.dms-evidence-grid>div>p,.dms-signature-section>div>p{color:#444746;font-size:17px;line-height:1.65}.dms-proof-stats{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px;display:grid}.dms-proof-stats span{color:#444746;border:1px solid #E3E3E3;border-radius:12px;gap:5px;padding:17px;font-size:11px;display:grid}.dms-proof-stats b{color:#1F1F1F;font-size:23px}.dms-dark-section .dms-ui-mock{color:var(--dms-ink);box-shadow:0 1px 2px rgba(60,64,67,.12),0 1px 3px 1px rgba(60,64,67,.06)}.audit-mock{padding:0;overflow:hidden}.audit-mock .mock-top{padding:19px 22px}.audit-row{border-bottom:1px solid #E3E3E3;grid-template-columns:40px 1fr 45px 32px;align-items:center;gap:10px;padding:14px 20px;display:grid}.audit-row:last-child{border:0}.audit-icon{width:32px;height:32px;color:var(--dms-blue);background:#F0F4F9;border-radius:12px;place-items:center;display:grid}.audit-icon svg{width:16px}.audit-row>div{gap:4px;display:grid}.audit-row b{font-size:12px}.audit-row small{color:#5E5E5E;font-size:10px}.audit-row em{color:#5E5E5E;font-size:10px;font-style:normal}.audit-row strong{color:#fff;background:#0a1836;border-radius:50%;place-items:center;width:28px;height:28px;font-size:9px;display:grid}.assistant-mock{background:linear-gradient(145deg,#f8fcff,#F8FAFD)}.assistant-mock .mock-top{justify-content:flex-start;gap:9px}.assistant-mock .mock-top svg{width:20px;color:var(--dms-blue)}.assistant-question{background:var(--dms-blue);color:#444746;border-radius:24px 24px 3px;max-width:74%;margin:18px 0 12px auto;padding:13px 16px;font-size:12px;font-weight:500}.assistant-answer{background:#fff;border:1px solid #E3E3E3;border-radius:3px 24px 24px;gap:9px;padding:17px;display:grid}.assistant-answer>b{margin-bottom:4px;font-size:12px}.assistant-answer>span{background:#f6f9fd;border-radius:12px;grid-template-columns:19px 1fr auto;align-items:center;gap:7px;padding:9px;font-size:10px;display:grid}.assistant-answer>span svg{width:14px;color:var(--dms-blue)}.assistant-answer em{color:var(--dms-blue);font-style:normal;font-weight:500}.assistant-answer small{color:#5E5E5E;border-top:1px solid #E3E3E3;align-items:center;gap:5px;padding-top:10px;display:flex}.assistant-answer small svg{color:#1c9b67;width:14px}.dms-architecture{background:#fff;border:1px solid #E3E3E3;border-radius:24px;grid-template-columns:repeat(4,1fr);display:grid;box-shadow:0 1px 2px rgba(60,64,67,.12),0 1px 3px 1px rgba(60,64,67,.06)}.dms-architecture>div{text-align:center;border-inline-end:1px solid #E3E3E3;align-content:center;justify-items:center;gap:13px;min-height:175px;padding:30px;display:grid;position:relative}.dms-architecture>div:last-child{border:0}.dms-architecture>div>span{top:16px;color:#9aaec5;font-size:11px;font-weight:500;position:absolute;inset-inline-start:18px}.dms-architecture>div>svg:not(.arch-arrow){width:42px;height:42px;color:var(--dms-blue)}.dms-architecture b{font-size:14px}.dms-architecture .arch-arrow{width:25px;color:var(--dms-cyan);z-index:2;background:#fff;position:absolute;right:-13px}.dms-editions{background:#fff;padding:100px 0}.dms-edition-grid{grid-template-columns:repeat(4,1fr);gap:15px;display:grid}.dms-edition-grid article{border:1px solid #E3E3E3;border-radius:24px;flex-direction:column;min-height:345px;padding:32px 27px;display:flex;position:relative}.dms-edition-grid article.recommended{border:2px solid var(--dms-blue);box-shadow:0 1px 2px rgba(60,64,67,.12),0 1px 3px 1px rgba(60,64,67,.06)}.dms-edition-grid article>span{background:var(--dms-blue);color:#444746;border-radius:24px;padding:7px 10px;font-size:9px;font-weight:500;position:absolute;top:-13px;right:16px}.dms-edition-grid h3{margin:0 0 12px;font-size:25px}.dms-edition-grid p{color:var(--dms-muted);min-height:66px;font-size:14px;line-height:1.55}.dms-edition-grid ul{gap:10px;margin:22px 0;padding:0;list-style:none;display:grid}.dms-edition-grid li{color:#444746;gap:7px;font-size:12px;display:flex}.dms-edition-grid li svg{width:15px;color:var(--dms-blue)}.dms-edition-grid a{color:var(--dms-blue);margin-top:auto;font-size:13px;font-weight:500}.dms-attach-callout{background:#F8FAFD;border-block:1px solid #E3E3E3;padding:36px 0}.dms-attach-callout .shell{grid-template-columns:1fr auto;align-items:center;gap:38px;display:grid}.dms-attach-callout h2{letter-spacing:-.035em;margin:8px 0 9px;font-size:30px}.dms-attach-callout p{color:#5E5E5E;max-width:920px;margin:0;line-height:1.65}.dms-attach-callout .button{white-space:nowrap}.dms-use-cases{padding:95px 0}.dms-use-cases>div:last-child{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.dms-use-cases article{border:1px solid #E3E3E3;border-radius:12px;align-items:center;gap:14px;padding:25px;display:flex}.dms-use-cases article span{color:var(--dms-cyan);font-size:11px;font-weight:500}.dms-use-cases article b{font-size:14px}.dms-final-cta{color:#1F1F1F;background:radial-gradient(circle at 85% 0,rgba(11,87,208,0.080),#0000 35%),linear-gradient(120deg,#F8FAFD,#F8FAFD);padding:82px 0}.dms-final-cta .shell{text-align:center;max-width:960px}.dms-final-cta .section-kicker{color:#444746}.dms-final-cta h2{letter-spacing:-.045em;margin:14px auto;font-size:clamp(40px,4.8vw,66px);line-height:1.04}.dms-final-cta p{color:#444746;font-size:17px}.dms-final-cta .hero-actions{justify-content:center}.dms-final-cta .button-primary{color:#0B57D0;background:#fff}.dms-final-cta .button-secondary{color:#fff;background:0 0;border-color:#E3E3E3}.dms-page-screen{z-index:3;margin-top:-30px;padding:0 0 95px;position:relative}.dms-register-screenshot{width:min(100%,640px);margin-inline:auto}.dms-stage-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.dms-stage-grid article{background:#fff;border:1px solid #E3E3E3;border-radius:24px;padding:30px;position:relative}.dms-stage-grid article>span{color:#9eb1c8;font-size:11px;font-weight:500;position:absolute;top:17px;right:20px}.dms-stage-grid h3{margin:0 0 7px;font-size:23px}.dms-stage-grid b{text-transform:uppercase;letter-spacing:.1em;color:var(--dms-blue);font-size:11px}.dms-stage-grid p{color:var(--dms-muted);font-size:13px;line-height:1.6}.dms-routing-section{grid-template-columns:.85fr 1.15fr;align-items:center;gap:72px;padding:100px 0;display:grid}.routing-visual{background:#F8FAFD;border:1px solid #E3E3E3;border-radius:24px;grid-template-columns:1fr 45px 1fr;align-items:center;padding:30px;display:grid}.routing-visual>svg{color:var(--dms-blue);width:27px;margin:auto}.routing-visual>div{background:#fff;border:1px solid #E3E3E3;border-radius:24px;gap:12px;padding:25px;display:grid}.routing-visual b{font-size:18px}.routing-visual span{background:#F8FAFD;border-radius:12px;padding:10px;font-size:12px}.routing-visual em{letter-spacing:.08em;color:#178852;font-size:9px;font-style:normal;font-weight:500}.dms-signature-section{grid-template-columns:.8fr 1.2fr;align-items:center;gap:70px;display:grid}.dms-release-visual{justify-items:center;gap:18px;display:grid}.dms-release-screenshot{width:min(100%,560px)}.signature-cards{grid-template-columns:repeat(3,1fr);gap:12px;width:100%;display:grid}.signature-cards article{background:#FFFFFF;border:1px solid #E3E3E3;border-radius:24px;grid-template-rows:auto auto 1fr;gap:10px;padding:22px 18px;display:grid}.signature-cards svg{color:#0B57D0;width:29px}.signature-cards b{font-size:14px}.signature-cards small{color:#444746;font-size:11px;line-height:1.5}.governance-arch{margin:70px 0 100px}.dms-governance-cards{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.dms-governance-cards article{background:#fff;border:1px solid #E3E3E3;border-radius:24px;padding:30px 24px;position:relative}.dms-governance-cards article>span{color:#a0b2c8;font-size:10px;font-weight:500;position:absolute;top:15px;right:17px}.dms-governance-cards svg{width:36px;color:var(--dms-blue);margin-bottom:24px}.dms-governance-cards h3{font-size:19px}.dms-governance-cards p{color:var(--dms-muted);font-size:13px;line-height:1.6}.dms-governance-screen{justify-self:center;width:min(100%,620px)}.audit-tags{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}.audit-tags span{color:#444746;border:1px solid #E3E3E3;border-radius:24px;padding:8px 12px;font-size:10px}.records-governance-cards{gap:11px;margin-top:25px;display:grid}.records-governance-cards article{background:#f8fbff;border:1px solid #E3E3E3;border-radius:12px;grid-template-columns:34px 1fr;align-items:start;gap:13px;padding:16px;display:grid}.records-governance-cards article>svg{width:25px;color:var(--dms-blue)}.records-governance-cards b{font-size:13px}.records-governance-cards p{color:var(--dms-muted);margin:4px 0 0;font-size:12px;line-height:1.5}.dms-pricing-grid{z-index:3;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:-35px;padding-bottom:75px;display:grid;position:relative}.dms-pricing-grid>article{background:#fff;border:1px solid #E3E3E3;border-radius:24px;flex-direction:column;min-height:620px;padding:34px 28px 0;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 2px rgba(60,64,67,.12),0 1px 3px 1px rgba(60,64,67,.06)}.dms-pricing-grid>article.popular{border:2px solid var(--dms-blue);box-shadow:0 1px 2px rgba(60,64,67,.12),0 1px 3px 1px rgba(60,64,67,.06)}.dms-pricing-grid h2{margin:0 0 10px;font-size:27px}.dms-pricing-grid>article>p{color:var(--dms-muted);min-height:80px;font-size:13px;line-height:1.55}.dms-price{flex-wrap:wrap;align-items:baseline;gap:5px;margin:15px 0;display:flex}.dms-price small{width:100%;color:var(--dms-blue);font-size:11px;font-weight:500}.dms-price b{letter-spacing:-.04em;font-size:39px}.dms-price em{color:#5E5E5E;font-size:12px;font-style:normal}.dms-pricing-grid>article>strong{color:#5E5E5E;margin-bottom:24px;font-size:12px}.dms-pricing-grid .button{text-align:center;width:100%;margin-bottom:25px}.dms-pricing-grid ul{gap:13px;padding:0;list-style:none;display:grid}.dms-pricing-grid li{color:#444746;gap:8px;font-size:12px;line-height:1.4;display:flex}.dms-pricing-grid li svg{width:15px;color:var(--dms-blue);flex:none}.dms-pricing-grid article>footer{color:#52617a;background:#f2f7fd;margin:auto -28px 0;padding:18px 28px;font-size:10px;font-weight:800}.dms-pricing-grid .popular-label{background:var(--dms-blue);color:#444746;border-radius:24px;padding:7px 10px;font-size:9px;font-weight:500;position:absolute;top:15px;right:18px}.dms-price-notes{color:#1F1F1F;background:#F8FAFD;padding:28px 0}.dms-price-notes .shell{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.dms-price-notes span{grid-template-columns:35px 1fr;align-items:center;column-gap:12px;display:grid}.dms-price-notes svg{color:#0B57D0;grid-row:span 2;width:28px}.dms-price-notes b{font-size:13px}.dms-price-notes small{color:#444746;line-height:1.4}.dms-comparison{padding:100px 0}.comparison-scroll{border:1px solid #E3E3E3;border-radius:24px;overflow:auto}.dms-comparison table{border-collapse:collapse;width:100%;min-width:820px}.dms-comparison th,.dms-comparison td{text-align:center;border-bottom:1px solid #E3E3E3;padding:17px 18px}.dms-comparison th{background:#F8FAFD;font-size:13px}.dms-comparison th:first-child,.dms-comparison td:first-child{text-align:start;width:44%;font-weight:500}.dms-comparison td{color:#444746;font-size:12px}.dms-comparison td svg{color:#168f58;width:19px;margin:auto}.dms-commercial-details>div:last-child{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.dms-commercial-details article{background:#fff;border:1px solid #E3E3E3;border-radius:24px;padding:28px}.dms-commercial-details article svg{width:35px;color:var(--dms-blue);margin-bottom:20px}.dms-commercial-details h3{font-size:19px}.dms-commercial-details p{color:var(--dms-muted);font-size:13px;line-height:1.6}.dms-contact-grid{grid-template-columns:.8fr 1.2fr;gap:70px;padding:90px 0;display:grid}.dms-contact-grid>div>h2{letter-spacing:-.04em;font-size:40px}.dms-contact-grid>div>p{color:var(--dms-muted);line-height:1.65}.dms-contact-point{align-items:flex-start;gap:15px;margin-top:25px;display:flex}.dms-contact-point>svg{width:28px;color:var(--dms-blue)}.dms-contact-point b{font-size:15px}.dms-contact-point p{color:var(--dms-muted);margin:5px 0;font-size:12px}.dms-consult-note{background:#F8FAFD;border-radius:12px;gap:13px;margin-top:30px;padding:20px;display:flex}.dms-consult-note>svg{color:#168f58;width:25px}.dms-consult-note b{font-size:13px}.dms-consult-note p{color:#5E5E5E;font-size:11px;line-height:1.5}.dms-contact-form{background:#f8fbff;border:1px solid #E3E3E3;border-radius:24px;gap:18px;padding:38px;display:grid;box-shadow:0 1px 2px rgba(60,64,67,.12),0 1px 3px 1px rgba(60,64,67,.06)}.dms-contact-form h2{margin:0;font-size:32px}.dms-contact-form label{color:#444746;gap:8px;font-size:12px;font-weight:500;display:grid}.dms-contact-form input,.dms-contact-form select,.dms-contact-form textarea{color:#1F1F1F;width:100%;font:inherit;background:#fff;border:1px solid #E3E3E3;border-radius:12px;padding:13px}.dms-contact-form .field-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.dms-contact-form .consent{grid-template-columns:none;align-items:flex-start;display:flex}.dms-contact-form .consent input{width:16px;margin-top:1px}.dms-contact-form .button{justify-self:start}.form-success{text-align:center;padding:50px 20px}.form-success svg{color:#168f58;width:55px;height:55px}.form-success h3{font-size:24px}.form-success p{color:var(--dms-muted)}.dms-footer{background:#f4f8fd;border-top:1px solid #dbe8f5}.dms-footer-grid{grid-template-columns:1.45fr .7fr .7fr 1fr;gap:50px;padding:60px 0 45px;display:grid}.dms-footer-grid img{width:180px;height:auto}.dms-footer-grid p{color:#61718c;font-size:12px;line-height:1.6}.dms-footer-grid>div{flex-direction:column;gap:10px;display:flex}.dms-footer-grid strong{color:#13213e;margin-bottom:5px;font-size:12px}.dms-footer-grid a{color:#52617b;font-size:12px}.dms-footer-grid a:hover{color:var(--dms-blue)}.dms-chat-launcher svg{width:16px}.dms-chat-panel .chat-body a{color:#263755;background:#fff;border:1px solid #dbe7f5;border-radius:8px;padding:10px 12px;font-size:12px;display:block}[dir=rtl] .dms-microsite-hero h1,[dir=rtl] .dms-microsite-hero p{text-align:center}[dir=rtl] .dms-architecture .arch-arrow{left:-13px;right:auto;transform:rotate(180deg)}[dir=rtl] .routing-visual>svg{transform:rotate(180deg)}[dir=rtl] .dms-cap-grid article>span,[dir=rtl] .dms-stage-grid article>span,[dir=rtl] .dms-governance-cards article>span{left:20px;right:auto}[dir=rtl] .dms-edition-grid article>span,[dir=rtl] .dms-pricing-grid .popular-label{left:18px;right:auto}@media (max-width:1180px){.dms-site-header nav{gap:15px}.dms-back-link{display:none}.dms-cap-grid,.dms-edition-grid,.dms-pricing-grid,.dms-governance-cards{grid-template-columns:repeat(2,1fr)}.dms-pricing-grid{margin-top:40px}.dms-use-cases>div:last-child{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.dms-site-header{height:72px}.dms-header-inner{padding:0 18px}.dms-brand img{width:165px}.dms-site-header nav{background:#fff;padding:20px;display:none;position:absolute;top:72px;left:0;right:0;box-shadow:0 1px 2px rgba(60,64,67,.12),0 1px 3px 1px rgba(60,64,67,.06)}.dms-site-header nav.open{display:grid}.dms-site-header nav a{border:0;padding:10px}.dms-site-header .menu-button{display:block}.dms-header-actions>.button{display:none}.dms-microsite-hero{padding:85px 0 65px}.dms-microsite-hero h1{font-size:55px}.dms-trust-strip{grid-template-columns:1fr}.dms-lifecycle-strip{grid-template-columns:repeat(3,1fr);gap:25px}.dms-lifecycle-strip:before{display:none}.dms-split-showcase,.dms-split-showcase.reverse,.dms-evidence-grid,.dms-signature-section,.dms-routing-section,.dms-contact-grid{grid-template-columns:1fr}.dms-split-showcase.reverse>div:first-child{order:2}.dms-architecture{grid-template-columns:repeat(2,1fr)}.dms-architecture>div:nth-child(2){border-inline-end:0}.dms-architecture .arch-arrow{display:none}.dms-stage-grid{grid-template-columns:repeat(2,1fr)}.dms-price-notes .shell{grid-template-columns:1fr}.dms-footer-grid{grid-template-columns:1fr 1fr}.signature-cards,.dms-proof-stats,.dms-commercial-details>div:last-child{grid-template-columns:1fr}}@media (max-width:620px){.dms-header-actions .language{display:none}.dms-microsite-hero h1{font-size:42px}.dms-microsite-hero p{font-size:17px}.dms-hero-product{margin-top:0}.dms-trust-strip span{justify-content:flex-start}.dms-lifecycle-strip{grid-template-columns:repeat(2,1fr);margin-bottom:65px}.dms-cap-grid,.dms-edition-grid,.dms-pricing-grid,.dms-governance-cards,.dms-stage-grid,.dms-use-cases>div:last-child{grid-template-columns:1fr}.dms-split-showcase,.dms-pale-section,.dms-editions,.dms-use-cases,.dms-comparison{padding:68px 0}.dms-ui-mock{padding:14px}.mock-kpis{grid-template-columns:repeat(2,1fr)}.dms-architecture{grid-template-columns:1fr}.dms-architecture>div{border:0;border-bottom:1px solid #E3E3E3}.routing-visual{grid-template-columns:1fr;gap:18px}.routing-visual>svg,[dir=rtl] .routing-visual>svg{transform:rotate(90deg)}.dms-pricing-grid{padding-bottom:50px}.dms-contact-form{padding:25px}.dms-contact-form .field-row,.dms-footer-grid{grid-template-columns:1fr}.library-row{grid-template-columns:40px 1fr}.library-row>em,.library-row>strong{display:none}.retention-grid,.dms-proof-stats{grid-template-columns:1fr}.dms-product-frame .browser-chrome span{font-size:9px}}@media (max-width:1050px){.foundation-cards{grid-template-columns:repeat(2,1fr)}.foundation-band{grid-template-columns:1fr}.tenant-message{padding-inline-end:0;border-inline-end:0;border-bottom:1px solid #E3E3E3;padding-bottom:26px}.suite-builder-grid,.dms-feature-grid,.custom-apps-grid{grid-template-columns:1fr}.suite-builder aside{position:static}.custom-apps-copy>p{max-width:none}.custom-app-visual{width:100%;max-width:760px;margin:auto}.dms-product-stage{margin-top:12px}.pricing-recommender,.pricing-apps-grid,.pricing-dms-grid,.pricing-common .shell,.pricing-cost-clarity .shell{grid-template-columns:1fr}.pricing-apps aside{position:static}.pricing-apps aside h2{max-width:650px}.pricing-dms-copy{max-width:800px}.pricing-dms-screen{max-width:900px;margin:auto}.pricing-hero-proof{grid-template-columns:1fr 1fr}.pricing-hero-proof span:nth-child(2){border-inline-end:0}.pricing-hero-proof span{border-bottom:1px solid #E3E3E3;padding-block:15px}.pricing-hero-proof span:nth-last-child(-n+2){border-bottom:0}.dms-attach-callout .shell{grid-template-columns:1fr}.dms-attach-callout .button{justify-self:start}.extended-pack-cards{grid-template-columns:1fr 1fr}.extended-pack-cards article:last-child{grid-column:1/-1;min-height:0}}@media (max-width:820px){.role-experience-grid{grid-template-columns:1fr}.role-proof-list{grid-template-columns:1fr 1fr}.role-screen{grid-row:2}.role-screen .skin-crop{height:420px}.microsoft-stack{grid-template-columns:repeat(5,minmax(90px,1fr));padding-bottom:10px;overflow-x:auto}.foundation-band{padding:28px 22px}.function-grid{grid-template-columns:1fr}.function-grid>aside{display:block}.function-grid>article{min-height:0}.function-grid>aside .button{display:inline-flex}.custom-proof-grid{grid-template-columns:1fr}.custom-hub{min-height:520px}.custom-node{width:145px}.node-0,.node-2{left:calc(50% - 72px)}.hub-center{inset:36% 25%}.pricing-jump .shell{justify-content:flex-start}.recommender-controls fieldset>div{grid-template-columns:1fr 1fr}.pricing-app-list,.extended-pack-cards,.custom-examples,.pricing-cost-clarity .shell>div:last-child{grid-template-columns:1fr}.extended-pack-cards article:last-child{grid-column:auto}.custom-price-grid{grid-template-columns:1fr}.implementation-grid-v2{grid-template-columns:1fr 1fr}.implementation-grid-v2 article:nth-child(n+3){margin-top:20px}.pricing-common-grid{grid-template-columns:1fr}}@media (max-width:600px){.role-experience-section,.microsoft-foundation,.dms-feature,.function-solutions,.custom-apps-section{padding:76px 0}.skin-tabs.light,.role-proof-list{grid-template-columns:1fr}.role-screen .skin-crop{height:330px}.foundation-cards{grid-template-columns:1fr}.foundation-cards article{min-height:0}.tenant-message>div{display:grid}.microsoft-stack{grid-template-columns:repeat(5,110px)}.suite-builder .catalog-grid{grid-template-columns:1fr}.suite-actions,.dms-feature .hero-actions,.custom-apps-copy .hero-actions{flex-direction:column}.suite-actions .button,.dms-feature .hero-actions .button,.custom-apps-copy .hero-actions .button{width:100%}.custom-hub{background:0 0;min-height:680px}.custom-hub:before,.custom-hub:after{display:none}.hub-center{height:130px;inset:0 0 auto}.custom-node{width:calc(50% - 7px);min-height:150px;position:absolute}.node-0{top:155px;left:0}.node-1{top:155px;left:auto;right:0}.node-2{top:325px;bottom:auto;left:0}.node-3{top:325px;right:0}.custom-trust{margin-top:-155px}.pricing-hero-v2{padding:76px 0 58px}.pricing-hero-v2 h1{font-size:47px}.pricing-hero-v2>div>p{font-size:17px}.pricing-hero-proof{grid-template-columns:1fr}.pricing-hero-proof span{border-inline-end:0;border-bottom:1px solid #E3E3E3!important}.pricing-hero-proof span:last-child{border-bottom:0!important}.pricing-jump{top:72px}.pricing-recommender{gap:30px;padding:72px 0}.recommender-controls{padding:22px 16px}.recommender-controls fieldset>div,.recommendation-result{grid-template-columns:1fr}.recommendation-result a{grid-area:auto/1;margin-top:12px}.pricing-grid-v2{grid-template-columns:1fr}.pricing-plans-v2,.feature-matrix-v2,.pricing-apps,.pricing-dms,.pricing-custom-apps,.pricing-implementation,.pricing-faq{padding:78px 0}.feature-groups summary{grid-template-columns:auto 1fr}.feature-groups summary em{grid-column:2}.feature-groups summary:after{grid-area:1/3/3}.matrix-legend{flex-wrap:wrap;justify-content:flex-start}.pricing-app-list{grid-template-columns:1fr}.pricing-app-list article{grid-template-columns:auto 1fr}.pricing-dms-copy .hero-actions{flex-direction:column}.pricing-dms-copy .hero-actions .button{width:100%}.custom-price-grid>article{padding:27px}.implementation-grid-v2{grid-template-columns:1fr}.implementation-grid-v2 article{border-top:0;border-left:2px solid #E3E3E3;min-height:0}.implementation-grid-v2 article:before{top:31px;left:-8px}.implementation-grid-v2 article:nth-child(n+2){margin-top:10px}.pricing-final-cta .hero-actions{flex-direction:column}.pricing-final-cta .button{width:100%}}.apps-hero-v2{text-align:center;background:radial-gradient(circle at 50% 0,#F0F4F9 0,#F8FAFD 30%,#0000 60%),linear-gradient(145deg,#fff,#F8FAFD);padding:108px 0 88px;position:relative;overflow:hidden}.apps-hero-v2:before,.apps-hero-v2:after{content:"";opacity:.7;border:1px solid #E3E3E3;border-radius:50%;position:absolute}.apps-hero-v2:before{width:520px;height:520px;top:-330px;left:-160px;box-shadow:0 1px 2px rgba(60,64,67,.12),0 1px 3px 1px rgba(60,64,67,.06)}.apps-hero-v2:after{width:420px;height:420px;bottom:-280px;right:-170px;box-shadow:0 1px 2px rgba(60,64,67,.12),0 1px 3px 1px rgba(60,64,67,.06)}.apps-hero-v2 .shell{z-index:1;position:relative}.apps-hero-v2 h1{letter-spacing:-.055em;max-width:1020px;margin:18px auto;font-size:clamp(50px,5.2vw,78px);line-height:1}.apps-hero-v2>div>p{color:#444746;max-width:860px;margin:0 auto 31px;font-size:20px;line-height:1.65}.apps-hero-v2 .hero-actions{justify-content:center}.apps-hero-proof{background:#ffffffd1;border:1px solid #E3E3E3;border-radius:24px;grid-template-columns:repeat(4,1fr);gap:0;max-width:990px;margin:48px auto 0;padding:20px 25px;display:grid;box-shadow:0 1px 2px rgba(60,64,67,.12),0 1px 3px 1px rgba(60,64,67,.06)}.apps-hero-proof span{color:#444746;justify-content:center;align-items:center;gap:9px;min-height:38px;padding:0 18px;font-size:13px;font-weight:500;display:flex}.apps-hero-proof span+span{border-inline-start:1px solid #E3E3E3}.apps-hero-proof svg{width:21px;color:var(--blue)}.featured-products-v2{background:#fff;padding:112px 0}.featured-product-grid{grid-template-columns:1fr 1fr;gap:22px;display:grid}.featured-product-card{background:linear-gradient(145deg,#fff,#F8FAFD);border:1px solid #E3E3E3;border-radius:24px;flex-direction:column;min-height:530px;padding:42px;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 2px rgba(60,64,67,.12),0 1px 3px 1px rgba(60,64,67,.06)}.featured-product-card:after{content:"";inset-inline-end:-130px;border:1px solid #E3E3E3;border-radius:50%;width:260px;height:260px;position:absolute;top:-130px;box-shadow:0 1px 2px rgba(60,64,67,.12),0 1px 3px 1px rgba(60,64,67,.06)}.featured-product-card.recruitment{background:linear-gradient(145deg,#fff 10%,#F8FAFD);border-color:#E3E3E3}.featured-card-top,.app-card-head{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.catalogue-icon{width:68px;height:68px;color:var(--blue);background:#F0F4F9;border-radius:24px;flex:0 0 68px;place-items:center;display:grid}.catalogue-icon svg{stroke-width:1.7px;width:36px;height:36px}.featured-product-card.recruitment .catalogue-icon{color:#8b2d78;background:#F8FAFD}.product-type-label{color:#0B57D0;letter-spacing:.1em;text-transform:uppercase;margin-top:26px;font-size:11px;font-weight:500}.featured-product-card h2{letter-spacing:-.04em;margin:12px 0;font-size:38px}.featured-product-card>p{color:#5E5E5E;min-height:58px;margin:0;font-size:17px;line-height:1.65}.featured-product-card ul,.app-catalogue-card ul,.catalogue-custom-section ul{gap:10px;padding:0;list-style:none;display:grid}.featured-product-card li,.app-catalogue-card li,.catalogue-custom-section li{color:#444746;grid-template-columns:21px minmax(0,1fr);align-items:start;gap:9px;line-height:1.5;display:grid}.featured-product-card li svg,.app-catalogue-card li svg,.catalogue-custom-section li svg{color:#0B57D0;width:18px;height:18px;margin-top:2px}.status-badge{letter-spacing:.035em;text-transform:uppercase;border-radius:24px;align-items:center;min-height:27px;padding:6px 10px;font-size:10px;font-weight:500;display:inline-flex}.status-badge.available{color:#087148;background:#F0F4F9}.status-badge.integration{color:#8a5a05;background:#F0F4F9}.status-badge.early{color:#0B57D0;background:#F0F4F9}.status-badge.roadmap{color:#444746;background:#F0F4F9}.market-chip-row{flex-wrap:wrap;gap:7px;margin-top:auto;padding-top:18px;display:flex}.market-chip-row span{color:#444746;background:#F8FAFD;border:1px solid #E3E3E3;border-radius:24px;padding:6px 9px;font-size:10px;font-weight:500}.card-link{color:var(--blue);align-items:center;gap:8px;margin-top:22px;font-size:14px;font-weight:500;display:inline-flex}.card-link svg{width:18px;transition:transform .2s}.card-link:hover svg{transform:translate(4px)}[dir=rtl] .card-link svg{transform:rotate(180deg)}[dir=rtl] .card-link:hover svg{transform:rotate(180deg)translate(4px)}.app-finder-v2{background:#F8FAFD;padding:115px 0}.finder-heading{max-width:940px;margin-bottom:42px}.finder-heading h2{letter-spacing:-.05em;margin:13px 0 14px;font-size:clamp(40px,4vw,61px);line-height:1.02}.finder-heading p{max-width:780px;color:var(--muted);font-size:17px;line-height:1.7}.category-navigator{grid-template-columns:repeat(4,1fr);gap:13px;display:grid}.category-navigator button{--cat:#075cf5;text-align:start;min-height:210px;color:var(--navy);cursor:pointer;background:#fff;border:1px solid #E3E3E3;border-radius:24px;flex-direction:column;align-items:flex-start;padding:24px;transition:all .2s;display:flex;box-shadow:0 1px 2px rgba(60,64,67,.12),0 1px 3px 1px rgba(60,64,67,.06)}.category-navigator button:hover,.category-navigator button.active{border-color:var(--cat);transform:translateY(-3px);box-shadow:0 1px 3px rgba(60,64,67,.3),0 4px 8px 3px rgba(60,64,67,.15)}.category-navigator button.active{box-shadow:inset 0 0 0 1px var(--cat),0 15px 35px #1143751a;background:linear-gradient(145deg,#fff,#F8FAFD)}.category-navigator button.plum{--cat:#8c2d78}.category-navigator button.green{--cat:#147657}.category-navigator button.navy{--cat:#102f68}.category-navigator button.cyan{--cat:#078dbd}.category-navigator button.violet{--cat:#684fc2}.category-navigator button.rose{--cat:#bd3d73}.category-navigator .category-icon{width:48px;height:48px;color:var(--cat);background:var(--cat);border-radius:12px;place-items:center;margin-bottom:19px;display:grid}@supports (color:color-mix(in lab, red, red)){.category-navigator .category-icon{background:color-mix(in srgb,var(--cat) 9%,white)}}.category-navigator .category-icon svg{width:26px;height:26px}.category-navigator b{min-height:42px;font-size:16px;line-height:1.3}.category-navigator small{color:#5E5E5E;margin-top:8px;font-size:11px;line-height:1.5}.category-navigator em{color:var(--cat);margin-top:auto;padding-top:15px;font-size:10px;font-style:normal;font-weight:500}.catalogue-filter-panel{z-index:15;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff0;border:1px solid #E3E3E3;border-radius:24px;grid-template-columns:minmax(260px,1.4fr) repeat(3,minmax(150px,.65fr)) auto;align-items:end;gap:12px;margin:32px 0 34px;padding:18px;display:grid;position:sticky;top:104px;box-shadow:0 1px 2px rgba(60,64,67,.12),0 1px 3px 1px rgba(60,64,67,.06)}.catalogue-filter-panel label{gap:7px;display:grid}.catalogue-filter-panel label>span{color:#5E5E5E;text-transform:uppercase;letter-spacing:.06em;font-size:10px;font-weight:500}.catalogue-filter-panel input,.catalogue-filter-panel select{width:100%;height:48px;color:var(--navy);font:inherit;background:#fff;border:1px solid #E3E3E3;border-radius:12px;outline:none;padding:0 13px;font-size:13px}.catalogue-filter-panel input:focus,.catalogue-filter-panel select:focus{border-color:var(--blue);box-shadow:0 1px 2px rgba(60,64,67,.12),0 1px 3px 1px rgba(60,64,67,.06)}.catalogue-search{position:relative}.catalogue-search svg{inset-inline-start:14px;color:#5E5E5E;width:20px;position:absolute;bottom:14px}.catalogue-search input{padding-inline-start:44px}.clear-filters{color:#444746;cursor:pointer;background:#fff;border:1px solid #E3E3E3;border-radius:12px;align-items:center;gap:7px;height:48px;padding:0 16px;font-weight:500;display:flex}.clear-filters svg{width:18px}.catalogue-results-heading{justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:20px;display:flex}.catalogue-results-heading>div{align-items:center;gap:13px;display:flex}.catalogue-results-heading>div>span{color:#444746;background:var(--blue);border-radius:50%;place-items:center;width:48px;height:48px;font-weight:500;display:grid}.catalogue-results-heading h3{margin:0 0 3px;font-size:24px}.catalogue-results-heading p{color:var(--muted);margin:0;font-size:12px}.catalogue-results-heading>small{color:#5E5E5E;text-align:end;max-width:440px;font-size:10px;line-height:1.5}.app-catalogue-grid-v2{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.app-catalogue-card{background:#fff;border:1px solid #E3E3E3;border-radius:24px;flex-direction:column;min-height:460px;padding:28px;transition:all .2s;display:flex;box-shadow:0 1px 2px rgba(60,64,67,.12),0 1px 3px 1px rgba(60,64,67,.06)}.app-catalogue-card:hover{border-color:#0B57D0;transform:translateY(-4px);box-shadow:0 1px 3px rgba(60,64,67,.3),0 4px 8px 3px rgba(60,64,67,.15)}.app-catalogue-card.featured{border:2px solid var(--blue);background:linear-gradient(145deg,#fff,#F8FAFD)}.app-catalogue-card .catalogue-icon{border-radius:24px;flex-basis:54px;width:54px;height:54px}.app-catalogue-card .catalogue-icon svg{width:29px;height:29px}.app-catalogue-card .product-type-label{margin-top:20px}.app-catalogue-card h3{letter-spacing:-.025em;min-height:58px;margin:9px 0 8px;font-size:23px;line-height:1.2}.app-catalogue-card>p{color:#5E5E5E;min-height:70px;margin:0;font-size:13px;line-height:1.6}.app-catalogue-card ul{gap:7px;margin:18px 0 0}.app-catalogue-card li{font-size:11px}.app-catalogue-card li svg{width:15px;height:15px}.app-catalogue-card .card-link{margin-top:18px}.catalogue-empty{text-align:center;background:#fff;border:1px dashed #E3E3E3;border-radius:24px;padding:75px 30px}.catalogue-empty>svg{color:#0B57D0;width:46px;height:46px}.catalogue-empty h3{font-size:27px}.catalogue-empty p{color:var(--muted)}.market-packs-section{background:#fff;padding:110px 0}.market-pack-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.market-pack-grid button{text-align:start;min-height:330px;color:var(--navy);cursor:pointer;background:linear-gradient(145deg,#fff,#F8FAFD);border:1px solid #E3E3E3;border-radius:24px;flex-direction:column;align-items:flex-start;padding:31px;transition:all .2s;display:flex}.market-pack-grid button:hover{border-color:#0B57D0;transform:translateY(-4px);box-shadow:0 1px 3px rgba(60,64,67,.3),0 4px 8px 3px rgba(60,64,67,.15)}.market-pack-grid button>svg{width:43px;height:43px;color:var(--blue);stroke-width:1.6px;margin-bottom:25px}.market-pack-grid h3{margin:0 0 12px;font-size:23px}.market-pack-grid p{color:var(--muted);margin:0;font-size:13px;line-height:1.65}.market-pack-grid span{color:var(--blue);align-items:center;gap:7px;margin-top:auto;padding-top:22px;font-size:12px;font-weight:500;display:flex}.market-pack-grid span svg{width:17px}.solution-suites-section{background:#F8FAFD;padding:112px 0}.solution-suite-grid{grid-template-columns:repeat(3,1fr);gap:17px;display:grid}.solution-suite-grid article{background:#fff;border:1px solid #E3E3E3;border-radius:24px;flex-direction:column;min-height:425px;padding:31px;display:flex;box-shadow:0 1px 2px rgba(60,64,67,.12),0 1px 3px 1px rgba(60,64,67,.06)}.solution-suite-grid h3{letter-spacing:-.025em;margin:23px 0 10px;font-size:25px}.solution-suite-grid p{min-height:68px;color:var(--muted);margin:0;font-size:13px;line-height:1.65}.solution-suite-grid article>div{flex-wrap:wrap;gap:7px;margin-top:19px;display:flex}.solution-suite-grid article>div span{color:#444746;background:#F8FAFD;border:1px solid #E3E3E3;border-radius:12px;padding:7px 9px;font-size:10px;font-weight:500}.solution-suite-grid .card-link{margin-top:auto;padding-top:24px}.catalogue-custom-section{color:#1F1F1F;background:radial-gradient(circle at 88% 15%,#F8FAFD,#0000 34%),#F8FAFD;padding:115px 0}.catalogue-custom-grid{grid-template-columns:.9fr 1.1fr;align-items:center;gap:54px;display:grid}.catalogue-custom-section h2{letter-spacing:-.05em;margin:14px 0 17px;font-size:clamp(42px,4.1vw,62px);line-height:1.02}.catalogue-custom-section>div>div:first-child>p{color:#444746;font-size:16px;line-height:1.7}.catalogue-custom-section ul{margin:27px 0}.catalogue-custom-section li{color:#444746}.catalogue-custom-section li svg{color:#444746}.catalogue-custom-section .button-secondary{color:#fff;background:#FFFFFF;border-color:#0B57D0}.custom-example-cards{grid-template-columns:1fr 1fr;gap:14px;display:grid}.custom-example-cards article{background:#FFFFFF;border:1px solid #E3E3E3;border-radius:24px;min-height:230px;padding:28px;box-shadow:inset 0 1px #ffffff14}.custom-example-cards article>svg{color:#444746;width:34px;height:34px;margin-bottom:25px}.custom-example-cards article>span{color:#444746;letter-spacing:.08em;font-size:9px;font-weight:500;display:block}.custom-example-cards h3{margin:11px 0 9px;font-size:21px}.custom-example-cards p{color:#444746;margin:0;font-size:12px;line-height:1.6}.roadmap-callout{background:linear-gradient(120deg,#F8FAFD,#fff);border-bottom:1px solid #E3E3E3;padding:80px 0}.roadmap-callout .shell{justify-content:space-between;align-items:center;gap:50px;display:flex}.roadmap-callout h2{letter-spacing:-.04em;margin:10px 0;font-size:40px}.roadmap-callout p{max-width:780px;color:var(--muted);margin:0;line-height:1.65}.roadmap-actions{flex:none;gap:10px;display:flex}[dir=rtl] .apps-hero-v2 h1,[dir=rtl] .finder-heading h2,[dir=rtl] .catalogue-custom-section h2{letter-spacing:0}[dir=rtl] .product-type-label,[dir=rtl] .status-badge,[dir=rtl] .catalogue-filter-panel label>span{letter-spacing:0;text-transform:none}[dir=rtl] .catalogue-results-heading>small{text-align:start}@media (max-width:1150px){.category-navigator{grid-template-columns:repeat(3,1fr)}.catalogue-filter-panel{grid-template-columns:1.2fr 1fr 1fr}.catalogue-filter-panel label:nth-of-type(4),.catalogue-filter-panel .clear-filters{grid-row:2}.app-catalogue-grid-v2,.market-pack-grid,.solution-suite-grid{grid-template-columns:1fr 1fr}.catalogue-custom-grid{grid-template-columns:1fr}.custom-example-cards{max-width:850px}}@media (max-width:820px){.apps-hero-proof{grid-template-columns:1fr 1fr}.apps-hero-proof span:nth-child(3){border-inline-start:0}.apps-hero-proof span:nth-child(n+3){border-top:1px solid #E3E3E3;margin-top:12px;padding-top:12px}.featured-product-grid{grid-template-columns:1fr}.category-navigator{grid-template-columns:1fr 1fr}.catalogue-filter-panel{grid-template-columns:1fr 1fr;position:static}.catalogue-search{grid-column:1/-1}.catalogue-filter-panel label:nth-of-type(4),.catalogue-filter-panel .clear-filters{grid-row:auto}.catalogue-results-heading{flex-direction:column;align-items:flex-start}.catalogue-results-heading>small{text-align:start}.roadmap-callout .shell{flex-direction:column;align-items:flex-start}.roadmap-actions{width:100%}}@media (max-width:600px){.apps-hero-v2{padding:76px 0 64px}.apps-hero-v2 h1{font-size:44px}.apps-hero-v2>div>p{font-size:16px}.apps-hero-proof{grid-template-columns:1fr}.apps-hero-proof span+span{border-inline-start:0;border-top:1px solid #E3E3E3;margin-top:10px;padding-top:10px}.featured-products-v2,.app-finder-v2,.market-packs-section,.solution-suites-section,.catalogue-custom-section{padding:76px 0}.featured-product-card{min-height:0;padding:28px}.featured-product-card h2{font-size:31px}.category-navigator{grid-template-columns:1fr}.category-navigator button{min-height:185px}.catalogue-filter-panel{grid-template-columns:1fr}.catalogue-search{grid-column:auto}.catalogue-filter-panel .clear-filters{justify-content:center}.app-catalogue-grid-v2,.market-pack-grid,.solution-suite-grid,.custom-example-cards{grid-template-columns:1fr}.app-catalogue-card{min-height:0}.roadmap-actions{flex-direction:column}.roadmap-actions .button{width:100%}.catalogue-custom-section .hero-actions{flex-direction:column}.catalogue-custom-section .hero-actions .button{width:100%}}

.dms-value-anchor{padding:clamp(86px,9vw,142px) 0 58px;background:radial-gradient(720px 440px at 82% 22%,rgba(11,87,208,0.080),transparent 64%),linear-gradient(180deg,#F8FAFD,#F8FAFD);overflow:hidden}.dms-value-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(38px,6vw,88px);align-items:center}.dms-value-copy h1{font-size:clamp(42px,5.7vw,78px);line-height:.98;letter-spacing:-.055em;max-width:820px;margin:.22em 0}.dms-value-copy>p{font-size:clamp(18px,1.6vw,22px);line-height:1.55;color:#5E5E5E;max-width:780px}.dms-value-proofs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:30px}.dms-value-proofs article{padding:18px 17px;border:1px solid #E3E3E3;border-radius:24px;background:rgba(255,255,255,.88);box-shadow:0 1px 2px rgba(60,64,67,.12),0 1px 3px 1px rgba(60,64,67,.06)}.dms-value-proofs b{display:block;color:#0B57D0;font-size:12px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}.dms-value-proofs span{display:block;color:#5E5E5E;font-size:13px;line-height:1.4}.dms-platform-map{position:relative;min-height:470px;display:grid;place-items:center}.dms-platform-map:before,.dms-platform-map:after{content:"";position:absolute;border:1px solid #E3E3E3;border-radius:50%;inset:7%}.dms-platform-map:after{inset:21%;border-style:dashed}.dms-platform-map strong{z-index:2;display:grid;place-items:center;width:190px;height:190px;border-radius:44px;background:linear-gradient(145deg,#0B57D0,#0B57D0);color:#fff;font-size:23px;box-shadow:0 1px 2px rgba(60,64,67,.12),0 1px 3px 1px rgba(60,64,67,.06)}.dms-platform-map i{position:absolute;z-index:3;min-width:132px;padding:13px 15px;border:1px solid #E3E3E3;border-radius:24px;background:#fff;box-shadow:0 1px 2px rgba(60,64,67,.12),0 1px 3px 1px rgba(60,64,67,.06);font-style:normal;font-weight:500;text-align:center}.dms-platform-map i:nth-child(1){top:0;left:34%}.dms-platform-map i:nth-child(2){top:27%;right:0}.dms-platform-map i:nth-child(4){bottom:4%;right:10%}.dms-platform-map i:nth-child(5){top:27%;left:0}.dms-platform-map i:nth-child(6){bottom:4%;left:8%}.dms-value-foot{padding-top:24px;color:#5E5E5E;font-weight:500}.dms-tco-anchor{padding:88px 0;background:#F8FAFD;color:#1F1F1F}.dms-tco-anchor h2{max-width:900px;font-size:clamp(38px,4.6vw,66px);line-height:1.02;letter-spacing:-.045em;margin:.24em 0}.dms-tco-anchor .section-kicker{color:#444746}.dms-tco-lead{max-width:890px;color:#444746;font-size:19px;line-height:1.55}.dms-tco-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:36px}.dms-tco-card{position:relative;padding:28px 25px 26px;border:1px solid #E3E3E3;border-radius:24px;background:#FFFFFF;overflow:hidden}.dms-tco-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--tone)}.dms-tco-card>span{display:block;color:var(--tone);font-size:11px;font-weight:500;letter-spacing:.12em;margin-bottom:12px}.dms-tco-card h3{font-size:25px;margin-bottom:14px}.dms-tco-card li{list-style:none;position:relative;padding-left:19px;margin-top:10px;color:#444746;line-height:1.4}.dms-tco-card li:before{content:"✓";position:absolute;left:0;color:var(--tone);font-weight:500}.dms-tco-0{--tone:#35d0c2}.dms-tco-1{--tone:#5cc8ff;border-color:#0B57D0}.dms-tco-2{--tone:#f06a98}.dms-tco-decision{display:flex;justify-content:space-between;gap:24px;margin-top:22px;padding:18px 21px;border:1px solid #E3E3E3;border-radius:24px;background:linear-gradient(90deg,rgba(11,87,208,0.080),rgba(11,87,208,0.070))}.dms-tco-decision b{font-size:16px}.dms-tco-decision span{color:#444746;text-align:right;font-size:13px}@media(max-width:900px){.dms-value-grid{grid-template-columns:1fr}.dms-platform-map{min-height:360px}.dms-tco-grid{grid-template-columns:1fr}.dms-value-proofs{grid-template-columns:1fr 1fr 1fr}}@media(max-width:640px){.dms-value-anchor{padding-top:66px}.dms-value-proofs{grid-template-columns:1fr}.dms-platform-map{display:none}.dms-tco-decision{flex-direction:column}.dms-tco-decision span{text-align:left}}

/* ===== Google look layer (appended after the transformed site CSS) ===== */
:root{
  color-scheme:light;
  --ink:#1F1F1F;--ink2:#444746;--ink3:#5E5E5E;--ink4:#747775;
  --g-blue:#0B57D0;--g-blue-h:#0842A0;--hl:#018CFC;--tonal:#D3E3FD;--on-tonal:#041E49;
  --g-line:#E3E3E3;--line2:#EEF0F2;--outline:#C4C7C5;
  --s1:#F8FAFD;--s2:#F0F4F9;--g-green:#146C2E;--green-t:#E6F4EA;--g-navy:#0E1726;
  --gs:"Google Sans","Segoe UI",system-ui,-apple-system,"Noto Sans Arabic",Tahoma,sans-serif;
  --gsf:"Google Sans Flex","Google Sans","Segoe UI",system-ui,"Noto Sans Arabic",Tahoma,sans-serif;
  --mr:"Manrope","Google Sans","Segoe UI",system-ui,sans-serif;
  --mono:"JetBrains Mono",ui-monospace,Consolas,monospace;
  --el1:0 1px 2px rgba(60,64,67,.12),0 1px 3px 1px rgba(60,64,67,.06);
  --el2:0 1px 3px rgba(60,64,67,.3),0 4px 8px 3px rgba(60,64,67,.15);
  --sec:clamp(56px,7.5vw,112px);
  --font-geist-sans:var(--gs);--font-geist-mono:var(--mono);
}

/* ---------- base ---------- */
html{scroll-padding-top:88px}
html,body{overflow-x:clip}
body{font-family:var(--gs)!important;font-size:16px;line-height:1.6;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
body *:not(code):not(kbd):not(pre){font-family:inherit}
:is(button,input,select,textarea){font-family:var(--gs)}
code,kbd,pre,samp{font-family:var(--mono)!important;font-size:.92em}
::selection{background:var(--tonal);color:var(--on-tonal)}
:focus-visible{outline:2px solid var(--g-blue)!important;outline-offset:2px;border-radius:8px}
a{transition:color .15s}
main p{line-height:1.65;letter-spacing:0}
main li{line-height:1.55}

/* ---------- headings ---------- */
main :is(h1,h2,h3,h4,h5,h6){font-family:var(--gsf)!important;color:var(--ink);text-wrap:balance;font-variation-settings:"opsz" 48}
main h1{font-size:clamp(36px,4.6vw,56px)!important;line-height:1.08!important;letter-spacing:-.03em!important;font-weight:400!important}
main h1 :is(span,strong,b,em){font-weight:400!important}
main h1 .accent,main h1 .hl{color:var(--hl)}
main h2{font-size:clamp(30px,3.6vw,48px)!important;line-height:1.12!important;letter-spacing:-.025em!important;font-weight:400!important}
main h2 :is(span,strong,b){font-weight:400!important}
main h3{font-size:clamp(18px,1.55vw,22px)!important;line-height:1.3!important;letter-spacing:-.01em!important;font-weight:450!important}
main h4{font-size:18px!important;line-height:1.35!important;letter-spacing:0!important;font-weight:450!important}
main :is(h3,h4) + p{margin-top:8px}
main strong,main b{font-weight:500}

/* lead paragraphs directly under heroes / section intros */
main :is(.hero-copy,.inner-hero,.section-heading,.foundation-heading,.dms-microsite-hero,.pricing-hero-v2,.apps-hero-v2,.final-cta,.dms-final-cta,.pricing-final-cta) > p,
main .lead{font-size:clamp(17px,1.4vw,20px)!important;line-height:1.6!important;color:var(--ink2)!important;font-weight:400}
main .section-heading > p,main .foundation-heading > p{max-width:68ch;margin-inline:auto}

/* ---------- labels / eyebrows / kickers ---------- */
:is(.eyebrow,.section-kicker,.pill,.plan-eyebrow,.product-type-label,.featured-label,.catalog-featured-label,.catalog-status-label,.popular-label,.recommended-label,.optional-label,.dms-product-stage>span){
  font-family:var(--mr)!important;font-weight:600!important;font-size:12px!important;line-height:1.4!important;letter-spacing:.16em!important;text-transform:uppercase}
:is(.eyebrow,.section-kicker){color:var(--g-blue)!important;display:inline-block}
.pill{background:var(--s2)!important;color:var(--g-blue)!important;border:0!important;border-radius:100px!important;padding:8px 14px!important;display:inline-flex;width:fit-content}
:is(.featured-label,.catalog-featured-label,.popular-label,.recommended-label){background:var(--tonal)!important;color:var(--on-tonal)!important;border-radius:100px!important;padding:4px 10px!important;font-size:11px!important;letter-spacing:.12em!important;border:0!important}
:is(.catalog-status-label,.optional-label,.status-badge){background:var(--s2)!important;color:var(--ink2)!important;border-radius:100px!important;padding:4px 10px!important;border:0!important;font-family:var(--mr)!important;font-weight:600!important;font-size:11px!important;letter-spacing:.1em!important}

/* ---------- buttons ---------- */
.button{min-height:48px;padding:0 24px!important;border-radius:100px!important;font:500 15px/1.2 var(--gs)!important;letter-spacing:.01em;gap:8px;text-decoration:none!important;transition:background-color .15s,box-shadow .15s,color .15s,border-color .15s!important;white-space:nowrap}
.button:hover{transform:none!important}
.button:active{transform:translateY(1px)!important}
.button svg{width:18px;height:18px;flex:none}
.button-primary{background:var(--g-blue)!important;color:#fff!important;border:1px solid var(--g-blue)!important;box-shadow:none!important}
.button-primary:hover{background:var(--g-blue-h)!important;border-color:var(--g-blue-h)!important;box-shadow:var(--el1)!important}
.button-secondary{background:#fff!important;color:var(--g-blue)!important;border:1px solid var(--outline)!important;box-shadow:none!important}
.button-secondary:hover{background:#F2F5FA!important;border-color:var(--g-blue)!important}
:is(.hero-actions,.suite-actions,.roadmap-actions){display:flex;flex-wrap:wrap;gap:12px!important}
:is(.card-link,.text-link,.customer-link,.dms-back-link,.function-solutions article>a){color:var(--g-blue)!important;font-weight:500!important;display:inline-flex;align-items:center;gap:6px;min-height:40px}
:is(.card-link,.text-link,.customer-link,.function-solutions article>a):hover{text-decoration:underline;text-underline-offset:3px}

/* ---------- header ---------- */
:is(.site-header,.dms-site-header){background:rgba(255,255,255,.86)!important;-webkit-backdrop-filter:saturate(180%) blur(16px);backdrop-filter:saturate(180%) blur(16px);border-bottom:1px solid transparent!important;height:72px!important;transition:box-shadow .2s,border-color .2s}
:is(.site-header,.dms-site-header):has(~ main){box-shadow:0 1px 0 var(--g-line)}
.site-header{padding:0 max(48px,50vw - 640px)!important;grid-template-columns:auto 1fr auto!important;gap:24px!important}
.brand{height:56px!important;width:auto!important;overflow:visible!important}
.brand img{width:auto!important;height:52px!important;max-width:200px;object-fit:contain;border-radius:0}
.site-header nav{gap:4px!important;justify-content:center}
.site-header nav a,.dms-site-header nav a{font:500 15px/1 var(--gs)!important;color:var(--ink2)!important;padding:12px 16px!important;border-radius:100px!important;border-bottom:0!important;transition:background .15s,color .15s;letter-spacing:0}
.site-header nav a:hover,.dms-site-header nav a:hover{background:var(--s2)!important;color:var(--ink)!important}
.site-header nav a.active,.dms-site-header nav a.active,.site-header nav a[aria-current],.dms-site-header nav a[aria-current]{background:var(--tonal)!important;color:var(--on-tonal)!important}
.header-actions,.dms-header-actions{gap:8px!important;align-items:center}
.language{font:500 15px/1 var(--gs)!important;color:var(--ink2)!important;padding:12px 16px;border-radius:100px;min-height:44px;display:inline-flex;align-items:center}
.language:hover{background:var(--s2)}
.header-actions .button,.dms-header-actions .button{min-height:44px}
.menu-button{width:48px;height:48px;border-radius:100px!important;color:var(--ink2)!important;font-size:20px!important;align-items:center;justify-content:center}
.menu-button:hover{background:var(--s2)!important}
@media (max-width:1000px){.menu-button{display:inline-flex!important}}
/* mobile drop-down menu */
:is(.site-header,.dms-site-header) nav.open{top:76px!important;left:16px!important;right:16px!important;padding:8px!important;gap:2px!important;border-radius:24px!important;border:1px solid var(--g-line)!important;background:#fff!important;box-shadow:var(--el2)!important;animation:g-menu .18s ease-out}
:is(.site-header,.dms-site-header) nav.open a{padding:14px 16px!important;min-height:48px;display:flex;align-items:center;font-size:16px!important}
@keyframes g-menu{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}

/* ---------- layout rhythm ---------- */
.shell{width:min(1280px,100% - 96px)!important}
main > section,main section:is(.journey,.role-experience-section,.microsoft-foundation,.apps-preview,.dms-feature,.function-solutions,.final-cta,.dms-final-cta,.pricing-final-cta,.pricing-faq,.customer-stories,.logo-strip){padding-block:var(--sec)!important}
main > section.hero{padding-block:clamp(48px,6vw,96px)!important;min-height:0!important}
main > section.logo-strip{padding-block:clamp(40px,4vw,56px)!important}
:is(.section-heading,.foundation-heading){display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;margin-bottom:56px!important}
:is(.section-heading,.foundation-heading) :is(h2,p,span){margin:0!important}
main :is(h1,h2){margin-block:0}
main :is(.hero-copy,.role-experience-copy,.suite-builder-grid aside,.function-grid aside,.dms-copy,.inner-hero,.contact-copy){display:flex;flex-direction:column;align-items:flex-start;gap:20px}
main :is(.hero-copy,.role-experience-copy,.suite-builder-grid aside,.function-grid aside,.dms-copy,.contact-copy) > *{margin:0!important}
.hero::before{background:radial-gradient(circle at 78% 40%,#E8F0FE 0,rgba(232,240,254,.5) 28%,transparent 55%),linear-gradient(180deg,#fff 0,var(--s1) 100%)!important}

/* ---------- cards & surfaces ---------- */
:is(.app-tile,.catalog-card,.foundation-cards article,.function-solutions article,.app-catalogue-card,.featured-product-card,.dms-tco-card,.contact-form,.form-success,.category-navigator button,.resource-grid>*,.custom-example-cards>*,.signature-cards>*,.records-governance-cards>*,.dms-governance-cards>*,.extended-pack-cards>*,.dms-cap-grid>*,.dms-value-grid>*,.custom-proof-grid>*,.feature-grid>*,.implementation-grid-v2>*,.pricing-grid-v2>*,.dms-edition-grid>*,.market-pack-grid>*,.solution-suite-grid>*,.dms-evidence-grid>*,.dms-pricing-grid>*,.custom-price-grid>*,.pricing-apps-grid>*,.pricing-common-grid>*){
  border-radius:24px!important;border-color:var(--g-line)!important;box-shadow:none!important;transition:transform .2s,box-shadow .2s,border-color .2s!important}
:is(a.app-tile,a.catalog-card,.app-catalogue-card,.category-navigator button,.featured-product-card):hover{transform:translateY(-3px)!important;box-shadow:var(--el2)!important;border-color:transparent!important}
:is(.app-tile.featured,.catalog-card.feature-card,.pricing-grid-v2>.popular,.pricing-grid-v2>.recommended,.popular,.recommended){border:1.5px solid var(--g-blue)!important;background:#fff!important}
.foundation-cards article,.function-solutions article{padding:28px!important}
.app-tile small,.catalog-card p{color:var(--ink3)!important;font-size:14px!important;line-height:1.5!important}
.app-tile strong{font:450 17px/1.3 var(--gsf)!important;color:var(--ink)!important;margin-top:4px}
.catalog-card h3{font-size:18px!important}
/* app icons become tonal Google-style tiles */
.app-icon{border-radius:16px!important;box-shadow:none!important}
.category-navigator button.active{background:var(--s1)!important;border-color:var(--g-blue)!important}

/* chips / tabs */
.skin-tabs button,.market-chip-row span,.trust-row span,.audit-tags>*{border-radius:100px!important;font-family:var(--gs)!important;font-weight:500!important}
.skin-tabs button{min-height:44px;padding:0 18px!important;font-size:14px!important;background:#fff!important;color:var(--ink2)!important;border:1px solid var(--outline)!important;transition:background .15s,color .15s}
.skin-tabs button:hover{background:var(--s2)!important}
.skin-tabs button.active{background:var(--tonal)!important;color:var(--on-tonal)!important;border-color:var(--tonal)!important}
.market-chip-row span{font-size:12px!important;padding:6px 12px!important;background:var(--s2)!important;color:var(--ink2)!important;border:0!important}
.trust-row{gap:8px 20px!important;font:500 14px/1.4 var(--gs)!important;color:var(--ink2)!important;display:flex}
.trust-row span::before{color:var(--g-green)!important}

/* ---------- images ---------- */
main img:not(.brand img):not([src*="logo"]){border-radius:16px}
.browser-chrome{font-family:var(--mono)!important;font-size:12px!important;background:var(--s2)!important;color:var(--ink3)!important}
:is(.role-screen,.dms-screen,.dms-product-frame,.dms-page-screen,.dms-governance-screen,.pricing-dms-screen){border-radius:24px!important;overflow:hidden;border:1px solid var(--g-line)!important;box-shadow:var(--el2)!important}
:is(.role-screen,.dms-screen,.dms-product-frame,.dms-page-screen,.dms-governance-screen,.pricing-dms-screen) img{border-radius:0}

/* ---------- lists ---------- */
main ul li svg.lucide-circle-check,main ul li svg.lucide-check{color:var(--g-green)!important}
.role-proof-list>div,.dms-proof-list li{gap:12px!important;color:var(--ink2)!important;font-size:16px!important}
.role-proof-list svg,.dms-proof-list svg{color:var(--g-blue)!important}

/* ---------- forms ---------- */
main :is(input:not([type=checkbox]):not([type=radio]),select,textarea){
  min-height:52px;border:1px solid var(--outline)!important;border-radius:12px!important;background:#fff!important;color:var(--ink)!important;
  font:400 16px/1.4 var(--gs)!important;padding:14px 16px!important;box-shadow:none!important;transition:border-color .15s,box-shadow .15s;width:100%}
main textarea{min-height:128px;resize:vertical}
main select{appearance:none;-webkit-appearance:none;padding-inline-end:44px!important;cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23444746' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;background-position:right 14px center!important}
[dir=rtl] main select{background-position:left 14px center!important}
main :is(input,select,textarea):hover{border-color:var(--ink3)!important}
main :is(input,select,textarea):focus{outline:none!important;border-color:var(--g-blue)!important;box-shadow:0 0 0 1px var(--g-blue)!important}
main ::placeholder{color:var(--ink4)!important;opacity:1}
main input:is([type=checkbox],[type=radio]){accent-color:var(--g-blue);width:18px;height:18px}
:is(.contact-form,.dms-contact-form,.compact-form) label{font:500 14px/1.4 var(--gs)!important;color:var(--ink2)!important;gap:8px!important}
:is(.contact-form,.dms-contact-form){padding:clamp(24px,3vw,40px)!important;gap:20px!important}
:is(.contact-form,.dms-contact-form,.compact-form) button[type=submit],:is(.contact-form,.dms-contact-form) .button{width:100%;min-height:52px}
.form-microcopy,.consent{font-size:13px!important;color:var(--ink3)!important;line-height:1.5!important}
.field-row{gap:16px!important}

/* ---------- tables ---------- */
:is(.comparison-scroll,.feature-table-scroll){border:1px solid var(--g-line)!important;border-radius:24px!important;box-shadow:none!important;overflow-x:auto;-webkit-overflow-scrolling:touch}
:is(.comparison-scroll,.feature-table-scroll) table{border:0!important;border-radius:0!important;font-size:15px}
:is(.comparison-scroll,.feature-table-scroll) thead th{background:var(--s1)!important;color:var(--ink)!important;font:500 15px/1.35 var(--gs)!important;padding:20px 22px!important;border-color:var(--g-line)!important}
:is(.comparison-scroll,.feature-table-scroll) :is(td,tbody th){padding:18px 22px!important;border-color:var(--line2)!important;color:var(--ink2)!important;line-height:1.5}
:is(.comparison-scroll,.feature-table-scroll) tbody tr:hover :is(td,th){background:var(--s1)}

/* ---------- FAQ / details ---------- */
main details{border-bottom:1px solid var(--g-line)!important}
main details summary{cursor:pointer;list-style:none;font:450 18px/1.4 var(--gsf)!important;color:var(--ink)!important;padding:22px 4px!important;min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:16px}
main details summary::-webkit-details-marker{display:none}
main details summary::after{content:"";flex:none;width:24px;height:24px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23444746' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center/20px no-repeat;transition:transform .2s}
main details[open] summary::after{transform:rotate(180deg)}
main details summary:hover{color:var(--g-blue)!important}
main details > :not(summary){color:var(--ink2);padding:0 4px 22px;line-height:1.65}
.feature-groups details summary::after{display:none}
.feature-groups summary{display:grid!important}

/* ---------- final CTA (light) ---------- */
:is(.final-cta,.dms-final-cta,.pricing-final-cta){background:var(--s2)!important;color:var(--ink)!important;text-align:center}
:is(.final-cta,.dms-final-cta,.pricing-final-cta) :is(h2,p){color:var(--ink)!important;margin-inline:auto}
:is(.final-cta,.dms-final-cta,.pricing-final-cta) p{color:var(--ink2)!important;max-width:68ch}
:is(.final-cta,.dms-final-cta,.pricing-final-cta) .shell,:is(.final-cta,.dms-final-cta,.pricing-final-cta)>div{display:flex;flex-direction:column;align-items:center;gap:20px}
:is(.final-cta,.dms-final-cta,.pricing-final-cta) :is(h2,p,.section-kicker,.eyebrow){margin:0!important}

/* ---------- footer (navy) ---------- */
footer,.dms-footer{background:var(--g-navy)!important;color:#C4C7C5!important;padding:clamp(56px,6vw,80px) 0 28px!important;font-family:var(--gs)}
:is(footer,.dms-footer) :is(h2,h3,h4,strong){color:#fff!important;font:500 13px/1.4 var(--mr)!important;letter-spacing:.12em!important;text-transform:uppercase}
:is(footer,.dms-footer) a{color:#C4C7C5!important;font-size:15px;transition:color .15s}
:is(footer,.dms-footer) a:hover{color:#fff!important;text-decoration:underline;text-underline-offset:3px}
:is(footer,.dms-footer) p{color:#A8ABAE!important;line-height:1.6}
.footer-brand img{border-radius:12px!important}
.footer-bottom{border-top:1px solid rgba(255,255,255,.12)!important;color:#A8ABAE!important;font-size:14px}
.footer-badge{border-radius:100px!important;font-family:var(--gs)!important;font-weight:500!important}

/* ---------- chat launcher ---------- */
:is(.chat-launcher,.dms-chat-launcher){border-radius:100px!important;background:var(--g-blue)!important;color:#fff!important;font:500 15px/1 var(--gs)!important;min-height:48px;box-shadow:var(--el2)!important}
:is(.chat-launcher,.dms-chat-launcher):hover{background:var(--g-blue-h)!important}

/* ---------- prices / numbers ---------- */
:is(.price,.plan-price,.dms-price,.extended-pack-price){font-family:var(--gsf)!important;font-weight:400!important;letter-spacing:-.02em!important;color:var(--ink)!important}
.role-number,.journey-steps span{font-family:var(--gsf)!important;font-weight:450!important}

/* ---------- RTL (Arabic) ---------- */
[dir=rtl] main :is(h1,h2,h3,h4),[dir=rtl] :is(.eyebrow,.section-kicker){letter-spacing:0!important}
[dir=rtl] body,[dir=rtl]{line-height:1.75}

/* ---------- responsive ---------- */
@media (max-width:1100px){
  .shell{width:min(1280px,100% - 64px)!important}
  .site-header{padding:0 32px!important}
}
@media (max-width:640px){
  .shell{width:calc(100% - 32px)!important}
  .site-header{padding:0 16px!important;gap:8px!important}
  :is(.site-header,.dms-site-header){height:64px!important}
  .brand img{height:34px!important}
  .header-actions .button-primary{padding:0 16px!important;font-size:14px!important;min-height:40px}
  .language{padding:10px!important}
  main h1{letter-spacing:-.02em!important}
  :is(.section-heading,.foundation-heading){margin-bottom:40px!important}
  :is(.hero-actions,.suite-actions,.roadmap-actions){width:100%}
  :is(.hero-actions,.suite-actions,.roadmap-actions) .button{flex:1 1 100%;width:100%}
  :is(.foundation-cards article,.function-solutions article){padding:24px!important}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* chips never stretch inside flex/grid columns */
:is(.optional-label,.featured-label,.popular-label,.recommended-label,.catalog-status-label,.status-badge,.pill){width:fit-content!important;align-self:flex-start}
:is(.app-tile,.featured-product-card) :is(.featured-label,.popular-label){align-self:center}

/* ===== Home hero: owner mockup v2 (centred copy, one row of app tiles) ===== */
.hero:has(.app-cloud){display:flex!important;flex-direction:column;align-items:center;text-align:center;gap:clamp(40px,4vw,56px)!important}
.hero:has(.app-cloud)::before{background:
  radial-gradient(420px 420px at 0% 22%,#EEF3FB 0,#EEF3FB 50%,transparent 51%),
  radial-gradient(520px 520px at 104% 62%,#EEF3FB 0,#EEF3FB 50%,transparent 51%),
  linear-gradient(180deg,#fff 0,#F8FAFD 100%)!important}
.hero-copy{align-items:center!important;text-align:center;max-width:920px}
.hero-copy h1{max-width:15em!important;font-size:clamp(40px,5.2vw,68px)!important;line-height:1.05!important;margin-inline:auto!important}
.hero-copy h1 .hl{color:var(--g-blue)}
.hero-copy>p{max-width:34em!important;margin-inline:auto!important}
.hero-copy .hero-actions,.hero-copy .trust-row{justify-content:center}
.button-arrow::after{content:"";width:18px;height:18px;flex:none;background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform .15s}
.button-arrow:hover::after{transform:translateX(3px)}
[dir=rtl] .button-arrow::after{transform:scaleX(-1)}
[dir=rtl] .button-arrow:hover::after{transform:scaleX(-1) translateX(3px)}
.hero .app-cloud{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:16px!important;width:100%;margin:0!important}
.hero .app-tile{min-height:0!important;padding:24px 12px 22px!important;gap:6px;background:#fff!important;border:1px solid var(--g-line)!important;border-radius:20px!important;box-shadow:var(--el1)!important;text-decoration:none!important;align-items:center}
.hero .app-tile:hover{transform:translateY(-3px)!important;box-shadow:var(--el2)!important}
.hero .app-tile.featured{border:1px solid var(--g-line)!important}
.hero .featured-label{display:none!important}
.hero .app-icon{width:72px!important;height:72px!important;margin:0 0 12px!important;border-radius:18px!important;background:var(--s2) no-repeat center/44px!important}
.hero .app-icon svg{display:none!important}
.hero .app-icon-dms{background-image:url(/icons/dms.svg)!important}
.hero .app-icon-sd{background-image:url(/icons/sd.svg)!important}
.hero .app-icon-hr{background-image:url(/icons/hr.svg)!important}
.hero .app-icon-mh{background-image:url(/icons/mh.svg)!important}
.hero .app-icon-ex{background-image:url(/icons/ex.svg)!important}
.hero .app-icon-rc{background-image:url(/icons/rc.svg)!important}
.hero .app-tile strong{font:450 17px/1.3 var(--gsf)!important;color:var(--ink)!important;margin:0!important;white-space:nowrap}
.hero .app-tile small{font-size:13.5px!important;line-height:1.4!important;color:var(--ink3)!important;white-space:nowrap;margin:0!important}
@media (max-width:1180px){.hero .app-cloud{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media (max-width:640px){
  .hero .app-cloud{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  .hero .app-tile{padding:18px 8px!important}
  .hero .app-icon{width:60px!important;height:60px!important;background-size:36px!important;margin-bottom:8px!important}
  .hero .app-tile strong{font-size:15px!important}
  .hero .app-tile small{font-size:12px!important}
}

/* ===== v6: bigger cards, more gap, h1 500 ===== */
main h1,main h1 :is(span,strong,b,em){font-weight:500!important}
.hero .app-cloud{gap:24px!important}
.hero .app-tile{padding:32px 16px 30px!important;gap:8px;border-radius:24px!important}
.hero .app-icon{width:84px!important;height:84px!important;background-size:52px!important;margin-bottom:16px!important;border-radius:22px!important}
.hero .app-tile strong{font-size:19px!important}
.hero .app-tile small{font-size:14.5px!important}
@media (max-width:640px){
  .hero .app-cloud{gap:14px!important}
  .hero .app-tile{padding:22px 8px!important}
  .hero .app-icon{width:64px!important;height:64px!important;background-size:40px!important}
  .hero .app-tile strong{font-size:15.5px!important}
  .hero .app-tile small{font-size:11.5px!important}
}

/* ===== v7: client logo marquee (same as commitindia.in DMS page) ===== */
main > section.logo-strip{padding-block:0!important;background:#fff!important;border-block:1px solid var(--line2)}
.clients.cl3{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:nowrap;padding:44px 0 48px;text-align:center}
.cl3 .clients-h{flex-shrink:0;white-space:nowrap;font:500 13px/1.4 var(--gs)!important;color:var(--ink3)!important;text-transform:uppercase;letter-spacing:.06em}
.cl3 .clients-o{flex-shrink:0;white-space:nowrap;font-size:14px;color:var(--ink3)}
.cl-marquee{flex:1 1 560px;min-width:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.cl-track{display:flex;width:max-content;animation:cl-scroll 38s linear infinite}
.cl-marquee:hover .cl-track{animation-play-state:paused}
.cl-logos{display:flex;align-items:center;gap:56px;padding-inline-end:56px;flex-shrink:0}
.cl-logos img{display:block;width:auto;max-width:none;border-radius:0!important;filter:grayscale(1);opacity:.6;transition:filter .2s,opacity .2s}
.cl-logos img:hover{filter:none;opacity:1}
@keyframes cl-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
[dir=rtl] .cl-track{animation-name:cl-scroll-rtl}
@keyframes cl-scroll-rtl{from{transform:translateX(0)}to{transform:translateX(50%)}}
@media (max-width:900px){
  .clients.cl3{flex-wrap:wrap;padding:32px 0 36px;gap:12px 16px}
  .cl-marquee{flex-basis:100%;order:3}
  .cl-logos{gap:36px;padding-inline-end:36px}
  .cl-logos img{transform:scale(.85)}
}
@media (prefers-reduced-motion:reduce){
  .cl-track{animation:none!important;width:auto}
  .cl-logos[aria-hidden]{display:none}
  .cl-logos{flex-wrap:wrap;justify-content:center;gap:28px 36px;padding-inline-end:0}
}

/* ===== v8: employee journey step cards (owner mockup) ===== */
.journey{position:relative}
.journey-steps{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:24px!important;margin-top:0!important;padding-top:22px}
.journey-steps::before{top:22px!important;left:10%!important;right:10%!important;height:2px!important;
  background:repeating-linear-gradient(90deg,#A8C7FA 0 6px,transparent 6px 12px)!important;opacity:1!important;display:block}
.journey-steps .step{display:flex!important;flex-direction:column;align-items:center;text-align:center;gap:0!important;
  background:#fff;border:1px solid var(--g-line);border-radius:24px;padding:40px 20px 30px;
  box-shadow:0 1px 2px rgba(60,64,67,.06),0 8px 24px -10px rgba(31,64,128,.14);transition:transform .2s,box-shadow .2s}
.journey-steps .step:hover{transform:translateY(-3px);box-shadow:0 2px 4px rgba(60,64,67,.08),0 16px 32px -10px rgba(31,64,128,.2)}
.journey-steps .step>span{position:absolute;top:-22px;left:50%;transform:translateX(-50%);width:44px!important;height:44px!important;
  border:0!important;outline:0!important;border-radius:50%;background:#fff!important;color:var(--g-blue)!important;
  font:500 17px/1 var(--gsf)!important;display:grid;place-items:center;box-shadow:0 0 0 6px #EEF3FD,0 1px 3px rgba(60,64,67,.2)}
.step-icon{width:72px;height:72px;border-radius:20px;margin:8px 0 18px;background:var(--s2) no-repeat center/42px}
.step-communicate .step-icon{background-color:#E8F0FE;background-image:url(/icons/j-communicate.svg)}
.step-find .step-icon{background-color:#E6F4EA;background-image:url(/icons/j-find.svg)}
.step-request .step-icon{background-color:#F1EAFD;background-image:url(/icons/j-request.svg)}
.step-approve .step-icon{background-color:#FEF3E0;background-image:url(/icons/j-approve.svg)}
.step-complete .step-icon{background-color:#FCE8F0;background-image:url(/icons/j-complete.svg)}
.journey-steps .step strong{font:500 19px/1.3 var(--gsf)!important;color:var(--ink)!important;margin-bottom:10px}
.journey-steps .step p{font-size:15px!important;line-height:1.55!important;color:var(--ink2)!important;max-width:22ch;margin:0 auto!important;text-wrap:balance}
@media (max-width:1100px){
  .journey-steps{grid-template-columns:repeat(3,minmax(0,1fr))!important;row-gap:48px!important}
  .journey-steps::before{display:none!important}
}
@media (max-width:640px){
  .journey-steps{grid-template-columns:1fr!important;row-gap:40px!important}
  .journey-steps .step{padding:36px 20px 26px}
  .journey-steps .step p{max-width:30ch}
}

/* ===== v9: journey on photo background, staggered wave cards (owner mockup) ===== */
main > section.journey{width:100%!important;max-width:none!important;margin:0!important;padding-inline:max(48px,50vw - 640px)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.55) 0,rgba(255,255,255,.15) 40%,rgba(255,255,255,.35) 100%),url(/images/journey-bg.webp) center/cover no-repeat!important}
.journey .section-heading{margin-bottom:40px!important}
.journey-steps{padding:20px 0 110px!important;gap:28px!important;align-items:start}
.journey-steps::before{top:auto!important;bottom:40px!important;left:4%!important;right:4%!important;height:120px!important;z-index:0;opacity:.9;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 120' preserveAspectRatio='none'%3E%3Cpath d='M0 20 C 180 20 220 90 400 100 S 640 110 760 70 S 920 20 1000 25' fill='none' stroke='%230B57D0' stroke-opacity='.35' stroke-width='2' stroke-dasharray='2 7' stroke-linecap='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E") center/100% 100% no-repeat!important}
.journey-steps .step{position:relative;z-index:1;align-items:flex-start!important;text-align:start!important;padding:24px 22px 24px!important;
  background:rgba(255,255,255,.92)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.9)!important;border-radius:20px!important;
  box-shadow:0 1px 2px rgba(60,64,67,.06),0 12px 32px -12px rgba(31,64,128,.22)!important}
.journey-steps .step:nth-child(1){margin-top:0}
.journey-steps .step:nth-child(2){margin-top:64px}
.journey-steps .step:nth-child(3){margin-top:100px}
.journey-steps .step:nth-child(4){margin-top:64px}
.journey-steps .step:nth-child(5){margin-top:24px}
.journey-steps .step>span{display:none!important}
.journey-steps .step-icon{width:44px;height:44px;border-radius:50%;margin:0 0 16px;background-size:24px}
.journey-steps .step strong{font-size:18px!important;margin-bottom:8px}
.journey-steps .step p{font-size:14.5px!important;max-width:none;margin:0!important;text-wrap:pretty}
@media (max-width:1100px){
  .journey-steps{padding-bottom:20px!important}
  .journey-steps .step{margin-top:0!important}
}
@media (max-width:640px){
  main > section.journey{padding-inline:16px!important;background-image:linear-gradient(180deg,rgba(255,255,255,.7),rgba(255,255,255,.5)),url(/images/journey-bg-sm.webp)!important}
  .journey-steps{row-gap:16px!important}
}

/* ===== v10: role experiences — tabs + 3D stacked code-built screens (owner mockup) ===== */
.role-v2{--plum:#7B1FA2;--plum-t:#F3E5F5;--it:#0B57D0;--it-t:#E8F0FE;--fin:#137333;--fin-t:#E6F4EA;
  background:radial-gradient(700px 480px at 78% 55%,#EAF1FD 0,transparent 70%),linear-gradient(180deg,#F8FAFD,#fff)!important;overflow:hidden}
.role-grid2{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(40px,5vw,80px);align-items:center}
.role-copy{display:flex;flex-direction:column;align-items:flex-start}
main .role-copy>*{margin:0!important}
main .role-copy h2{margin:16px 0 20px!important;max-width:11em}
main .role-copy>p{font-size:clamp(17px,1.4vw,19px)!important;max-width:30em;margin-bottom:32px!important}
.role-v2 .skin-tabs{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 44px!important}
.role-v2 .skin-tabs button{min-height:52px;padding:0 24px!important;border-radius:14px!important;font:500 15px/1 var(--gs)!important;cursor:pointer;transition:background .2s,color .2s,border-color .2s,box-shadow .2s;border:1.5px solid currentColor!important;background:#fff!important}
.role-v2 .skin-tabs button.plum{color:var(--plum)!important}
.role-v2 .skin-tabs button.blue{color:var(--it)!important}
.role-v2 .skin-tabs button.green{color:var(--fin)!important}
.role-v2 .skin-tabs button:hover{box-shadow:var(--el1)}
.role-v2 .skin-tabs button.active.plum{background:var(--plum)!important;border-color:var(--plum)!important;color:#fff!important}
.role-v2 .skin-tabs button.active.blue{background:var(--it)!important;border-color:var(--it)!important;color:#fff!important}
.role-v2 .skin-tabs button.active.green{background:var(--fin)!important;border-color:var(--fin)!important;color:#fff!important}
.role-feats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;width:100%;margin-bottom:32px!important}
.role-feats>div{display:flex;flex-direction:column;gap:12px;font-size:14.5px;line-height:1.45;color:var(--ink2)}
.role-feats svg{width:28px;height:28px;color:var(--g-blue);stroke-width:1.6}
.role-link{font-size:15px}

/* stage */
.role-stage{position:relative;height:clamp(420px,36vw,540px);perspective:2000px}
.role-scr{position:absolute;left:0;top:60px;width:84%;transform-origin:50% 100%;cursor:pointer;
  transition:transform .7s cubic-bezier(.2,.8,.2,1),opacity .5s ease,filter .5s ease}
.role-scr.pos-0{z-index:3;transform:translate3d(0,40px,0) rotateY(-4deg);opacity:1;cursor:default}
.role-scr.pos-1{z-index:2;transform:translate3d(10%,-6px,-80px) rotateY(-4deg) scale(.94);opacity:.82;filter:saturate(.85)}
.role-scr.pos-2{z-index:1;transform:translate3d(20%,-50px,-160px) rotateY(-4deg) scale(.88);opacity:.6;filter:saturate(.7)}
.role-scr:not(.pos-0):hover{opacity:.95}
[dir=rtl] .role-scr{left:auto;right:0}
[dir=rtl] .role-scr.pos-0{transform:translate3d(0,40px,0) rotateY(4deg)}
[dir=rtl] .role-scr.pos-1{transform:translate3d(-10%,-6px,-80px) rotateY(4deg) scale(.94)}
[dir=rtl] .role-scr.pos-2{transform:translate3d(-20%,-50px,-160px) rotateY(4deg) scale(.88)}
.role-tag{position:absolute;top:-44px;inset-inline-start:24px;padding:9px 16px;border-radius:12px;font:500 14px/1 var(--gs);white-space:nowrap;box-shadow:var(--el1);transition:opacity .4s,background .3s,color .3s}
.role-scr.plum .role-tag{background:#fff;color:var(--plum);border:1.5px solid #E1BEE7}
.role-scr.blue .role-tag{background:#fff;color:var(--it);border:1.5px solid #A8C7FA}
.role-scr.green .role-tag{background:#fff;color:var(--fin);border:1.5px solid #A8DAB5}
.role-scr.pos-0.plum .role-tag{background:var(--plum);color:#fff;border-color:var(--plum)}
.role-scr.pos-0.blue .role-tag{background:var(--it);color:#fff;border-color:var(--it)}
.role-scr.pos-0.green .role-tag{background:var(--fin);color:#fff;border-color:var(--fin)}
.role-scr.pos-1 .role-tag{inset-inline-start:42%}
.role-scr.pos-2 .role-tag{inset-inline-start:auto;inset-inline-end:0}

/* the portal window */
.rs-win{--acc:var(--plum);--acc-t:var(--plum-t);background:#fff;border:1px solid var(--g-line);border-radius:18px;overflow:hidden;
  box-shadow:0 2px 6px rgba(60,64,67,.08),0 24px 48px -16px rgba(31,64,128,.28);font-family:var(--gs);color:var(--ink);text-align:start}
.role-scr.blue .rs-win{--acc:var(--it);--acc-t:var(--it-t)}
.role-scr.green .rs-win{--acc:var(--fin);--acc-t:var(--fin-t)}
.rs-top{display:flex;align-items:center;gap:16px;padding:10px 16px;border-bottom:1px solid var(--line2)}
.rs-top img{height:20px!important;width:auto!important;border-radius:0!important}
.rs-nav{display:flex;gap:4px;margin-inline:auto}
.rs-nav span{font-size:11px;color:var(--ink3);padding:5px 9px;border-radius:100px}
.rs-nav span.on{background:var(--acc-t);color:var(--acc);font-weight:500}
.rs-me{display:flex;align-items:center;gap:8px}
.rs-me i{width:14px;height:14px;border-radius:50%;border:1.5px solid var(--ink4)}
.rs-me b{width:24px;height:24px;border-radius:50%;background:var(--acc);color:#fff;font-size:11px;font-weight:500;display:grid;place-items:center}
.rs-body{padding:16px;display:flex;flex-direction:column;gap:12px;background:linear-gradient(180deg,var(--acc-t) 0,#fff 120px)}
.rs-hero{display:flex;align-items:center;justify-content:space-between;gap:16px}
.rs-hero strong{display:block;font:500 18px/1.2 var(--gsf);letter-spacing:-.01em}
.rs-hero small{font-size:11px;color:var(--ink3)}
.rs-search{flex:0 1 46%;font-size:10.5px;color:var(--ink4);background:#fff;border:1px solid var(--g-line);border-radius:100px;padding:7px 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rs-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.rs-actions span{display:flex;align-items:center;gap:6px;font-size:10.5px;font-weight:500;color:var(--ink2);background:#fff;border:1px solid var(--g-line);border-radius:10px;padding:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rs-actions i{width:16px;height:16px;flex:none;border-radius:5px;background:var(--acc);opacity:.85;box-shadow:inset 0 0 0 4px var(--acc-t)}
.rs-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.rs-kpis>div{background:#fff;border:1px solid var(--g-line);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:4px}
.rs-kpis small{font-size:10px;color:var(--ink3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rs-kpis b{font:500 20px/1 var(--gsf);color:var(--ink)}
.rs-kpis em{font:400 10px var(--gs);color:var(--ink3);font-style:normal;margin-inline-start:4px}
.rs-panels{display:grid;grid-template-columns:1.15fr 1fr;gap:8px}
.rs-panel{background:#fff;border:1px solid var(--g-line);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:8px;min-width:0}
.rs-ph{display:flex;justify-content:space-between;align-items:center}
.rs-ph b{font-size:11.5px;font-weight:500}
.rs-ph span{font-size:10px;color:var(--acc)}
.rs-row{display:flex;align-items:center;gap:8px;min-width:0}
.rs-av{width:24px;height:24px;flex:none;border-radius:50%;display:grid;place-items:center;font:500 9px var(--gs);font-style:normal}
.rs-dot{width:8px;height:8px;flex:none;border-radius:50%}
.rs-txt{display:flex;flex-direction:column;min-width:0;flex:1}
.rs-txt b{font-size:10.5px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rs-txt small{font-size:9.5px;color:var(--ink3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rs-win .chip{font:500 9.5px/1 var(--gs);font-style:normal;padding:4px 7px;border-radius:100px;white-space:nowrap}
.rs-win .tone-plum{background:#F3E5F5;color:#7B1FA2}.rs-win .rs-dot.tone-plum{background:#7B1FA2}
.rs-win .tone-blue{background:#E8F0FE;color:#0B57D0}.rs-win .rs-dot.tone-blue{background:#0B57D0}
.rs-win .tone-green{background:#E6F4EA;color:#137333}.rs-win .rs-dot.tone-green{background:#1E8E3E}
.rs-win .tone-gold{background:#FEF7E0;color:#B06000}.rs-win .rs-dot.tone-gold{background:#F9AB00}
.rs-win .tone-red{background:#FCE8E6;color:#C5221F}.rs-win .rs-dot.tone-red{background:#D93025}
.rs-bar{display:grid;grid-template-columns:70px 1fr 32px;align-items:center;gap:8px;font-size:10.5px;color:var(--ink2)}
.rs-bar i{height:8px;border-radius:100px;background:var(--s2);overflow:hidden;display:block}
.rs-bar s{display:block;height:100%;border-radius:100px;background:linear-gradient(90deg,#81C995,#137333);text-decoration:none}
.rs-bar b{font-weight:500;text-align:end}

@media (max-width:1100px){
  .role-grid2{grid-template-columns:1fr}
  .role-stage{height:clamp(440px,70vw,560px);max-width:760px;width:100%;margin-inline:auto}
}
@media (max-width:640px){
  .role-feats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .role-v2 .skin-tabs button{flex:1 1 auto;padding:0 16px!important;min-height:48px}
  .role-stage{height:auto;perspective:none}
  .role-scr{position:relative;top:0;width:100%;transform:none!important;opacity:1!important;filter:none!important}
  .role-scr:not(.pos-0){display:none}
  .role-tag{display:none}
  .rs-nav,.rs-search{display:none}
  .rs-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rs-panels{grid-template-columns:1fr}
}

/* ===== v11: no floating tags, bigger screens, roomier features ===== */
.role-tag{display:none!important}
.role-grid2{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr)!important;gap:clamp(40px,4.5vw,72px)!important}
.role-stage{height:clamp(480px,40vw,620px)!important}
.role-scr{top:20px!important;width:90%!important}
.rs-body{padding:20px!important;gap:14px!important}
.rs-hero strong{font-size:21px!important}
.rs-hero small,.rs-nav span{font-size:12px!important}
.rs-actions span,.rs-txt b,.rs-bar{font-size:12px!important}
.rs-kpis small,.rs-txt small,.rs-ph span,.rs-win .chip{font-size:11px!important}
.rs-kpis b{font-size:24px!important}
.rs-ph b{font-size:13px!important}
.rs-top img{height:24px!important}
.role-v2 .skin-tabs{margin-bottom:56px!important}
.role-feats{gap:28px 24px!important;margin-bottom:40px!important}
.role-feats>div{gap:14px!important;padding-top:4px}
@media (max-width:1100px){.role-stage{height:clamp(460px,72vw,620px)!important}}
@media (max-width:640px){.role-stage{height:auto!important}.role-scr{width:100%!important}.role-v2 .skin-tabs{margin-bottom:40px!important}}
.role-grid2{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)!important}
.role-v2 .skin-tabs{flex-wrap:nowrap}
.role-v2 .skin-tabs button{white-space:nowrap;padding:0 20px!important}
.role-feats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px 32px!important;max-width:520px}
.role-feats>div{flex-direction:row!important;align-items:center;gap:14px!important;padding:0!important;font-size:15px!important}
.role-feats svg{flex:none;width:26px!important;height:26px!important}
.role-scr{width:96%!important}
@media (max-width:640px){.role-v2 .skin-tabs{flex-wrap:wrap}.role-feats{grid-template-columns:1fr!important}}
main .role-copy>.role-feats{margin:0 0 36px!important}
main .role-copy>.skin-tabs{margin:0 0 56px!important}
@media (max-width:640px){main .role-copy>.skin-tabs{margin-bottom:40px!important}}

/* ===== v12: role screens — icons, distinct UI per role, bigger in-frame, smoother swap ===== */
/* icons (original line icons, drawn as CSS masks so they take the role colour) */
.rs-win .ic{display:inline-block;flex:none;width:16px;height:16px;background:currentColor!important;box-shadow:none!important;opacity:1!important;border-radius:0!important;
  -webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat}
.ic-calendar{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='3'/%3E%3Cpath d='M3 10h18M8 3v4M16 3v4'/%3E%3C/svg%3E")}
.ic-check{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='m8 12 3 3 5-6'/%3E%3C/svg%3E")}
.ic-userplus{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='4'/%3E%3Cpath d='M2 21a7 7 0 0 1 14 0M19 8v6M16 11h6'/%3E%3C/svg%3E")}
.ic-receipt{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 3h14v18l-3-2-2 2-2-2-2 2-2-2-3 2z'/%3E%3Cpath d='M9 8h6M9 12h6'/%3E%3C/svg%3E")}
.ic-clock{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E")}
.ic-users{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='4'/%3E%3Cpath d='M2 21a7 7 0 0 1 14 0M16 4a4 4 0 0 1 0 8M22 21a7 7 0 0 0-4-6.3'/%3E%3C/svg%3E")}
.ic-ticket{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 8a2 2 0 0 0 2-2h14a2 2 0 0 0 2 2v2a2 2 0 0 0 0 4v2a2 2 0 0 0-2 2H5a2 2 0 0 0-2-2v-2a2 2 0 0 0 0-4z'/%3E%3Cpath d='M13 6v12' stroke-dasharray='2 2'/%3E%3C/svg%3E")}
.ic-key{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='15' r='4'/%3E%3Cpath d='m11 12 9-9M17 6l3 3M15 8l2 2'/%3E%3C/svg%3E")}
.ic-shield{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 4 6v6c0 5 3.5 8 8 9 4.5-1 8-4 8-9V6z'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E")}
.ic-activity{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12h4l3-8 4 16 3-8h4'/%3E%3C/svg%3E")}
.ic-inbox{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 13 6 4h12l3 9v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3Cpath d='M3 13h5l1 3h6l1-3h5'/%3E%3C/svg%3E")}
.ic-gauge{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 16a9 9 0 1 1 18 0'/%3E%3Cpath d='m12 16 4-5'/%3E%3C/svg%3E")}
.ic-alert{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 2 20h20z'/%3E%3Cpath d='M12 10v4M12 17v.5'/%3E%3C/svg%3E")}
.ic-filecheck{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3H6v18h12V7z'/%3E%3Cpath d='M14 3v4h4M9 14l2 2 4-4'/%3E%3C/svg%3E")}
.ic-chart{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20V10M10 20V4M16 20v-7M22 20H2'/%3E%3C/svg%3E")}
.ic-store{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 9 5 4h14l1 5M4 9h16v2a3 3 0 0 1-6 0 3 3 0 0 1-4 0 3 3 0 0 1-6 0zM5 13v8h14v-8'/%3E%3C/svg%3E")}
.ic-wallet{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='6' width='18' height='14' rx='3'/%3E%3Cpath d='M3 10h18M16 15h2'/%3E%3C/svg%3E")}
.ic-pie{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3a9 9 0 1 0 9 9h-9z'/%3E%3Cpath d='M15 3.5A9 9 0 0 1 20.5 9H15z'/%3E%3C/svg%3E")}
.ic-fileclock{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3H6v18h5M14 3v4h4v3'/%3E%3Ccircle cx='17' cy='17' r='4'/%3E%3Cpath d='M17 15v2l1 1'/%3E%3C/svg%3E")}
.ic-heart{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20s-8-5-8-11a4 4 0 0 1 8-1 4 4 0 0 1 8 1c0 6-8 11-8 11z'/%3E%3C/svg%3E")}
.ic-list{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6h12M9 12h12M9 18h12M4 6h.5M4 12h.5M4 18h.5'/%3E%3C/svg%3E")}
.ic-stamp{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 3h6v5l3 4H6l3-4zM4 16h16v3H4zM6 22h12'/%3E%3C/svg%3E")}

.rs-actions span{gap:8px!important;padding:9px 10px!important}
.rs-actions .ic{width:15px!important;height:15px!important;color:var(--acc)}
.rs-kpis>div{position:relative;padding:12px 14px 12px 14px!important}
.rs-kpis .ic{position:absolute;top:12px;inset-inline-end:12px;width:30px!important;height:30px!important;padding:7px;color:var(--acc);
  background:var(--acc)!important;-webkit-mask:none;mask:none;border-radius:10px!important;opacity:1}
.rs-kpis .ic::before{content:"";display:block;width:100%;height:100%;background:#fff;-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat}
.rs-ph b{display:flex;align-items:center;gap:6px}
.rs-ph .ic{width:14px!important;height:14px!important;color:var(--acc)}

/* bigger, in frame, smoother */
.role-stage{height:clamp(540px,44vw,700px)!important;perspective:2400px}
.role-scr{top:0!important;width:100%!important;
  transition:transform 1.2s cubic-bezier(.22,1,.36,1),opacity 1s cubic-bezier(.22,1,.36,1),filter 1s ease,z-index 1.2s steps(1,end)!important}
.role-scr.pos-0{transform:translate3d(0,56px,0) rotateY(-3deg)!important}
.role-scr.pos-1{transform:translate3d(3%,22px,-60px) rotateY(-3deg) scale(.95)!important;opacity:.7!important}
.role-scr.pos-2{transform:translate3d(6%,-12px,-120px) rotateY(-3deg) scale(.9)!important;opacity:.45!important}
[dir=rtl] .role-scr.pos-0{transform:translate3d(0,56px,0) rotateY(3deg)!important}
[dir=rtl] .role-scr.pos-1{transform:translate3d(-3%,22px,-60px) rotateY(3deg) scale(.95)!important}
[dir=rtl] .role-scr.pos-2{transform:translate3d(-6%,-12px,-120px) rotateY(3deg) scale(.9)!important}
.role-scr.pos-0 .rs-win{animation:rs-in 1.2s cubic-bezier(.22,1,.36,1)}
@keyframes rs-in{from{filter:saturate(.7)}to{filter:none}}
.rs-win{border-radius:20px!important}

/* ---- HR: warm people-first look ---- */
.role-scr.plum .rs-top{background:#fff}
.role-scr.plum .rs-body{background:linear-gradient(180deg,#FBF4FD 0,#fff 55%)!important}
.role-scr.plum .rs-hero{background:linear-gradient(120deg,#7B1FA2,#C2185B);border-radius:16px;padding:16px 18px;color:#fff}
.role-scr.plum .rs-hero strong{color:#fff}
.role-scr.plum .rs-hero small{color:rgba(255,255,255,.85)!important}
.role-scr.plum .rs-search{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.35);color:rgba(255,255,255,.9)}
.role-scr.plum .rs-actions span{border-radius:100px;background:#fff;border-color:#EBD7F2}
.role-scr.plum .rs-kpis>div,.role-scr.plum .rs-panel{border-radius:16px;border-color:#F0E3F5}
.role-scr.plum .rs-av{width:28px;height:28px;font-size:10px}

/* ---- IT: operations console look ---- */
.role-scr.blue .rs-top{background:linear-gradient(90deg,#0B3D91,#0B57D0);border-bottom:0}
.role-scr.blue .rs-top img{filter:brightness(0) invert(1)}
.role-scr.blue .rs-nav span{color:rgba(255,255,255,.8)}
.role-scr.blue .rs-nav span.on{background:rgba(255,255,255,.18);color:#fff}
.role-scr.blue .rs-me i{border-color:rgba(255,255,255,.7)}
.role-scr.blue .rs-me b{background:#fff;color:#0B57D0}
.role-scr.blue .rs-body{background:#F3F6FB!important}
.role-scr.blue .rs-actions span,.role-scr.blue .rs-kpis>div,.role-scr.blue .rs-panel{border-radius:10px;border-color:#DCE3EE}
.role-scr.blue .rs-kpis>div{border-inline-start:3px solid #0B57D0}
.role-scr.blue .rs-kpis>div:nth-child(3){border-inline-start-color:#D93025}
.role-scr.blue .rs-kpis>div:nth-child(3) .ic{background:#D93025!important}
.role-scr.blue .rs-txt b,.role-scr.blue .rs-av{font-family:var(--mono)!important;letter-spacing:-.01em}
.role-scr.blue .rs-av{border-radius:6px}
.role-scr.blue .rs-search{background:#fff}

/* ---- Finance: clean ledger look ---- */
.role-scr.green .rs-top{border-bottom:2px solid #137333}
.role-scr.green .rs-body{background:#fff!important}
.role-scr.green .rs-hero{border-bottom:1px solid #E6F4EA;padding-bottom:12px}
.role-scr.green .rs-actions span{border-radius:8px;border-color:#CEEAD6;background:#F6FBF7}
.role-scr.green .rs-kpis>div{border-radius:8px;border-color:#E3E3E3;border-top:3px solid #137333}
.role-scr.green .rs-kpis b{color:#0D652D;font-variant-numeric:tabular-nums}
.role-scr.green .rs-panel{border-radius:8px}
.role-scr.green .rs-txt small{font-variant-numeric:tabular-nums;font-family:var(--mono)!important;font-size:10.5px!important}
.role-scr.green .rs-bar i{height:12px}
.role-scr.green .rs-av{border-radius:8px}

@media (max-width:1100px){.role-stage{height:clamp(520px,76vw,700px)!important}}
@media (max-width:640px){
  .role-stage{height:auto!important}
  .role-scr,.role-scr.pos-0{transform:none!important}
  .rs-kpis .ic{width:24px!important;height:24px!important;padding:5px;top:8px;inset-inline-end:8px}
}

/* ===== v13: card-deck 3D swap — opaque screens, instant z-order, depth via veil/shadow ===== */
.role-stage{perspective:1800px!important;perspective-origin:30% 40%;transform-style:preserve-3d}
.role-stage::after{content:"";position:absolute;left:8%;right:4%;bottom:-6px;height:60px;border-radius:50%;
  background:radial-gradient(closest-side,rgba(31,64,128,.18),transparent);filter:blur(6px);z-index:0}
.role-scr{opacity:1!important;filter:none!important;transform-style:preserve-3d;will-change:transform;
  transition:transform 1.1s cubic-bezier(.22,1,.36,1)!important}
.role-scr .rs-win{position:relative;background:#fff;transition:box-shadow 1.1s ease}
.role-scr .rs-win::after{content:"";position:absolute;inset:0;border-radius:inherit;background:#F4F7FC;opacity:0;pointer-events:none;transition:opacity .9s ease}
.role-scr.pos-1 .rs-win::after{opacity:.55}
.role-scr.pos-2 .rs-win::after{opacity:.75}
.role-scr.pos-0{z-index:3!important;transform:translate3d(0,60px,40px) rotateX(4deg) rotateY(-8deg)!important}
.role-scr.pos-1{z-index:2!important;transform:translate3d(4%,24px,-80px) rotateX(4deg) rotateY(-8deg) scale(.95)!important}
.role-scr.pos-2{z-index:1!important;transform:translate3d(8%,-10px,-160px) rotateX(4deg) rotateY(-8deg) scale(.9)!important}
.role-scr.pos-0 .rs-win{box-shadow:0 2px 6px rgba(60,64,67,.1),0 40px 80px -24px rgba(31,64,128,.38)!important;
  animation:rs-enter 1.1s cubic-bezier(.22,1,.36,1),rs-float 7s ease-in-out 1.2s infinite}
.role-scr:not(.pos-0) .rs-win{box-shadow:0 1px 3px rgba(60,64,67,.08),0 16px 32px -16px rgba(31,64,128,.2)!important}
@keyframes rs-enter{0%{transform:translate3d(6%,-40px,-140px) rotateY(10deg) scale(.92)}100%{transform:none}}
@keyframes rs-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.role-stage:hover .role-scr.pos-0{transform:translate3d(0,52px,70px) rotateX(2deg) rotateY(-4deg)!important}
[dir=rtl] .role-scr.pos-0{transform:translate3d(0,60px,40px) rotateX(4deg) rotateY(8deg)!important}
[dir=rtl] .role-scr.pos-1{transform:translate3d(-4%,24px,-80px) rotateX(4deg) rotateY(8deg) scale(.95)!important}
[dir=rtl] .role-scr.pos-2{transform:translate3d(-8%,-10px,-160px) rotateX(4deg) rotateY(8deg) scale(.9)!important}
[dir=rtl] .role-stage:hover .role-scr.pos-0{transform:translate3d(0,52px,70px) rotateX(2deg) rotateY(4deg)!important}
@media (max-width:640px){
  .role-scr,.role-scr.pos-0,.role-stage:hover .role-scr.pos-0{transform:none!important}
  .role-scr.pos-0 .rs-win{animation:rs-fade .5s ease}
  .role-stage::after{display:none}
}
@keyframes rs-fade{from{opacity:.4}to{opacity:1}}
@media (prefers-reduced-motion:reduce){
  .role-scr{transition:none!important}
  .role-scr .rs-win{animation:none!important}
}

/* ===== v14: role section from owner mockup — photo bg, one framed HD screen, Material "fade through" swap ===== */
main > section.role-v3{position:relative;background:
  linear-gradient(90deg,rgba(255,255,255,.97) 0,rgba(255,255,255,.9) 30%,rgba(255,255,255,.35) 58%,rgba(255,255,255,.1) 100%),
  url(/images/role-bg.webp) center/cover no-repeat!important}
.role-v3 .role-grid2{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)!important;gap:clamp(40px,4vw,72px)!important}

/* features: icon tiles like the mockup */
.role-v3 .role-feats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px 28px!important;max-width:560px}
.role-v3 .role-feats>div{flex-direction:row!important;align-items:center;gap:16px!important;font-size:16px!important;color:var(--ink2)}
.role-v3 .role-feats svg{box-sizing:content-box;width:26px!important;height:26px!important;padding:13px;border-radius:14px;
  background:rgba(232,240,254,.9);color:var(--g-blue);box-shadow:inset 0 0 0 1px rgba(11,87,208,.08)}

/* one framed screen */
.role-shot{position:relative;perspective:1600px}
.role-shot::before{content:"";position:absolute;inset:6% -4% -6% 6%;border-radius:40px;background:radial-gradient(closest-side,rgba(11,87,208,.18),transparent);filter:blur(30px);z-index:0}
.role-shot-frame{position:relative;z-index:1;aspect-ratio:3/2;border-radius:20px;overflow:hidden;background:#F7FBFE;
  box-shadow:0 2px 6px rgba(60,64,67,.12),0 30px 70px -20px rgba(16,42,94,.35),0 0 0 1px rgba(255,255,255,.7);
  transform:rotateY(-6deg) rotateX(2deg);transform-origin:40% 50%;transition:transform .8s cubic-bezier(.22,1,.36,1)}
.role-shot:hover .role-shot-frame{transform:rotateY(-2deg) rotateX(1deg) translateZ(20px)}
[dir=rtl] .role-shot-frame{transform:rotateY(6deg) rotateX(2deg)}
[dir=rtl] .role-shot:hover .role-shot-frame{transform:rotateY(2deg) rotateX(1deg) translateZ(20px)}
.role-img{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover;object-position:top center;border-radius:0!important;
  opacity:0;transform:scale(.985) translateY(10px);
  transition:opacity .18s linear,transform .18s linear;will-change:opacity,transform}
/* fade through: outgoing leaves fast; incoming waits, then fades in and settles */
.role-img.on{opacity:1;transform:none;z-index:1;transition:opacity .42s cubic-bezier(.2,0,0,1) .16s,transform .62s cubic-bezier(.22,1,.36,1) .16s}

/* tabs: keep focus ring visible for keyboard users */
.role-v3 .skin-tabs button:focus-visible{outline:2px solid var(--g-blue)!important;outline-offset:3px}

@media (max-width:1100px){
  main > section.role-v3{background:linear-gradient(180deg,rgba(255,255,255,.95) 0,rgba(255,255,255,.85) 45%,rgba(255,255,255,.4) 100%),url(/images/role-bg-960.webp) center bottom/cover no-repeat!important}
  .role-shot-frame,[dir=rtl] .role-shot-frame{transform:none}
}
@media (max-width:640px){
  .role-v3 .role-feats{grid-template-columns:1fr!important}
  .role-v3 .role-feats svg{padding:10px;width:22px!important;height:22px!important}
  .role-shot-frame{border-radius:14px}
}
@media (prefers-reduced-motion:reduce){
  .role-img,.role-img.on{transform:none!important;transition:opacity .2s linear!important}
  .role-shot-frame{transform:none!important;transition:none!important}
}

/* ===== v15: Microsoft 365 foundation — owner's dark background, glass cards, official product icons ===== */
main > section.microsoft-foundation{position:relative;color:#fff;
  background:linear-gradient(90deg,rgba(6,20,52,.92) 0,rgba(6,20,52,.75) 42%,rgba(6,20,52,.15) 75%,rgba(6,20,52,0) 100%),
  url(/images/m365-bg.webp) right center/cover no-repeat,#071634!important}
.microsoft-foundation .foundation-heading{align-items:flex-start!important;text-align:start!important;max-width:720px;margin-bottom:48px!important}
.microsoft-foundation .section-kicker{color:#8AB4F8!important}
.microsoft-foundation h2{color:#fff!important;display:flex;flex-direction:column}
.microsoft-foundation h2 span:last-child{color:#B9CBEA!important}
.microsoft-foundation .foundation-heading>p{color:#C9D6EC!important;margin-inline:0!important}

/* glass cards */
.microsoft-foundation .foundation-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px!important;max-width:880px}
.microsoft-foundation .foundation-cards article{text-align:start!important;align-items:flex-start!important;padding:24px 22px!important;
  background:linear-gradient(160deg,rgba(255,255,255,.12),rgba(255,255,255,.04))!important;border:1px solid rgba(255,255,255,.16)!important;
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:20px!important;box-shadow:0 20px 40px -20px rgba(0,0,0,.5)!important;transition:transform .25s,border-color .25s,background .25s!important}
.microsoft-foundation .foundation-cards article:hover{transform:translateY(-3px);border-color:rgba(138,180,248,.5)!important;background:linear-gradient(160deg,rgba(255,255,255,.16),rgba(255,255,255,.06))!important}
.microsoft-foundation .foundation-cards article>svg,.microsoft-foundation .foundation-cards article>.platform-mark{box-sizing:content-box;width:24px!important;height:24px!important;padding:12px;margin:0 0 18px!important;border-radius:14px;
  background:rgba(138,180,248,.16);color:#A8C7FA!important}
.microsoft-foundation .foundation-cards article>.platform-mark{display:grid}
.microsoft-foundation .foundation-cards h3{color:#fff!important;font-size:18px!important;margin-bottom:8px}
.microsoft-foundation .foundation-cards p{color:#C9D6EC!important;font-size:14.5px!important;line-height:1.55!important}

/* light glass tenant band */
.microsoft-foundation .foundation-band{margin-top:40px;background:rgba(255,255,255,.9)!important;border:1px solid rgba(255,255,255,.7)!important;border-radius:24px!important;
  -webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 30px 60px -30px rgba(0,0,0,.6)!important;color:var(--ink)}
.microsoft-foundation .foundation-band h3,.microsoft-foundation .foundation-band strong{color:var(--ink)!important}
.microsoft-foundation .tenant-message span{color:var(--ink2)!important}

/* official Microsoft product icons (unmodified files from Microsoft's Fabric CDN) */
.platform-mark.sharepoint,.platform-mark.teams{background:center/contain no-repeat!important;border:0!important;box-shadow:none!important}
.platform-mark.sharepoint{background-image:url(/icons/m365/sharepoint.svg)!important}
.platform-mark.teams{background-image:url(/icons/m365/teams.svg)!important}
.platform-mark.sharepoint>*,.platform-mark.teams>*{display:none!important}

@media (max-width:1100px){
  main > section.microsoft-foundation{background:linear-gradient(180deg,rgba(6,20,52,.9) 0,rgba(6,20,52,.82) 60%,rgba(6,20,52,.6) 100%),url(/images/m365-bg-960.webp) right bottom/cover no-repeat,#071634!important}
  .microsoft-foundation .foundation-cards{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none}
}
@media (max-width:640px){
  .microsoft-foundation .foundation-cards{grid-template-columns:1fr}
  .microsoft-foundation .microsoft-stack{flex-wrap:wrap;justify-content:center;gap:16px}
  .microsoft-foundation .tenant-message>div{flex-wrap:wrap}
  .microsoft-foundation .foundation-band{overflow:hidden}
}
.microsoft-foundation .foundation-heading{margin-inline:0!important}
.microsoft-foundation .foundation-cards article>.platform-mark.microsoft{grid-template-columns:1fr 1fr!important;grid-template-rows:1fr 1fr!important;gap:2px!important;width:24px!important;height:24px!important;min-height:0!important}
.microsoft-foundation .foundation-cards article>.platform-mark.microsoft i{width:auto!important;height:auto!important;min-height:0!important;border-radius:1px}
.microsoft-foundation .foundation-cards article>.platform-mark.microsoft{display:block!important;width:24px!important;height:24px!important;background-color:rgba(255,255,255,.92)!important;background-image:linear-gradient(#F25022,#F25022),linear-gradient(#7FBA00,#7FBA00),linear-gradient(#00A4EF,#00A4EF),linear-gradient(#FFB900,#FFB900)!important;background-size:10px 10px!important;background-repeat:no-repeat!important;background-position:12px 12px,26px 12px,12px 26px,26px 26px!important;background-origin:border-box!important}
.microsoft-foundation .foundation-cards article>.platform-mark.microsoft>*{display:none!important}
.microsoft-foundation .foundation-cards article>.platform-mark.microsoft{box-sizing:border-box!important;width:48px!important;height:48px!important;min-height:48px!important;max-height:48px!important;padding:0!important;flex:none!important;aspect-ratio:1!important;background-color:rgba(138,180,248,.16)!important;background-position:13px 13px,25px 13px,13px 25px,25px 25px!important}
.microsoft-foundation .foundation-cards article{justify-content:flex-start!important}
@media (max-width:640px){
  .microsoft-foundation .foundation-band{padding:24px 18px!important;display:flex!important;flex-direction:column;gap:24px}
  .microsoft-foundation .tenant-message{border:0!important;padding:0!important}
  .microsoft-foundation .tenant-message>div>span{flex-direction:column;align-items:flex-start;padding:0 10px!important;font-size:12.5px!important;gap:6px}
  .microsoft-foundation .microsoft-stack{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px 8px!important;display:grid!important}
  .microsoft-foundation .microsoft-stack::before{display:none}
  .microsoft-foundation .microsoft-stack strong{font-size:12px!important}
}

/* ===== v16: M365 section = only the mockup content, crisp bg, slim band ===== */
main > section.microsoft-foundation{background:linear-gradient(90deg,rgba(6,20,52,.85) 0,rgba(6,20,52,.55) 40%,rgba(6,20,52,0) 70%),url(/images/m365-bg.webp) right center/auto 100% no-repeat,#0A1F4A!important;padding-block:clamp(56px,6vw,88px)!important}
.microsoft-foundation .foundation-heading>p,
.microsoft-foundation .foundation-cards p,
.microsoft-foundation .tenant-message>div,
.microsoft-foundation .tenant-message>i{display:none!important}
.microsoft-foundation .foundation-heading{margin-bottom:32px!important;gap:12px!important}
.microsoft-foundation h2 span:first-child{font-weight:500!important}
.microsoft-foundation .foundation-cards{max-width:820px;gap:14px!important}
.microsoft-foundation .foundation-cards article{min-height:150px;padding:22px 20px!important;justify-content:flex-start!important}
.microsoft-foundation .foundation-cards h3{font-size:17px!important;margin:0!important}
.microsoft-foundation .foundation-band{margin-top:32px;padding:20px 32px!important;display:grid!important;grid-template-columns:auto 1fr!important;align-items:center;gap:32px!important}
.microsoft-foundation .tenant-message{padding-inline-end:32px!important;border-inline-end:1px solid var(--g-line)!important}
.microsoft-foundation .tenant-message h3{font-size:20px!important;line-height:1.3!important;max-width:none}
.microsoft-foundation .microsoft-stack{align-items:center}
.microsoft-foundation .microsoft-stack::before{top:24px!important;opacity:.35}
.microsoft-foundation .microsoft-stack .platform-mark{width:48px!important;height:48px!important;flex-basis:48px!important;border-radius:12px!important;box-shadow:none!important;border:0!important;background-color:transparent}
.microsoft-foundation .microsoft-stack .platform-mark.microsoft,.microsoft-foundation .microsoft-stack .platform-mark.entra,.microsoft-foundation .microsoft-stack .platform-mark.power{transform:scale(.6);transform-origin:center}
.microsoft-foundation .microsoft-stack .platform-mark.microsoft,.microsoft-foundation .microsoft-stack .platform-mark.entra,.microsoft-foundation .microsoft-stack .platform-mark.power{width:80px!important;height:80px!important;flex-basis:80px!important;margin:-16px}
.microsoft-foundation .microsoft-stack strong{font-size:12.5px!important;font-weight:500!important;color:var(--ink2)!important}
@media (max-width:1100px){
  main > section.microsoft-foundation{background:linear-gradient(180deg,rgba(6,20,52,.9) 0,rgba(6,20,52,.7) 55%,rgba(6,20,52,.4) 100%),url(/images/m365-bg-960.webp) right bottom/cover no-repeat,#0A1F4A!important}
  .microsoft-foundation .foundation-band{grid-template-columns:1fr!important}
  .microsoft-foundation .tenant-message{border:0!important;padding:0!important}
}
@media (max-width:640px){.microsoft-foundation .foundation-cards article{min-height:0}}
.microsoft-foundation .foundation-heading{max-width:900px!important}
.microsoft-foundation h2 span:last-child{font-size:.66em;line-height:1.25;margin-top:6px}
/* v16.1: band connector alignment — uniform 56px white icon tiles, line + dots on tile centre */
.microsoft-foundation .microsoft-stack .platform-mark{width:56px!important;height:56px!important;flex:0 0 56px!important;margin:0!important;transform:none!important;
  background-color:#fff!important;border-radius:14px!important;box-shadow:0 1px 2px rgba(60,64,67,.12),0 2px 6px rgba(60,64,67,.08)!important;overflow:hidden}
.microsoft-foundation .microsoft-stack .platform-mark.sharepoint,.microsoft-foundation .microsoft-stack .platform-mark.teams{background-size:34px 34px!important;background-position:center!important}
.microsoft-foundation .microsoft-stack .platform-mark.microsoft,.microsoft-foundation .microsoft-stack .platform-mark.entra,.microsoft-foundation .microsoft-stack .platform-mark.power{zoom:.7}
.microsoft-foundation .microsoft-stack .platform-mark.microsoft,.microsoft-foundation .microsoft-stack .platform-mark.entra,.microsoft-foundation .microsoft-stack .platform-mark.power{width:80px!important;height:80px!important;flex-basis:80px!important}
.microsoft-foundation .microsoft-stack::before{top:28px!important;height:2px!important;opacity:.5!important;background:#0B57D0!important}
.microsoft-foundation .microsoft-stack>span:not(:last-child)::after{top:23px!important;width:12px;height:12px;background:#fff!important;border-color:#0B57D0!important}

/* ===== v18: Modular apps — owner's background, hero-style app cards with duotone icons ===== */
main > section.suite-builder{background:
  linear-gradient(90deg,rgba(255,255,255,.88) 0,rgba(255,255,255,.7) 45%,rgba(255,255,255,0) 74%),
  url(/images/suite-bg.webp) right center/cover no-repeat,#EEF4FD!important}
.suite-builder .suite-builder-grid{display:grid!important;grid-template-columns:minmax(0,1fr) 26%!important;grid-template-rows:auto auto;gap:40px 0!important}
.suite-builder .suite-builder-grid>aside{grid-column:1;max-width:620px}
.suite-builder .catalog-grid{grid-column:1;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important}

.suite-builder .catalog-card{position:relative;flex-direction:column!important;align-items:center!important;text-align:center!important;gap:6px!important;
  padding:24px 14px 22px!important;background:rgba(255,255,255,.94)!important;border:1px solid var(--g-line)!important;border-radius:20px!important;
  box-shadow:var(--el1)!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-decoration:none!important}
.suite-builder .catalog-card:hover{transform:translateY(-3px)!important;box-shadow:var(--el2)!important}
.suite-builder .catalog-card.feature-card{border:1px solid var(--g-line)!important;background:rgba(255,255,255,.94)!important}
.suite-builder .catalog-card>div{display:flex;flex-direction:column;gap:6px;align-items:center}
.suite-builder .catalog-card h3{font-size:16.5px!important;margin:0!important;font-weight:500!important}
.suite-builder .catalog-card p{font-size:13px!important;line-height:1.45!important;color:var(--ink3)!important;margin:0!important}
.suite-builder .catalog-arrow,.suite-builder .catalog-card>svg:last-child{display:none!important}

/* icon tiles, same look as the hero */
.suite-builder .app-icon{width:64px!important;height:64px!important;flex:none!important;margin:0 0 10px!important;border-radius:18px!important;box-shadow:none!important;
  background:var(--s2) no-repeat center/40px!important}
.suite-builder .app-icon svg{display:none!important}
.suite-builder .app-icon-dms{background-image:url(/icons/dms.svg)!important}
.suite-builder .app-icon-sd{background-image:url(/icons/sd.svg)!important}
.suite-builder .app-icon-hr{background-image:url(/icons/hr.svg)!important}
.suite-builder .app-icon-sc{background-image:url(/icons/sc.svg)!important}
.suite-builder .app-icon-mh{background-image:url(/icons/mh.svg)!important}
.suite-builder .app-icon-ex{background-image:url(/icons/ex.svg)!important}
.suite-builder .app-icon-rc{background-image:url(/icons/rc.svg)!important}
.suite-builder .app-icon-rr{background-image:url(/icons/rr.svg)!important}
.suite-builder .app-icon-an{background-image:url(/icons/an.svg)!important}
.suite-builder .app-icon-is{background-image:url(/icons/is.svg)!important}

/* FEATURED / INTEGRATION chips in the top corner */
.suite-builder .catalog-featured-label,.suite-builder .catalog-status-label{position:absolute!important;top:10px;inset-inline-end:10px;margin:0!important;font-size:10px!important;padding:3px 8px!important}

@media (max-width:1100px){
  main > section.suite-builder{background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,255,255,.8)),url(/images/suite-bg-960.webp) right top/cover no-repeat,#EEF4FD!important}
  .suite-builder .suite-builder-grid{grid-template-columns:1fr!important}
  .suite-builder .catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media (max-width:640px){
  .suite-builder .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  .suite-builder .catalog-card{padding:20px 10px 18px!important}
  .suite-builder .app-icon{width:56px!important;height:56px!important;background-size:34px!important}
}
main .suite-builder .catalog-grid>a.catalog-card{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important}
main .suite-builder .catalog-grid>a.catalog-card>div{width:100%}
main .suite-builder .catalog-card p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* ===== v19: suite — no photo bg, text left, all cards in one framed panel on the right ===== */
main > section.suite-builder{background:linear-gradient(180deg,#fff,#F8FAFD)!important}
.suite-builder .suite-builder-grid{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr)!important;grid-template-rows:auto!important;gap:clamp(32px,4vw,64px)!important;align-items:center}
.suite-builder .suite-builder-grid>aside{grid-column:1!important;grid-row:1!important;max-width:none}
.suite-builder .catalog-grid{grid-column:2!important;grid-row:1!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:12px!important;
  padding:20px;border-radius:28px;background:linear-gradient(160deg,#EEF3FD,#F6F9FE);border:1px solid #E1E9F7;box-shadow:0 30px 60px -30px rgba(31,64,128,.25)}
.suite-builder .catalog-card{padding:18px 8px 16px!important;border-radius:16px!important}
.suite-builder .app-icon{width:52px!important;height:52px!important;background-size:32px!important;border-radius:14px!important;margin-bottom:6px!important}
.suite-builder .catalog-card h3{font-size:13.5px!important;line-height:1.3!important}
.suite-builder .catalog-card p{display:none!important}
.suite-builder .catalog-featured-label,.suite-builder .catalog-status-label{top:6px!important;inset-inline-end:6px!important;font-size:8.5px!important;padding:2px 6px!important;letter-spacing:.08em!important}
@media (max-width:1100px){
  .suite-builder .suite-builder-grid{grid-template-columns:1fr!important}
  .suite-builder .catalog-grid{grid-column:1!important;grid-row:2!important}
}
@media (max-width:640px){
  .suite-builder .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:12px}
}

/* ===== v20: suite — no container, clean horizontal app rows, inline chips ===== */
.suite-builder .catalog-grid{padding:0!important;background:none!important;border:0!important;box-shadow:none!important;border-radius:0!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
main .suite-builder .catalog-grid>a.catalog-card{flex-direction:row!important;align-items:center!important;text-align:start!important;gap:16px!important;
  padding:14px 18px!important;border-radius:16px!important;min-height:76px!important;background:#fff!important;box-shadow:none!important;border:1px solid var(--g-line)!important}
main .suite-builder .catalog-grid>a.catalog-card:hover{box-shadow:var(--el1)!important;border-color:transparent!important;transform:translateY(-2px)!important}
main .suite-builder .catalog-grid>a.catalog-card>div{align-items:flex-start!important;width:auto;flex:1;min-width:0}
.suite-builder .app-icon{width:48px!important;height:48px!important;background-size:30px!important;border-radius:12px!important;margin:0!important;order:0}
.suite-builder .catalog-card h3{font-size:15.5px!important;font-weight:500!important}
.suite-builder .catalog-featured-label,.suite-builder .catalog-status-label{position:static!important;order:2;margin:0 0 0 auto!important;align-self:center!important;
  font-size:9.5px!important;padding:4px 9px!important;letter-spacing:.1em!important;flex:none}
@media (max-width:640px){.suite-builder .catalog-grid{grid-template-columns:1fr!important}}

/* ===== v21: suite rows per owner mockup — title + chip, 2-line description, arrow button ===== */
main .suite-builder .catalog-grid{gap:16px!important}
main .suite-builder .catalog-grid>a.catalog-card{display:grid!important;grid-template-columns:64px auto 1fr 40px;grid-template-areas:"icon title chip arrow" "icon desc desc arrow";
  column-gap:18px!important;row-gap:4px!important;align-items:center!important;padding:20px 20px!important;border-radius:20px!important;min-height:0!important;
  background:rgba(255,255,255,.96)!important;border:1px solid #EEF1F5!important;box-shadow:0 1px 2px rgba(60,64,67,.06),0 8px 24px -12px rgba(31,64,128,.16)!important}
main .suite-builder .catalog-grid>a.catalog-card.feature-card{border:1.5px solid #A8C7FA!important;box-shadow:0 0 0 4px rgba(11,87,208,.06),0 8px 24px -12px rgba(31,64,128,.2)!important}
main .suite-builder .catalog-grid>a.catalog-card>div{display:contents!important}
.suite-builder .catalog-card .app-icon{grid-area:icon;width:64px!important;height:64px!important;background-size:38px!important;border-radius:16px!important;
  background-color:#F6F8FB!important;box-shadow:inset 0 0 0 1px #EEF1F5,0 2px 6px rgba(60,64,67,.06)!important}
.suite-builder .catalog-card h3{grid-area:title;font-size:17px!important;font-weight:500!important;align-self:end;white-space:nowrap}
.suite-builder .catalog-card p{grid-area:desc;display:block!important;-webkit-line-clamp:unset!important;font-size:14px!important;line-height:1.45!important;color:var(--ink3)!important;align-self:start;max-width:30ch}
.suite-builder .catalog-featured-label,.suite-builder .catalog-status-label{grid-area:chip;justify-self:start;align-self:end;margin:0 0 2px!important;font-size:10.5px!important;padding:4px 10px!important}
.suite-builder .catalog-featured-label{background:#E8F0FE!important;color:#0B57D0!important}
main .suite-builder .catalog-grid>a.catalog-card::after{content:"";grid-area:arrow;width:40px;height:40px;border-radius:50%;background:#F0F4FB url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230B57D0' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/18px no-repeat;transition:transform .2s,background-color .2s}
main .suite-builder .catalog-grid>a.catalog-card:hover::after{background-color:#D3E3FD;transform:translateX(3px)}
[dir=rtl] main .suite-builder .catalog-grid>a.catalog-card::after{transform:scaleX(-1)}
@media (max-width:640px){
  main .suite-builder .catalog-grid>a.catalog-card{grid-template-columns:52px auto 1fr;grid-template-areas:"icon title chip" "icon desc desc";padding:16px!important}
  main .suite-builder .catalog-grid>a.catalog-card::after{display:none}
  .suite-builder .catalog-card .app-icon{width:52px!important;height:52px!important;background-size:30px!important}
  .suite-builder .catalog-card h3{white-space:normal;font-size:16px!important}
}
.suite-builder .suite-builder-grid{grid-template-columns:minmax(0,.62fr) minmax(0,1.38fr)!important}
main .suite-builder .catalog-grid>a.catalog-card{grid-template-columns:64px minmax(0,max-content) minmax(0,1fr) 40px!important}
.suite-builder .catalog-card h3{white-space:normal!important;min-width:0}
/* v22: chip on its own line above the title so it never meets the arrow */
main .suite-builder .catalog-grid>a.catalog-card{grid-template-columns:64px minmax(0,1fr) 40px!important;grid-template-areas:"icon chip arrow" "icon title arrow" "icon desc arrow"!important;row-gap:4px!important;align-content:center}
.suite-builder .catalog-featured-label,.suite-builder .catalog-status-label{margin:0!important;align-self:end}
.suite-builder .catalog-card h3{align-self:center}
@media (max-width:640px){main .suite-builder .catalog-grid>a.catalog-card{grid-template-columns:52px minmax(0,1fr)!important;grid-template-areas:"icon chip" "icon title" "icon desc"!important}}
/* v23: consistent alignment — equal card heights, icon/title/desc on one baseline grid, chip in corner, arrow centred */
main .suite-builder .catalog-grid{grid-auto-rows:1fr!important}
main .suite-builder .catalog-grid>a.catalog-card{grid-template-columns:56px minmax(0,1fr) 40px!important;grid-template-rows:auto 1fr!important;grid-template-areas:"icon title arrow" "icon desc arrow"!important;column-gap:18px!important;row-gap:6px!important;align-content:start!important;align-items:start!important;padding:22px 20px 22px 22px!important;position:relative}
.suite-builder .catalog-card .app-icon{width:56px!important;height:56px!important;background-size:34px!important;align-self:start!important}
.suite-builder .catalog-card h3{align-self:start!important;line-height:1.3!important;padding-top:4px;padding-inline-end:72px;font-size:16.5px!important}
.suite-builder .catalog-card p{align-self:start!important;max-width:none!important}
main .suite-builder .catalog-grid>a.catalog-card::after{align-self:center!important;justify-self:end}
.suite-builder .catalog-featured-label,.suite-builder .catalog-status-label{position:absolute!important;top:14px!important;inset-inline-end:16px!important;margin:0!important;grid-area:auto!important}
@media (max-width:640px){main .suite-builder .catalog-grid{grid-auto-rows:auto!important}main .suite-builder .catalog-grid>a.catalog-card{grid-template-columns:52px minmax(0,1fr)!important;grid-template-areas:"icon title" "icon desc"!important}.suite-builder .catalog-card h3{padding-inline-end:84px}}
.suite-builder .catalog-card h3{padding-inline-end:0!important}
.suite-builder .catalog-card:has(.catalog-featured-label) h3,.suite-builder .catalog-card:has(.catalog-status-label) h3{padding-inline-end:92px!important}

/* ===== v24: suite per owner mockup — light office bg, 3D-tilted wall of glass app tiles ===== */
main > section.suite-builder{background:
  linear-gradient(90deg,rgba(255,255,255,.9) 0,rgba(240,246,255,.75) 38%,rgba(240,246,255,.2) 70%,rgba(240,246,255,0) 100%),
  url(/images/suite-bg.webp) right center/cover no-repeat,#EAF2FE!important;overflow:hidden}
.suite-builder .suite-builder-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)!important;align-items:center}
.suite-builder h2 .hl{color:var(--g-blue)}

/* trust row */
.suite-trust{display:flex;gap:40px;margin-top:40px}
.suite-trust>div{display:flex;flex-direction:column;gap:12px;font-size:14.5px;line-height:1.4;color:var(--ink2);max-width:150px}
.st-ic{width:44px;height:44px;border-radius:12px;background:rgba(255,255,255,.85);box-shadow:0 1px 2px rgba(60,64,67,.1),0 4px 12px -4px rgba(31,64,128,.15);position:relative}
.st-ic::before{content:"";position:absolute;inset:11px;background:var(--g-blue);-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat}
.st-ms{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 3h8.5v8.5H3zM12.5 3H21v8.5h-8.5zM3 12.5h8.5V21H3zM12.5 12.5H21V21h-8.5z'/%3E%3C/svg%3E")}
.st-globe{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18M12 3c3 3.5 3 14.5 0 18M12 3c-3 3.5-3 14.5 0 18'/%3E%3C/svg%3E")}
.st-shield{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M12 3 4 6v6c0 5 3.5 8 8 9 4.5-1 8-4 8-9V6z'/%3E%3Cpath d='M12 8v8M8.5 11.5h7'/%3E%3C/svg%3E")}

/* the tile wall */
main .suite-builder .catalog-grid{perspective:1400px;grid-template-columns:repeat(12,minmax(0,1fr))!important;grid-auto-rows:auto!important;gap:18px!important;
  transform:perspective(1400px) rotateY(-14deg) rotateX(6deg) rotateZ(2deg);transform-origin:30% 50%;padding:0!important;background:none!important;border:0!important;box-shadow:none!important}
main .suite-builder .catalog-grid>a.catalog-card{grid-column:span 4;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
  text-align:center!important;gap:14px!important;padding:26px 12px 22px!important;min-height:150px!important;border-radius:22px!important;
  background:linear-gradient(150deg,rgba(255,255,255,.78),rgba(255,255,255,.42))!important;
  border:1px solid rgba(255,255,255,.85)!important;-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 1px 2px rgba(31,64,128,.08),0 18px 36px -14px rgba(31,64,128,.28)!important;
  transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s!important}
main .suite-builder .catalog-grid>a.catalog-card:nth-child(n+7){grid-column:span 3}
main .suite-builder .catalog-grid>a.catalog-card:hover{transform:translateZ(30px) translateY(-4px)!important;box-shadow:inset 0 1px 0 #fff,0 24px 44px -14px rgba(31,64,128,.38)!important}
main .suite-builder .catalog-grid>a.catalog-card.feature-card{border:1px solid rgba(255,255,255,.9)!important}
main .suite-builder .catalog-grid>a.catalog-card::after{display:none!important}
main .suite-builder .catalog-grid>a.catalog-card>div{display:block!important}
.suite-builder .catalog-card .app-icon{width:68px!important;height:68px!important;background-size:42px!important;border-radius:18px!important;margin:0!important;
  background-color:rgba(255,255,255,.75)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.9),0 4px 12px -4px rgba(31,64,128,.18)!important}
.suite-builder .catalog-card h3{font-size:16px!important;font-weight:500!important;padding:0!important;white-space:nowrap!important}
.suite-builder .catalog-card p{display:none!important}
.suite-builder .catalog-featured-label{position:absolute!important;top:10px!important;inset-inline-end:10px!important;font-size:9px!important;padding:3px 8px!important}
.suite-builder .catalog-status-label{display:none!important}
[dir=rtl] main .suite-builder .catalog-grid{transform:perspective(1400px) rotateY(14deg) rotateX(6deg) rotateZ(-2deg)}

@media (max-width:1100px){
  main > section.suite-builder{background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(240,246,255,.7)),url(/images/suite-bg-960.webp) center/cover no-repeat,#EAF2FE!important}
  main .suite-builder .catalog-grid,[dir=rtl] main .suite-builder .catalog-grid{transform:none}
}
@media (max-width:640px){
  .suite-trust{gap:16px;justify-content:space-between}
  .suite-trust>div{font-size:13px}
  main .suite-builder .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  main .suite-builder .catalog-grid>a.catalog-card,main .suite-builder .catalog-grid>a.catalog-card:nth-child(n+7){grid-column:auto;min-height:130px!important}
  .suite-builder .catalog-card h3{white-space:normal!important;font-size:14.5px!important}
}
@media (prefers-reduced-motion:reduce){main .suite-builder .catalog-grid>a.catalog-card{transition:none!important}}
.suite-builder .catalog-card .app-icon{align-self:center!important}
main > section.suite-builder{background:linear-gradient(90deg,rgba(255,255,255,.9) 0,rgba(240,246,255,.75) 38%,rgba(240,246,255,.25) 70%,rgba(240,246,255,.05) 100%),url(/images/role-bg.webp) center/cover no-repeat,#EAF2FE!important}
main .suite-builder .catalog-grid>a.catalog-card>div{width:100%!important;text-align:center!important}
.suite-builder .catalog-card h3{text-align:center!important;width:100%}
.suite-builder .catalog-card h3,.suite-builder .catalog-card:has(.catalog-featured-label) h3,.suite-builder .catalog-card:has(.catalog-status-label) h3{padding:0!important}
@media (max-width:1100px){main .suite-builder .suite-builder-grid{grid-template-columns:1fr!important}main .suite-builder .catalog-grid{grid-column:1!important;grid-row:2!important}}

/* ===== v25: featured DMS per owner mockup — wave bg, new copy, trio, tilted framed screen ===== */
main > section.dms-feature{position:relative;background:url(/images/dms-bg.webp) center/cover no-repeat,#EEF4FE!important;color:var(--ink)}
.dms-feature .dms-feature-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)!important;gap:clamp(40px,4vw,72px)!important;align-items:center}
.dms-feature .dms-copy>img{display:none!important}
.dms-feature .pill{background:rgba(255,255,255,.75)!important;border:1px solid rgba(11,87,208,.12)!important}
.dms-feature h2{display:flex;flex-direction:column;font-weight:500!important;color:var(--ink)!important}
.dms-feature .dms-copy>p{color:var(--ink2)!important;max-width:30em}
.dms-trio{display:flex;flex-wrap:wrap;gap:20px 36px;margin-top:16px}
.dms-trio>div{display:flex;align-items:center;gap:12px}
.dms-trio span{display:flex;flex-direction:column;line-height:1.3}
.dms-trio b{font-weight:500;color:var(--ink);font-size:15px}
.dms-trio small{color:var(--ink3);font-size:14px}
.dt-ic{width:44px;height:44px;border-radius:12px;flex:none;background:rgba(255,255,255,.85);box-shadow:0 1px 2px rgba(60,64,67,.1),0 4px 12px -4px rgba(31,64,128,.15);position:relative}
.dt-ic::before{content:"";position:absolute;inset:11px;background:var(--g-blue);-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat}
.dt-collab{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4h10v6H8l-4 3z'/%3E%3Cpath d='M10 14h6l4 3V8h-3'/%3E%3C/svg%3E")}
.dt-comply{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 4 6v6c0 5 3.5 8 8 9 4.5-1 8-4 8-9V6z'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E")}
.dt-risk{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21a8 8 0 0 1 16 0'/%3E%3C/svg%3E")}

/* framed, tilted product screen (same treatment as the role section) */
.dms-feature .dms-product-stage{perspective:1600px;position:relative}
.dms-feature .dms-product-stage>span{display:none!important}
.dms-feature .dms-product-stage::before{content:"";position:absolute;inset:8% -4% -6% 8%;border-radius:40px;background:radial-gradient(closest-side,rgba(11,87,208,.2),transparent);filter:blur(30px)}
.dms-feature .dms-screen{position:relative;border-radius:20px!important;overflow:hidden;background:#fff!important;border:0!important;
  box-shadow:0 2px 6px rgba(60,64,67,.12),0 30px 70px -20px rgba(16,42,94,.35),0 0 0 1px rgba(255,255,255,.8)!important;
  transform:rotateY(-10deg) rotateX(3deg);transform-origin:40% 50%;transition:transform .8s cubic-bezier(.22,1,.36,1)}
.dms-feature .dms-product-stage:hover .dms-screen{transform:rotateY(-3deg) rotateX(1deg) translateZ(20px)}
[dir=rtl] .dms-feature .dms-screen{transform:rotateY(10deg) rotateX(3deg)}
.dms-feature .dms-screen img{border-radius:0!important;width:100%;height:auto;display:block}
@media (max-width:1100px){
  main > section.dms-feature{background:linear-gradient(180deg,rgba(255,255,255,.6),rgba(255,255,255,.3)),url(/images/dms-bg-960.webp) right center/cover no-repeat,#EEF4FE!important}
  .dms-feature .dms-feature-grid{grid-template-columns:1fr!important}
  .dms-feature .dms-screen,[dir=rtl] .dms-feature .dms-screen{transform:none}
}
@media (prefers-reduced-motion:reduce){.dms-feature .dms-screen{transform:none!important;transition:none!important}}

/* ===== v26: remaining homepage sections in the same visual system (content unchanged) ===== */
/* shared: icon tile used across these sections */
:is(.function-grid>article,.custom-proof-grid article)>svg{box-sizing:content-box;width:24px!important;height:24px!important;padding:14px;border-radius:16px;flex:none;
  background:var(--tile,#E8F0FE);color:var(--tone,#0B57D0)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.8),0 2px 8px -2px rgba(31,64,128,.15)}

/* --- Solutions by business function --- */
main > section.function-solutions{background:radial-gradient(900px 500px at 85% 20%,#EEF3FD,transparent 70%),linear-gradient(180deg,#F8FAFD,#fff)!important}
.function-grid{grid-template-columns:minmax(0,.9fr) repeat(3,minmax(0,1fr))!important;gap:20px!important;align-items:stretch}
.function-grid>aside{padding:8px 16px 0 0!important;display:flex;flex-direction:column;gap:20px}
main .function-grid>aside>*{margin:0!important}
.function-grid>aside small{color:var(--ink3)!important;font-size:14px}
.function-grid>article{--tone:#0B57D0;--tile:#E8F0FE;min-height:0!important;padding:28px 26px!important;gap:16px;border-radius:24px!important;
  background:linear-gradient(160deg,rgba(255,255,255,.98),rgba(255,255,255,.88))!important;border:1px solid #EEF1F5!important;
  box-shadow:0 1px 2px rgba(60,64,67,.06),0 12px 32px -14px rgba(31,64,128,.2)!important;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s!important}
.function-grid>article::before{content:"";position:absolute;inset:0 0 auto;height:4px;background:var(--tone)}
.function-grid>article:hover{transform:translateY(-4px);box-shadow:0 2px 4px rgba(60,64,67,.08),0 20px 40px -14px rgba(31,64,128,.28)!important}
.function-grid>article.plum{--tone:#7B1FA2;--tile:#F3E5F5}
.function-grid>article.green{--tone:#137333;--tile:#E6F4EA}
.function-grid>article h3{color:var(--ink)!important;font-size:20px!important;margin:4px 0 0!important}
.function-grid>article ul{display:flex;flex-direction:column;gap:12px;padding:16px 0!important;margin:0!important;border-block:1px solid #EEF1F5!important;list-style:none}
.function-grid>article li{display:flex;gap:10px;align-items:flex-start;font-size:14.5px;line-height:1.5;color:var(--ink2)!important}
.function-grid>article li svg{flex:none;width:18px;height:18px;margin-top:2px;color:var(--tone)!important}
.function-grid>article>p{font-size:13.5px!important;color:var(--ink3)!important;margin:0!important}
.function-grid>article>a{margin-top:auto;color:var(--tone)!important;font-weight:500;display:inline-flex;align-items:center;gap:6px}
.function-grid>article>a svg{width:16px;height:16px;transition:transform .2s}
.function-grid>article>a:hover svg{transform:translateX(3px)}

/* --- Custom application development --- */
main > section.custom-apps-section{background:linear-gradient(180deg,#fff,#F4F7FC)!important}
.custom-apps-grid{gap:clamp(40px,5vw,80px)!important;align-items:center}
.custom-apps-copy{display:flex;flex-direction:column;gap:20px}
main .custom-apps-copy>*{margin:0!important}
.custom-proof-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px!important;margin:8px 0!important}
.custom-proof-grid article{display:flex!important;gap:14px;align-items:flex-start;padding:18px!important;border-radius:20px!important;background:#fff!important;border:1px solid #EEF1F5!important;box-shadow:0 1px 2px rgba(60,64,67,.05)!important}
.custom-proof-grid article>svg{padding:11px!important;width:20px!important;height:20px!important;border-radius:12px}
.custom-proof-grid h3{font-size:15.5px!important;margin:0 0 4px!important}
.custom-proof-grid p{font-size:13.5px!important;color:var(--ink3)!important;margin:0!important}
.custom-app-visual{padding:28px!important;border-radius:28px!important;background:linear-gradient(160deg,rgba(255,255,255,.9),rgba(238,243,253,.9))!important;border:1px solid #E1E9F7!important;
  box-shadow:0 30px 60px -30px rgba(31,64,128,.3)!important}
.custom-app-visual>span{font:600 11px/1.4 var(--mr)!important;letter-spacing:.14em!important;color:var(--g-blue)!important}
.custom-node{border-radius:16px!important;background:rgba(255,255,255,.92)!important;border:1px solid #E6ECF5!important;box-shadow:0 8px 20px -10px rgba(31,64,128,.25)!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.custom-node svg{color:var(--g-blue)!important}
.custom-node b{font-weight:500!important;color:var(--ink)!important}
.hub-center{border-radius:22px!important;box-shadow:0 12px 30px -12px rgba(31,64,128,.3)!important}
.custom-trust span{border-radius:100px!important;background:#E6F4EA!important;color:#137333!important;font-weight:500!important;border:0!important}
.licence-note{color:var(--ink3)!important}

/* --- Pricing --- */
main > section.pricing-section{background:radial-gradient(800px 420px at 50% 0,#EAF1FD,transparent 70%),#F8FAFD!important}
.pricing-grid{gap:20px!important;align-items:stretch}
.pricing-grid article{display:flex;flex-direction:column;padding:32px 28px!important;border-radius:24px!important;background:#fff!important;border:1px solid #EEF1F5!important;
  box-shadow:0 1px 2px rgba(60,64,67,.06),0 14px 34px -16px rgba(31,64,128,.2)!important;transition:transform .25s,box-shadow .25s}
.pricing-grid article:hover{transform:translateY(-4px)}
.pricing-grid article.popular{border:1.5px solid var(--g-blue)!important;transform:none;box-shadow:0 0 0 6px rgba(11,87,208,.06),0 24px 48px -18px rgba(11,87,208,.35)!important}
.pricing-grid .popular-label{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--g-blue)!important;color:#fff!important}
.pricing-grid h3{font-size:20px!important;margin:0 0 16px!important}
.pricing-grid .price{font-size:40px!important;line-height:1!important;margin-bottom:8px}
.pricing-grid .price small{font:500 14px var(--gs)!important;color:var(--ink3);letter-spacing:0}
.pricing-grid .price.custom{font-size:30px!important}
.pricing-grid article>p{font-size:14px!important;color:var(--ink3)!important;margin:0 0 14px!important;min-height:0!important}
.pricing-grid .plan-descriptor{font-weight:500!important;color:var(--ink)!important;font-size:15px}
.pricing-grid ul{border-top:1px solid #EEF1F5!important;margin:16px 0 20px!important;padding:16px 0 0!important;min-height:0!important;flex:1;display:flex;flex-direction:column;gap:12px}
.pricing-grid li{margin:0!important;font-size:14px;line-height:1.5;color:var(--ink2)!important;display:flex;gap:10px}
.pricing-grid li::before{content:""!important;flex:none;width:18px;height:18px;margin-top:1px;background:#137333;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='m8 12 3 3 5-6'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='m8 12 3 3 5-6'/%3E%3C/svg%3E") center/contain no-repeat}
.pricing-note{text-align:center;margin:32px auto 0!important;font-size:14px;color:var(--ink3)!important;max-width:70ch}

/* --- Implementation steps --- */
main > section.implementation{background:#fff}
.implementation>div:last-child{gap:20px!important;position:relative}
.implementation article{border:1px solid #EEF1F5!important;border-radius:24px!important;padding:28px 24px!important;background:#fff;
  box-shadow:0 1px 2px rgba(60,64,67,.05),0 12px 30px -16px rgba(31,64,128,.18)}
.implementation article::after{display:none!important}
.implementation article>span{display:grid!important;place-items:center;width:44px;height:44px;border-radius:50%;margin-bottom:18px;
  background:linear-gradient(135deg,#4C8DF6,#0B57D0);color:#fff!important;font:500 17px/1 var(--gsf)!important;box-shadow:0 0 0 6px #EEF3FD}
.implementation article h3{margin:0 0 8px!important}
.implementation article p{font-size:14.5px!important;color:var(--ink2)!important;margin:0!important}

/* --- FAQ --- */
main > section.faq{background:linear-gradient(180deg,#fff,#F8FAFD)}
.faq>div:last-child{max-width:860px!important;border:0!important;display:flex;flex-direction:column;gap:12px}
.faq article{border:1px solid #EEF1F5!important;border-radius:18px;background:#fff;padding:0 24px;box-shadow:0 1px 2px rgba(60,64,67,.05)}
.faq article button{padding:22px 0!important;font:500 17px/1.4 var(--gs)!important;color:var(--ink)!important}
.faq article button span{display:grid;place-items:center;width:32px;height:32px;flex:none;border-radius:50%;background:#EEF3FD;color:var(--g-blue)!important;font-size:20px!important;line-height:1}
.faq article p{padding:0 0 22px!important;color:var(--ink2)!important}

/* --- Final CTA: soft wave panel --- */
main > section.final-cta{background:#fff!important;padding-block:clamp(48px,6vw,88px)!important}
.final-cta .shell{position:relative;overflow:hidden;border-radius:32px;padding:clamp(48px,6vw,80px) 24px!important;
  background:linear-gradient(90deg,rgba(255,255,255,.88),rgba(255,255,255,.55)),url(/images/dms-bg.webp) center/cover no-repeat;
  border:1px solid #E1E9F7;box-shadow:0 30px 60px -30px rgba(31,64,128,.3)}
.final-cta .button{min-height:56px;padding:0 32px!important;font-size:16.5px!important}

@media (max-width:1100px){
  .function-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .function-grid>aside{grid-column:1/-1}
  .pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .implementation>div:last-child{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:640px){
  .function-grid,.pricing-grid,.implementation>div:last-child,.custom-proof-grid{grid-template-columns:1fr!important}
  .final-cta .shell{border-radius:24px}
}
.function-grid{grid-template-columns:minmax(0,1.15fr) repeat(3,minmax(0,1fr))!important}
main .function-grid>aside h2{font-size:clamp(28px,2.6vw,38px)!important;line-height:1.15!important}
@media (max-width:1100px){.function-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media (max-width:640px){.function-grid{grid-template-columns:1fr!important}}
.function-grid>article ul{border-bottom:0!important}

/* ===== v27: custom apps hub per owner mockup — diamond of glass cards around the portal hub ===== */
.custom-app-visual{padding:32px 28px 24px!important;background:radial-gradient(closest-side,rgba(232,240,254,.9),rgba(248,250,253,.6) 70%,transparent),linear-gradient(160deg,#fff,#F4F7FC)!important}
.custom-app-visual>span{display:block;text-align:center;margin-bottom:8px}
.custom-hub{position:relative;min-height:600px!important;border-radius:0!important;
  background:radial-gradient(circle,transparent 0 44%,rgba(11,87,208,.18) 44.2% 44.6%,transparent 44.8%),radial-gradient(circle,transparent 0 33%,rgba(11,87,208,.1) 33.2% 33.5%,transparent 33.7%),radial-gradient(circle,rgba(219,232,252,.8) 0,transparent 60%)!important}
.custom-hub::before,.custom-hub::after{background:none!important;border:0 dashed rgba(11,87,208,.45)!important;opacity:1!important}
.custom-hub::before{width:0!important;height:48%!important;top:26%!important;left:50%!important;border-left-width:2px!important}
.custom-hub::after{height:0!important;width:56%!important;left:22%!important;top:50%!important;border-top-width:2px!important}
.hub-center{inset:auto!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%);width:220px;height:150px;padding:20px!important;border-radius:26px!important;
  background:rgba(255,255,255,.88)!important;border:1px solid rgba(255,255,255,.95)!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:3!important;
  box-shadow:0 0 0 10px rgba(219,232,252,.5),0 20px 40px -16px rgba(31,64,128,.3)!important}
.hub-center img{width:170px!important;border-radius:0!important}
.hub-center small{color:var(--ink3)!important;font-size:13px}
.custom-node{width:200px!important;min-height:0!important;padding:18px 18px 20px!important;align-items:flex-start!important;text-align:start!important;gap:6px!important;
  border-radius:20px!important;background:rgba(255,255,255,.94)!important;border:1px solid rgba(255,255,255,.95)!important;
  box-shadow:0 1px 2px rgba(60,64,67,.06),0 16px 32px -14px rgba(31,64,128,.28)!important;transform:none!important}
.custom-node svg{box-sizing:content-box;width:26px!important;height:26px!important;padding:12px;border-radius:14px;background:#E8F0FE;color:var(--g-blue)!important;margin-bottom:8px}
.custom-node b{font:500 16px/1.3 var(--gsf)!important;color:var(--ink)!important}
.custom-node small{font-size:13px;line-height:1.45;color:var(--ink3)}
/* positions: 0 top, 1 left, 2 bottom, 3 right */
.custom-node.node-0{top:0!important;left:50%!important;right:auto!important;bottom:auto!important;transform:translateX(-50%)!important}
.custom-node.node-1{top:50%!important;left:0!important;right:auto!important;bottom:auto!important;transform:translateY(-50%)!important}
.custom-node.node-2{bottom:0!important;top:auto!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important}
.custom-node.node-3{top:50%!important;right:0!important;left:auto!important;bottom:auto!important;transform:translateY(-50%)!important}
.custom-trust{display:flex!important;justify-content:center;gap:0!important;margin-top:20px!important;padding-bottom:16px;border-bottom:1px solid #E6ECF5}
.custom-trust span{display:flex!important;align-items:center;gap:10px;padding:4px 20px!important;background:none!important;color:var(--ink)!important;font-weight:500!important;border-radius:0!important}
.custom-trust span+span{border-inline-start:1px solid #E6ECF5!important}
.custom-trust span::before{content:"";width:30px;height:30px;border-radius:50%;flex:none;background:#E6F4EA url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23137333' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12 4 4 8-8'/%3E%3C/svg%3E") center/16px no-repeat}
.licence-note{display:block;text-align:center;margin-top:14px}
@media (max-width:640px){
  .custom-hub{min-height:0!important;display:grid;grid-template-columns:1fr 1fr;gap:12px;background:none!important}
  .custom-hub::before,.custom-hub::after{display:none}
  .hub-center,.custom-node{position:static!important;transform:none!important;width:auto!important}
  .hub-center{grid-column:1/-1;height:auto}
  .custom-trust{flex-wrap:wrap;gap:10px!important}
  .custom-trust span+span{border:0!important}
}
.custom-apps-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)!important}
.custom-node{width:172px!important;padding:16px!important}
.custom-node.node-1,.custom-node.node-3{width:168px!important}
.hub-center{width:190px!important;height:136px!important}
.hub-center img{width:150px!important}
.custom-hub{min-height:640px!important}
@media (max-width:1100px){.custom-apps-grid{grid-template-columns:1fr!important}}

/* ===== v28: Arabic switch in header only for Middle East visitors (worker sets html[data-geo]); footer link for all ===== */
html[data-geo="intl"] :is(.header-actions,.dms-header-actions) .language{display:none!important}
.footer-lang{display:inline-flex;align-items:center;gap:6px;margin-top:4px}
.footer-lang::before{content:"";width:16px;height:16px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27%3E%3Ccircle cx=%2712%27 cy=%2712%27 r=%279%27/%3E%3Cpath d=%27M3 12h18M12 3c3 3.5 3 14.5 0 18M12 3c-3 3.5-3 14.5 0 18%27/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27%3E%3Ccircle cx=%2712%27 cy=%2712%27 r=%279%27/%3E%3Cpath d=%27M3 12h18M12 3c3 3.5 3 14.5 0 18M12 3c-3 3.5-3 14.5 0 18%27/%3E%3C/svg%3E") center/contain no-repeat}