@font-face {
  font-family: 'Noto Kufi Arabic';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(reference-kufi-400.ttf) format('truetype');
}
@font-face {
  font-family: 'Noto Kufi Arabic';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(reference-kufi-500.ttf) format('truetype');
}
@font-face {
  font-family: 'Noto Kufi Arabic';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(reference-kufi-600.ttf) format('truetype');
}
@font-face {
  font-family: 'Noto Kufi Arabic';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(reference-kufi-700.ttf) format('truetype');
}
@font-face {
  font-family: 'Noto Kufi Arabic';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(reference-kufi-800.ttf) format('truetype');
}
@font-face {
  font-family: 'Noto Kufi Arabic';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(reference-kufi-900.ttf) format('truetype');
}

.original-reference{font-family:"Noto Kufi Arabic",Tahoma,Arial,sans-serif;font-size:16px;line-height:1.75;font-weight:400}.original-reference h1,.original-reference h2,.original-reference h3{font-weight:bold;letter-spacing:normal}.original-reference p{color:inherit}.original-reference .or-hero h1{white-space:normal}.original-reference .or-brand img{max-height:none;max-width:none}.original-reference .or-hero-copy{padding:0}.original-reference .or-eyebrow:before{display:none}.original-reference .or-icon{vertical-align:initial}.original-reference .or-btn{box-shadow:none}.original-reference .or-hero{isolation:auto}.original-reference[lang=en]{direction:ltr;font-family:Arial,sans-serif}.original-reference[lang=en] .or-hero h1{font-size:68px}.original-reference .or-site-header .or-lang-btn{color:white}
.original-reference{
  --brand:#4b1d7f;--brand-2:#7c3aed;--brand-3:#a855f7;--ink:#17122b;--muted:#6f6682;
  --surface:#ffffff;--soft:#faf8fd;--soft-2:#f4effa;--line:#e9e3f1;--night:#100326;
  --night-2:#1d0742;--night-3:#35106c;--whatsapp:#25d366;--shadow:0 24px 80px rgba(40,14,76,.12);
  --shadow-sm:0 12px 35px rgba(40,14,76,.08);--radius:26px;--radius-sm:18px;--container:1240px;
}
.original-reference *{box-sizing:border-box}
.original-reference{scroll-behavior:smooth;scroll-padding-top:92px}
.original-reference{margin:0;font-family:"Noto Kufi Arabic","Segoe UI",Tahoma,Arial,sans-serif;background:var(--soft);color:var(--ink);direction:rtl;line-height:1.75;overflow-x:hidden}
.original-reference.or-no-scroll{overflow:hidden}
.original-reference a{color:inherit;text-decoration:none}
.original-reference button,.original-reference input,.original-reference textarea,.original-reference select{font:inherit}
.original-reference button{cursor:pointer}
.original-reference .or-container{width:min(var(--container),calc(100% - 40px));margin-inline:auto}
.original-reference .or-section{padding:100px 0;position:relative}
.original-reference .or-section.or-alt{background:#fff}
.original-reference .or-section.or-soft{background:linear-gradient(180deg,#fff 0%,#faf8fd 100%)}
.original-reference .or-section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:38px}
.original-reference .or-section-head.or-center{display:block;text-align:center}
.original-reference .or-eyebrow{display:inline-flex;align-items:center;gap:9px;padding:7px 13px;border-radius:999px;background:rgba(124,58,237,.08);color:var(--brand-2);font-size:12px;font-weight:800;border:1px solid rgba(124,58,237,.12)}
.original-reference .or-eyebrow.or-light{background:rgba(255,255,255,.1);color:#e9ddff;border-color:rgba(255,255,255,.14)}
.original-reference .or-title{font-size:clamp(29px,4vw,50px);line-height:1.28;margin:12px 0 12px;letter-spacing:-.02em}
.original-reference .or-section-title{font-size:clamp(28px,3vw,42px);line-height:1.35;margin:8px 0;color:#261642}
.original-reference .or-section-copy{max-width:730px;margin:0;color:var(--muted);font-size:16px}
.original-reference .or-section-head.or-center .or-section-copy{margin-inline:auto}
.original-reference .or-section-link{display:inline-flex;align-items:center;gap:8px;color:var(--brand-2);font-weight:800;white-space:nowrap}
.original-reference .or-icon{width:24px;height:24px;display:block;flex:none}
.original-reference .or-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 23px;border-radius:14px;border:1px solid transparent;font-weight:850;transition:.25s ease;white-space:nowrap}
.original-reference .or-btn:hover{transform:translateY(-2px)}
.original-reference .or-btn-primary{background:linear-gradient(135deg,var(--brand-2),#5b21b6);color:#fff;box-shadow:0 15px 35px rgba(92,33,182,.28)}
.original-reference .or-btn-white{background:#fff;color:var(--brand);box-shadow:0 15px 35px rgba(0,0,0,.1)}
.original-reference .or-btn-outline-light{border-color:rgba(255,255,255,.45);color:#fff;background:rgba(255,255,255,.04)}
.original-reference .or-btn-outline{border-color:#cfc2df;color:var(--brand);background:#fff}
.original-reference .or-btn-whatsapp{border-color:rgba(37,211,102,.35);color:#176b38;background:#fff}
.original-reference .or-btn-whatsapp .or-icon{color:var(--whatsapp)}
.original-reference .or-btn-sm{min-height:42px;padding:0 16px;border-radius:12px;font-size:13px}
.original-reference .or-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.original-reference .or-site-header{position:absolute;top:0;right:0;left:0;z-index:50;color:#fff;transition:.25s ease}
.original-reference .or-site-header .or-header-inner{height:88px;display:flex;align-items:center;gap:28px}
.original-reference .or-site-header.or-sticky{position:fixed;background:rgba(15,3,38,.88);backdrop-filter:blur(18px);box-shadow:0 8px 30px rgba(0,0,0,.18)}
.original-reference .or-brand{display:flex;align-items:center;min-width:230px}
.original-reference .or-brand img{width:220px;height:auto;display:block}
.original-reference .or-desktop-nav{display:flex;align-items:center;gap:25px;margin-inline:auto;font-size:13px;font-weight:750}
.original-reference .or-desktop-nav a{opacity:.82;position:relative;padding:31px 0 26px;transition:.2s}
.original-reference .or-desktop-nav a:hover,.original-reference .or-desktop-nav a.or-active{opacity:1}
.original-reference .or-desktop-nav a.or-active:after{content:"";position:absolute;height:2px;border-radius:2px;background:#b77cff;right:0;left:0;bottom:20px}
.original-reference .or-header-actions{display:flex;align-items:center;gap:9px}
.original-reference .or-lang-btn{border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.06);color:#fff;height:42px;padding:0 13px;border-radius:12px;display:flex;gap:7px;align-items:center}
.original-reference .or-menu-btn{display:none;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.06);color:#fff;width:44px;height:44px;border-radius:12px;align-items:center;justify-content:center}
.original-reference .or-mobile-menu{position:fixed;inset:0;z-index:90;background:rgba(10,2,28,.96);backdrop-filter:blur(22px);padding:24px;transform:translateY(-110%);transition:.3s ease;color:#fff}
.original-reference .or-mobile-menu.or-open{transform:none}
.original-reference .or-mobile-menu-head{display:flex;justify-content:space-between;align-items:center}
.original-reference .or-mobile-menu-head img{width:210px}
.original-reference .or-mobile-menu-links{display:grid;gap:6px;margin-top:44px}
.original-reference .or-mobile-menu-links a{font-size:22px;font-weight:800;padding:14px 8px;border-bottom:1px solid rgba(255,255,255,.08)}
.original-reference .or-mobile-menu-actions{display:grid;gap:12px;margin-top:30px}
.original-reference .or-close-menu{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);color:#fff}
.original-reference .or-hero{min-height:760px;padding:145px 0 110px;color:#fff;position:relative;overflow:hidden;background:radial-gradient(circle at 8% 20%,rgba(127,61,255,.28),transparent 30%),radial-gradient(circle at 85% 5%,rgba(168,85,247,.19),transparent 30%),linear-gradient(135deg,#0d0224 0%,#1d0647 52%,#3e0c78 100%)}
.original-reference .or-hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(190,145,255,.36) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.5),transparent 75%);opacity:.22}
.original-reference .or-hero:after{content:"";position:absolute;height:280px;right:-10%;left:-10%;bottom:-120px;background:radial-gradient(ellipse at center,rgba(118,42,231,.75),rgba(48,10,91,.15) 45%,transparent 70%);filter:blur(18px);transform:rotate(-4deg)}
.original-reference .or-hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:65px;align-items:center;position:relative;z-index:2}
.original-reference .or-hero h1{font-size:clamp(39px,5.25vw,72px);line-height:1.23;margin:18px 0 20px;letter-spacing:-.035em}
.original-reference .or-hero h1 .or-accent{color:#c783ff}
.original-reference .or-hero-copy{font-size:18px;color:#d9cdea;max-width:650px;margin:0 0 28px}
.original-reference .or-hero-note{display:flex;align-items:center;gap:9px;color:#bfb1d4;font-size:13px;margin-top:18px}
.original-reference .or-hero-note .or-dot{width:8px;height:8px;border-radius:50%;background:#7dffb1;box-shadow:0 0 18px #7dffb1}
.original-reference .or-hero-visual{min-height:470px;position:relative;perspective:1200px}
.original-reference .or-hero-orbit{position:absolute;width:430px;height:430px;border-radius:50%;left:22px;top:10px;border:1px solid rgba(199,131,255,.18);box-shadow:0 0 100px rgba(145,64,255,.16) inset}
.original-reference .or-hero-orbit:before,.original-reference .or-hero-orbit:after{content:"";position:absolute;inset:55px;border-radius:50%;border:1px dashed rgba(199,131,255,.19)}
.original-reference .or-hero-orbit:after{inset:118px}
.original-reference .or-laptop{position:absolute;width:520px;height:340px;left:-20px;top:58px;transform:rotateY(-8deg) rotateX(3deg);transform-style:preserve-3d}
.original-reference .or-laptop-screen{height:300px;border:6px solid #25104c;border-radius:22px 22px 12px 12px;background:#100829;padding:15px;box-shadow:0 34px 80px rgba(0,0,0,.42),0 0 0 1px rgba(181,115,255,.35),0 0 65px rgba(129,51,244,.28);overflow:hidden}
.original-reference .or-laptop-base{height:22px;margin:-1px -26px 0;background:linear-gradient(180deg,#5f4a85,#2a1f42);clip-path:polygon(5% 0,95% 0,100% 75%,58% 100%,42% 100%,0 75%);box-shadow:0 24px 30px rgba(0,0,0,.35)}
.original-reference .or-dash-header{height:36px;display:flex;align-items:center;justify-content:space-between;color:#d7c6ef;font-size:10px}
.original-reference .or-dash-brand{display:flex;align-items:center;gap:7px}
.original-reference .or-dash-logo-mini{width:22px;height:22px;border-radius:7px;background:linear-gradient(135deg,#a855f7,#5b21b6);display:grid;place-items:center;color:#fff;font-weight:900}
.original-reference .or-dash-dots{display:flex;gap:5px}
.original-reference .or-dash-dots i{width:5px;height:5px;border-radius:50%;background:#6b577e}
.original-reference .or-dash-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:10px;height:225px}
.original-reference .or-dash-panel{border:1px solid rgba(196,145,255,.15);border-radius:12px;background:linear-gradient(180deg,rgba(82,43,122,.34),rgba(19,9,43,.72));padding:10px;overflow:hidden}
.original-reference .or-dash-title{font-size:9px;color:#bca7d5;margin-bottom:8px}
.original-reference .or-mini-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}
.original-reference .or-mini-metric{padding:8px;border-radius:9px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.05)}
.original-reference .or-mini-metric strong{display:block;font-size:12px;color:#fff}
.original-reference .or-mini-metric span{font-size:8px;color:#a997c2}
.original-reference .or-chart-area{height:100px;position:relative;margin-top:9px;background:linear-gradient(180deg,rgba(125,58,237,.06),transparent);border-radius:8px;overflow:hidden}
.original-reference .or-chart-area svg{width:100%;height:100%}
.original-reference .or-chart-line{stroke:#a855f7;stroke-width:2.5;fill:none;filter:drop-shadow(0 0 6px #a855f7)}
.original-reference .or-chart-fill{fill:url(#chartGradient)}
.original-reference .or-donut-wrap{display:flex;align-items:center;gap:12px;padding-top:8px}
.original-reference .or-donut{width:78px;height:78px;border-radius:50%;background:conic-gradient(#a855f7 0 42%,#6d28d9 42% 69%,#c084fc 69% 84%,#36255b 84%);position:relative}
.original-reference .or-donut:after{content:"";position:absolute;inset:16px;border-radius:50%;background:#180c35}
.original-reference .or-legend{display:grid;gap:6px;font-size:8px;color:#ad9bc5}
.original-reference .or-legend span{display:flex;align-items:center;gap:5px}
.original-reference .or-legend i{width:6px;height:6px;border-radius:50%;background:#a855f7}
.original-reference .or-alert-list{display:grid;gap:6px;margin-top:12px}
.original-reference .or-alert{font-size:8px;padding:7px 8px;border-radius:8px;background:rgba(255,255,255,.04);display:flex;align-items:center;justify-content:space-between;color:#cdbce2}
.original-reference .or-alert b{width:6px;height:6px;background:#43e6a1;border-radius:50%;box-shadow:0 0 9px #43e6a1}
.original-reference .or-float-card{position:absolute;display:grid;place-items:center;border:1px solid rgba(211,171,255,.42);background:linear-gradient(145deg,rgba(177,104,255,.32),rgba(38,11,76,.48));backdrop-filter:blur(12px);box-shadow:0 18px 50px rgba(0,0,0,.25),0 0 36px rgba(147,51,234,.25);color:#fff}
.original-reference .or-float-ai{width:118px;height:118px;border-radius:24px;left:245px;top:258px;font-size:46px;font-weight:900;transform:rotate(-4deg)}
.original-reference .or-float-chat{width:76px;height:76px;border-radius:20px;right:8px;top:110px;animation:float 5s ease-in-out infinite}
.original-reference .or-float-chart{width:82px;height:82px;border-radius:20px;left:322px;top:12px;animation:float 6s ease-in-out infinite reverse}
.original-reference .or-float-card .or-icon{width:38px;height:38px;color:#d7a7ff}
.original-reference .or-wave{position:absolute;right:-120px;left:-120px;bottom:-40px;height:180px;opacity:.8;background:radial-gradient(circle at 15% 50%,rgba(188,113,255,.85) 0 1px,transparent 2px),radial-gradient(circle at 35% 60%,rgba(188,113,255,.7) 0 1px,transparent 2px),radial-gradient(circle at 60% 45%,rgba(188,113,255,.8) 0 1px,transparent 2px);background-size:16px 16px,19px 19px,23px 23px;mask-image:linear-gradient(to top,#000,transparent);transform:skewY(-5deg)}
@keyframes float{50%{transform:translateY(-12px) rotate(3deg)}}
.original-reference .or-trust-wrap{position:relative;z-index:5;margin-top:-65px}
.original-reference .or-trust-strip{display:grid;grid-template-columns:repeat(5,1fr);background:#fff;border:1px solid rgba(67,35,97,.08);border-radius:22px;box-shadow:var(--shadow);overflow:hidden}
.original-reference .or-trust-item{padding:25px 18px;text-align:center;position:relative}
.original-reference .or-trust-item:not(:last-child):after{content:"";position:absolute;left:0;top:24%;bottom:24%;width:1px;background:var(--line)}
.original-reference .or-trust-icon{width:54px;height:54px;border-radius:18px;background:linear-gradient(145deg,#f7f0ff,#fff);border:1px solid #eadcf8;color:var(--brand-2);display:grid;place-items:center;margin:0 auto 13px}
.original-reference .or-trust-item h3{font-size:14px;margin:0 0 6px;color:#2a1747}
.original-reference .or-trust-item p{margin:0;font-size:11px;color:var(--muted);line-height:1.7}
.original-reference .or-card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.original-reference .or-product-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;position:relative;overflow:hidden;transition:.28s ease;min-height:295px;display:flex;flex-direction:column}
.original-reference .or-product-card:before{content:"";position:absolute;width:110px;height:110px;border-radius:50%;background:var(--product-soft,#f2ebff);right:-42px;top:-50px}
.original-reference .or-product-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-sm);border-color:#d8c6ea}
.original-reference .or-product-icon{width:58px;height:58px;border-radius:18px;background:var(--product-soft,#f2ebff);color:var(--product,#6d28d9);display:grid;place-items:center;margin-bottom:18px;position:relative}
.original-reference .or-product-icon .or-icon{width:28px;height:28px}
.original-reference .or-status{display:inline-flex;align-items:center;align-self:flex-start;padding:5px 9px;border-radius:999px;background:#f4effa;color:#68428c;font-size:10px;font-weight:800;margin-bottom:13px}
.original-reference .or-product-card h3{font-size:20px;margin:0 0 8px}
.original-reference .or-product-card p{font-size:13px;color:var(--muted);margin:0 0 18px}
.original-reference .or-card-link{margin-top:auto;display:inline-flex;align-items:center;gap:7px;color:var(--brand-2);font-size:13px;font-weight:850}
.original-reference .or-card-link .or-icon{width:18px;height:18px}
.original-reference .or-product-card.or-wide{grid-column:span 2}
.original-reference .or-sector-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.original-reference .or-sector-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;transition:.25s ease}
.original-reference .or-sector-card:hover{border-color:#cfb6e9;box-shadow:var(--shadow-sm);transform:translateY(-5px)}
.original-reference .or-sector-card .or-sector-icon{width:52px;height:52px;border-radius:16px;background:#f6f0fc;color:var(--brand-2);display:grid;place-items:center;margin-bottom:15px}
.original-reference .or-sector-card h3{font-size:17px;margin:0 0 7px}
.original-reference .or-sector-card p{font-size:12px;color:var(--muted);margin:0 0 13px}
.original-reference .or-tag-row{display:flex;flex-wrap:wrap;gap:6px}
.original-reference .or-tag{display:inline-flex;padding:4px 8px;border-radius:999px;background:#f7f4fa;border:1px solid #eee6f4;color:#6a5878;font-size:9px;font-weight:750}
.original-reference .or-service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}
.original-reference .or-service-card{padding:25px;background:linear-gradient(180deg,#fff,#fdfbff);border:1px solid var(--line);border-radius:22px;min-height:220px}
.original-reference .or-service-card .or-service-icon{width:54px;height:54px;border-radius:18px;background:linear-gradient(145deg,#ede4fa,#fff);color:var(--brand-2);display:grid;place-items:center;margin-bottom:18px}
.original-reference .or-service-card h3{font-size:17px;margin:0 0 8px}
.original-reference .or-service-card p{font-size:12px;color:var(--muted);margin:0}
.original-reference .or-feature-panel{display:grid;grid-template-columns:1.02fr .98fr;gap:0;border:1px solid var(--line);border-radius:28px;overflow:hidden;background:#fff;box-shadow:var(--shadow-sm)}
.original-reference .or-feature-copy{padding:52px}
.original-reference .or-feature-copy h2{font-size:36px;line-height:1.4;margin:10px 0 15px}
.original-reference .or-feature-copy p{color:var(--muted);margin:0 0 22px}
.original-reference .or-check-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:25px 0}
.original-reference .or-check-item{display:flex;gap:9px;align-items:flex-start;font-size:12px;color:#483957}
.original-reference .or-check-badge{width:22px;height:22px;border-radius:8px;background:#e9fbf2;color:#13965e;display:grid;place-items:center;flex:none}
.original-reference .or-check-badge .or-icon{width:14px;height:14px}
.original-reference .or-feature-visual{background:linear-gradient(135deg,#13042f,#321069);padding:38px;position:relative;overflow:hidden;min-height:450px}
.original-reference .or-feature-visual:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(196,145,255,.45) 1px,transparent 1px);background-size:22px 22px;opacity:.15}
.original-reference .or-ops-dashboard{position:relative;z-index:2;background:#130a2d;border:1px solid rgba(190,132,255,.28);border-radius:22px;padding:18px;box-shadow:0 24px 60px rgba(0,0,0,.32);height:100%}
.original-reference .or-ops-top{display:flex;justify-content:space-between;color:#d5c1eb;font-size:11px;margin-bottom:15px}
.original-reference .or-ops-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.original-reference .or-ops-kpi{padding:13px;border-radius:13px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.06);color:#fff}
.original-reference .or-ops-kpi span{display:block;font-size:8px;color:#a895c0}
.original-reference .or-ops-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:13px}
.original-reference .or-ops-node{border-radius:12px;padding:11px 8px;text-align:center;color:#d8c8e9;font-size:8px;background:linear-gradient(180deg,rgba(126,58,227,.22),rgba(255,255,255,.025));border:1px solid rgba(168,85,247,.17)}
.original-reference .or-ops-chart{height:145px;margin-top:14px;border-radius:13px;background:linear-gradient(180deg,rgba(126,58,227,.16),rgba(255,255,255,.025));padding:14px;display:flex;align-items:end;gap:8px}
.original-reference .or-ops-chart i{display:block;flex:1;border-radius:7px 7px 3px 3px;background:linear-gradient(180deg,#a855f7,#5b21b6);box-shadow:0 0 14px rgba(168,85,247,.34)}
.original-reference .or-steps{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.original-reference .or-step{background:#fff;border:1px solid var(--line);border-radius:19px;padding:21px 17px;position:relative;min-height:205px}
.original-reference .or-step-number{font-size:12px;color:#9f7bbc;font-weight:900;margin-bottom:14px}
.original-reference .or-step-icon{width:46px;height:46px;border-radius:15px;background:#f3ecfb;color:var(--brand-2);display:grid;place-items:center;margin-bottom:14px}
.original-reference .or-step h3{font-size:15px;margin:0 0 6px}
.original-reference .or-step p{font-size:10.5px;color:var(--muted);margin:0}
.original-reference .or-step:not(:last-child):after{content:"";position:absolute;left:-13px;top:50%;width:14px;height:1px;background:#cdbce0}
.original-reference .or-step:not(:last-child):before{content:"";position:absolute;left:-15px;top:calc(50% - 3px);border:3px solid transparent;border-right-color:#cdbce0;transform:rotate(180deg)}
.original-reference .or-partners-panel{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.original-reference .or-partner-card{display:flex;align-items:center;gap:22px;background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px;min-height:175px;transition:.25s}
.original-reference .or-partner-card:hover{box-shadow:var(--shadow-sm);transform:translateY(-4px)}
.original-reference .or-partner-mark{width:92px;height:92px;border-radius:24px;display:grid;place-items:center;flex:none;background:linear-gradient(145deg,#f1e9fb,#fff);color:var(--brand);font-size:31px;font-weight:950;position:relative;overflow:hidden}
.original-reference .or-partner-mark.or-business:after{content:"";position:absolute;width:60px;height:60px;border:7px double #4c2c85;border-radius:22px;transform:rotate(45deg);opacity:.17}
.original-reference .or-partner-mark.or-ayami{color:#159c8b;background:linear-gradient(145deg,#e7fbf7,#fff)}
.original-reference .or-partner-mark.or-ayami:before{content:"✦";font-size:54px;opacity:.22;position:absolute}
.original-reference .or-partner-card h3{font-size:21px;margin:0 0 5px}
.original-reference .or-partner-type{display:inline-flex;padding:4px 9px;border-radius:999px;background:#f4effa;color:#68428c;font-size:10px;font-weight:800;margin-bottom:8px}
.original-reference .or-partner-card p{font-size:12px;color:var(--muted);margin:0}
.original-reference .or-why-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:38px;align-items:center}
.original-reference .or-why-visual{min-height:460px;background:linear-gradient(135deg,#12042d,#35106c);border-radius:28px;position:relative;overflow:hidden;padding:38px}
.original-reference .or-why-visual:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(201,155,255,.5) 1px,transparent 1px);background-size:24px 24px;opacity:.14}
.original-reference .or-why-visual .or-system-map{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-items:center;height:100%}
.original-reference .or-map-node{padding:18px 10px;border-radius:17px;text-align:center;border:1px solid rgba(202,154,255,.25);background:rgba(255,255,255,.055);color:#fff;font-size:11px}
.original-reference .or-map-node.or-center{grid-column:2;grid-row:1 / span 2;background:linear-gradient(145deg,rgba(168,85,247,.42),rgba(79,27,138,.4));min-height:190px;display:flex;flex-direction:column;justify-content:center;align-items:center}
.original-reference .or-map-node.or-center .or-icon{width:48px;height:48px;color:#deb7ff;margin-bottom:12px}
.original-reference .or-why-list{display:grid;gap:12px}
.original-reference .or-why-item{display:flex;gap:14px;padding:17px;border-radius:17px;background:#fff;border:1px solid var(--line)}
.original-reference .or-why-item .or-why-ico{width:42px;height:42px;border-radius:14px;background:#f3ecfb;color:var(--brand-2);display:grid;place-items:center;flex:none}
.original-reference .or-why-item h3{font-size:14px;margin:0 0 3px}
.original-reference .or-why-item p{font-size:11px;color:var(--muted);margin:0}
.original-reference .or-articles{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.original-reference .or-article-card{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;transition:.25s}
.original-reference .or-article-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-sm)}
.original-reference .or-article-cover{height:170px;position:relative;overflow:hidden;background:radial-gradient(circle at 30% 40%,rgba(202,130,255,.75),transparent 25%),radial-gradient(circle at 70% 20%,rgba(90,42,180,.7),transparent 30%),linear-gradient(135deg,#150431,#4a1684)}
.original-reference .or-article-cover:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.45) 1px,transparent 1px);background-size:17px 17px;opacity:.25}
.original-reference .or-article-cover .or-icon{position:absolute;width:70px;height:70px;color:#fff;right:50%;top:50%;transform:translate(50%,-50%);filter:drop-shadow(0 0 20px rgba(255,255,255,.3))}
.original-reference .or-article-body{padding:21px}
.original-reference .or-article-cat{font-size:10px;color:var(--brand-2);font-weight:850}
.original-reference .or-article-body h3{font-size:17px;line-height:1.55;margin:7px 0 8px}
.original-reference .or-article-body p{font-size:11px;color:var(--muted);margin:0 0 14px}
.original-reference .or-cta{padding:0 0 80px;background:#fff}
.original-reference .or-cta-box{border-radius:28px;background:radial-gradient(circle at 10% 10%,rgba(175,96,255,.4),transparent 30%),linear-gradient(135deg,#150331,#3a0f72);color:#fff;padding:40px 48px;display:flex;justify-content:space-between;align-items:center;gap:35px;position:relative;overflow:hidden}
.original-reference .or-cta-box:after{content:"";position:absolute;width:300px;height:300px;border:1px solid rgba(255,255,255,.12);border-radius:50%;left:-80px;top:-100px;box-shadow:0 0 0 34px rgba(255,255,255,.04),0 0 0 68px rgba(255,255,255,.025)}
.original-reference .or-cta-box h2{font-size:32px;margin:0 0 7px;position:relative;z-index:2}
.original-reference .or-cta-box p{margin:0;color:#d8c9e9;position:relative;z-index:2}
.original-reference .or-cta-box .or-actions{position:relative;z-index:2;flex:none}
.original-reference .or-site-footer{background:linear-gradient(135deg,#13042e,#2a0755);color:#fff;padding:70px 0 24px}
.original-reference .or-footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:48px}
.original-reference .or-footer-brand img{width:245px;margin-bottom:18px}
.original-reference .or-footer-brand p{color:#c8b9d9;font-size:12px;max-width:320px}
.original-reference .or-footer-col h3{font-size:15px;margin:0 0 15px}
.original-reference .or-footer-links{display:grid;gap:8px}
.original-reference .or-footer-links a,.original-reference .or-contact-line{font-size:11px;color:#c7b8d8;display:flex;gap:8px;align-items:center}
.original-reference .or-footer-links a:hover{color:#fff}
.original-reference .or-contact-line .or-icon{width:16px;height:16px}
.original-reference .or-footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:45px;padding-top:19px;display:flex;justify-content:space-between;color:#9f8bb7;font-size:10px}
.original-reference .or-footer-legal{display:flex;gap:18px}
.original-reference .or-floating-whatsapp{position:fixed;z-index:45;left:22px;bottom:22px;width:58px;height:58px;border-radius:18px;background:var(--whatsapp);color:#fff;display:grid;place-items:center;box-shadow:0 18px 40px rgba(37,211,102,.35);transition:.2s}
.original-reference .or-floating-whatsapp:hover{transform:translateY(-4px) scale(1.03)}
.original-reference .or-floating-whatsapp .or-icon{width:30px;height:30px}
.original-reference .or-mobile-bottom{display:none}
.original-reference .or-subhero{padding:155px 0 80px;background:radial-gradient(circle at 15% 20%,rgba(145,69,255,.23),transparent 32%),linear-gradient(135deg,#0e0227,#2d075a);color:#fff;position:relative;overflow:hidden}
.original-reference .or-subhero:after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(196,145,255,.35) 1px,transparent 1px);background-size:26px 26px;opacity:.14}
.original-reference .or-subhero .or-container{position:relative;z-index:2}
.original-reference .or-breadcrumbs{font-size:11px;color:#bca9d2;display:flex;align-items:center;gap:7px}
.original-reference .or-subhero h1{font-size:clamp(36px,5vw,64px);line-height:1.28;margin:18px 0 14px}
.original-reference .or-subhero p{font-size:17px;color:#d1c2e1;max-width:760px;margin:0}
.original-reference .or-subhero .or-actions{margin-top:26px}
.original-reference .or-page-section{padding:85px 0}
.original-reference .or-filter-bar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:30px}
.original-reference .or-filter-btn{border:1px solid var(--line);background:#fff;color:#5b4b6a;border-radius:999px;padding:9px 15px;font-size:11px;font-weight:800}
.original-reference .or-filter-btn.or-active{background:var(--brand);color:#fff;border-color:var(--brand)}
.original-reference .or-detail-layout{display:grid;grid-template-columns:1fr 330px;gap:30px;align-items:start}
.original-reference .or-detail-main{display:grid;gap:24px}
.original-reference .or-content-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:30px}
.original-reference .or-content-card h2{font-size:25px;margin:0 0 14px}
.original-reference .or-content-card p{color:var(--muted);font-size:13px}
.original-reference .or-bullet-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.original-reference .or-bullet{display:flex;gap:9px;align-items:flex-start;padding:12px 14px;border:1px solid var(--line);border-radius:14px;font-size:11px;color:#493c57;background:#fff}
.original-reference .or-bullet .or-icon{width:17px;height:17px;color:#15965c;margin-top:2px}
.original-reference .or-side-card{position:sticky;top:112px;background:linear-gradient(145deg,#1a073a,#3b0f72);color:#fff;border-radius:24px;padding:28px;box-shadow:var(--shadow-sm)}
.original-reference .or-side-card h3{font-size:20px;margin:0 0 10px}
.original-reference .or-side-card p{color:#d1c1e0;font-size:11px}
.original-reference .or-side-card .or-btn{width:100%;margin-top:10px}
.original-reference .or-status-large{display:inline-flex;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);font-size:11px;color:#eadcff;font-weight:850}
.original-reference .or-product-hero-grid{display:grid;grid-template-columns:1fr .82fr;gap:55px;align-items:center}
.original-reference .or-product-hero-art{min-height:330px;border-radius:30px;background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.16);display:grid;place-items:center;position:relative;overflow:hidden}
.original-reference .or-product-hero-art:before{content:"";position:absolute;width:230px;height:230px;border-radius:50%;background:var(--product,#7c3aed);filter:blur(90px);opacity:.35}
.original-reference .or-product-hero-art .or-hero-product-icon{width:150px;height:150px;border-radius:42px;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.2);display:grid;place-items:center;position:relative;z-index:2;box-shadow:0 30px 80px rgba(0,0,0,.25)}
.original-reference .or-hero-product-icon .or-icon{width:74px;height:74px;color:#fff}
.original-reference .or-workflow-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.original-reference .or-workflow-item{padding:19px;border-radius:17px;border:1px solid var(--line);background:#fff}
.original-reference .or-workflow-item b{display:block;color:var(--brand-2);font-size:11px;margin-bottom:4px}
.original-reference .or-workflow-item span{font-size:11px}
.original-reference .or-faq{display:grid;gap:10px}
.original-reference .or-faq details{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px 18px}
.original-reference .or-faq summary{font-weight:850;font-size:13px;cursor:pointer}
.original-reference .or-faq p{font-size:11px;color:var(--muted);margin:10px 0 0}
.original-reference .or-timeline{display:grid;gap:0}
.original-reference .or-timeline-item{display:grid;grid-template-columns:110px 1fr;gap:22px;position:relative;padding-bottom:34px}
.original-reference .or-timeline-year{font-size:13px;font-weight:900;color:var(--brand-2)}
.original-reference .or-timeline-body{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px}
.original-reference .or-timeline-body h3{margin:0 0 5px;font-size:17px}
.original-reference .or-timeline-body p{margin:0;color:var(--muted);font-size:12px}
.original-reference .or-values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
.original-reference .or-value-card{padding:22px;background:#fff;border:1px solid var(--line);border-radius:19px}
.original-reference .or-value-card h3{font-size:15px;margin:0 0 5px}
.original-reference .or-value-card p{font-size:11px;color:var(--muted);margin:0}
.original-reference .or-form-card{background:#fff;border:1px solid var(--line);border-radius:26px;padding:32px;box-shadow:var(--shadow-sm)}
.original-reference .or-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:17px}
.original-reference .or-field{display:grid;gap:7px}
.original-reference .or-field.or-full{grid-column:1/-1}
.original-reference .or-field label{font-size:11px;font-weight:850;color:#3d3150}
.original-reference .or-field input,.original-reference .or-field select,.original-reference .or-field textarea{width:100%;border:1px solid #ddd3e8;border-radius:13px;background:#fff;padding:12px 14px;outline:none;color:#22152f}
.original-reference .or-field textarea{min-height:130px;resize:vertical}
.original-reference .or-field input:focus,.original-reference .or-field select:focus,.original-reference .or-field textarea:focus{border-color:#9c67d2;box-shadow:0 0 0 4px rgba(124,58,237,.08)}
.original-reference .or-form-note{font-size:10px;color:var(--muted)}
.original-reference .or-contact-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:26px}
.original-reference .or-contact-info{display:grid;gap:14px}
.original-reference .or-info-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:19px;display:flex;gap:13px;align-items:center}
.original-reference .or-info-card .or-info-icon{width:46px;height:46px;border-radius:15px;background:#f2eafb;color:var(--brand-2);display:grid;place-items:center}
.original-reference .or-info-card h3{font-size:13px;margin:0 0 3px}
.original-reference .or-info-card p{font-size:11px;color:var(--muted);margin:0}
.original-reference .or-two-step .or-step-pane{display:none}
.original-reference .or-two-step .or-step-pane.or-active{display:block}
.original-reference .or-step-indicator{display:flex;gap:10px;margin-bottom:24px}
.original-reference .or-step-pill{flex:1;padding:10px;border-radius:12px;background:#f5f0fa;color:#8d769e;font-size:10px;font-weight:850;text-align:center}
.original-reference .or-step-pill.or-active{background:var(--brand);color:#fff}
.original-reference .or-legal-content{background:#fff;border:1px solid var(--line);border-radius:26px;padding:36px}
.original-reference .or-legal-content h2{font-size:23px;margin-top:32px}
.original-reference .or-legal-content p,.original-reference .or-legal-content li{font-size:12px;color:#5f526b}
.original-reference .or-legal-content ul{padding-right:20px}
.original-reference .or-modal{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;padding:22px;background:rgba(9,2,24,.72);backdrop-filter:blur(10px)}
.original-reference .or-modal.or-open{display:flex}
.original-reference .or-modal-card{width:min(720px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:25px;padding:30px;position:relative}
.original-reference .or-modal-close{position:absolute;left:18px;top:18px;width:42px;height:42px;border-radius:13px;border:1px solid var(--line);background:#fff;color:var(--ink);display:grid;place-items:center}
.original-reference .or-modal-card h2{font-size:28px;margin:0 0 6px}
.original-reference .or-modal-card>p{font-size:12px;color:var(--muted);margin:0 0 24px}
.original-reference .or-toast{position:fixed;z-index:120;right:22px;bottom:22px;background:#143c29;color:#fff;padding:15px 19px;border-radius:14px;box-shadow:0 20px 45px rgba(0,0,0,.25);transform:translateY(140%);transition:.3s}
.original-reference .or-toast.or-show{transform:none}
@media(max-width:1100px){.original-reference .or-desktop-nav{gap:16px;font-size:11px}
.original-reference .or-brand{min-width:190px}
.original-reference .or-brand img{width:185px}
.original-reference .or-hero-grid{gap:28px}
.original-reference .or-laptop{transform:scale(.86) rotateY(-8deg);transform-origin:left center}
.original-reference .or-card-grid,.original-reference .or-service-grid{grid-template-columns:repeat(3,1fr)}
.original-reference .or-sector-grid{grid-template-columns:repeat(3,1fr)}
.original-reference .or-steps{grid-template-columns:repeat(3,1fr)}
.original-reference .or-step:not(:last-child):after,.original-reference .or-step:not(:last-child):before{display:none}
.original-reference .or-footer-grid{grid-template-columns:1.3fr repeat(3,.8fr);gap:25px}}
@media(max-width:900px){.original-reference .or-container{width:min(100% - 28px,var(--container))}
.original-reference .or-desktop-nav,.original-reference .or-header-actions .or-btn,.original-reference .or-lang-btn{display:none}
.original-reference .or-menu-btn{display:flex}
.original-reference .or-site-header .or-header-inner{height:76px}
.original-reference .or-brand img{width:205px}
.original-reference .or-hero{padding-top:120px;min-height:auto}
.original-reference .or-hero-grid{grid-template-columns:1fr;gap:25px}
.original-reference .or-hero-copy{font-size:15px}
.original-reference .or-hero-visual{min-height:440px}
.original-reference .or-laptop{left:50%;transform:translateX(-50%) scale(.82);transform-origin:center}
.original-reference .or-hero-orbit{left:50%;transform:translateX(-50%)}
.original-reference .or-float-chat{right:4%}
.original-reference .or-float-chart{left:65%}
.original-reference .or-float-ai{left:52%}
.original-reference .or-trust-strip{grid-template-columns:repeat(2,1fr)}
.original-reference .or-trust-item:not(:last-child):after{display:none}
.original-reference .or-trust-item:last-child{grid-column:1/-1}
.original-reference .or-card-grid,.original-reference .or-service-grid,.original-reference .or-sector-grid{grid-template-columns:repeat(2,1fr)}
.original-reference .or-product-card.or-wide{grid-column:auto}
.original-reference .or-feature-panel{grid-template-columns:1fr}
.original-reference .or-feature-visual{min-height:410px}
.original-reference .or-why-grid{grid-template-columns:1fr}
.original-reference .or-partners-panel{grid-template-columns:1fr}
.original-reference .or-articles{grid-template-columns:1fr}
.original-reference .or-footer-grid{grid-template-columns:1fr 1fr}
.original-reference .or-footer-brand{grid-column:1/-1}
.original-reference .or-detail-layout,.original-reference .or-product-hero-grid,.original-reference .or-contact-grid{grid-template-columns:1fr}
.original-reference .or-side-card{position:static}
.original-reference .or-values-grid{grid-template-columns:repeat(2,1fr)}
.original-reference .or-workflow-row{grid-template-columns:repeat(2,1fr)}
.original-reference .or-cta-box{display:block;text-align:center}
.original-reference .or-cta-box .or-actions{justify-content:center;margin-top:22px}}
@media(max-width:620px){.original-reference .or-section{padding:72px 0}
.original-reference .or-section-head{display:block}
.original-reference .or-section-link{margin-top:13px}
.original-reference .or-title{font-size:36px}
.original-reference .or-hero h1{font-size:42px}
.original-reference .or-hero-visual{min-height:350px;margin-inline:-18px}
.original-reference .or-laptop{transform:translateX(-50%) scale(.63);top:20px}
.original-reference .or-hero-orbit{width:320px;height:320px}
.original-reference .or-float-ai{width:88px;height:88px;left:53%;top:195px;font-size:34px}
.original-reference .or-float-chat{width:60px;height:60px;right:4%;top:75px}
.original-reference .or-float-chart{width:62px;height:62px;left:69%;top:0}
.original-reference .or-hero .or-actions .or-btn{width:100%}
.original-reference .or-trust-wrap{margin-top:-42px}
.original-reference .or-trust-item{padding:20px 12px}
.original-reference .or-card-grid,.original-reference .or-service-grid,.original-reference .or-sector-grid{grid-template-columns:1fr}
.original-reference .or-product-card{min-height:auto}
.original-reference .or-feature-copy{padding:28px}
.original-reference .or-feature-copy h2{font-size:28px}
.original-reference .or-check-list{grid-template-columns:1fr}
.original-reference .or-feature-visual{padding:18px;min-height:370px}
.original-reference .or-ops-flow{grid-template-columns:repeat(2,1fr)}
.original-reference .or-steps{grid-template-columns:1fr 1fr}
.original-reference .or-step{min-height:180px}
.original-reference .or-partners-panel{gap:13px}
.original-reference .or-partner-card{display:block;text-align:center}
.original-reference .or-partner-mark{margin:0 auto 16px}
.original-reference .or-why-visual{min-height:400px;padding:20px}
.original-reference .or-why-visual .or-system-map{grid-template-columns:1fr 1fr}
.original-reference .or-map-node.or-center{grid-column:1/-1;grid-row:auto;min-height:140px}
.original-reference .or-cta{padding-bottom:0}
.original-reference .or-cta-box{border-radius:0;padding:38px 22px}
.original-reference .or-cta-box .or-btn{width:100%}
.original-reference .or-footer-grid{grid-template-columns:1fr}
.original-reference .or-footer-brand{grid-column:auto}
.original-reference .or-footer-bottom{display:block;text-align:center}
.original-reference .or-footer-legal{justify-content:center;margin-top:8px}
.original-reference .or-floating-whatsapp{display:none}
.original-reference .or-mobile-bottom{position:fixed;z-index:44;right:12px;left:12px;bottom:10px;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px;border-radius:17px;background:rgba(20,4,47,.92);backdrop-filter:blur(15px);box-shadow:0 20px 50px rgba(0,0,0,.28)}
.original-reference .or-mobile-bottom .or-btn{min-height:45px;padding:0 10px;font-size:11px}
.original-reference .or-site-footer{padding-bottom:100px}
.original-reference .or-form-grid{grid-template-columns:1fr}
.original-reference .or-field.or-full{grid-column:auto}
.original-reference .or-bullet-grid{grid-template-columns:1fr}
.original-reference .or-values-grid{grid-template-columns:1fr 1fr}
.original-reference .or-workflow-row{grid-template-columns:1fr}
.original-reference .or-timeline-item{grid-template-columns:1fr;gap:7px}
.original-reference .or-subhero{padding-top:125px}
.original-reference .or-product-hero-art{min-height:260px}
.original-reference .or-modal-card{padding:26px 18px}
.original-reference .or-mobile-menu-head img{width:190px}}
@media(prefers-reduced-motion:reduce){.original-reference *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:620px){.original-reference[lang=en] .or-hero h1{font-size:42px}}

/* User-approved animation preview: decorative full-width technical symbols. */
.original-reference .tech-drift-field{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:1;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.original-reference .tech-drift{position:absolute;top:var(--lane);left:-90px;width:var(--glyph);height:var(--glyph);color:#e1bbff;opacity:.78;filter:none;animation:technical-crossing var(--journey) linear var(--phase) infinite;animation-direction:var(--direction);will-change:transform}
.original-reference .tech-drift svg{display:block;width:100%;height:100%}
@keyframes technical-crossing{0%{transform:translate3d(0,0,0) rotate(-9deg)}25%{transform:translate3d(calc(25vw + 45px),-17px,0) rotate(3deg)}50%{transform:translate3d(calc(50vw + 90px),0,0) rotate(10deg)}75%{transform:translate3d(calc(75vw + 135px),17px,0) rotate(-3deg)}100%{transform:translate3d(calc(100vw + 180px),0,0) rotate(-9deg)}}
@media(max-width:620px){.original-reference .tech-drift{opacity:.34;width:calc(var(--glyph)*.75);height:calc(var(--glyph)*.75)}.original-reference .tech-drift:nth-child(n+6){display:none}}
@media(prefers-reduced-motion:reduce){.original-reference .tech-drift-field{display:none}}

.original-reference .data-streams{position:absolute;inset:0;width:100%;height:100%;overflow:visible;fill:none;pointer-events:none}
.original-reference .data-track{stroke:#a262eb;stroke-width:1;opacity:.12}
.original-reference .data-trail,.original-reference .data-packet{stroke:#bd7cff;stroke-width:3;stroke-linecap:round;stroke-dasharray:40 960;animation:data-transfer var(--flow) linear var(--offset) infinite;animation-direction:var(--flow-direction);opacity:.65}
.original-reference .data-trail{stroke-width:8;filter:url(#data-glow);opacity:.38}
.original-reference .data-packet{stroke:#ddbeff;stroke-width:2;stroke-dasharray:7 993}
@keyframes data-transfer{from{stroke-dashoffset:1000}to{stroke-dashoffset:0}}

/* Framed symbols: same glass treatment as the approved AI tile. */
.original-reference .tech-drift{display:grid;place-items:center;padding:15px;border:1px solid rgba(211,171,255,.48);border-radius:20px;background:linear-gradient(145deg,rgba(125,65,192,.52),rgba(38,11,76,.62));box-shadow:inset 0 1px 1px #edceff22,0 12px 28px #08021838,0 0 22px #9333ea20;backdrop-filter:blur(8px)}
.original-reference .tech-drift svg{filter:drop-shadow(0 0 5px #cc98ff35)}
@media(max-width:620px){.original-reference .tech-drift{padding:10px;border-radius:15px;opacity:.6}}

/* Homepage product presentation: two visual cards per row. */
.original-reference .product-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.original-reference .product-showcase{padding:10px;min-height:0;border-radius:26px;box-shadow:0 10px 35px #24103c08}
.original-reference .product-showcase:before{display:none}
.original-reference .product-showcase:hover{transform:none}
.original-reference .product-preview{position:relative;margin:0;overflow:hidden;border-radius:18px;background:#14082b;aspect-ratio:16/9}
.original-reference .product-preview img{display:block;width:100%;height:100%;object-fit:cover}
.original-reference .product-preview figcaption{position:absolute;bottom:12px;inset-inline-end:12px;padding:4px 10px;border-radius:8px;background:#14082bdd;color:#eee1ff;font-size:10px}
.original-reference .product-summary{display:flex;flex-direction:column;flex:1;padding:25px 20px 20px}
.original-reference .product-heading{display:flex;align-items:center;gap:12px;margin-bottom:15px;flex-wrap:wrap}
.original-reference .product-heading .or-product-icon{width:40px;height:40px;border-radius:12px;margin:0;flex-shrink:0}
.original-reference .product-heading .or-product-icon svg{width:23px;height:23px}
.original-reference .product-heading h3{font-size:23px;margin:0}
.original-reference .product-heading .or-status{margin:0;margin-inline-start:auto;align-self:center}
.original-reference .product-summary p{font-size:14px;line-height:1.95;margin-bottom:24px}
.original-reference .product-summary .or-card-link{align-self:flex-start;border:1px solid #e5d8f4;background:#f8f4fd;padding:9px 16px;border-radius:11px;font-size:13px}
@media(max-width:700px){.original-reference .product-showcase-grid{grid-template-columns:1fr;gap:22px}.original-reference .product-summary{padding:20px 12px 14px}.original-reference .product-heading h3{font-size:20px}.original-reference .product-heading .or-status{font-size:9px}}

/* Compact product cards, retaining readable copy. */
.original-reference .product-showcase-grid{max-width:1100px;margin-inline:auto;gap:24px}
.original-reference .product-preview{aspect-ratio:1.95}
.original-reference .product-summary{padding:19px 17px 16px}
.original-reference .product-heading{margin-bottom:12px;gap:10px}
.original-reference .product-heading h3{font-size:21px}
.original-reference .product-summary p{margin-bottom:18px}
@media(max-width:700px){.original-reference .product-summary{padding:17px 12px 14px}.original-reference .product-heading h3{font-size:20px}.original-reference .product-preview{aspect-ratio:16/9}}

/* Four raised product cards on desktop. */
.original-reference .product-showcase-grid{max-width:1240px;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.original-reference .product-showcase{padding:8px;border-radius:22px;border-color:#e5d9f0;box-shadow:0 18px 32px -12px #35105b30,0 5px 12px #35105b0c}
.original-reference .product-preview{aspect-ratio:1.6;border-radius:15px}
.original-reference .product-summary{padding:17px 10px 13px}
.original-reference .product-heading{gap:8px;margin-bottom:12px}
.original-reference .product-heading h3{font-size:18px}
.original-reference .product-heading .or-product-icon{width:32px;height:32px;border-radius:10px}
.original-reference .product-heading .or-product-icon svg{width:20px;height:20px}
.original-reference .product-heading .or-status{margin-inline-start:0;font-size:9px}
.original-reference .product-summary p{font-size:13px;line-height:1.9;margin-bottom:18px}
.original-reference .product-summary .or-card-link{font-size:12px;padding:8px 12px}
.original-reference .product-preview figcaption{font-size:9px;padding:3px 7px;bottom:8px;inset-inline-end:8px}
@media(max-width:1050px){.original-reference .product-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.original-reference .product-showcase-grid{grid-template-columns:1fr;max-width:400px;gap:24px}.original-reference .product-preview{aspect-ratio:16/9}.original-reference .product-summary{padding:18px 14px}.original-reference .product-summary p{font-size:14px}}

.original-reference #products.or-section{padding-top:52px}
@media(max-width:620px){.original-reference #products.or-section{padding-top:38px}}