:root {
  color-scheme: dark;
  --bg:#0b0e0d; --raised:#111615; --panel:#151b19; --panel2:#1b2321;
  --line:#2b3e3b; --line2:#365c57; --text:#f3f6f5; --muted:#9aa7a4;
  --quiet:#71817e; --teal:#64c6bf; --bright:#8be0d8; --content:1220px;
  --radius:22px; --shadow:0 24px 80px #0007;
  font-family:"Source Sans 3",Arial,sans-serif; background:var(--bg); color:var(--text);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;min-width:320px;overflow-x:hidden;background:radial-gradient(ellipse at 12% 7%,#14423c33,transparent 29rem),radial-gradient(ellipse at 88% 21%,#1c383433,transparent 34rem),var(--bg);color:var(--text);font:17px/1.55 "Source Sans 3",Arial,sans-serif}
button,input,select{font:inherit;color:inherit}
a{color:inherit;text-decoration:none}
button,a,input,select{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:2px solid var(--bright)!important;outline-offset:4px}
::selection{background:#438c84;color:#fff}
.app-root{min-height:100vh}
.container{width:min(var(--content),calc(100% - 56px));margin-inline:auto}
.skip-link{position:absolute;top:-60px;inset-inline-start:16px;z-index:100;padding:10px 14px;background:#163b36;color:white;border-radius:8px}
.skip-link:focus{top:10px}
.eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--teal);font-size:12px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
.eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 14px #64c6bf88}
.muted{color:var(--muted)}
.section{padding-block:clamp(76px,10vw,138px)}
.section-head{max-width:710px;margin-bottom:42px}
.section-head h2{max-width:15ch;margin:14px 0 15px;font-size:clamp(35px,5vw,60px);line-height:1.02;letter-spacing:-.045em}
.section-head p{max-width:62ch;margin:0;color:var(--muted);font-size:19px}
.section-head.center{margin-inline:auto;text-align:center}
.section-head.center h2,.section-head.center p{margin-inline:auto}
.site-header{position:relative;z-index:20;border-bottom:1px solid #a5c7c01c;background:#0b0e0dd9;backdrop-filter:blur(18px)}
.header-inner{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand{display:inline-flex;flex-direction:column;align-items:flex-start;flex:0 0 auto;line-height:1}
.brand-name{font-size:33px;font-weight:500;letter-spacing:-.075em;line-height:.92}
.brand-be{font-weight:300;letter-spacing:-.09em}
.brand-tagline{margin-top:6px;font-size:9px;letter-spacing:.14em;color:#c1cecb}
.main-nav{display:flex;align-items:center;gap:clamp(14px,2.2vw,31px)}
.main-nav a{color:#e1e7e5;font-size:15px;font-weight:650;white-space:nowrap;transition:color .18s}
.main-nav a:hover,.main-nav a[aria-current=page]{color:var(--bright)}
.header-actions{display:flex;align-items:center;gap:12px}
.language-switch{display:inline-flex;align-items:center;gap:3px;padding:4px;border:1px solid var(--line2);border-radius:999px;background:#111816}
.language-switch a{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;color:var(--muted);font-weight:750;font-size:12px}
.language-switch a[aria-current=page]{color:#f7fbfa;background:#1c3430;box-shadow:inset 0 0 0 1px #4a817a}
.language-switch .flag{font-size:16px;line-height:1}
.button{display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:48px;padding:12px 20px;border:1px solid transparent;border-radius:999px;color:#08110f;background:var(--teal);font-size:15px;font-weight:800;line-height:1.1;box-shadow:0 8px 26px #64c6bf1c;transition:transform .2s,background .2s,border-color .2s,box-shadow .2s}
.button:hover{transform:translateY(-2px);background:var(--bright);box-shadow:0 12px 32px #64c6bf30}
.button-outline{border-color:#5c8983;background:transparent;color:var(--text);box-shadow:none}
.button-outline:hover{border-color:var(--teal);background:#17312d}
.button .arrow{font-size:18px;line-height:.8}
.menu-toggle{display:none;border:1px solid var(--line);background:var(--panel);border-radius:12px;width:44px;height:44px;cursor:pointer}
.menu-toggle span,.menu-toggle:before,.menu-toggle:after{content:"";display:block;width:17px;height:1.5px;margin:4px auto;background:var(--text)}
.hero{position:relative;isolation:isolate;padding-block:clamp(72px,9vw,122px) 82px}
.hero:before{content:"";position:absolute;z-index:-1;inset:3% -15% 0 auto;width:min(73vw,930px);background:radial-gradient(ellipse,#2da69a19,transparent 67%);pointer-events:none}
.hero-grid{display:grid;grid-template-columns:minmax(0,.91fr) minmax(460px,1.09fr);align-items:center;gap:clamp(46px,7vw,94px)}
.hero-copy{max-width:610px}
.hero h1{margin:19px 0 20px;font-size:clamp(48px,6.4vw,82px);line-height:.96;letter-spacing:-.06em;font-weight:750}
.hero h1 .highlight{display:block;color:var(--bright)}
.hero-copy>p{max-width:58ch;margin:0;color:#aab6b3;font-size:clamp(18px,2vw,21px);line-height:1.6}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:31px}
.hero-note{display:flex;align-items:center;gap:10px;margin-top:22px;color:var(--quiet);font-size:13px}
.hero-note .dot{width:6px;height:6px;background:var(--teal);border-radius:50%}
.hero-art{min-width:0;position:relative}
.orbit{position:absolute;z-index:-1;inset:-16% -8%;border:1px solid #67cfc01c;border-radius:50%;transform:rotate(-13deg)}
.orbit:after{content:"";position:absolute;width:7px;height:7px;top:15%;left:19%;border-radius:50%;background:var(--teal);box-shadow:0 0 20px var(--teal)}
.dashboard{position:relative;overflow:hidden;border:1px solid #35504b;border-radius:22px;background:linear-gradient(140deg,#19211f,#101514 70%);box-shadow:0 30px 90px #0007,0 0 48px #4db4a413}
.dash-top{height:57px;display:flex;align-items:center;justify-content:space-between;padding-inline:19px;border-bottom:1px solid #2a3936;color:#c5cfcc;font-size:12px}
.dash-brand{display:flex;align-items:center;gap:9px;font-weight:800;color:var(--text)}
.dash-mark{width:25px;height:25px;display:grid;place-items:center;border:1px solid #58b4aa66;border-radius:8px;color:var(--teal);font-size:11px}
.dash-top-right{display:flex;align-items:center;gap:11px}
.dash-avatar{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#35675f;color:#fff;font-size:10px;font-weight:800}
.dash-content{display:grid;grid-template-columns:144px minmax(0,1fr);min-height:340px}
.dash-side{padding:18px 11px;border-inline-end:1px solid #2a3936;background:#0e1312}
.dash-nav{display:grid;gap:5px}
.dash-nav-item{display:flex;align-items:center;gap:9px;min-height:33px;padding:6px 9px;border-radius:8px;color:#899894;font-size:11px}
.dash-nav-item.active{color:#dff4f0;background:#1c3330}
.dash-nav-icon{display:inline-grid;place-items:center;width:15px;color:var(--teal);font-size:13px}
.dash-main{min-width:0;padding:19px}
.dash-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:17px}
.dash-title-row strong{display:block;font-size:16px;color:#edf3f1}
.dash-title-row small{display:block;margin-top:2px;font-size:10px;color:#7f908b}
.preview-label{padding:4px 8px;border:1px solid #394b47;border-radius:999px;font-size:9px;color:#93a19e;white-space:nowrap}
.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.stat-tile{min-width:0;padding:12px;border:1px solid #2c3c38;border-radius:11px;background:#171e1c}
.stat-tile small{display:block;color:#93a09d;font-size:10px}
.stat-tile strong{display:block;margin-top:4px;font-size:20px;line-height:1;font-weight:750}
.stat-tile em{display:block;margin-top:6px;color:var(--teal);font-size:9px;font-style:normal}
.dash-lower{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(120px,.8fr);gap:10px;margin-top:10px}
.chart-panel,.activity-panel{min-width:0;padding:12px;border:1px solid #2c3c38;border-radius:11px;background:#141a19}
.panel-label{display:flex;justify-content:space-between;gap:8px;margin-bottom:9px;color:#c8d2cf;font-size:10px;font-weight:700}
.chart{width:100%;height:96px;overflow:visible}
.chart-grid{stroke:#30413d;stroke-width:1;stroke-dasharray:3 4}
.chart-path{fill:none;stroke:#73d5ca;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.chart-area{fill:url(#chart-fill);opacity:.42}
.activity-list{display:grid;gap:9px}
.activity-row{display:flex;gap:7px;align-items:center;font-size:9px;color:#9daaa7}
.activity-pip{width:6px;height:6px;flex:0 0 auto;border-radius:50%;background:var(--teal)}
.dash-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;padding:11px 13px;border:1px solid #2c3c38;border-radius:11px;color:#b6c1be;font-size:10px}
.status{display:inline-flex;align-items:center;gap:6px;color:var(--bright)}
.status:before{content:"";width:6px;height:6px;background:currentColor;border-radius:50%}
.trust-strip{border-block:1px solid #253532;background:#111715b3}
.trust-inner{min-height:104px;display:grid;grid-template-columns:repeat(3,1fr);align-items:center}
.trust-item{display:flex;align-items:center;gap:14px;min-height:53px;padding-inline:25px;border-inline-end:1px solid #263733}
.trust-item:first-child{padding-inline-start:0}.trust-item:last-child{border-inline-end:0}
.trust-number{color:var(--bright);font-weight:800;font-size:25px;letter-spacing:-.04em}
.trust-copy{color:#aeb9b6;font-size:13px;line-height:1.3}
.solution-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}
.solution-card{position:relative;min-height:270px;overflow:hidden;display:flex;flex-direction:column;padding:clamp(24px,3.2vw,38px);border:1px solid #2d403c;border-radius:var(--radius);background:linear-gradient(145deg,#18201e,#111615 58%,#0f1312);transition:border-color .22s,transform .22s,background .22s}
.solution-card:hover{transform:translateY(-4px);border-color:#55938b;background:linear-gradient(145deg,#1b2926,#111615 75%)}
.solution-card:after{content:"";position:absolute;width:220px;height:220px;inset-block-start:-120px;inset-inline-end:-55px;border:1px solid #6fd1c51e;border-radius:50%;box-shadow:0 0 0 20px #6fd1c50b,0 0 0 45px #6fd1c508;pointer-events:none}
.solution-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#94a29f;font-size:12px}
.solution-icon{width:42px;height:42px;display:grid;place-items:center;border:1px solid #3b6962;border-radius:13px;color:var(--teal);background:#19312d;font-size:17px}
.solution-card h3{max-width:17ch;margin:25px 0 10px;font-size:clamp(24px,3vw,34px);line-height:1.05;letter-spacing:-.035em}
.solution-card p{max-width:49ch;margin:0;color:var(--muted);font-size:16px}
.solution-link{display:inline-flex;align-items:center;gap:9px;margin-top:auto;padding-top:23px;color:var(--bright);font-weight:750;font-size:14px}
.solution-link .arrow{display:inline-block;transition:transform .18s}
.solution-card:hover .solution-link .arrow{transform:translateX(4px)}
[dir=rtl] .solution-card:hover .solution-link .arrow{transform:translateX(-4px)}
.statement-section{position:relative;overflow:hidden;background:#111715;border-block:1px solid #263733}
.statement-grid{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:10%}
.statement-mark{position:relative;min-height:310px;display:grid;place-items:center}
.statement-mark:before,.statement-mark:after{content:"";position:absolute;width:250px;height:250px;border:1px solid #67cfc020;border-radius:50%}
.statement-mark:after{width:176px;height:176px;border-color:#67cfc04c}
.mark-core{position:relative;z-index:1;display:grid;place-items:center;width:118px;height:118px;border:1px solid #5fc1b76b;border-radius:34px;color:var(--bright);background:linear-gradient(145deg,#1e3f39,#14201d);box-shadow:0 0 60px #44c5b01d;font-size:40px;font-weight:300}
.statement-content h2{margin:15px 0 16px;font-size:clamp(34px,4.8vw,58px);line-height:1;letter-spacing:-.05em}
.statement-content p{max-width:60ch;color:var(--muted);font-size:18px}
.feature-line{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px}
.feature-line div{padding-top:14px;border-top:1px solid #36504b;color:#cad2d0;font-size:13px}
.feature-line div:before{content:"↗";display:block;margin-bottom:6px;color:var(--teal);font-weight:800}
[dir=rtl] .feature-line div:before{content:"↖"}
.steps-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-block:1px solid #2a3b37}
.step-card{position:relative;min-height:210px;padding:28px 24px;border-inline-end:1px solid #2a3b37}
.step-card:last-child{border-inline-end:0}
.step-number{color:#578f87;font-size:12px;font-weight:800;letter-spacing:.12em}
.step-card h3{margin:25px 0 8px;font-size:21px}
.step-card p{margin:0;color:var(--muted);font-size:15px}
.integration-band{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px;padding:clamp(30px,5vw,60px);border:1px solid #34514b;border-radius:var(--radius);background:linear-gradient(120deg,#17211f,#101513)}
.integration-band h2{margin:13px 0;font-size:clamp(30px,4vw,46px);line-height:1.02;letter-spacing:-.045em}
.integration-band p{max-width:54ch;margin:0;color:var(--muted)}
.integration-list{display:flex;flex-wrap:wrap;gap:9px;justify-content:flex-end}
.fit-tags{justify-content:flex-start;margin-top:20px}
.centered-actions{justify-content:center}
.integration-chip{display:inline-flex;align-items:center;gap:9px;padding:11px 14px;border:1px solid #364944;border-radius:999px;background:#121917;color:#cbd4d1;font-size:13px}
.integration-chip:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--teal)}
.cta-panel{position:relative;overflow:hidden;padding:clamp(42px,7vw,84px);border:1px solid #4b827b;border-radius:28px;text-align:center;background:radial-gradient(ellipse at 50% 120%,#23685f9c,transparent 65%),linear-gradient(135deg,#172320,#101513);box-shadow:0 28px 80px #0005}
.cta-panel:before{content:"";position:absolute;inset:15px;border:1px solid #8be0d818;border-radius:19px;pointer-events:none}
.cta-panel h2{position:relative;max-width:15ch;margin:13px auto;font-size:clamp(36px,5vw,62px);line-height:.98;letter-spacing:-.05em}
.cta-panel p{position:relative;max-width:57ch;margin:0 auto 25px;color:#b5c4c0;font-size:18px}
.cta-panel .button{position:relative}
.site-footer{margin-top:20px;border-top:1px solid #24332f;background:#080b0a}
.footer-main{display:grid;grid-template-columns:1.2fr .8fr .8fr 1fr;gap:42px;padding-block:62px 48px}
.footer-brand p{max-width:31ch;margin:18px 0 0;color:#9ca8a5;font-size:14px}
.footer-col h3{margin:0 0 16px;font-size:14px;letter-spacing:.04em}
.footer-col a,.footer-col p{display:block;margin:8px 0;color:#9da9a6;font-size:14px}
.footer-col a:hover{color:var(--bright)}
.footer-email{direction:ltr;unicode-bidi:isolate;white-space:nowrap}
.footer-bottom{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid #202c29;color:#778480;font-size:12px}
.page-hero{padding-block:clamp(62px,8vw,102px) 58px}
.breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-bottom:28px;color:#81918d;font-size:13px}
.breadcrumbs a{color:#b2bfbc}.crumb-sep{color:var(--teal)}
.detail-hero-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);align-items:center;gap:clamp(40px,7vw,86px)}
.detail-copy h1{max-width:12ch;margin:16px 0;font-size:clamp(46px,6.2vw,76px);line-height:.98;letter-spacing:-.055em}
.detail-copy>p{max-width:55ch;margin:0;color:var(--muted);font-size:19px}
.detail-bullets{display:grid;gap:10px;margin:25px 0 0;padding:0;list-style:none;color:#c5cfcc;font-size:15px}
.detail-bullets li{display:flex;align-items:flex-start;gap:10px}
.detail-bullets li:before{content:"✓";flex:0 0 auto;color:var(--teal);font-weight:800}
.detail-preview{transform:perspective(900px) rotateY(-2deg)}
[dir=rtl] .detail-preview{transform:perspective(900px) rotateY(2deg)}
.detail-preview .dash-content{min-height:355px}
.section-split{display:grid;grid-template-columns:.8fr 1.2fr;align-items:start;gap:10%}
.section-split h2{max-width:12ch;margin:15px 0 0;font-size:clamp(36px,4.7vw,57px);line-height:1;letter-spacing:-.05em}
.section-split-copy>p{margin-top:4px;color:var(--muted);font-size:18px}
.capability-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:27px}
.capability{padding:21px;border:1px solid #2d403c;border-radius:16px;background:#121816}
.cap-number{color:var(--teal);font-size:11px;font-weight:800;letter-spacing:.12em}
.capability h3{margin:10px 0 6px;font-size:18px}
.capability p{margin:0;color:var(--muted);font-size:14px}
.audience-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:34px}
.audience-item{min-height:145px;padding:22px;border-inline-start:2px solid #44867e;background:linear-gradient(90deg,#182320,#111715)}
.audience-item h3{margin:0 0 8px;font-size:18px}
.audience-item p{margin:0;color:var(--muted);font-size:14px}
.configurator-section{background:#101513;border-block:1px solid #283a36}
.configurator-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:24px;align-items:start}
.configurator{padding:clamp(23px,4vw,38px);border:1px solid #344c46;border-radius:22px;background:linear-gradient(145deg,#18201e,#111615)}
.configurator h3{margin:0 0 6px;font-size:23px}
.configurator>p{margin:0 0 25px;color:var(--muted)}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}
.field{display:grid;gap:8px;min-width:0}
.field.full{grid-column:1/-1}
.field label,.field-title{color:#d3ddda;font-size:13px;font-weight:750}
.field select{width:100%;min-height:48px;padding:10px 13px;border:1px solid #354842;border-radius:10px;background:#0e1312;color:var(--text);font-size:15px}
.choice-row{display:flex;flex-wrap:wrap;gap:8px}
.choice{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:8px 11px;border:1px solid #34443f;border-radius:10px;color:#b8c4c0;background:#111816;font-size:13px;cursor:pointer}
.choice:has(input:checked){border-color:#569e95;background:#17322d;color:#e9f6f4}
.choice input{accent-color:var(--teal)}
.scope-card{position:sticky;top:24px;padding:26px;border:1px solid #3c6961;border-radius:20px;background:radial-gradient(ellipse at 85% 0,#245d551f,transparent 55%),#121918}
.scope-card .eyebrow{font-size:10px}
.scope-card h3{margin:15px 0 8px;font-size:24px}
.scope-card p{color:var(--muted);font-size:14px}
.scope-list{display:grid;gap:9px;margin:17px 0 22px;padding:0;list-style:none}
.scope-list li{display:flex;justify-content:space-between;gap:12px;padding-top:8px;border-top:1px solid #2b3a36;color:#c5cfcc;font-size:13px}
.scope-list strong{color:var(--text);font-weight:650;text-align:end}
.scope-note{margin-top:12px;color:#7f8f8b!important;font-size:12px!important}
.faq-list{display:grid;gap:10px;max-width:900px;margin-inline:auto}
.faq-list details{padding:0 20px;border:1px solid #2c403b;border-radius:14px;background:#121715}
.faq-list summary{position:relative;padding:18px 24px 18px 0;cursor:pointer;font-size:16px;font-weight:750;list-style:none}
[dir=rtl] .faq-list summary{padding:18px 0 18px 24px}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary:after{content:"+";position:absolute;inset-inline-end:0;top:50%;transform:translateY(-50%);color:var(--teal);font-size:21px}
.faq-list details[open] summary:after{content:"−"}
.faq-list details p{max-width:70ch;margin:0;padding:0 0 20px;color:var(--muted);font-size:15px}
.service-clarity{background:linear-gradient(180deg,#0f1412,#101614 62%,#0b0e0d);border-block:1px solid #1f302c}
.service-clarity-head{max-width:820px;margin-bottom:34px}
.service-clarity-head h2{max-width:18ch;margin:14px 0;font-size:clamp(34px,4.4vw,56px);line-height:1.03;letter-spacing:-.045em}
.service-clarity-head p{margin:0;color:var(--muted);font-size:18px}
.delivery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.delivery-card{min-height:160px;padding:22px;border:1px solid #2d403b;border-radius:17px;background:linear-gradient(145deg,#171f1d,#111614)}
.delivery-step{display:inline-flex;align-items:center;gap:8px;color:var(--bright);font-size:16px;font-weight:800}
.delivery-step:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--teal);box-shadow:0 0 13px #64c6bf80}
.delivery-card p{margin:13px 0 0;color:var(--muted);font-size:14px;line-height:1.55}
.service-disclaimer{display:flex;align-items:flex-start;gap:14px;margin-top:18px;padding:18px 20px;border:1px solid #3b635c;border-radius:15px;background:#14201d;color:#c4d0cc}
.service-disclaimer p{margin:0;font-size:14px;line-height:1.6}
.disclaimer-mark{flex:0 0 24px;width:24px;height:24px;display:grid;place-items:center;border:1px solid #4d8e84;border-radius:50%;color:var(--bright);font-weight:800;font-size:13px}
.service-clarity+.statement-section{border-top:0}
.main-nav a[href^="#"]{scroll-margin-top:18px}
.mobile-menu{display:none}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .55s,transform .55s}
.reveal.is-visible{opacity:1;transform:none}
.boot{min-height:100vh;display:grid;place-items:center;color:var(--teal)}
[dir=rtl] body,[dir=rtl] button,[dir=rtl] input,[dir=rtl] select{font-family:"Cairo",Tahoma,Arial,sans-serif}
[dir=rtl] .eyebrow{letter-spacing:0}
[dir=rtl] .hero h1,[dir=rtl] .detail-copy h1,[dir=rtl] .section-head h2,[dir=rtl] .statement-content h2{letter-spacing:0;line-height:1.2}
[dir=rtl] .service-clarity-head h2{letter-spacing:0;line-height:1.25}
[dir=rtl] .hero-grid,[dir=rtl] .detail-hero-grid,[dir=rtl] .statement-grid,[dir=rtl] .section-split{direction:rtl}
[dir=rtl] .audience-item{background:linear-gradient(270deg,#182320,#111715)}
[dir=rtl] .choice-row{direction:rtl}
[dir=rtl] .footer-email{text-align:right}
@media(max-width:1100px){
 .main-nav{gap:15px}.main-nav a{font-size:14px}.header-inner{gap:16px}
 .header-actions>.button{padding-inline:14px;font-size:13px}
 .hero-grid{grid-template-columns:minmax(0,.85fr) minmax(390px,1.15fr);gap:38px}
 .delivery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .footer-main{grid-template-columns:1.1fr .8fr .8fr}.footer-col:last-child{grid-column:2/-1}
}
@media(max-width:850px){
 .container{width:min(var(--content),calc(100% - 40px))}
 .header-inner{min-height:76px}.menu-toggle{display:block}.main-nav{display:none}
 .header-actions{margin-inline-start:auto}.header-actions>.button{display:none}
 .mobile-menu{display:grid;gap:0;position:absolute;inset:76px 20px auto;z-index:30;padding:12px;border:1px solid #3a5751;border-radius:18px;background:#111715f7;box-shadow:var(--shadow)}
 .mobile-menu:not([hidden]){animation:menu-in .18s ease both}
 .mobile-menu a{padding:13px 14px;border-radius:10px;color:#d9e2df;font-weight:700}
 .mobile-menu a:hover{background:#1d312d;color:var(--bright)}
 @keyframes menu-in{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
 .hero-grid,.detail-hero-grid{grid-template-columns:1fr}.hero-copy{max-width:760px}
 .hero-art,.detail-preview{width:min(100%,720px);margin-inline:auto}
 .detail-preview{transform:none}.statement-grid,.section-split{grid-template-columns:1fr;gap:25px}
 .statement-mark{min-height:230px}.integration-band{grid-template-columns:1fr}
 .integration-list{justify-content:flex-start}
 .steps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .step-card:nth-child(2){border-inline-end:0}
 .step-card:nth-child(-n+2){border-bottom:1px solid #2a3b37}
 .configurator-grid{grid-template-columns:1fr}.scope-card{position:static}
}
@media(max-width:600px){
 body{font-size:16px}.container{width:calc(100% - 32px)}
 .brand-name{font-size:30px}.header-inner{min-height:70px}
 .mobile-menu{inset-block-start:70px;inset-inline:16px}
 .language-switch a{padding:7px 8px}.language-switch .flag{font-size:14px}
 .hero{padding-block:61px}.hero h1{font-size:clamp(43px,13vw,62px)}
 .hero-copy>p,.detail-copy>p{font-size:17px}
 .hero-actions{align-items:stretch}.hero-actions>.button{flex:1 1 100%}
 .dash-content,.detail-preview .dash-content{grid-template-columns:1fr;min-height:0}
 .dash-side{display:none}.dash-main{padding:13px}.stat-grid{gap:6px}
 .stat-tile{padding:9px 8px}.stat-tile strong{font-size:17px}
 .dash-lower{grid-template-columns:1fr}.activity-panel{display:none}
 .trust-inner{grid-template-columns:1fr;padding-block:10px}
 .trust-item{padding:13px 0;border-inline-end:0;border-bottom:1px solid #263733}
 .trust-item:last-child{border-bottom:0}
 .solution-grid,.feature-line,.capability-list,.audience-grid{grid-template-columns:1fr}
 .delivery-grid{grid-template-columns:1fr}
 .delivery-card{min-height:0;padding:19px}
 .solution-card{min-height:235px}.feature-line{gap:10px}
 .feature-line div{display:flex;align-items:center;gap:10px;padding-top:10px}
 .feature-line div:before{margin:0}
 .steps-grid{grid-template-columns:1fr}.step-card{min-height:0;padding:23px 18px;border-inline-end:0;border-bottom:1px solid #2a3b37}
 .step-card:nth-child(2){border-bottom:1px solid #2a3b37}.step-card:last-child{border-bottom:0}
 .step-card h3{margin-top:12px}.integration-band{padding:25px 21px}
 .integration-chip{font-size:12px}.cta-panel{padding:43px 21px;border-radius:22px}
 .footer-main{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 18px;padding-block:43px 35px}
 .footer-brand{grid-column:1/-1}.footer-col:last-child{grid-column:auto}
 .footer-email{font-size:12px!important}
 .footer-bottom{align-items:flex-start;flex-direction:column;justify-content:center;padding-block:15px}
 .page-hero{padding-block:48px 42px}.breadcrumbs{margin-bottom:19px}
 .detail-copy h1{font-size:clamp(43px,12vw,59px)}
 .form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}
 .scope-card{padding:22px}.section{padding-block:70px}
}
@media(prefers-reduced-motion:reduce){
 *,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
 .reveal{opacity:1;transform:none}
}

/* Brand assets and realistic, clearly illustrative CRM screen concepts. */
.brand-logo{display:block;width:128px;height:auto;object-fit:contain}
.footer-brand .brand-logo{width:152px}
.dash-logo{display:block;width:43px;height:18px;object-fit:contain;object-position:left center}
.dash-brand{gap:11px}
.chart-area{opacity:.42}
.dash-section-label{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:4px 0 10px;color:#d9e3e0;font-size:11px}
.dash-section-label span{color:#788985;font-size:9px}
.dash-kanban{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;align-items:start}
.kanban-lane{min-width:0;padding:6px 5px;border:1px solid #283b37;border-radius:8px;background:#111715}
.kanban-lane-title{display:flex;align-items:center;justify-content:space-between;gap:3px;margin-bottom:7px;color:#aebbb7;font-size:8px;font-weight:750}
.kanban-lane-title b{display:grid;place-items:center;min-width:15px;height:15px;border-radius:50%;background:#243a36;color:#8bdad2;font-size:8px}
.opportunity-card{position:relative;display:grid;gap:4px;margin-top:6px;padding:7px 6px;border:1px solid #263833;border-radius:7px;background:linear-gradient(145deg,#1a2421,#121816);transition:border-color .2s,transform .2s}
.opportunity-card:hover{transform:translateY(-2px);border-color:#4a857d}
.opportunity-card strong{overflow:hidden;color:#edf4f1;font-size:8px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}
.opportunity-card small{overflow:hidden;color:#8d9b97;font-size:7px;text-overflow:ellipsis;white-space:nowrap}
.opportunity-card>div{display:flex;align-items:center;justify-content:space-between;gap:4px;margin-top:3px;color:#9ce1d8;font-size:8px;font-weight:700}
.opportunity-card i{display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#31554f;color:#e2f7f3;font-size:6px;font-style:normal}
.opportunity-dot{width:5px;height:5px;border-radius:50%;background:#70d2c7}
.tone-1{background:#78a9a1!important}.tone-2{background:#c5a77a!important}.tone-3{background:#96a9c7!important}
.crm-table-wrap{overflow:auto;border:1px solid #2c3c38;border-radius:10px;background:#121816}
.crm-table{width:100%;border-collapse:collapse;color:#aebbb7;font-size:9px;text-align:start}
.crm-table th,.crm-table td{padding:10px 8px;border-bottom:1px solid #283632;text-align:inherit;white-space:nowrap}
.crm-table th{color:#7f908b;font-size:8px;font-weight:700}
.crm-table tr:last-child td{border-bottom:0}
.crm-table td:first-child{color:#e7efec}
.crm-table td:first-child strong{font-size:9px}
.table-avatar{display:inline-grid;place-items:center;width:20px;height:20px;margin-inline-end:6px;border-radius:7px;background:#25443e;color:#a5e8de;font-size:8px;font-weight:800;vertical-align:middle}
.record-status{display:inline-flex;align-items:center;gap:4px;padding:3px 6px;border:1px solid #36544c;border-radius:999px;color:#a8e3d8;font-size:8px;line-height:1.2}
.record-status:before{content:"";width:4px;height:4px;border-radius:50%;background:var(--teal)}
.property-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.property-card{overflow:hidden;border:1px solid #2a3a36;border-radius:9px;background:#131a18}
.property-art{position:relative;display:flex;min-height:75px;align-items:flex-start;justify-content:space-between;overflow:hidden;padding:7px;background:linear-gradient(135deg,#315b55,#172421 60%,#111714)}
.property-art:before,.property-art:after{position:absolute;content:"";pointer-events:none}
.property-art:before{width:90px;height:90px;inset-inline-end:-17px;bottom:-49px;border:1px solid #9be0d833;border-radius:50%;box-shadow:0 0 0 12px #9be0d80a,0 0 0 24px #9be0d808}
.property-art:after{inset:25px 9px 0;background:linear-gradient(145deg,transparent 40%,#0b100f 41% 48%,transparent 49%),linear-gradient(35deg,#1d342f 0 40%,transparent 41%)}
.property-art-1{background:linear-gradient(135deg,#5a5140,#27251f 58%,#131816)}
.property-art-2{background:linear-gradient(135deg,#324d62,#192732 60%,#111715)}
.property-art span,.property-art b{position:relative;z-index:1;color:#cdebe6;font-size:7px}
.property-art b{font-size:18px;font-weight:400}
.property-card-info{display:grid;gap:4px;padding:7px}
.property-card-info strong{overflow:hidden;color:#e4eeeb;font-size:8px;text-overflow:ellipsis;white-space:nowrap}
.property-card-info small{color:#7e8d89;font-size:7px}
.property-card-info>div{display:flex;align-items:center;justify-content:space-between;gap:3px;margin-top:3px}
.property-card-info>div>b{color:#b7e9e2;font-size:8px}
.property-card-info .record-status{padding:2px 4px;font-size:7px}
.odoo-app-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.odoo-app{position:relative;display:grid;grid-template-columns:27px minmax(0,1fr);gap:2px 7px;align-items:center;min-height:58px;padding:8px;border:1px solid #2b3c38;border-radius:9px;background:linear-gradient(140deg,#1a2421,#121816)}
.odoo-app-icon{grid-row:span 2;display:grid;place-items:center;width:27px;height:27px;border:1px solid #3b6a62;border-radius:8px;background:#19302c;color:#8ee1d7;font-size:13px}
.odoo-app strong{color:#e8f0ed;font-size:9px}
.odoo-app small{color:#82918d;font-size:7px}
.odoo-app>b{position:absolute;inset-inline-end:8px;top:8px;color:#8eddd4;font-size:9px}
.odoo-lower{grid-template-columns:minmax(0,1fr) minmax(95px,.7fr)}
.screen-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.screen-card{min-width:0;overflow:hidden;border:1px solid #30423e;border-radius:18px;background:linear-gradient(145deg,#151c1a,#0f1312);box-shadow:0 18px 44px #0004;transition:border-color .25s,box-shadow .25s,transform .25s}
.screen-card:hover{transform:translateY(-4px);border-color:#4d8980;box-shadow:0 22px 55px #0006,0 0 28px #64c6bf15}
.screen-viewport{height:310px;overflow:hidden;border-bottom:1px solid #293a36;background:#0e1312}
.screen-viewport .dashboard{min-height:390px;border:0;border-radius:0;box-shadow:none;transition:transform .55s cubic-bezier(.2,.75,.2,1)}
.screen-card:hover .screen-viewport .dashboard{transform:translateY(-34px)}
.screen-viewport .dash-content{min-height:330px}
.screen-viewport .dash-main{padding:14px}
.screen-viewport .stat-tile{padding:9px}
.screen-viewport .stat-tile strong{font-size:17px}
.screen-card-copy{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 21px 20px}
.screen-card-copy h3{margin:0 0 4px;font-size:18px;line-height:1.2}
.screen-card-copy p{max-width:52ch;margin:0;color:var(--muted);font-size:14px;line-height:1.45}
.screen-card-copy>a{display:grid;place-items:center;width:38px;height:38px;flex:0 0 auto;border:1px solid #416b65;border-radius:50%;color:var(--bright);font-size:19px;transition:background .2s,transform .2s}
.screen-card-copy>a:hover{transform:translateX(3px);background:#1a3430}
[dir=rtl] .screen-card-copy>a:hover{transform:translateX(-3px)}
.screenshot-disclaimer{max-width:78ch;margin:20px 0 0;color:#889994;font-size:13px;line-height:1.6}
[dir=rtl] .crm-table{text-align:right}
@media(max-width:900px){.screen-gallery{grid-template-columns:1fr}.screen-viewport{height:330px}}
@media(max-width:600px){
 .brand-logo{width:112px}.footer-brand .brand-logo{width:140px}
 .screen-gallery{gap:14px}.screen-viewport{height:285px}
 .screen-viewport .dash-content{grid-template-columns:1fr;min-height:0}
 .screen-viewport .dash-side{display:none}.screen-viewport .dash-main{padding:12px}
 .screen-viewport .dash-lower{grid-template-columns:1fr}.screen-viewport .activity-panel{display:none}
 .screen-viewport .property-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .screen-card-copy{padding:15px}.screen-card-copy h3{font-size:16px}.screen-card-copy p{font-size:13px}
 .crm-table{font-size:8px}.crm-table th,.crm-table td{padding:8px 5px}
}

/* A storefront-style solution catalog with BePro's original visual language. */
.catalog-toolbar{display:grid;gap:15px;margin:-6px 0 26px;padding:17px;border:1px solid #29413c;border-radius:17px;background:linear-gradient(120deg,#141d1b,#101513)}
.catalog-search{display:flex;align-items:center;gap:11px;min-height:50px;padding:0 14px;border:1px solid #324b46;border-radius:12px;background:#0d1211;color:var(--teal)}
.catalog-search>span:first-child{font-size:21px}.catalog-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--text);font-size:15px}.catalog-search input::placeholder{color:#778884}.catalog-count{flex:none;color:#94a6a1;font-size:12px;font-weight:700;white-space:nowrap}
.catalog-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.catalog-filter{min-height:36px;padding:7px 13px;border:1px solid #314540;border-radius:999px;background:#111816;color:#aab9b5;font-size:12px;font-weight:750;cursor:pointer;transition:color .18s,border-color .18s,background .18s,transform .18s}.catalog-filter:hover{transform:translateY(-1px);border-color:#67c6bc;color:var(--bright)}.catalog-filter[aria-pressed=true]{border-color:#5baea4;background:#1b3732;color:#f3fffc;box-shadow:inset 0 0 0 1px #5baea455}
.solution-grid{align-items:stretch}.solution-card{min-height:0;padding:0;border-color:#2b433e;border-radius:21px;background:linear-gradient(150deg,#192320,#101513 72%);box-shadow:0 18px 46px #0003}.solution-card:hover{transform:translateY(-5px);border-color:#66bcb0;box-shadow:0 24px 58px #0005,0 0 32px #64c6bf14}.solution-card:after{display:none}
.solution-card-visual{position:relative;isolation:isolate;height:232px;overflow:hidden;border-bottom:1px solid #2b403b;background:radial-gradient(ellipse at 50% 18%,#275c5438,transparent 65%),#0e1312}.solution-card-visual>.dashboard{position:absolute;inset:0 0 auto;min-height:310px;border:0;border-radius:0;box-shadow:none;pointer-events:none}.solution-card-visual .dash-top{height:45px;padding-inline:14px;font-size:10px}.solution-card-visual .dash-content{grid-template-columns:108px minmax(0,1fr);min-height:280px}.solution-card-visual .dash-side{padding:10px 7px}.solution-card-visual .dash-nav-item{min-height:25px;padding:4px 5px;font-size:9px}.solution-card-visual .dash-main{padding:12px}.solution-card-visual .dash-title-row{margin-bottom:10px}.solution-card-visual .dash-title-row strong{font-size:12px}.solution-card-visual .dash-title-row small{font-size:8px}.solution-card-visual .stat-tile{padding:8px}.solution-card-visual .stat-tile small,.solution-card-visual .activity-row{font-size:8px}.solution-card-visual .stat-tile strong{font-size:16px}.solution-card-visual .stat-tile em{font-size:8px}.solution-card-visual .chart{height:74px}.solution-card-visual .dash-bottom{margin-top:7px;padding:8px 10px;font-size:8px}.solution-card-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.solution-category,.solution-featured{position:absolute;z-index:3;top:13px;display:inline-flex;align-items:center;max-width:calc(50% - 24px);overflow:hidden;padding:6px 10px;border:1px solid #55877f88;border-radius:999px;background:#101715ef;color:#dceeea;font-size:10px;font-weight:750;text-overflow:ellipsis;white-space:nowrap;backdrop-filter:blur(9px)}.solution-category{inset-inline-start:13px}.solution-featured{inset-inline-end:13px;border-color:#7fcfc688;background:#183631;color:#aaf0e7}
.solution-card-body{position:relative;z-index:1;display:flex;flex:1;flex-direction:column;padding:23px 24px 24px}.solution-card .solution-meta{color:#91a39f;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.solution-card .solution-icon{width:34px;height:34px;border-radius:11px;font-size:15px}.solution-card h3{max-width:24ch;margin:17px 0 8px;font-size:clamp(22px,2.4vw,30px);line-height:1.08;letter-spacing:-.03em}.solution-card p{min-height:48px;color:#a9b7b3;font-size:15px;line-height:1.55}.solution-points{display:grid;gap:8px;margin:19px 0 0;padding:0;list-style:none;color:#d2dbd8;font-size:13px}.solution-points li{position:relative;padding-inline-start:20px}.solution-points li:before{position:absolute;inset-inline-start:0;color:var(--teal);font-weight:800;content:"✓"}.solution-audiences{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:17px}.solution-audience-label{width:100%;margin-bottom:2px;color:#758783;font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:.08em}.solution-audience{padding:5px 9px;border:1px solid #293d38;border-radius:999px;background:#131a18;color:#9eb1ac;font-size:10px}.solution-card .solution-link{display:flex;justify-content:space-between;align-self:stretch;margin-top:auto;padding-top:23px;color:#83ddd2;font-size:13px}.solution-card .solution-link .arrow{font-size:18px}
.catalog-empty{grid-column:1/-1;padding:40px 20px;border:1px dashed #3a5a53;border-radius:16px;color:#a3b4b0;text-align:center}
.product-detail-art{height:100%;min-height:330px;margin:0;overflow:hidden;border:1px solid #365650;border-radius:22px;background:#111715;box-shadow:0 25px 70px #0005}.product-detail-art img{display:block;width:100%;height:100%;min-height:330px;object-fit:cover}
[dir=rtl] .solution-card .solution-link .arrow{transform:scaleX(-1)}
@media(max-width:980px){.solution-card-visual{height:215px}.solution-card-body{padding:20px}.solution-card p{min-height:0}}
@media(max-width:680px){.catalog-toolbar{padding:12px}.catalog-search{gap:8px;padding-inline:11px}.catalog-count{font-size:10px}.catalog-filters{flex-wrap:nowrap;overflow-x:auto;padding:1px 2px 5px;scrollbar-width:thin}.catalog-filter{flex:none}.solution-grid{grid-template-columns:1fr}.solution-card-visual{height:235px}.solution-card-body{padding:21px}.solution-card h3{font-size:25px}}
@media(prefers-reduced-motion:reduce){.solution-card,.catalog-filter{transition:none}}