:root{
  --ink:#0b1628;--navy:#06162d;--navy2:#0a2946;--teal:#167d84;--teal2:#42a1a3;
  --gold:#c89b43;--ivory:#f7f5ef;--paper:#fbfcfd;--muted:#6c7887;--line:#dfe5e9;
  --white:#fff;--shadow:0 24px 70px rgba(8,28,50,.11)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f8fafb;color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;line-height:1.55}body.lang-ar{font-family:"Segoe UI",Tahoma,Arial,sans-serif}
a{color:inherit}.container{width:min(1240px,calc(100% - 46px));margin:auto}
.site-header{position:sticky;top:0;z-index:300;background:rgba(248,250,251,.88);backdrop-filter:blur(20px);border-bottom:1px solid rgba(11,35,61,.07)}
.nav{height:80px;display:flex;align-items:center;gap:30px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none}.brand img{width:39px;height:39px}.brand-copy{display:grid;line-height:1}.brand-copy strong{font-size:18px}.brand-copy strong span{color:var(--teal)}.brand-copy small{font-size:9px;color:#8894a2;letter-spacing:.09em;margin-top:5px}
.nav-links{display:flex;gap:23px;margin-left:auto}.nav-links a{text-decoration:none;font-size:12px;font-weight:800;color:#5e6978}.nav-links a:hover,.nav-links a.active{color:var(--teal)}
.nav-actions{display:flex;align-items:center;gap:10px}.lang{display:flex;background:#fff;border:1px solid var(--line);border-radius:10px;padding:3px}.lang button{border:0;background:none;padding:5px 7px;border-radius:7px;font-size:9px;font-weight:900;color:#7d8996;cursor:pointer}.lang button.active{background:var(--navy);color:#fff}
.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:0;cursor:pointer;border-radius:12px;padding:13px 18px;background:linear-gradient(110deg,#0a335d,#14757d);color:#fff;font-size:12px;font-weight:900;box-shadow:0 12px 28px rgba(15,85,101,.18)}.btn.light{background:#fff;color:var(--navy);border:1px solid var(--line);box-shadow:none}.btn.ghost{background:transparent;border:1px solid rgba(255,255,255,.28);box-shadow:none}.btn.small{padding:9px 12px}.mobile-toggle{display:none;margin-left:auto;border:0;background:none;font-size:22px}

.hero{position:relative;overflow:hidden;min-height:760px;background:
radial-gradient(circle at 82% 12%,rgba(35,129,137,.32),transparent 28%),
radial-gradient(circle at 15% 100%,rgba(184,137,49,.12),transparent 30%),
linear-gradient(118deg,#041226,#071a33 62%,#0c3b4c);color:#fff}
.hero .container{position:relative;z-index:3}
.z-pattern{position:absolute;inset:0;pointer-events:none;opacity:.33;background-image:
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220' viewBox='0 0 220 220'%3E%3Cg fill='none' stroke-linejoin='round'%3E%3Cpath d='M110 18 128 62 172 46 156 90 202 110 156 130 172 174 128 158 110 202 92 158 48 174 64 130 18 110 64 90 48 46 92 62Z' stroke='%2368b6b2' stroke-width='2' opacity='.38'/%3E%3Cpath d='M110 45 123 77 155 65 143 97 175 110 143 123 155 155 123 143 110 175 97 143 65 155 77 123 45 110 77 97 65 65 97 77Z' stroke='%23d2a84d' stroke-width='1.8' opacity='.45'/%3E%3Cpath d='M110 70 120 96 146 110 120 124 110 150 100 124 74 110 100 96Z' stroke='%23f3eee2' stroke-width='1.2' opacity='.34'/%3E%3C/g%3E%3C/svg%3E");
mask-image:linear-gradient(92deg,transparent 0%,transparent 33%,#000 74%,#000)}
.hero-inner{display:grid;grid-template-columns:.9fr 1.1fr;gap:58px;align-items:center;padding:110px 0 88px}
.hero-copy{max-width:690px}.eyebrow{display:block;font-size:10px;letter-spacing:.17em;font-weight:900;color:#d4aa55;margin-bottom:16px}.hero h1{font:500 clamp(54px,6vw,84px)/.98 Georgia,serif;letter-spacing:-.055em;margin:0 0 24px}.hero p{font-size:19px;color:#c6d3df;max-width:650px;margin:0 0 30px;line-height:1.65}.hero-actions{display:flex;gap:11px;flex-wrap:wrap}.hero .btn.main{font-size:14px;padding:16px 26px;border-radius:13px;background:#fff;color:#0a2748;box-shadow:0 14px 34px rgba(0,0,0,.2)}.hero-note{margin-top:18px;color:#92a5b8;font-size:10px;letter-spacing:.03em}

.hero-stage{position:relative}.hero-stage:before{content:"";position:absolute;inset:8% -3% -5% 9%;border:1px solid rgba(255,255,255,.13);border-radius:30px;transform:rotate(-3deg)}.hero-stage:after{content:"";position:absolute;right:-36px;bottom:-36px;width:165px;height:165px;border-radius:50%;border:1px solid rgba(211,169,83,.28)}
.window{position:relative;z-index:2;background:#f9fbfc;border:1px solid rgba(255,255,255,.3);border-radius:25px;overflow:hidden;box-shadow:0 40px 110px rgba(0,0,0,.32);transform:perspective(1200px) rotateY(-4deg) rotateX(1deg)}
.window-top{height:56px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 17px;border-bottom:1px solid #e5eaee;color:#14243c}.window-brand{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:900}.window-brand img{width:24px;height:24px}.window-user{width:27px;height:27px;border-radius:50%;background:#e6ebef}
.window-body{display:grid;grid-template-columns:50px 1fr;min-height:425px}.window-side{background:#071a35;display:grid;align-content:start;justify-content:center;gap:16px;padding-top:20px}.window-side i{width:16px;height:16px;border-radius:5px;border:1px solid #536d88}.window-side i:first-child{background:#27848a;border-color:#27848a}
.window-main{padding:23px;color:#17263c}.window-head{display:flex;justify-content:space-between;align-items:center}.window-head div{display:grid}.window-head small{font-size:7px;letter-spacing:.12em;color:#8995a3;font-weight:900}.window-head strong{font:600 23px Georgia,serif}.fake-search{padding:9px 12px;border:1px solid #dfe5e9;border-radius:9px;font-size:8px;color:#9aa5b2}
.kpi-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:19px 0}.kpi-strip article{background:#fff;border:1px solid #e4e9ed;border-radius:14px;padding:13px;display:grid}.kpi-strip small{font-size:7px;color:#7c8998;text-transform:uppercase}.kpi-strip strong{font-size:18px}.kpi-strip span{font-size:7px;color:#278086}
.window-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:10px}.win-card{height:174px;border:1px solid #e3e8ec;border-radius:14px;background:#fff;padding:13px}.win-card small{font-size:7px;letter-spacing:.1em;color:#8995a3;font-weight:900}.bars{display:flex;align-items:end;gap:7px;height:120px;padding-top:16px}.bars i{flex:1;border-radius:6px 6px 2px 2px;background:linear-gradient(#378d91,#153c61)}.activity p{display:flex;gap:8px;align-items:center;border-bottom:1px solid #edf1f3;padding:10px 0;margin:0;font-size:8px}.activity b{width:7px;height:7px;border-radius:50%;background:#c8973c}

.trustbar{background:#fff;border-bottom:1px solid #e4e9ed}.trustbar .container{display:grid;grid-template-columns:repeat(4,1fr)}.trustbar div{padding:24px 20px;border-right:1px solid #e8ecef}.trustbar div:last-child{border:0}.trustbar strong{font-size:12px;display:block}.trustbar span{font-size:10px;color:#7c8795}

.section{padding:104px 0}.section.soft{background:#f2f5f6}.section.ivory{background:var(--ivory)}.section-head{max-width:790px;margin-bottom:48px}.section-head h2{font:500 clamp(38px,4.4vw,58px)/1.06 Georgia,serif;letter-spacing:-.045em;margin:0 0 18px}.section-head p{font-size:15px;color:var(--muted);max-width:710px;margin:0}
.statement{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;align-items:start}.statement-number{font:500 100px/.9 Georgia,serif;color:#d9dedf}.statement-copy h3{font:500 42px/1.06 Georgia,serif;letter-spacing:-.04em;margin:0 0 18px}.statement-copy p{font-size:15px;color:var(--muted);max-width:660px}.statement-copy ul{list-style:none;padding:0;margin:28px 0 0;display:grid;gap:12px}.statement-copy li{font-size:12px;color:#4f5d6e}.statement-copy li:before{content:"◆";color:var(--teal);font-size:8px;margin-right:9px}
.lang-ar .statement-copy li:before{margin-right:0;margin-left:9px}

.module-showcase{display:grid;grid-template-columns:290px 1fr;gap:26px}.module-tabs{display:grid;align-content:start;gap:7px}.module-tab{border:1px solid var(--line);background:#fff;border-radius:13px;padding:15px 16px;text-align:left;cursor:pointer;font:inherit;color:#677485}.module-tab strong{display:block;font-size:12px;color:#1b2a40}.module-tab span{display:block;font-size:9px;margin-top:4px}.module-tab.active{background:#0b2949;color:#aebdca;border-color:#0b2949}.module-tab.active strong{color:#fff}
.module-panel{background:#fff;border:1px solid var(--line);border-radius:25px;overflow:hidden;box-shadow:var(--shadow)}.module-panel-top{padding:23px 25px;border-bottom:1px solid #e5eaee;display:flex;justify-content:space-between;align-items:center}.module-panel-top strong{font:600 24px Georgia,serif}.module-panel-top span{font-size:9px;color:#85909f}.module-panel-body{padding:25px}.module-copy{display:none}.module-copy.active{display:block}.module-copy h4{font:600 31px Georgia,serif;margin:0 0 10px}.module-copy p{font-size:13px;color:var(--muted);max-width:680px}.module-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:28px}.module-metrics div{background:#f7f9fa;border:1px solid #e4e9ed;border-radius:14px;padding:15px}.module-metrics small{font-size:8px;color:#83909f;display:block}.module-metrics strong{font-size:17px}

.split{display:grid;grid-template-columns:1fr 1fr;gap:76px;align-items:center}.split h3{font:500 40px/1.08 Georgia,serif;letter-spacing:-.04em;margin:0 0 16px}.split p{color:var(--muted);font-size:14px}.split-card{position:relative;background:linear-gradient(135deg,#07192f,#0b3d50);color:#fff;border-radius:27px;padding:30px;min-height:355px;overflow:hidden;box-shadow:var(--shadow)}.split-card:after{content:"";position:absolute;right:-70px;bottom:-90px;width:280px;height:280px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='184' height='184' viewBox='0 0 184 184'%3E%3Cg fill='none'%3E%3Cpath d='M92 12 108 50 146 36 132 74 170 92 132 110 146 148 108 134 92 172 76 134 38 148 52 110 14 92 52 74 38 36 76 50Z' stroke='%2372b9b5' stroke-width='2' opacity='.45'/%3E%3Cpath d='M92 34 104 62 132 52 122 80 150 92 122 104 132 132 104 122 92 150 80 122 52 132 62 104 34 92 62 80 52 52 80 62Z' stroke='%23d9b45c' stroke-width='2' opacity='.5'/%3E%3C/g%3E%3C/svg%3E");opacity:.25}.split-card h4{font:600 27px Georgia,serif;margin:0 0 24px}.split-card .rows{position:relative;z-index:2;display:grid;gap:10px}.split-card .rows div{display:grid;grid-template-columns:1fr .8fr .6fr;gap:12px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:13px;padding:14px;font-size:10px}.split-card .rows small{color:#aebdca}

.apps-section{position:relative;overflow:hidden;background:#06172e;color:#fff}.apps-section .section-head h2{color:#fff}.apps-section .section-head p{color:#b9c7d4}.app-flow{display:grid;grid-template-columns:1fr 90px 1fr 90px 1fr;align-items:center;gap:10px}.app-node{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:22px;min-height:160px}.app-node.core{background:#fff;color:#16253c}.app-node span{font-size:8px;letter-spacing:.12em;color:#d1a64e;font-weight:900}.app-node h3{font:600 23px Georgia,serif;margin:30px 0 8px}.app-node p{font-size:10px;color:#9eb0c0}.app-node.core p{color:#758293}.app-arrow{text-align:center;color:#5f8892;font-size:28px}

.cta-band{background:#fff;border-top:1px solid #e3e9ed;border-bottom:1px solid #e3e9ed}.cta-band .container{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-top:34px;padding-bottom:34px}.cta-band h3{font:600 28px Georgia,serif;margin:0}.cta-band p{font-size:11px;color:#778392;margin:4px 0 0}

.page-hero{position:relative;overflow:hidden;background:linear-gradient(115deg,#05162d,#0b344c);color:#fff;padding:90px 0 74px}.page-hero:after{content:"";position:absolute;right:-80px;top:-80px;width:500px;height:500px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='184' height='184' viewBox='0 0 184 184'%3E%3Cpath d='M92 12 108 50 146 36 132 74 170 92 132 110 146 148 108 134 92 172 76 134 38 148 52 110 14 92 52 74 38 36 76 50Z' fill='none' stroke='%2372b9b5' opacity='.22'/%3E%3C/svg%3E");opacity:.25}.page-hero .container{position:relative;z-index:2}.page-hero h1{font:500 clamp(46px,5.2vw,70px)/1.02 Georgia,serif;letter-spacing:-.05em;margin:0;max-width:900px}.page-hero p{font-size:17px;color:#c5d1dc;max-width:760px;margin:22px 0 0}.breadcrumbs{font-size:10px;color:#91a5b8;margin-bottom:20px}
.feature-row,.split-list,.pricing-grid,.resource-grid{display:grid;gap:15px}.feature-row{grid-template-columns:repeat(3,1fr)}.split-list{grid-template-columns:repeat(2,1fr)}.pricing-grid{grid-template-columns:repeat(3,1fr)}.resource-grid{grid-template-columns:repeat(3,1fr)}
.feature-box,.split-list article,.price-card,.resource-card,.contact-card,.visual-panel{background:#fff;border:1px solid var(--line);border-radius:21px;padding:27px;box-shadow:0 12px 35px rgba(12,33,56,.045)}.feature-box span,.resource-card>span,.price-card .tag{font-size:9px;letter-spacing:.12em;color:var(--gold);font-weight:900}.feature-box h3,.split-list h3,.resource-card h3{font:600 24px Georgia,serif;margin:34px 0 9px}.feature-box p,.split-list p,.resource-card p{font-size:12px;color:var(--muted)}.price-card h3{font:600 28px Georgia,serif}.price-card .price{font-size:32px;font-weight:800;margin:18px 0 5px}.price-card .sub{font-size:10px;color:var(--muted)}.price-card ul{list-style:none;padding:0;display:grid;gap:9px;margin:24px 0}.price-card li{font-size:11px;color:#536174}.price-card li:before{content:"✓";color:var(--teal);font-weight:900;margin-right:8px}.price-card.featured{border-color:#2a868d;box-shadow:0 24px 58px rgba(17,89,103,.12)}
.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:54px}.contact-card label{display:grid;gap:6px;font-size:10px;font-weight:800;color:#596677;margin-bottom:14px}.contact-card input,.contact-card select,.contact-card textarea{border:1px solid #dce3e8;border-radius:10px;padding:11px 12px;font:inherit}.contact-card textarea{min-height:130px}.legal{max-width:850px}.legal h2{font:600 28px Georgia,serif}.legal p,.legal li{font-size:13px;color:#5d6a7b}
.notice{background:#eef5f5;border:1px solid #d8e7e7;border-radius:16px;padding:16px 18px;font-size:11px;color:#416066}
.final-cta{background:radial-gradient(circle at 50% 0%,#15566a,transparent 36%),#05162c;color:#fff;text-align:center;padding:92px 0}.final-cta img{width:58px;height:58px}.final-cta h2{font:500 52px Georgia,serif;letter-spacing:-.04em;margin:18px 0 12px}.final-cta p{color:#b8c6d3;margin-bottom:26px}

footer{background:#031124;color:#d7dfe7;padding:54px 0 24px}.footer-grid{display:grid;grid-template-columns:2fr repeat(4,1fr);gap:32px}.footer-brand{display:flex;gap:10px;align-items:flex-start}.footer-brand img{width:39px;height:39px}.footer-brand div{display:grid}.footer-brand small{font-size:9px;color:#8497aa}.footer-col{display:grid;align-content:start;gap:8px}.footer-col strong{font-size:10px}.footer-col a{font-size:10px;text-decoration:none;color:#93a4b5}.footer-bottom{margin-top:38px;padding-top:20px;border-top:1px solid #1a2b40;display:flex;justify-content:space-between;font-size:9px;color:#71869a}

.lang-ar .nav-links{margin-left:0;margin-right:auto}.lang-ar .module-tab{text-align:right}.lang-ar .section-head,.lang-ar .statement-copy,.lang-ar .split,.lang-ar .page-hero,.lang-ar .feature-box,.lang-ar .split-list article,.lang-ar .price-card,.lang-ar .resource-card,.lang-ar .legal,.lang-ar .contact-grid{text-align:right}
@media(max-width:1000px){.nav-links{display:none;position:absolute;top:80px;left:22px;right:22px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:var(--shadow)}.nav-links.open{display:grid}.mobile-toggle{display:block}.nav-actions .signin{display:none}.hero-inner,.statement,.split,.contact-grid{grid-template-columns:1fr}.hero{min-height:auto}.hero-stage{max-width:760px}.module-showcase{grid-template-columns:1fr}.module-tabs{grid-template-columns:repeat(4,1fr)}.app-flow{grid-template-columns:1fr}.app-arrow{transform:rotate(90deg)}.feature-row,.pricing-grid,.resource-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1.7fr repeat(3,1fr)}.footer-grid .footer-col:last-child{display:none}}
@media(max-width:680px){.container{width:min(100% - 28px,1240px)}.nav{height:70px;gap:9px}.brand-copy small,.lang{display:none}.hero-inner{padding:68px 0}.hero h1{font-size:46px}.hero p{font-size:15px}.hero-actions{flex-direction:column}.window{transform:none}.window-body{grid-template-columns:34px 1fr;min-height:330px}.window-main{padding:13px}.fake-search{display:none}.kpi-strip{grid-template-columns:1fr}.kpi-strip article:nth-child(3){display:none}.window-grid{grid-template-columns:1fr}.activity{display:none}.trustbar .container{grid-template-columns:1fr 1fr}.section{padding:72px 0}.section-head h2{font-size:38px}.statement-number{font-size:64px}.module-tabs{grid-template-columns:1fr 1fr}.module-metrics{grid-template-columns:1fr}.feature-row,.split-list,.pricing-grid,.resource-grid{grid-template-columns:1fr}.cta-band .container{flex-direction:column;align-items:flex-start}.final-cta h2{font-size:39px}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:6px}}


/* V3.2 — real AxiCore product screenshot in hero */
.hero-stage-real{
  position:relative;
  min-width:0;
}
.hero-stage-real:before{
  content:"";
  position:absolute;
  inset:7% -3% -5% 8%;
  border:1px solid rgba(255,255,255,.14);
  border-radius:31px;
  transform:rotate(-2.2deg);
  pointer-events:none;
}
.hero-stage-real:after{
  content:"";
  position:absolute;
  right:-34px;
  bottom:-36px;
  width:165px;
  height:165px;
  border-radius:50%;
  border:1px solid rgba(211,169,83,.28);
  pointer-events:none;
}
.real-dashboard-frame{
  position:relative;
  z-index:2;
  overflow:hidden;
  border-radius:25px;
  background:#fff;
  border:1px solid rgba(255,255,255,.30);
  box-shadow:0 42px 110px rgba(0,0,0,.34);
  transform:perspective(1400px) rotateY(-3deg) rotateX(.8deg);
}
.real-dashboard-toolbar{
  min-height:52px;
  padding:0 16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  border-bottom:1px solid #e4e9ed;
  background:#fff;
  color:#15253b;
}
.real-dashboard-brand{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:10px;
  font-weight:900;
}
.real-dashboard-brand img{
  width:24px;
  height:24px;
  object-fit:contain;
}
.real-dashboard-label{
  font-size:8px;
  font-weight:900;
  letter-spacing:.13em;
  color:#1d777f;
  background:#edf6f6;
  border:1px solid #d7e8e8;
  border-radius:999px;
  padding:6px 9px;
}
.real-dashboard-shot{
  background:#eef2f5;
  aspect-ratio:1688 / 854;
  overflow:hidden;
}
.real-dashboard-shot img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center top;
}
@media(max-width:680px){
  .real-dashboard-frame{transform:none;border-radius:18px}
  .real-dashboard-toolbar{min-height:44px}
  .real-dashboard-label{display:none}
}


/* V3.3 — simplified conversion-focused hero */
.hero-actions-single{
  display:block;
  width:min(100%,520px);
}
.hero .hero-main-cta{
  width:100%;
  min-height:66px;
  padding:18px 28px;
  border-radius:14px;
  font-size:15px;
  letter-spacing:.025em;
  background:#fff;
  color:#082442;
  box-shadow:0 16px 38px rgba(0,0,0,.24);
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.hero .hero-main-cta:hover{
  transform:translateY(-2px);
  box-shadow:0 20px 48px rgba(0,0,0,.29);
  background:#fffdf8;
}
.hero-note-clean{
  width:min(100%,520px);
  margin-top:11px;
  text-align:center;
  color:#9fb0c1;
  font-size:10px;
  letter-spacing:.035em;
}
@media(max-width:680px){
  .hero-actions-single,
  .hero-note-clean{width:100%}
  .hero .hero-main-cta{min-height:60px;font-size:14px}
}


/* V3.4 — homepage hero uses the exact AxiCore login zellige motif.
   Gradient, opacity and masking remain unchanged. */
.z-pattern{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='184' height='184' viewBox='0 0 184 184'%3E%3Cg fill='none' stroke-linejoin='round'%3E%3Cpath d='M92 12 108 50 146 36 132 74 170 92 132 110 146 148 108 134 92 172 76 134 38 148 52 110 14 92 52 74 38 36 76 50Z' stroke='%2372b9b5' stroke-width='2.2' opacity='.52'/%3E%3Cpath d='M92 34 104 62 132 52 122 80 150 92 122 104 132 132 104 122 92 150 80 122 52 132 62 104 34 92 62 80 52 52 80 62Z' stroke='%23d9b45c' stroke-width='2' opacity='.62'/%3E%3Cpath d='M92 57 102 82 127 92 102 102 92 127 82 102 57 92 82 82Z' fill='%231f7784' fill-opacity='.22' stroke='%23f4efe3' stroke-width='1.5' opacity='.8'/%3E%3Cpath d='M92 69 100 84 115 92 100 100 92 115 84 100 69 92 84 84Z' fill='%23c8842f' fill-opacity='.28' stroke='%23c8842f' stroke-width='1.2' opacity='.9'/%3E%3Cpath d='M0 0 38 36M184 0 146 36M0 184 38 148M184 184 146 148' stroke='%2372b9b5' stroke-width='1.6' opacity='.36'/%3E%3Cpath d='M0 92 14 92M170 92 184 92M92 0 92 12M92 172 92 184' stroke='%23d9b45c' stroke-width='1.7' opacity='.48'/%3E%3C/g%3E%3C/svg%3E") !important;
  background-size:184px 184px !important;
  background-repeat:repeat !important;
}


/* ==========================================================
   V3.5 — AXICORE OFFICIAL BRAND CHARTER
   Deep Night Blue #0B1630
   Royal Blue      #1F2E55
   Brushed Gold    #D4AF37
   Pale Gold       #F1D79A
   Ivory           #F7F4EE
   Stone Grey      #DAD7D1
   ========================================================== */
:root{
  --ink:#0B1630 !important;
  --navy:#0B1630 !important;
  --navy2:#1F2E55 !important;
  --teal:#1F2E55 !important;
  --teal2:#1F2E55 !important;
  --gold:#D4AF37 !important;
  --ivory:#F7F4EE !important;
  --paper:#F7F4EE !important;
  --muted:#6d7180 !important;
  --line:#DAD7D1 !important;
  --white:#ffffff !important;
}

/* Global surface refinement */
body{background:#F7F4EE;color:#0B1630}
.site-header{
  background:rgba(247,244,238,.94);
  border-bottom:1px solid rgba(31,46,85,.12)
}
.nav-links a{color:#596070}
.nav-links a:hover,.nav-links a.active{color:#1F2E55}

/* AxiCore wordmark treatment */
.brand-copy{
  display:flex !important;
  align-items:baseline;
  gap:7px;
  line-height:1;
}
.brand-copy strong{
  display:flex;
  align-items:baseline;
  gap:6px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:21px !important;
  font-weight:500 !important;
  letter-spacing:-.025em;
  color:#0B1630;
}
.brand-copy strong span{
  color:#D4AF37 !important;
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  font-size:8px;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
  transform:translateY(-2px);
}
.brand-copy small{
  display:none !important;
}

/* Hero uses the official blue family, no teal cast */
.hero{
  background:
    radial-gradient(circle at 82% 12%,rgba(31,46,85,.58),transparent 31%),
    radial-gradient(circle at 15% 100%,rgba(212,175,55,.13),transparent 30%),
    linear-gradient(118deg,#0B1630 0%,#101d3b 61%,#1F2E55 100%) !important;
}
.hero .eyebrow,
.eyebrow{color:#D4AF37}
.hero p{color:#e2e0dc}
.hero-note-clean{color:#c4c1bb}
.hero .hero-main-cta{
  background:#F7F4EE !important;
  color:#0B1630 !important;
  border:1px solid rgba(212,175,55,.42);
}
.hero .hero-main-cta:hover{background:#fffaf0 !important}

/* Zellige: same geometry, official AxiCore palette */
.z-pattern{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='184' height='184' viewBox='0 0 184 184'%3E%3Cg fill='none' stroke-linejoin='round'%3E%3Cpath d='M92 12 108 50 146 36 132 74 170 92 132 110 146 148 108 134 92 172 76 134 38 148 52 110 14 92 52 74 38 36 76 50Z' stroke='%231F2E55' stroke-width='2.2' opacity='.72'/%3E%3Cpath d='M92 34 104 62 132 52 122 80 150 92 122 104 132 132 104 122 92 150 80 122 52 132 62 104 34 92 62 80 52 52 80 62Z' stroke='%23D4AF37' stroke-width='2' opacity='.64'/%3E%3Cpath d='M92 57 102 82 127 92 102 102 92 127 82 102 57 92 82 82Z' fill='%231F2E55' fill-opacity='.18' stroke='%23F7F4EE' stroke-width='1.5' opacity='.62'/%3E%3Cpath d='M92 69 100 84 115 92 100 100 92 115 84 100 69 92 84 84Z' fill='%23D4AF37' fill-opacity='.22' stroke='%23F1D79A' stroke-width='1.2' opacity='.76'/%3E%3Cpath d='M0 0 38 36M184 0 146 36M0 184 38 148M184 184 146 148' stroke='%231F2E55' stroke-width='1.6' opacity='.48'/%3E%3Cpath d='M0 92 14 92M170 92 184 92M92 0 92 12M92 172 92 184' stroke='%23D4AF37' stroke-width='1.7' opacity='.5'/%3E%3C/g%3E%3C/svg%3E") !important;
}

/* Product frame and components */
.real-dashboard-label{
  color:#1F2E55 !important;
  background:#F7F4EE !important;
  border-color:#DAD7D1 !important
}
.btn{
  background:linear-gradient(110deg,#0B1630,#1F2E55) !important;
  color:#fff;
}
.btn.light{
  background:#F7F4EE !important;
  color:#0B1630 !important;
  border-color:#DAD7D1 !important;
}
.lang button.active{background:#0B1630 !important;color:#F7F4EE}
.trustbar{background:#F7F4EE}
.section.ivory{background:#F7F4EE}
.section.soft{background:#f1efea}
.module-tab.active{background:#1F2E55 !important;border-color:#1F2E55 !important}
.split-card,
.apps-section,
.final-cta,
.page-hero{background-color:#0B1630 !important}
.app-node.core{background:#F7F4EE !important}
.cta-band{background:#F7F4EE}
.feature-box,.split-list article,.price-card,.resource-card,.contact-card,.visual-panel,
.module-panel{border-color:#DAD7D1}
.price-card.featured{border-color:#D4AF37 !important}
.notice{background:#f6f1e4;border-color:#ead9ad;color:#4e4a40}

/* Editorial title typography mirrors the brand guide */
.hero h1,.page-hero h1,.section-head h2,.statement-copy h3,.split h3,
.feature-box h3,.split-list h3,.resource-card h3,.final-cta h2,
.module-copy h4,.module-panel-top strong{
  font-family:Georgia,"Times New Roman",serif;
  font-weight:500;
}

/* Footer wordmark */
.footer-brand strong{
  font-family:Georgia,"Times New Roman",serif;
  font-size:18px;
  font-weight:500;
  color:#F7F4EE;
}
.footer-brand small{
  color:#D4AF37;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:8px
}
footer{background:#0B1630}

/* Gold details remain restrained */
.statement-copy li:before{color:#D4AF37}
.app-arrow{color:#D4AF37}


/* V3.6 — AxiCore / CLOUD stacked wordmark in header */
.brand-copy{
  display:grid !important;
  align-items:start !important;
  gap:2px !important;
  line-height:1 !important;
}
.brand-copy strong{
  display:flex !important;
  align-items:baseline !important;
  gap:0 !important;
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:21px !important;
  font-weight:500 !important;
  letter-spacing:-.025em !important;
  color:#0B1630 !important;
}
.brand-copy strong span{
  display:block !important;
  position:absolute;
  margin-top:22px;
  margin-left:2px;
  color:#D4AF37 !important;
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif !important;
  font-size:7px !important;
  font-weight:900 !important;
  letter-spacing:.20em !important;
  text-transform:uppercase !important;
  transform:none !important;
}
.brand{
  align-items:center !important;
}
.brand-copy{
  position:relative;
  min-width:88px;
  padding-bottom:10px;
}
.lang-ar .brand-copy strong span{
  margin-left:0;
  margin-right:2px;
}


/* V3.7 cumulative correction
   KEEP V3.6 header wordmark.
   RESTORE the validated login zellige geometry on the homepage hero only. */
.hero .z-pattern,
.z-pattern{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='184' height='184' viewBox='0 0 184 184'%3E%3Cg fill='none' stroke-linejoin='round'%3E%3Cpath d='M92 12 108 50 146 36 132 74 170 92 132 110 146 148 108 134 92 172 76 134 38 148 52 110 14 92 52 74 38 36 76 50Z' stroke='%231F2E55' stroke-width='2.2' opacity='.72'/%3E%3Cpath d='M92 34 104 62 132 52 122 80 150 92 122 104 132 132 104 122 92 150 80 122 52 132 62 104 34 92 62 80 52 52 80 62Z' stroke='%23D4AF37' stroke-width='2' opacity='.64'/%3E%3Cpath d='M92 57 102 82 127 92 102 102 92 127 82 102 57 92 82 82Z' fill='%231F2E55' fill-opacity='.18' stroke='%23F7F4EE' stroke-width='1.5' opacity='.62'/%3E%3Cpath d='M92 69 100 84 115 92 100 100 92 115 84 100 69 92 84 84Z' fill='%23D4AF37' fill-opacity='.22' stroke='%23F1D79A' stroke-width='1.2' opacity='.76'/%3E%3Cpath d='M0 0 38 36M184 0 146 36M0 184 38 148M184 184 146 148' stroke='%231F2E55' stroke-width='1.6' opacity='.48'/%3E%3Cpath d='M0 92 14 92M170 92 184 92M92 0 92 12M92 172 92 184' stroke='%23D4AF37' stroke-width='1.7' opacity='.5'/%3E%3C/g%3E%3C/svg%3E") !important;
  background-size:184px 184px !important;
  background-repeat:repeat !important;
  opacity:.33 !important;
  mask-image:linear-gradient(92deg,transparent 0%,transparent 33%,#000 74%,#000) !important;
  -webkit-mask-image:linear-gradient(92deg,transparent 0%,transparent 33%,#000 74%,#000) !important;
}
.hero{
  background:
    radial-gradient(circle at 82% 12%,rgba(31,46,85,.58),transparent 31%),
    radial-gradient(circle at 15% 100%,rgba(212,175,55,.13),transparent 30%),
    linear-gradient(118deg,#0B1630 0%,#101d3b 61%,#1F2E55 100%) !important;
}


/* V3.8 — EXACT visual zellige parameters copied from AxiCore login.
   This fixes the motif scale/composition: large rosettes, not tiny repeated stars. */
.hero .z-pattern,
.z-pattern{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='184' height='184' viewBox='0 0 184 184'%3E%3Cg fill='none' stroke-linejoin='round'%3E%3Cpath d='M92 12 108 50 146 36 132 74 170 92 132 110 146 148 108 134 92 172 76 134 38 148 52 110 14 92 52 74 38 36 76 50Z' stroke='%2372b9b5' stroke-width='2.2' opacity='.52'/%3E%3Cpath d='M92 34 104 62 132 52 122 80 150 92 122 104 132 132 104 122 92 150 80 122 52 132 62 104 34 92 62 80 52 52 80 62Z' stroke='%23d9b45c' stroke-width='2' opacity='.62'/%3E%3Cpath d='M92 57 102 82 127 92 102 102 92 127 82 102 57 92 82 82Z' fill='%231f7784' fill-opacity='.22' stroke='%23f4efe3' stroke-width='1.5' opacity='.8'/%3E%3Cpath d='M92 69 100 84 115 92 100 100 92 115 84 100 69 92 84 84Z' fill='%23c8842f' fill-opacity='.28' stroke='%23c8842f' stroke-width='1.2' opacity='.9'/%3E%3Cpath d='M0 0 38 36M184 0 146 36M0 184 38 148M184 184 146 148' stroke='%2372b9b5' stroke-width='1.6' opacity='.36'/%3E%3Cpath d='M0 92 14 92M170 92 184 92M92 0 92 12M92 172 92 184' stroke='%23d9b45c' stroke-width='1.7' opacity='.48'/%3E%3C/g%3E%3C/svg%3E") !important;
    background-size:390px 390px !important;
    background-position:58% 46px !important;
    background-repeat:repeat !important;
    opacity:.58 !important;
    -webkit-mask-image:linear-gradient(100deg,transparent 0%,rgba(0,0,0,.18) 24%,#000 58%,rgba(0,0,0,.75) 100%) !important;
    mask-image:linear-gradient(100deg,transparent 0%,rgba(0,0,0,.18) 24%,#000 58%,rgba(0,0,0,.75) 100%) !important;
}


/* V3.9 — keep the validated login motif, restore the original banner scale */
.hero .z-pattern,
.z-pattern{
  background-size:184px 184px !important;
  background-position:center top !important;
  opacity:.33 !important;
  -webkit-mask-image:linear-gradient(92deg,transparent 0%,transparent 33%,#000 74%,#000) !important;
  mask-image:linear-gradient(92deg,transparent 0%,transparent 33%,#000 74%,#000) !important;
}


/* V3.11 — controlled three-line hero title. Banner design remains untouched. */
.hero .hero-title-structured{
  display:block;
  width:min(100%,610px);
  margin:0 0 24px;
  font-family:Georgia,"Times New Roman",serif;
  font-weight:500;
  line-height:.88;
  letter-spacing:-.057em;
}
.hero-title-line{
  display:block;
  white-space:nowrap;
  transform-origin:left center;
}
.hero-title-line-1{
  font-size:clamp(56px,4.7vw,78px);
}
.hero-title-line-2{
  font-size:clamp(64px,5.35vw,89px);
}
.hero-title-line-3{
  font-size:clamp(78px,6.35vw,106px);
}
.lang-ar .hero-title-line{
  transform-origin:right center;
}
.lang-ar .hero .hero-title-structured{
  line-height:1.02;
}
.lang-ar .hero-title-line-1{font-size:clamp(58px,4.8vw,80px)}
.lang-ar .hero-title-line-2{font-size:clamp(68px,5.6vw,92px)}
.lang-ar .hero-title-line-3{font-size:clamp(78px,6.4vw,104px)}
@media(max-width:680px){
  .hero .hero-title-structured{width:100%;line-height:.94}
  .hero-title-line-1{font-size:41px}
  .hero-title-line-2{font-size:47px}
  .hero-title-line-3{font-size:56px}
  .lang-ar .hero-title-line-1{font-size:40px}
  .lang-ar .hero-title-line-2{font-size:46px}
  .lang-ar .hero-title-line-3{font-size:53px}
}


/* V3.12 — one visual width for the entire hero copy block.
   Banner design, zellige and dashboard remain untouched. */
.hero-copy{
  width:min(100%,540px) !important;
  max-width:540px !important;
}
.hero .hero-title-structured{
  width:100% !important;
  max-width:none !important;
}
.hero-title-line{
  display:block !important;
  width:max-content !important;
  max-width:none !important;
  white-space:nowrap !important;
  transform-origin:left center !important;
}
.lang-ar .hero-title-line{transform-origin:right center !important}
.hero-copy > p{
  width:100% !important;
  max-width:none !important;
}
.hero-actions-single,
.hero-note-clean{
  width:100% !important;
  max-width:none !important;
}
.hero-main-cta{width:100% !important}
@media(max-width:680px){
  .hero-copy{width:100% !important;max-width:none !important}
}


/* V3.13 — calmer two-line hero composition */
.hero-copy{
  max-width:620px !important;
}
.hero-title-two-lines{
  display:grid !important;
  gap:0 !important;
  margin:0 0 24px !important;
  max-width:620px !important;
  font-family:Georgia,"Times New Roman",serif !important;
  font-weight:500 !important;
  letter-spacing:-.048em !important;
  line-height:.98 !important;
}
.hero-title-two-lines .hero-title-line{
  display:block;
  white-space:nowrap;
}
.hero-title-two-lines .hero-title-line-1{
  font-size:clamp(48px,4.7vw,72px);
}
.hero-title-two-lines .hero-title-line-2{
  font-size:clamp(51px,4.95vw,76px);
}
.hero-copy > p[data-i18n="v313_hero_lead"]{
  max-width:560px !important;
  font-size:17px !important;
  line-height:1.6 !important;
  margin:0 0 28px !important;
}
.hero-actions-single,
.hero-note-clean{
  width:min(100%,560px) !important;
}
@media(max-width:680px){
  .hero-title-two-lines .hero-title-line{
    white-space:normal;
  }
  .hero-title-two-lines .hero-title-line-1{
    font-size:43px;
  }
  .hero-title-two-lines .hero-title-line-2{
    font-size:45px;
  }
  .hero-copy > p[data-i18n="v313_hero_lead"]{
    font-size:15px !important;
  }
}


/* ==========================================================
   V3.15 — FINAL HERO/BANNER GEOMETRY
   Locked proportions. Do not change in later patches.
   ========================================================== */

/* Remove the oversized empty vertical area from previous iterations */
.hero{
  min-height:0 !important;
}

/* Final desktop banner geometry */
.hero .container{
  width:min(1280px,calc(100% - 64px)) !important;
}

.hero-inner{
  display:grid !important;
  grid-template-columns:minmax(0,42%) minmax(0,58%) !important;
  gap:54px !important;
  align-items:center !important;
  padding:72px 0 76px !important;
  min-height:585px !important;
}

/* Left commercial block */
.hero-copy{
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  align-self:center !important;
}

.hero-title-two-lines{
  width:100% !important;
  max-width:none !important;
  margin-bottom:24px !important;
}

.hero-title-two-lines .hero-title-line-1{
  font-size:clamp(48px,4.1vw,68px) !important;
}

.hero-title-two-lines .hero-title-line-2{
  font-size:clamp(50px,4.25vw,71px) !important;
}

.hero-copy > p[data-i18n="v313_hero_lead"]{
  width:100% !important;
  max-width:520px !important;
  margin-bottom:27px !important;
}

/* CTA follows the text block, but doesn't visually overpower it */
.hero-actions-single,
.hero-note-clean{
  width:100% !important;
  max-width:520px !important;
}

/* Right product screenshot gets the dominant visual area */
.hero-stage-real{
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  align-self:center !important;
}

.real-dashboard-frame{
  width:100% !important;
  max-width:none !important;
  transform:perspective(1450px) rotateY(-2deg) rotateX(.45deg) !important;
}

.real-dashboard-shot{
  width:100% !important;
  aspect-ratio:1688 / 854 !important;
}

/* Decorative frame stays proportional to the actual screenshot */
.hero-stage-real:before{
  inset:6% -2% -5% 7% !important;
}

.hero-stage-real:after{
  right:-24px !important;
  bottom:-27px !important;
  width:145px !important;
  height:145px !important;
}

/* Keep the validated zellige exactly as-is */
.hero .z-pattern,
.z-pattern{
  background-size:184px 184px !important;
  background-position:center top !important;
  opacity:.33 !important;
}

/* Large desktop */
@media(min-width:1450px){
  .hero .container{
    width:min(1320px,calc(100% - 80px)) !important;
  }
  .hero-inner{
    grid-template-columns:minmax(0,41%) minmax(0,59%) !important;
    gap:62px !important;
    min-height:610px !important;
  }
}

/* Tablet */
@media(max-width:1000px){
  .hero .container{
    width:min(900px,calc(100% - 40px)) !important;
  }
  .hero-inner{
    grid-template-columns:1fr !important;
    gap:42px !important;
    padding:64px 0 !important;
    min-height:0 !important;
  }
  .hero-copy{
    max-width:680px !important;
  }
  .hero-stage-real{
    max-width:820px !important;
  }
}

/* Mobile */
@media(max-width:680px){
  .hero .container{
    width:calc(100% - 28px) !important;
  }
  .hero-inner{
    gap:34px !important;
    padding:48px 0 52px !important;
  }
  .hero-title-two-lines .hero-title-line{
    white-space:normal !important;
  }
  .hero-title-two-lines .hero-title-line-1{
    font-size:42px !important;
  }
  .hero-title-two-lines .hero-title-line-2{
    font-size:44px !important;
  }
  .hero-copy > p[data-i18n="v313_hero_lead"]{
    max-width:100% !important;
  }
  .hero-actions-single,
  .hero-note-clean{
    max-width:100% !important;
  }
  .hero-stage-real:before,
  .hero-stage-real:after{
    display:none !important;
  }
}


/* ==========================================================
   V3.16 — Hero dashboard fully right-aligned, with safe inset
   ========================================================== */
.hero-stage-real{
  display:flex !important;
  justify-content:flex-end !important;
  align-items:center !important;
  justify-self:end !important;
  padding-right:26px !important; /* keep away from the outer border */
}

.real-dashboard-frame{
  width:min(100%, 760px) !important;
  margin-left:auto !important;
  margin-right:0 !important;
}

/* Keep decorative frame visually attached to the dashboard on the right */
.hero-stage-real:before{
  inset:7% 2% -5% 11% !important;
}
.hero-stage-real:after{
  right:2px !important;
}

@media(min-width:1450px){
  .hero-stage-real{
    padding-right:34px !important;
  }
  .real-dashboard-frame{
    width:min(100%, 800px) !important;
  }
}

@media(max-width:1000px){
  .hero-stage-real{
    padding-right:0 !important;
    justify-content:center !important;
  }
  .real-dashboard-frame{
    width:100% !important;
    margin-right:auto !important;
  }
}


/* ==========================================================
   V3.17 — FINAL PREMIUM HERO COMPOSITION
   Keep validated design language; improve only geometry/rhythm.
   ========================================================== */
.hero{
  min-height:0 !important;
  overflow:hidden !important;
}

.hero .container{
  width:min(1460px,calc(100% - 72px)) !important;
}

.hero-inner{
  display:grid !important;
  grid-template-columns:minmax(0,43%) minmax(0,57%) !important;
  column-gap:58px !important;
  align-items:center !important;
  min-height:560px !important;
  padding:62px 0 66px !important;
}

/* Left block: tighter, calmer, easier to scan */
.hero-copy{
  width:100% !important;
  max-width:610px !important;
  min-width:0 !important;
  justify-self:start !important;
  align-self:center !important;
}

.hero-copy > .eyebrow{
  margin-bottom:18px !important;
}

.hero-title-two-lines{
  width:100% !important;
  max-width:610px !important;
  margin:0 0 24px !important;
  line-height:.97 !important;
}

.hero-title-two-lines .hero-title-line-1{
  font-size:clamp(48px,4vw,66px) !important;
}
.hero-title-two-lines .hero-title-line-2{
  font-size:clamp(50px,4.12vw,69px) !important;
}

.hero-copy > p[data-i18n="v313_hero_lead"]{
  max-width:540px !important;
  font-size:16px !important;
  line-height:1.58 !important;
  margin:0 0 28px !important;
}

.hero-actions-single,
.hero-note-clean{
  width:100% !important;
  max-width:540px !important;
}

.hero .hero-main-cta{
  min-height:62px !important;
  border-radius:13px !important;
}

/* Right block: product becomes the visual anchor */
.hero-stage-real{
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  display:flex !important;
  justify-content:flex-end !important;
  align-items:center !important;
  justify-self:stretch !important;
  padding-right:18px !important;
}

.real-dashboard-frame{
  width:min(100%,860px) !important;
  max-width:860px !important;
  margin:0 !important;
  transform:perspective(1550px) rotateY(-1.35deg) rotateX(.35deg) !important;
  box-shadow:0 34px 90px rgba(0,0,0,.30) !important;
}

.real-dashboard-shot{
  aspect-ratio:1688/854 !important;
}

.hero-stage-real:before{
  inset:6% 1% -5% 9% !important;
  transform:rotate(-1.8deg) !important;
}
.hero-stage-real:after{
  width:135px !important;
  height:135px !important;
  right:-2px !important;
  bottom:-22px !important;
}

/* Preserve validated zellige and fade exactly */
.hero .z-pattern,
.z-pattern{
  background-size:184px 184px !important;
  background-position:center top !important;
  opacity:.33 !important;
  -webkit-mask-image:linear-gradient(92deg,transparent 0%,transparent 33%,#000 74%,#000) !important;
  mask-image:linear-gradient(92deg,transparent 0%,transparent 33%,#000 74%,#000) !important;
}

@media(min-width:1600px){
  .hero .container{
    width:min(1520px,calc(100% - 90px)) !important;
  }
  .hero-inner{
    grid-template-columns:minmax(0,42%) minmax(0,58%) !important;
    column-gap:68px !important;
    min-height:585px !important;
  }
  .real-dashboard-frame{
    width:min(100%,900px) !important;
    max-width:900px !important;
  }
}

@media(max-width:1180px){
  .hero .container{
    width:min(1100px,calc(100% - 44px)) !important;
  }
  .hero-inner{
    grid-template-columns:minmax(0,44%) minmax(0,56%) !important;
    column-gap:38px !important;
  }
  .hero-title-two-lines .hero-title-line-1{
    font-size:clamp(44px,4vw,58px) !important;
  }
  .hero-title-two-lines .hero-title-line-2{
    font-size:clamp(46px,4.1vw,61px) !important;
  }
}

@media(max-width:1000px){
  .hero .container{
    width:min(900px,calc(100% - 36px)) !important;
  }
  .hero-inner{
    grid-template-columns:1fr !important;
    row-gap:40px !important;
    min-height:0 !important;
    padding:56px 0 60px !important;
  }
  .hero-copy{
    max-width:680px !important;
  }
  .hero-stage-real{
    justify-content:center !important;
    padding-right:0 !important;
  }
  .real-dashboard-frame{
    width:100% !important;
    max-width:820px !important;
  }
}

@media(max-width:680px){
  .hero .container{
    width:calc(100% - 28px) !important;
  }
  .hero-inner{
    padding:44px 0 48px !important;
    row-gap:30px !important;
  }
  .hero-title-two-lines .hero-title-line{
    white-space:normal !important;
  }
  .hero-title-two-lines .hero-title-line-1{
    font-size:41px !important;
  }
  .hero-title-two-lines .hero-title-line-2{
    font-size:43px !important;
  }
  .hero-copy > p[data-i18n="v313_hero_lead"]{
    max-width:100% !important;
    font-size:15px !important;
  }
  .hero-actions-single,
  .hero-note-clean{
    max-width:100% !important;
  }
  .hero-stage-real:before,
  .hero-stage-real:after{
    display:none !important;
  }
}


/* ==========================================================
   V3.18 — premium connected transition after hero
   Replaces generic proof bar + numbered section.
   ========================================================== */

.connected-transition{
  position:relative;
  overflow:hidden;
  background:#F7F4EE;
  border-bottom:1px solid rgba(31,46,85,.10);
  padding:86px 0 74px;
}
.connected-transition:after{
  content:"";
  position:absolute;
  right:-90px;
  top:-70px;
  width:360px;
  height:360px;
  pointer-events:none;
  opacity:.08;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='184' height='184' viewBox='0 0 184 184'%3E%3Cg fill='none' stroke-linejoin='round'%3E%3Cpath d='M92 12 108 50 146 36 132 74 170 92 132 110 146 148 108 134 92 172 76 134 38 148 52 110 14 92 52 74 38 36 76 50Z' stroke='%231F2E55' stroke-width='2'/%3E%3Cpath d='M92 34 104 62 132 52 122 80 150 92 122 104 132 132 104 122 92 150 80 122 52 132 62 104 34 92 62 80 52 52 80 62Z' stroke='%23D4AF37' stroke-width='1.7'/%3E%3C/g%3E%3C/svg%3E");
}
.connected-transition-inner{
  position:relative;
  z-index:1;
  text-align:center;
  max-width:1040px;
}
.connected-kicker{margin-bottom:13px}
.connected-transition h2{
  max-width:860px;
  margin:0 auto 17px;
  font-family:Georgia,"Times New Roman",serif;
  font-weight:500;
  font-size:clamp(38px,4vw,56px);
  line-height:1.06;
  letter-spacing:-.04em;
  color:#0B1630;
}
.connected-lead{
  max-width:700px;
  margin:0 auto;
  color:#676f7c;
  font-size:14px;
}
.connected-flow{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:13px;
  margin:48px auto 0;
  max-width:960px;
}
.connected-item{
  display:flex;
  align-items:center;
  gap:9px;
  white-space:nowrap;
  color:#1F2E55;
}
.connected-item strong{
  font-size:11px;
  font-weight:850;
  letter-spacing:.01em;
}
.connected-dot{
  width:8px;
  height:8px;
  border-radius:50%;
  background:#D4AF37;
  box-shadow:0 0 0 5px rgba(212,175,55,.10);
}
.connected-item-apps .connected-dot{
  background:#1F2E55;
  box-shadow:0 0 0 5px rgba(31,46,85,.09);
}
.connected-line{
  flex:1 1 46px;
  max-width:74px;
  height:1px;
  background:linear-gradient(90deg,rgba(212,175,55,.25),rgba(31,46,85,.25));
}

/* Editorial follow-up — no large number, no template-like card grid */
.connected-editorial{
  background:#fff;
  padding:96px 0 102px;
}
.connected-editorial-grid{
  display:grid;
  grid-template-columns:30% 70%;
  gap:60px;
  align-items:start;
  max-width:1120px;
}
.connected-editorial-label{
  padding-top:10px;
}
.connected-editorial-copy{
  max-width:760px;
}
.connected-editorial-copy h3{
  margin:0 0 20px;
  font-family:Georgia,"Times New Roman",serif;
  font-weight:500;
  font-size:clamp(38px,4vw,55px);
  line-height:1.05;
  letter-spacing:-.04em;
  color:#0B1630;
}
.connected-editorial-copy > p{
  max-width:690px;
  margin:0;
  color:#667080;
  font-size:14px;
  line-height:1.75;
}
.connected-points{
  display:grid;
  gap:0;
  margin-top:34px;
  border-top:1px solid #E3DFD6;
}
.connected-points span{
  position:relative;
  padding:15px 0 15px 22px;
  border-bottom:1px solid #E3DFD6;
  font-size:12px;
  font-weight:700;
  color:#3f4a5d;
}
.connected-points span:before{
  content:"";
  position:absolute;
  left:1px;
  top:22px;
  width:6px;
  height:6px;
  transform:rotate(45deg);
  background:#D4AF37;
}

/* RTL */
.lang-ar .connected-transition,
.lang-ar .connected-editorial{
  text-align:right;
}
.lang-ar .connected-transition-inner{
  text-align:center;
}
.lang-ar .connected-points span{
  padding-left:0;
  padding-right:22px;
}
.lang-ar .connected-points span:before{
  left:auto;
  right:1px;
}

/* Responsive */
@media(max-width:900px){
  .connected-flow{
    flex-wrap:wrap;
    gap:14px 18px;
  }
  .connected-line{
    display:none;
  }
  .connected-editorial-grid{
    grid-template-columns:1fr;
    gap:20px;
  }
}
@media(max-width:680px){
  .connected-transition{
    padding:62px 0 58px;
  }
  .connected-transition h2{
    font-size:36px;
  }
  .connected-flow{
    justify-content:flex-start;
    margin-top:34px;
  }
  .connected-transition-inner{
    text-align:left;
  }
  .lang-ar .connected-transition-inner{
    text-align:right;
  }
  .connected-editorial{
    padding:66px 0 72px;
  }
  .connected-editorial-copy h3{
    font-size:36px;
  }
}


/* ==========================================================
   V3.19 — Editorial signature moment after hero
   Premium, restrained, AxiCore-native.
   ========================================================== */

.editorial-signature-section{
  padding-top:92px !important;
  padding-bottom:76px !important;
}

.editorial-signature-mark{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  margin:0 auto 26px;
}
.editorial-signature-mark span{
  display:block;
  width:42px;
  height:1px;
  background:linear-gradient(90deg,transparent,#D4AF37);
}
.editorial-signature-mark span:last-child{
  background:linear-gradient(90deg,#D4AF37,transparent);
}
.editorial-signature-mark i{
  display:block;
  width:11px;
  height:11px;
  border:1.5px solid #D4AF37;
  transform:rotate(45deg);
  position:relative;
}
.editorial-signature-mark i:after{
  content:"";
  position:absolute;
  inset:2px;
  border:1px solid rgba(31,46,85,.42);
}

.editorial-signature-copy{
  display:grid;
  justify-content:center;
  text-align:center;
  line-height:.93;
  margin-bottom:24px;
}
.editorial-signature-line{
  display:block;
  font-family:Georgia,"Times New Roman",serif;
  letter-spacing:-.045em;
}
.editorial-signature-line-1{
  color:#0B1630;
  font-size:clamp(42px,4.4vw,62px);
  font-weight:500;
}
.editorial-signature-line-2{
  color:#D4AF37;
  font-size:clamp(50px,5.2vw,74px);
  font-style:italic;
  font-weight:500;
  margin-top:3px;
}

.editorial-signature-lead{
  max-width:690px !important;
  line-height:1.7;
}

.editorial-signature-section .connected-flow{
  margin-top:52px !important;
}

/* Keep the style editorial rather than playful */
.editorial-signature-section .connected-flow{
  border-top:1px solid rgba(31,46,85,.12);
  padding-top:30px;
}

/* Arabic keeps premium hierarchy without forced western italic */
.lang-ar .editorial-signature-line-2{
  font-style:normal;
  color:#D4AF37;
}
.lang-ar .editorial-signature-copy{
  direction:rtl;
}

@media(max-width:680px){
  .editorial-signature-section{
    padding-top:66px !important;
  }
  .editorial-signature-line-1{
    font-size:38px;
  }
  .editorial-signature-line-2{
    font-size:46px;
  }
  .editorial-signature-mark{
    margin-bottom:20px;
  }
}


/* ==========================================================
   V3.20 — AXIHEDRON TOUCH
   Adds depth / system / infrastructure language without
   changing validated AxiCore layout, copy or banner geometry.
   ========================================================== */

/* Header gets a subtle engineered edge */
.site-header:after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:-1px;
  height:1px;
  background:linear-gradient(90deg,transparent 5%,rgba(212,175,55,.22) 26%,rgba(31,46,85,.22) 50%,rgba(212,175,55,.22) 74%,transparent 95%);
  pointer-events:none;
}

/* Hero depth: no geometry changes */
.hero:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 73% 45%,rgba(241,215,154,.055),transparent 18%),
    radial-gradient(circle at 24% 42%,rgba(255,255,255,.025),transparent 24%);
  mix-blend-mode:screen;
  z-index:1;
}
.hero .container{z-index:3}

/* Micro technical trace, intentionally faint */
.hero:after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:72%;
  height:58%;
  transform:translate(-42%,-50%);
  border:1px solid rgba(241,215,154,.055);
  border-radius:46% 54% 52% 48% / 44% 48% 52% 56%;
  box-shadow:
    0 0 0 28px rgba(31,46,85,.025),
    0 0 70px rgba(212,175,55,.028);
  pointer-events:none;
  z-index:1;
}

/* Product frame gains a very subtle Axihedron instrument feel */
.real-dashboard-frame{
  box-shadow:
    0 34px 90px rgba(4,15,33,.30),
    0 0 0 1px rgba(241,215,154,.10),
    0 0 46px rgba(31,46,85,.10) !important;
}
.real-dashboard-toolbar{
  position:relative;
}
.real-dashboard-toolbar:after{
  content:"";
  position:absolute;
  left:48px;
  right:48px;
  bottom:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(212,175,55,.25),transparent);
}
.real-dashboard-label{
  letter-spacing:.15em !important;
  border-color:rgba(212,175,55,.22) !important;
  box-shadow:inset 0 0 0 1px rgba(31,46,85,.03);
}

/* Small Axihedron signature under the editorial statement */
.editorial-signature-section .connected-transition-inner:after{
  content:"AXICORE CLOUD · BY AXIHEDRON";
  display:block;
  margin:24px auto 0;
  font-size:8px;
  font-weight:900;
  letter-spacing:.22em;
  color:rgba(31,46,85,.52);
}
.lang-ar .editorial-signature-section .connected-transition-inner:after{
  direction:ltr;
}

/* Editorial mark becomes more like a system glyph */
.editorial-signature-mark{
  position:relative;
}
.editorial-signature-mark:before,
.editorial-signature-mark:after{
  content:"";
  position:absolute;
  top:50%;
  width:18px;
  height:18px;
  border:1px solid rgba(31,46,85,.10);
  transform:translateY(-50%) rotate(45deg);
}
.editorial-signature-mark:before{left:calc(50% - 54px)}
.editorial-signature-mark:after{right:calc(50% - 54px)}

/* Module flow: refined system-line treatment */
.connected-line{
  position:relative;
  overflow:visible;
  background:linear-gradient(90deg,rgba(212,175,55,.18),rgba(31,46,85,.24),rgba(212,175,55,.18)) !important;
}
.connected-line:after{
  content:"";
  position:absolute;
  right:-2px;
  top:-2px;
  width:5px;
  height:5px;
  border-radius:50%;
  background:#D4AF37;
  opacity:.42;
}

/* Editorial section gains a quiet technical atmosphere */
.connected-editorial{
  position:relative;
  overflow:hidden;
}
.connected-editorial:before{
  content:"";
  position:absolute;
  right:-160px;
  top:70px;
  width:420px;
  height:420px;
  border:1px solid rgba(31,46,85,.05);
  border-radius:50%;
  box-shadow:
    inset 0 0 0 54px rgba(31,46,85,.012),
    inset 0 0 0 108px rgba(212,175,55,.009);
  pointer-events:none;
}
.connected-editorial-grid{position:relative;z-index:1}

/* Buttons: premium engineered highlight, no size/layout change */
.btn,
.hero .hero-main-cta{
  position:relative;
  overflow:hidden;
}
.btn:after,
.hero .hero-main-cta:after{
  content:"";
  position:absolute;
  top:0;
  left:-35%;
  width:28%;
  height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.26),transparent);
  transform:skewX(-18deg);
  transition:left .55s ease;
  pointer-events:none;
}
.btn:hover:after,
.hero .hero-main-cta:hover:after{left:115%}

/* Footer gets the same family signature */
footer{
  position:relative;
}
footer:before{
  content:"";
  position:absolute;
  top:0;left:0;right:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(212,175,55,.28),rgba(31,46,85,.34),rgba(212,175,55,.28),transparent);
}

@media(max-width:680px){
  .hero:after{display:none}
  .editorial-signature-section .connected-transition-inner:after{
    font-size:7px;
    letter-spacing:.16em;
  }
}

/* V3.21 — expanded corporate content pages */
.content-intro{padding:76px 0;background:#F7F4EE;border-bottom:1px solid rgba(31,46,85,.08)}
.content-intro-grid{display:grid;grid-template-columns:28% 72%;gap:54px;align-items:start;max-width:1120px}.content-intro-grid h2{font:500 clamp(36px,4vw,54px)/1.06 Georgia,serif;letter-spacing:-.04em;margin:0 0 16px}.content-intro-grid p{color:#687382;font-size:14px;max-width:760px}.content-band{background:#fff}
.feature-matrix{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.feature-matrix article{border-top:1px solid #DAD7D1;padding:24px 8px 28px 0}.feature-matrix article>span,.security-grid-deep article>span,.company-principles article>span{font-size:9px;letter-spacing:.14em;color:#D4AF37;font-weight:900}.feature-matrix h3,.solution-deep-grid h3,.app-type-grid h3,.resources-deep-grid h3,.company-principles h3{font:500 28px Georgia,serif;margin:22px 0 9px}.feature-matrix p,.solution-deep-grid p,.app-type-grid p,.resources-deep-grid p,.company-principles p{font-size:12px;color:#6d7785}.feature-matrix ul,.resources-deep-grid ul{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:8px}.feature-matrix li,.resources-deep-grid li{font-size:11px;color:#465366}.feature-matrix li:before,.resources-deep-grid li:before{content:'◆';font-size:6px;color:#D4AF37;margin-right:9px}
.premium-split{background:linear-gradient(120deg,#0B1630,#1F2E55);color:#fff}.premium-split-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.premium-split h2{font:500 44px/1.08 Georgia,serif;margin:0 0 16px}.premium-split p{color:#c7ced8;font-size:14px}.workflow-rail{display:flex;align-items:center;gap:12px}.workflow-rail div{display:grid;gap:5px;min-width:120px}.workflow-rail b{font-size:9px;color:#D4AF37}.workflow-rail span{font-size:11px;font-weight:700}.workflow-rail i{height:1px;flex:1;background:linear-gradient(90deg,#D4AF37,rgba(255,255,255,.2))}.text-link-dark{display:inline-block;margin-top:18px;color:#1F2E55;font-size:12px;font-weight:850;text-decoration:none}.text-link-light{display:inline-block;margin-top:18px;color:#F1D79A;font-size:12px;font-weight:850;text-decoration:none}
.page-cta{padding:58px 0;background:#F7F4EE;border-top:1px solid #DAD7D1}.page-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:40px}.page-cta h2{font:500 35px Georgia,serif;margin:0 0 8px}.page-cta p{margin:0;color:#6b7583;font-size:12px;max-width:680px}.page-cta-btn{min-width:180px}
.solution-deep-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.solution-deep-grid article{background:#fff;border:1px solid #DAD7D1;border-radius:22px;padding:28px}.solution-tag{font-size:8px;letter-spacing:.14em;font-weight:900;color:#D4AF37}.solution-list{display:grid;gap:8px;margin-top:20px;border-top:1px solid #e5e1da;padding-top:15px}.solution-list span{font-size:11px;color:#465366}.solution-list span:before{content:'—';color:#D4AF37;margin-right:8px}.fit-list{display:grid;gap:14px}.fit-list div{border-bottom:1px solid rgba(255,255,255,.15);padding:0 0 14px;display:grid;gap:4px}.fit-list strong{font-size:12px}.fit-list span{font-size:10px;color:#b8c3d0}
.app-type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.app-type-grid article{border:1px solid #DAD7D1;border-radius:22px;padding:28px;background:#fff}.app-type-grid article>span{font-size:8px;letter-spacing:.13em;color:#D4AF37;font-weight:900}.app-market-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}.app-market-grid h2{font:500 42px Georgia,serif;margin:0 0 16px}.app-market-grid p{color:#687382;font-size:13px}.app-market-list{display:grid;gap:10px}.app-market-list article{display:grid;grid-template-columns:1fr 1.5fr auto;gap:15px;align-items:center;padding:17px 0;border-bottom:1px solid #DAD7D1}.app-market-list strong{font-size:12px}.app-market-list span{font-size:10px;color:#687382}.app-market-list small{font-size:8px;color:#D4AF37}.app-ownership{background:#f2efe7}
.pricing-notice{margin-top:18px}.faq-section{background:#fff}.faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px}.faq-grid h2{font:500 42px Georgia,serif}.faq-list details{border-bottom:1px solid #DAD7D1;padding:16px 0}.faq-list summary{cursor:pointer;font-size:12px;font-weight:850}.faq-list p{font-size:11px;color:#687382;margin:10px 0 0}
.security-grid-deep{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.security-grid-deep article{border:1px solid #DAD7D1;border-radius:20px;padding:25px;background:#fff}.security-grid-deep h3{font:500 24px Georgia,serif;margin:22px 0 9px}.security-grid-deep p{font-size:11px;color:#687382}.security-stack{display:grid;gap:12px}.security-stack div{display:grid;gap:4px;padding:15px;border:1px solid rgba(255,255,255,.14);border-radius:13px;background:rgba(255,255,255,.04)}.security-stack b{font-size:11px;color:#F1D79A}.security-stack span{font-size:10px;color:#bec9d4}.trust-note{max-width:840px;text-align:center}.trust-note h2{font:500 42px Georgia,serif}.trust-note p{color:#687382;font-size:13px}
.resources-deep-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.resources-deep-grid article{border:1px solid #DAD7D1;border-radius:20px;padding:26px;background:#fff}.resources-deep-grid article>span{font-size:8px;letter-spacing:.14em;color:#D4AF37;font-weight:900}.resource-status{background:#f2efe7}
.company-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.company-principles article{border-top:1px solid #DAD7D1;padding:24px 8px}.axihedron-system{display:flex;align-items:center;gap:14px;justify-content:center}.axihedron-system span{font-size:9px;letter-spacing:.15em;font-weight:900}.axihedron-system i{width:40px;height:1px;background:#D4AF37}.company-contact-grid{display:grid;grid-template-columns:1fr .8fr;gap:70px}.company-contact-grid h2{font:500 42px Georgia,serif}.company-contact-grid p{font-size:13px;color:#687382}.contact-lines{display:grid;align-content:center;gap:12px}.contact-lines a{font-size:13px;font-weight:800;color:#1F2E55;text-decoration:none;border-bottom:1px solid #DAD7D1;padding-bottom:10px}
.lang-ar .content-intro-grid,.lang-ar .premium-split-grid,.lang-ar .app-market-grid,.lang-ar .faq-grid,.lang-ar .company-contact-grid{text-align:right}.lang-ar .feature-matrix li:before,.lang-ar .resources-deep-grid li:before,.lang-ar .solution-list span:before{margin-right:0;margin-left:9px}
@media(max-width:980px){.content-intro-grid,.premium-split-grid,.app-market-grid,.faq-grid,.company-contact-grid{grid-template-columns:1fr}.feature-matrix,.solution-deep-grid,.security-grid-deep{grid-template-columns:repeat(2,1fr)}.app-type-grid,.resources-deep-grid,.company-principles{grid-template-columns:1fr}.workflow-rail{flex-wrap:wrap}.workflow-rail i{display:none}.page-cta-inner{align-items:flex-start;flex-direction:column}}
@media(max-width:680px){.feature-matrix,.solution-deep-grid,.security-grid-deep{grid-template-columns:1fr}.content-intro{padding:58px 0}.page-cta{padding:44px 0}.app-market-list article{grid-template-columns:1fr}.premium-split h2,.trust-note h2,.company-contact-grid h2{font-size:36px}}

/* V3.22 Pricing */
.page-hero-pricing .page-hero-inner{max-width:900px}.pricing-billing-note{margin-top:22px;display:inline-flex;padding:9px 14px;border:1px solid rgba(212,175,55,.32);border-radius:999px;background:rgba(212,175,55,.08);color:#6e5b20;font-size:11px;font-weight:800}
.pricing-grid-four{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.pricing-card{position:relative;display:flex;flex-direction:column;padding:28px 24px 26px;border:1px solid rgba(31,46,85,.13);border-radius:18px;background:#fff;box-shadow:0 18px 50px rgba(11,22,48,.06)}.pricing-card-free{background:linear-gradient(180deg,#fbfaf7,#fff)}.pricing-card-featured{border-color:rgba(212,175,55,.58);box-shadow:0 24px 70px rgba(11,22,48,.11);transform:translateY(-8px)}.pricing-popular{position:absolute;top:-13px;left:50%;transform:translateX(-50%);padding:6px 12px;border-radius:999px;background:#D4AF37;color:#0B1630;font-size:9px;font-weight:900;letter-spacing:.08em;white-space:nowrap}.pricing-plan-label{color:#9a7b22;font-size:9px;font-weight:900;letter-spacing:.1em}.pricing-card h2{margin:10px 0 16px;color:#0B1630;font-family:Georgia,"Times New Roman",serif;font-size:30px;font-weight:500}.pricing-price{display:flex;align-items:flex-end;gap:4px;color:#0B1630}.pricing-price strong{font-family:Georgia,"Times New Roman",serif;font-size:54px;line-height:.9;font-weight:500}.pricing-currency{font-size:20px}.pricing-period{padding-bottom:5px;color:#7c8390;font-size:11px}.pricing-card-head p{min-height:46px;margin:18px 0 0;color:#6d7480;font-size:12px;line-height:1.65}.pricing-btn{width:100%;margin:22px 0 20px;justify-content:center}.pricing-features{list-style:none;padding:0;margin:0;border-top:1px solid rgba(31,46,85,.10)}.pricing-features li{position:relative;padding:12px 0 12px 18px;border-bottom:1px solid rgba(31,46,85,.08);color:#495367;font-size:11px}.pricing-features li:before{content:"";position:absolute;left:1px;top:17px;width:6px;height:6px;transform:rotate(45deg);background:#D4AF37}
.pricing-annual{display:flex;align-items:center;gap:18px;margin-top:30px;padding:18px 22px;border:1px solid rgba(31,46,85,.12);border-radius:16px;background:#F7F4EE}.pricing-annual-badge{padding:7px 11px;border-radius:999px;background:#0B1630;color:#F1D79A;font-size:9px;font-weight:900}.pricing-annual p{margin:4px 0 0;color:#687182;font-size:11px}.pricing-policy-list{margin-top:28px;border-top:1px solid #ddd8ce}.pricing-policy-list>div{display:grid;grid-template-columns:180px 1fr;gap:24px;padding:20px 0;border-bottom:1px solid #ddd8ce}.pricing-policy-list strong{color:#0B1630;font-size:12px}.pricing-policy-list span{color:#697281;font-size:11px;line-height:1.7}
.pricing-table-wrap{overflow:auto;margin-top:34px}.pricing-table{width:100%;min-width:780px;border-collapse:collapse;background:#fff}.pricing-table th,.pricing-table td{padding:16px 18px;border:1px solid rgba(31,46,85,.09);text-align:center;font-size:11px}.pricing-table th{background:#F7F4EE;color:#0B1630}.pricing-table th:first-child,.pricing-table td:first-child{text-align:left;font-weight:700}.faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:34px}.faq-grid article{padding:24px;border:1px solid rgba(31,46,85,.11);border-radius:16px;background:#fff}.faq-grid h3{margin:0 0 10px;color:#0B1630;font-family:Georgia,"Times New Roman",serif;font-size:20px;font-weight:500}.faq-grid p{margin:0;color:#6c7482;font-size:11px;line-height:1.75}.final-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:36px}.final-cta-inner>div{max-width:760px}.final-cta-inner h2{margin:8px 0 10px;color:#0B1630;font-family:Georgia,"Times New Roman",serif;font-size:clamp(34px,4vw,52px);font-weight:500}
.lang-ar .pricing-features li{padding-left:0;padding-right:18px}.lang-ar .pricing-features li:before{left:auto;right:1px}
@media(max-width:1100px){.pricing-grid-four{grid-template-columns:repeat(2,minmax(0,1fr))}.pricing-card-featured{transform:none}}@media(max-width:680px){.pricing-grid-four{grid-template-columns:1fr}.pricing-policy-list>div{grid-template-columns:1fr;gap:8px}.faq-grid{grid-template-columns:1fr}.pricing-annual,.final-cta-inner{align-items:flex-start;flex-direction:column}}


/* ==========================================================
   V3.25 — Pricing readability + commercial-record model
   ========================================================== */

.pricing-section .container{
  max-width:1380px !important;
}

.pricing-grid-four{
  gap:20px !important;
}

.pricing-card{
  padding:34px 28px 30px !important;
  border-radius:20px !important;
}

.pricing-plan-label{
  font-size:10px !important;
  letter-spacing:.11em !important;
}

.pricing-card h2{
  font-size:34px !important;
  margin-top:12px !important;
}

.pricing-price strong{
  font-size:62px !important;
}

.pricing-currency{
  font-size:21px !important;
}

.pricing-period{
  font-size:12px !important;
  padding-bottom:7px !important;
}

.pricing-card-head p{
  min-height:58px !important;
  font-size:13px !important;
  line-height:1.7 !important;
}

.pricing-btn{
  min-height:50px !important;
  margin:24px 0 22px !important;
  font-size:11px !important;
}

.pricing-features li{
  min-height:48px;
  display:flex;
  align-items:center;
  padding:14px 0 14px 22px !important;
  font-size:12.5px !important;
  line-height:1.55 !important;
}

.pricing-features li:before{
  top:21px !important;
  width:7px !important;
  height:7px !important;
}

.pricing-popular{
  font-size:10px !important;
  padding:7px 14px !important;
}

.pricing-annual{
  margin-top:34px !important;
  padding:22px 24px !important;
}

.pricing-annual strong{
  font-size:14px !important;
}

.pricing-annual p{
  font-size:12px !important;
  line-height:1.6;
}

.pricing-table th,
.pricing-table td{
  font-size:12px !important;
  padding:18px 20px !important;
}

@media(max-width:1100px){
  .pricing-section .container{
    max-width:100% !important;
  }
}


/* ==========================================================
   V3.26 — Dedicated deployment options
   ========================================================== */

.deployment-options-section{
  background:#fff;
  padding-top:78px;
  padding-bottom:86px;
}
.deployment-head{
  max-width:820px;
  margin-left:auto;
  margin-right:auto;
}
.deployment-head p{
  max-width:700px;
  margin:14px auto 0;
  color:#6a7381;
  font-size:13px;
  line-height:1.75;
}
.deployment-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:22px;
  max-width:980px;
  margin:38px auto 0;
}
.deployment-card{
  position:relative;
  padding:30px;
  border:1px solid rgba(31,46,85,.13);
  border-radius:20px;
  background:linear-gradient(180deg,#fff,#fbfaf7);
  box-shadow:0 18px 50px rgba(11,22,48,.05);
}
.deployment-card-private{
  background:
    radial-gradient(circle at 100% 0%,rgba(212,175,55,.10),transparent 34%),
    linear-gradient(180deg,#fff,#fbfaf7);
}
.deployment-type{
  display:inline-block;
  color:#9a7b22;
  font-size:9px;
  font-weight:900;
  letter-spacing:.11em;
}
.deployment-card h3{
  margin:11px 0 12px;
  color:#0B1630;
  font-family:Georgia,"Times New Roman",serif;
  font-size:31px;
  font-weight:500;
}
.deployment-card-top p{
  min-height:66px;
  margin:0;
  color:#697282;
  font-size:12.5px;
  line-height:1.7;
}
.deployment-features{
  list-style:none;
  padding:0;
  margin:24px 0 0;
  border-top:1px solid rgba(31,46,85,.10);
}
.deployment-features li{
  position:relative;
  padding:13px 0 13px 20px;
  border-bottom:1px solid rgba(31,46,85,.08);
  color:#4c5669;
  font-size:12px;
}
.deployment-features li:before{
  content:"";
  position:absolute;
  left:1px;
  top:18px;
  width:6px;
  height:6px;
  transform:rotate(45deg);
  background:#D4AF37;
}
.deployment-btn{
  width:100%;
  margin-top:24px;
  justify-content:center;
}
.lang-ar .deployment-features li{
  padding-left:0;
  padding-right:20px;
}
.lang-ar .deployment-features li:before{
  left:auto;
  right:1px;
}
@media(max-width:760px){
  .deployment-grid{grid-template-columns:1fr}
  .deployment-card-top p{min-height:0}
}


/* ==========================================================
   V3.27 — Pricing CTA watermark
   ========================================================== */

.pricing-card .pricing-btn{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  letter-spacing:.01em;
}

.pricing-card .pricing-btn::before{
  content:"AC";
  position:absolute;
  z-index:-1;
  right:15px;
  top:50%;
  transform:translateY(-50%) rotate(-8deg);
  font-family:Georgia,"Times New Roman",serif;
  font-size:42px;
  font-weight:700;
  font-style:italic;
  letter-spacing:-.08em;
  line-height:1;
  color:rgba(255,255,255,.075);
  pointer-events:none;
  transition:
    transform .28s ease,
    opacity .28s ease;
}

.pricing-card .pricing-btn::after{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-1px;
  background:
    linear-gradient(
      115deg,
      transparent 0%,
      transparent 42%,
      rgba(241,215,154,.11) 50%,
      transparent 58%,
      transparent 100%
    );
  transform:translateX(-120%);
  transition:transform .55s ease;
  pointer-events:none;
}

/* Outline buttons need a darker watermark because the surface is lighter */
.pricing-card .pricing-btn.btn-outline::before{
  color:rgba(255,255,255,.075);
}

/* Business highlighted plan: gold micro-accent */
.pricing-card-featured .pricing-btn::before{
  color:rgba(241,215,154,.11);
}

.pricing-card .pricing-btn:hover::before{
  transform:translateY(-50%) rotate(-5deg) scale(1.06);
}

.pricing-card .pricing-btn:hover::after{
  transform:translateX(120%);
}

/* Small geometric Axihedron touch */
.pricing-card .pricing-btn{
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.035),
    0 8px 20px rgba(11,22,48,.10);
}

.pricing-card .pricing-btn:hover{
  box-shadow:
    inset 0 0 0 1px rgba(241,215,154,.12),
    0 12px 28px rgba(11,22,48,.16);
}

@media(max-width:680px){
  .pricing-card .pricing-btn::before{
    font-size:36px;
    right:12px;
  }
}


/* ==========================================================
   V3.28 — Pricing CTA zellige watermark
   Replaces the AC watermark with a subtle geometric fragment.
   ========================================================== */

/* kill the previous AC watermark */
.pricing-card .pricing-btn::before{
  content:"" !important;
  position:absolute !important;
  z-index:-1 !important;
  width:86px !important;
  height:86px !important;
  right:-9px !important;
  top:50% !important;
  transform:translateY(-50%) rotate(0deg) !important;
  opacity:.34 !important;
  pointer-events:none !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='92' height='92' viewBox='0 0 92 92'%3E%3Cg fill='none' stroke-linejoin='round'%3E%3Cpath d='M46 5 54 25 73 18 66 37 85 46 66 55 73 74 54 67 46 87 38 67 19 74 26 55 7 46 26 37 19 18 38 25Z' stroke='%23F1D79A' stroke-width='1.35' opacity='.72'/%3E%3Cpath d='M46 17 52 31 66 26 61 40 75 46 61 52 66 66 52 61 46 75 40 61 26 66 31 52 17 46 31 40 26 26 40 31Z' stroke='%23D4AF37' stroke-width='1.15' opacity='.66'/%3E%3Cpath d='M46 29 51 41 63 46 51 51 46 63 41 51 29 46 41 41Z' fill='%23F1D79A' fill-opacity='.10' stroke='%23F7F4EE' stroke-width='.9' opacity='.76'/%3E%3C/g%3E%3C/svg%3E") !important;
  background-repeat:no-repeat !important;
  background-position:center !important;
  background-size:86px 86px !important;
  transition:opacity .25s ease, transform .25s ease !important;
}

/* preserve the existing soft light sweep as the second layer */
.pricing-card .pricing-btn::after{
  opacity:.72 !important;
}

/* featured plan gets a slightly richer gold motif */
.pricing-card-featured .pricing-btn::before{
  opacity:.42 !important;
}

/* subtle hover: motif breathes, never becomes flashy */
.pricing-card .pricing-btn:hover::before{
  transform:translateY(-50%) scale(1.045) !important;
  opacity:.48 !important;
}

/* Keep text above decorative layers */
.pricing-card .pricing-btn{
  isolation:isolate !important;
}
.pricing-card .pricing-btn > *{
  position:relative;
  z-index:2;
}

/* Slightly softer on mobile */
@media(max-width:680px){
  .pricing-card .pricing-btn::before{
    width:72px !important;
    height:72px !important;
    right:-8px !important;
    background-size:72px 72px !important;
    opacity:.28 !important;
  }
}


/* ==========================================================
   V3.30 — Pricing buttons: shadow only
   Keeps the original button background colors and zellige motif.
   Adds only a soft right-to-left inner shadow.
   ========================================================== */

.pricing-card .pricing-btn{
  position:relative;
  overflow:hidden;
  box-shadow:
    inset -52px 0 78px rgba(11,22,48,.14),
    inset 0 0 0 1px rgba(255,255,255,.03),
    0 8px 20px rgba(11,22,48,.10) !important;
}

.pricing-card .pricing-btn.btn-outline{
  box-shadow:
    inset -50px 0 72px rgba(11,22,48,.08),
    inset 0 0 0 1px rgba(255,255,255,.03),
    0 8px 20px rgba(11,22,48,.10) !important;
}

.pricing-card-featured .pricing-btn{
  box-shadow:
    inset -54px 0 82px rgba(122,91,18,.16),
    inset 0 0 0 1px rgba(241,215,154,.08),
    0 10px 24px rgba(11,22,48,.12) !important;
}

.pricing-card .pricing-btn:hover{
  box-shadow:
    inset -58px 0 88px rgba(11,22,48,.17),
    inset 0 0 0 1px rgba(241,215,154,.08),
    0 12px 28px rgba(11,22,48,.15) !important;
}

.pricing-card .pricing-btn.btn-outline:hover{
  box-shadow:
    inset -56px 0 82px rgba(11,22,48,.10),
    inset 0 0 0 1px rgba(241,215,154,.08),
    0 12px 28px rgba(11,22,48,.15) !important;
}

.pricing-card-featured .pricing-btn:hover{
  box-shadow:
    inset -60px 0 92px rgba(122,91,18,.18),
    inset 0 0 0 1px rgba(241,215,154,.10),
    0 12px 28px rgba(11,22,48,.15) !important;
}

/* Preserve the zellige watermark and support it slightly */
.pricing-card .pricing-btn::before{
  opacity:.38 !important;
}

.pricing-card-featured .pricing-btn::before{
  opacity:.46 !important;
}

@media(max-width:680px){
  .pricing-card .pricing-btn{
    box-shadow:
      inset -38px 0 58px rgba(11,22,48,.12),
      inset 0 0 0 1px rgba(255,255,255,.03),
      0 7px 18px rgba(11,22,48,.10) !important;
  }
}

/* V3.6 — homepage zellige filigrane, premium and discreet */
body.home-landing{
  position:relative;
  overflow-x:hidden;
}
body.home-landing::before,
body.home-landing::after{
  content:"";
  position:absolute;
  pointer-events:none;
  z-index:0;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='184' height='184' viewBox='0 0 184 184'%3E%3Cg fill='none' stroke-linejoin='round'%3E%3Cpath d='M92 12 108 50 146 36 132 74 170 92 132 110 146 148 108 134 92 172 76 134 38 148 52 110 14 92 52 74 38 36 76 50Z' stroke='%231F2E55' stroke-width='2.2' opacity='.66'/%3E%3Cpath d='M92 34 104 62 132 52 122 80 150 92 122 104 132 132 104 122 92 150 80 122 52 132 62 104 34 92 62 80 52 52 80 62Z' stroke='%23D4AF37' stroke-width='2' opacity='.74'/%3E%3Cpath d='M92 57 102 82 127 92 102 102 92 127 82 102 57 92 82 82Z' fill='%231F2E55' fill-opacity='.16' stroke='%23F7F4EE' stroke-width='1.5' opacity='.84'/%3E%3Cpath d='M92 69 100 84 115 92 100 100 92 115 84 100 69 92 84 84Z' fill='%23D4AF37' fill-opacity='.22' stroke='%23D4AF37' stroke-width='1.2' opacity='.92'/%3E%3Cpath d='M0 0 38 36M184 0 146 36M0 184 38 148M184 184 146 148' stroke='%231F2E55' stroke-width='1.6' opacity='.22'/%3E%3Cpath d='M0 92 14 92M170 92 184 92M92 0 92 12M92 172 92 184' stroke='%23D4AF37' stroke-width='1.7' opacity='.36'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat:no-repeat;
  mix-blend-mode:multiply;
}
body.home-landing::before{
  top:112px;
  right:-118px;
  width:440px;
  height:440px;
  background-size:440px 440px;
  opacity:.075;
  filter:saturate(.9);
}
body.home-landing::after{
  top:980px;
  left:-120px;
  width:320px;
  height:320px;
  background-size:320px 320px;
  opacity:.042;
}
html[dir="rtl"] body.home-landing::before{
  right:auto;
  left:-118px;
}
html[dir="rtl"] body.home-landing::after{
  left:auto;
  right:-120px;
}
body.home-landing main,
body.home-landing .site-header,
body.home-landing footer{
  position:relative;
  z-index:1;
}
@media(max-width:1000px){
  body.home-landing::before{
    width:300px;
    height:300px;
    background-size:300px 300px;
    right:-92px;
    top:118px;
    opacity:.062;
  }
  html[dir="rtl"] body.home-landing::before{left:-92px}
  body.home-landing::after{
    width:220px;
    height:220px;
    background-size:220px 220px;
    left:-78px;
    top:840px;
    opacity:.035;
  }
  html[dir="rtl"] body.home-landing::after{right:-78px}
}
@media(max-width:680px){
  body.home-landing::before{
    width:220px;
    height:220px;
    background-size:220px 220px;
    top:96px;
    right:-82px;
    opacity:.055;
  }
  html[dir="rtl"] body.home-landing::before{left:-82px}
  body.home-landing::after{display:none}
}