:root{--bg:#080f1e;--bg2:#0b1429;--text:#f7f9ff;--muted:#aab6ce;--line:rgba(255,255,255,.11);--accent:#8176ff;--aqua:#66e9eb;--white:#fff;--ink:#10172c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;font-family:'Cairo',Tahoma,Arial,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;overflow-x:hidden}a{text-decoration:none;color:inherit}button{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid #70ebee;outline-offset:4px}p{line-height:1.95}h1,h2,h3,h4,p{margin-top:0}.shell{width:min(1180px,calc(100% - 56px));margin:auto}.announcement{height:38px;display:flex;justify-content:center;align-items:center;gap:9px;font-size:11px;color:#c8d0e8;background:#121b33;border-bottom:1px solid rgba(255,255,255,.06);font-weight:700}.live-dot{width:7px;height:7px;border-radius:50%;display:inline-block;background:#55e1ba;box-shadow:0 0 0 4px rgba(85,225,186,.11)}.announce-mini{color:#76ebe9}.site-header{position:sticky;top:0;z-index:60;background:rgba(8,15,30,.88);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.07)}.header-inner{height:78px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:inline-flex;align-items:center;gap:11px;flex-shrink:0}.brand-symbol{width:43px;height:43px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(140deg,#7773ff,#49d7d8);color:white;font-size:25px;font-family:Arial,sans-serif;font-weight:900;letter-spacing:-3px;position:relative;direction:ltr;box-shadow:0 8px 23px #504fd533}.brand-spark{color:#b6fff7;font-size:23px;letter-spacing:0}.brand-word{font-family:Arial,sans-serif;font-weight:900;font-size:22px;line-height:1;letter-spacing:-.9px;direction:ltr}.brand-word>span{color:#7cdbed}.brand-word small{display:block;letter-spacing:2.4px;font-size:6.8px;color:#98a5c5;margin-top:7px}.main-nav{display:flex;gap:34px;align-items:center}.main-nav a{font-size:13px;color:#b9c4dc;font-weight:700;transition:.2s}.main-nav a:hover,.footer-col a:hover{color:#7fe9ec}.header-cta{font-size:12px;font-weight:800;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.17);padding:12px 19px;border-radius:10px;white-space:nowrap;transition:.2s}.header-cta:hover{background:#252e50}.header-cta span{padding-right:14px;color:#75e8e8}.menu-toggle,.nav-mobile-cta{display:none}.hero{position:relative;min-height:682px;padding:93px 0 96px;overflow:hidden;background:radial-gradient(ellipse at 70% 40%,rgba(43,47,104,.21),transparent 46%)}.hero-grid{display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:38px;position:relative;z-index:2}.hero-copy{position:relative;z-index:5}.eyebrow{display:flex;align-items:center;gap:12px;color:#b5bce2;font-weight:800;font-size:12px;margin-bottom:29px}.eyebrow-icon{width:32px;height:32px;display:grid;place-items:center;color:#90eee9;border-radius:9px;background:rgba(110,229,228,.09);font-size:16px}.eyebrow-line{width:42px;height:1px;background:linear-gradient(90deg,rgba(127,232,233,.5),transparent)}h1{font-size:clamp(42px,4.4vw,68px);line-height:1.36;letter-spacing:-2.2px;font-weight:900;margin-bottom:24px}.gradient-text{background:linear-gradient(102deg,#d3c6ff 4%,#8797ff 43%,#62e6e7 94%);color:transparent;background-clip:text;-webkit-background-clip:text}.hero-lead{color:#b3bfd4;font-size:15px;max-width:490px;line-height:2.15;margin-bottom:33px}.hero-actions{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.btn{display:inline-flex;justify-content:center;align-items:center;gap:20px;min-height:53px;padding:0 24px;border-radius:13px;font-size:13px;font-weight:900;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-3px)}.btn-primary{background:linear-gradient(110deg,#7771ff,#5a77ec);box-shadow:0 15px 35px #6266ff35}.btn-ghost{color:#d0d9ed}.play-circle{height:36px;width:36px;border:1px solid #37445d;border-radius:50%;display:grid;place-items:center;color:#80e7e7}.hero-footnote{display:flex;align-items:center;gap:13px;color:#8999b6;font-size:10px;margin-top:36px}.status-pill{display:flex;align-items:center;gap:9px;white-space:nowrap;border:1px solid rgba(81,219,174,.18);background:rgba(81,219,174,.08);border-radius:50px;padding:6px 11px;color:#8ee8cb;font-size:10px;font-weight:700}.hero-glow{position:absolute;pointer-events:none;filter:blur(22px)}.hero-glow-a{left:-200px;top:60px;width:470px;height:470px;background:radial-gradient(circle,#5146e529,transparent 65%)}.hero-glow-b{right:24%;bottom:-250px;width:600px;height:450px;background:radial-gradient(circle,#087f8a19,transparent 65%)}.hero-gridlines{position:absolute;inset:0;background-image:linear-gradient(to right,rgba(147,158,245,.024) 1px,transparent 1px),linear-gradient(to bottom,rgba(147,158,245,.024) 1px,transparent 1px);background-size:65px 65px;mask-image:linear-gradient(90deg,transparent,#000 30%,#000 80%,transparent);pointer-events:none}.hero-visual{position:relative;min-height:455px;display:flex;align-items:center;justify-content:center;direction:ltr}.visual-orbit{border:1px solid rgba(120,114,249,.15);position:absolute;border-radius:50%;pointer-events:none}.orbit-one{width:560px;height:560px}.orbit-two{width:430px;height:430px}.dashboard-frame{position:relative;width:520px;transform:perspective(1200px) rotateY(-8deg) rotateX(5deg) rotateZ(-2deg);border-radius:16px;overflow:hidden;background:white;border:7px solid #23304d;box-shadow:0 36px 70px #030718a8,0 0 65px #6665ff22;direction:rtl}.mock-topbar{height:38px;background:#f4f6fc;display:flex;align-items:center;justify-content:space-between;padding:0 13px;direction:ltr;border-bottom:1px solid #e4e8f1}.mock-dots{display:flex;gap:5px}.mock-dots i{width:7px;height:7px;border-radius:50%;background:#b6bed3}.mock-dots i:first-child{background:#fb9fa8}.mock-dots i:nth-child(2){background:#fad18f}.mock-domain{font:10px Arial;color:#9ca6bd}.mock-domain span{color:#696fe4}.mock-icon{color:#7a85ab}.mock-content{display:flex;min-height:334px}.mock-sidebar{width:55px;flex-shrink:0;background:#181e39;display:flex;flex-direction:column;align-items:center;gap:18px;padding:16px 0;color:#68748e}.mini-logo{background:#6866e5;color:white;border-radius:9px;font:bold 18px Arial;width:30px;height:30px;display:grid;place-items:center;margin-bottom:9px}.side-icon{font-size:17px;font-style:normal;line-height:22px}.side-icon.selected{color:#a1a5ff}.mock-body{flex:1;background:#f9faff;padding:20px;color:#242d49}.mock-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.mock-kicker{display:block;color:#a0a9bb;font-size:9px;margin-bottom:5px}.mock-heading strong{font-size:15px}.mock-date{font-size:9px;color:#8692ad;border:1px solid #dfe3ee;border-radius:5px;padding:5px}.metric-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:11px}.metric{background:white;border:1px solid #e9ecf3;border-radius:10px;padding:13px 12px;display:flex;flex-direction:column;gap:7px;box-shadow:0 5px 12px #16214b07}.metric small{font-size:10px;color:#8893a9}.metric small span{float:left;font-size:14px;color:#6864e5}.metric strong{font:900 22px Arial;color:#19213e}.metric strong em{font:700 9px Cairo}.metric-rise{font:700 10px Arial;color:#3ca889;direction:ltr;text-align:right}.metric-rise b{color:#9aa5b8;font:8px Cairo}.metric-mini{font-size:9px;color:#46b994}.chart-card{margin-top:11px;background:white;border:1px solid #e9ecf3;border-radius:10px;padding:12px 14px 8px}.chart-head{display:flex;justify-content:space-between;font-size:10px;font-weight:700}.legend{font-size:8px;color:#919bb0;font-weight:400}.legend i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#7067eb;margin-left:5px}.chart-card svg{width:100%;height:108px;display:block;margin-top:5px}.mock-bottom{padding-top:11px;font-size:10px;font-weight:bold}.fake-table{display:flex;gap:11px;margin-top:9px}.fake-table i{display:block;width:30%;height:18px;border-radius:5px;background:#e9edf6}.float-card{position:absolute;z-index:3;border:1px solid rgba(255,255,255,.17);border-radius:13px;background:rgba(31,40,70,.91);box-shadow:0 25px 45px #0006;backdrop-filter:blur(10px);direction:rtl;padding:12px 13px;display:flex;align-items:center;gap:10px}.float-card-one{bottom:43px;left:-19px;transform:rotate(4deg)}.float-card-two{top:13px;right:-13px;transform:rotate(-5deg)}.float-card strong{display:block;font-size:11px}.float-card small{display:block;font-size:9px;color:#b0bdd4;margin-top:2px}.float-icon{height:29px;width:29px;border-radius:50%;background:#52ddc122;display:grid;place-items:center;color:#6df4d4}.float-emoji{height:31px;width:31px;display:grid;place-items:center;border-radius:10px;background:#7468ec33;color:#c1b5ff;font-size:18px}.visual-disclaimer{position:absolute;bottom:-40px;margin:0;font-size:10px;color:#7887a5}.trust-strip{border-block:1px solid var(--line);background:#0d1529;padding:25px 0}.strip-inner{display:flex;justify-content:space-between;align-items:center;gap:28px}.strip-title{color:#8d9ab4;font-size:12px;font-weight:800}.strip-items{display:flex;gap:42px;flex-wrap:wrap}.strip-items span{font-size:13px;color:#ced5e7;font-weight:800}.section{padding:112px 0}.section-heading{margin-bottom:56px}.section-heading.centered{text-align:center;max-width:750px;margin-inline:auto}.section-tag{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:900;letter-spacing:.1px;color:#8ae4e6;margin-bottom:20px}.section-tag:before{content:'';height:7px;width:7px;background:#7c81ff;border-radius:2px;transform:rotate(45deg)}h2{font-size:clamp(30px,3.1vw,45px);line-height:1.5;letter-spacing:-.9px;font-weight:900;margin-bottom:14px}.muted-heading{color:#99a6c7}.section-heading p{font-size:14px;color:#99a8c3;max-width:610px;margin:0 auto}.platform{background:linear-gradient(180deg,#091021,#0c1529)}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:23px}.feature-card{border:1px solid rgba(255,255,255,.08);background:#121c32;border-radius:24px;overflow:hidden;transition:transform .3s,border-color .3s}.feature-card:hover{transform:translateY(-6px);border-color:#655fc455}.feature-big{grid-row:span 2;display:flex;flex-direction:column;justify-content:space-between}.feature-visual{height:355px;position:relative;overflow:hidden}.feature-store{background:radial-gradient(circle at 48% 50%,#3d407b 0%,#191e46 52%,#141b34 100%);display:grid;place-items:center}.store-bubble{position:absolute;border-radius:50%;background:#b9a9ff33;filter:blur(4px)}.bubble-a{height:260px;width:260px;top:-130px;right:-40px}.store-window{width:77%;height:276px;transform:rotate(-5deg) translateY(23px);border-radius:12px 12px 0 0;background:#fff;box-shadow:0 25px 60px #01031380;overflow:hidden;direction:rtl;color:#15233e}.store-window-top{height:42px;display:flex;justify-content:space-between;align-items:center;padding:0 14px;color:#5b6894;font:11px Arial}.store-window-top span:first-child{font-weight:900;color:#252848}.store-window-top span span{color:#8581ee}.store-banner{height:163px;background:#f1f0fa;margin:0 13px;border-radius:8px;display:flex;justify-content:space-between;align-items:center;padding:24px}.store-banner small{display:block;font-size:8px;color:#7776b6}.store-banner strong{display:block;font-size:20px;line-height:1.55;margin-top:6px}.store-banner div>span{font-size:9px;color:#8376df}.product-shape{width:122px;height:122px;border-radius:22px 60px 40px 50px;background:linear-gradient(145deg,#dad0ff,#aea0ef);transform:rotate(19deg);display:grid;place-items:center;font-size:39px;color:white;box-shadow:10px 10px 0 #c6b9ed}.product-row{display:flex;gap:11px;padding:13px}.product-row span{height:60px;flex:1;border-radius:6px;background:#eff0f6}.feature-copy{padding:26px 30px 32px}.feature-index{display:block;font-size:11px;font-weight:800;color:#92a0be;margin-bottom:7px}.feature-copy h3{font-size:22px;margin-bottom:6px}.feature-copy p{font-size:12px;color:#a0aec8;margin:0;line-height:2.1}.small-visual{height:165px;overflow:hidden;position:relative}.pay-visual{background:radial-gradient(ellipse at 50% 95%,#254f75,#132b42 60%,#122038);display:grid;place-items:center}.payment-card{width:245px;height:140px;border:1px solid #9bd7fa5c;border-radius:15px;background:linear-gradient(110deg,#5f72df,#4ac5d4);box-shadow:0 15px 50px #010e2d91;transform:rotate(-10deg) translateY(23px);padding:19px;color:white;display:flex;flex-direction:column;justify-content:space-between;direction:ltr}.payment-card>span:first-child{font:9px Arial;letter-spacing:2px}.payment-card strong{font:14px Arial;letter-spacing:1px}.payment-logo{font:900 23px Arial}.payment-logo span{color:#c7fff3}.pay-check{position:absolute;left:23%;top:20px;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;font-weight:900;background:#4eecb6;color:#125348;box-shadow:0 10px 30px #0004}.ai-visual{background:radial-gradient(ellipse at center,#423674 0%,#231d45 55%,#181731 95%);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px}.ai-glow{position:absolute;width:240px;height:240px;filter:blur(25px);background:radial-gradient(circle,#ad68fa4d,transparent 66%)}.ai-symbol{position:relative;font-size:65px;line-height:1;color:#d6b9ff;text-shadow:0 0 35px #bc90fa}.ai-prompt{position:relative;padding:9px 15px;border-radius:10px;background:#ffffff20;border:1px solid #ffffff30;font-size:10px}.ai-prompt span{color:#e2aaff;margin-left:7px}.ai-tags{display:flex;gap:8px}.ai-tags i{font-style:normal;font-size:9px;color:#c7bcdf}.solutions{background:#0a1223}.heading-row{display:flex;justify-content:space-between;align-items:end;gap:34px}.heading-row p{margin:0;max-width:370px}.solution-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.solution-item{border:1px solid var(--line);background:#10192d;padding:24px;border-radius:17px;display:flex;align-items:center;gap:18px;transition:.2s}.solution-item:hover{background:#18243c;transform:translateY(-3px)}.solution-icon{height:57px;width:57px;flex-shrink:0;border-radius:15px;display:grid;place-items:center;font-size:27px;font-weight:900}.icon-purple{color:#aaa3ff;background:#857aff1d}.icon-cyan{color:#8be9ef;background:#4ae7ef17}.icon-orange{color:#ffc68c;background:#ffb46f17}.icon-green{color:#91ebc8;background:#7be6bd17}.solution-item h3{font-size:15px;margin-bottom:1px}.solution-item p{margin:0;color:#98a7c1;font-size:11px}.solution-arrow{margin-right:auto;color:#7f8da9;align-self:flex-start}.how-section{background:#0d172c;border-block:1px solid #ffffff09}.steps-grid{display:flex;justify-content:space-around;align-items:center;gap:20px}.step{flex:1;text-align:center;max-width:260px}.step-number{display:block;color:#7584a3;font:11px Arial;letter-spacing:3px}.step-icon{height:93px;width:93px;margin:20px auto;border-radius:24px;background:linear-gradient(140deg,#272c64,#182f49);border:1px solid #778bcd44;color:#a7c5ff;display:grid;place-items:center;font-size:38px;box-shadow:0 13px 35px #05081550}.step h3{font-size:18px;margin-bottom:5px}.step p{color:#9eabc3;font-size:12px;margin:0}.step-connector{font-size:30px;letter-spacing:4px;color:#5b6a8e;transform:translateY(-25px)}.about-section{background:#090f1e}.about-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:90px}.about-art{height:400px;border-radius:26px;background:radial-gradient(circle at 50% 50%,#31317b,#131a36 70%);border:1px solid #7376d730;display:grid;place-items:center;position:relative;overflow:hidden}.about-art:before{content:'';position:absolute;inset:30px;border:1px solid #ffffff1d;border-radius:50%}.about-art-ring{position:absolute;width:300px;height:300px;border:1px dashed #ada6ff5e;border-radius:50%;transform:rotate(-28deg)}.about-art-letter{font:900 175px Arial;color:#fcfdff;letter-spacing:-26px;filter:drop-shadow(0 25px 35px #090d2f)}.about-art-letter span{color:#60e3e5}.about-art-badge{position:absolute;bottom:35px;left:35px;background:#ffffff14;border:1px solid #ffffff29;padding:9px 15px;border-radius:30px;font-size:12px;color:#dbe2ff}.about-art-badge span{color:#8de9ed;margin-right:7px}.about-text h2{margin-bottom:24px}.about-text>p{font-size:13px;color:#a5b3cd}.about-text>p strong{color:#eef3ff}.about-note{display:flex;align-items:start;gap:13px;border:1px solid #7de1e72a;background:#75d4e50c;padding:17px 19px;border-radius:13px;margin-top:28px}.about-note>span{color:#8de9ec}.about-note p{font-size:11px;color:#a8bdd1;margin:0}.cta-section{padding:40px 0 105px}.cta-panel{position:relative;overflow:hidden;min-height:305px;background:linear-gradient(108deg,#4c54d7,#645ce8 45%,#288ea8 112%);border-radius:28px;display:flex;align-items:center;padding:42px 66px}.cta-pattern{position:absolute;inset:0;background-image:radial-gradient(#ffffff28 1px,transparent 1px);background-size:21px 21px;mask-image:linear-gradient(90deg,transparent,#000)}.cta-body{position:relative;z-index:2}.cta-mini{font-size:12px;font-weight:800;color:#d5d5ff}.cta-body h2{font-size:39px;margin:8px 0}.cta-body h2 span{color:#b6fffb}.cta-body p{color:#e4e9ff;font-size:12px;margin-bottom:21px}.btn-light{background:white;color:#333b8b;box-shadow:0 10px 20px #1c228029}.cta-monogram{font:900 275px Arial;color:#ffffff18;position:absolute;left:70px;top:12px;letter-spacing:-27px;transform:rotate(-9deg);pointer-events:none}.site-footer{border-top:1px solid var(--line);background:#070d1a;padding:67px 0 0}.footer-main{display:grid;grid-template-columns:1.6fr .7fr .8fr 1.3fr;gap:45px;padding-bottom:51px}.footer-brand>p{color:#8d9bb5;font-size:11px;max-width:250px;margin:21px 0}.footer-col h4{font-size:13px;margin:7px 0 24px}.footer-col>a{display:block;color:#99a8c3;font-size:11px;margin-bottom:15px;transition:.2s}.footer-company p{font-size:12px;color:#b5bfd6;font-weight:800;margin:0 0 9px}.footer-company>span{display:block;font-size:11px;color:#90a0bf}.footer-company .launch-badge{display:inline-block;border:1px solid #8894de35;color:#abadee;background:#626ddd17;padding:6px 10px;border-radius:20px;margin-top:18px;font-size:9px}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:19px 0;color:#8493b0;font-size:10px}.footer-bottom p{margin:0}.reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}.reveal.visible{opacity:1;transform:translateY(0)}.inner-hero{padding:88px 0 50px;background:radial-gradient(ellipse at 55% 0,#31336a33,transparent 65%)}.inner-hero h1{font-size:clamp(32px,4vw,51px);margin:0 0 18px}.inner-hero p{max-width:770px;color:#adbad1;font-size:14px}.page-section{padding:40px 0 100px}.page-card{max-width:890px;background:#111b30;border:1px solid #ffffff13;padding:45px;border-radius:22px}.page-card h2{font-size:21px;margin:36px 0 12px}.page-card h2:first-child{margin-top:0}.page-card p,.page-card li{font-size:13px;color:#b5c1d5;line-height:2.15}.page-card ul{padding-right:22px}.page-card a{color:#7ee5ed;text-decoration:underline}.page-updated{font-size:11px;color:#8999b6}.contact-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:28px}.contact-tile{border:1px solid var(--line);border-radius:20px;background:#121b30;padding:34px}.contact-tile h2{font-size:23px}.contact-tile p{font-size:13px;color:#a9b7ce}.contact-note{border:1px solid #72e5dd30;background:#72e5dd10;border-radius:12px;padding:16px;color:#b4d7de;font-size:12px;line-height:2}.contact-facts{display:grid;gap:16px;margin-top:20px}.contact-facts div{display:grid;gap:3px;padding:15px 17px;background:#ffffff08;border-radius:12px}.contact-facts span{font-size:11px;color:#90a1bf}.contact-facts strong{font-size:14px;overflow-wrap:anywhere}.contact-facts a{color:#a9edf4}.contact-facts a:hover{text-decoration:underline}@media(max-width:1050px){.hero-grid{grid-template-columns:1fr 1fr;gap:10px}.dashboard-frame{width:440px}.mock-content{min-height:320px}.float-card-two{right:-5px}.footer-main{gap:23px}.main-nav{gap:19px}}@media(max-width:840px){.shell{width:min(670px,calc(100% - 36px))}.header-inner{height:66px}.header-cta{margin-right:auto}.menu-toggle{display:flex;flex-direction:column;gap:5px;border:0;background:transparent;padding:10px;cursor:pointer}.menu-toggle span{width:22px;height:2px;background:#fff;border-radius:3px}.main-nav{display:none;position:absolute;top:66px;right:0;left:0;flex-direction:column;align-items:stretch;gap:0;background:#0d162a;padding:12px 21px 19px;border-bottom:1px solid var(--line)}.main-nav.is-open{display:flex}.main-nav a{padding:12px}.hero{padding:64px 0 90px}.hero-grid{grid-template-columns:1fr;gap:60px}.hero-copy{text-align:center}.eyebrow,.hero-actions,.hero-footnote{justify-content:center}.hero-lead{margin-inline:auto}.hero-visual{min-height:390px}.dashboard-frame{width:510px}.strip-inner{flex-direction:column;gap:14px}.strip-items{justify-content:center;gap:25px}.section{padding:75px 0}.feature-grid,.solution-grid,.about-grid,.contact-grid{grid-template-columns:1fr}.feature-big{grid-row:auto}.feature-visual{height:280px}.heading-row{align-items:start;flex-direction:column}.about-grid{gap:40px}.footer-main{grid-template-columns:1fr 1fr}.cta-panel{padding:40px}.cta-monogram{left:15px;font-size:190px;top:70px}.step-connector{display:none}.steps-grid{gap:12px}.step-icon{width:75px;height:75px}.page-card{padding:28px}}@media(max-width:520px){.shell{width:calc(100% - 30px)}.announcement{font-size:9px}.brand-symbol{height:38px;width:38px;font-size:21px}.brand-word{font-size:18px}.brand-word small{font-size:5.5px;letter-spacing:1.8px}.header-cta{padding:9px 10px;font-size:10px}.header-cta span{padding-right:5px}h1{font-size:38px;letter-spacing:-1.5px}.hero-lead{font-size:13px}.hero-visual{min-height:285px}.dashboard-frame{width:360px;transform:scale(.92) perspective(900px) rotateY(-7deg) rotateZ(-2deg)}.mock-content{min-height:315px}.mock-body{padding:10px}.mock-sidebar{width:42px}.metric strong{font-size:19px}.mock-heading strong{font-size:12px}.float-card-one{bottom:-18px;left:0}.float-card-two{top:-8px;right:0}.float-card{padding:7px}.float-card strong{font-size:9px}.float-card small{font-size:8px}.visual-disclaimer{bottom:-52px}.hero-footnote{flex-direction:column;gap:7px}.strip-items{gap:12px 20px}.strip-items span{font-size:10px}.section-heading{margin-bottom:34px}h2{font-size:29px}.feature-copy{padding:22px}.feature-copy h3{font-size:19px}.feature-visual{height:245px}.store-window{width:88%}.store-banner{padding:15px}.product-shape{width:90px;height:90px}.solution-item{padding:17px;gap:11px}.solution-icon{width:43px;height:43px;font-size:21px}.solution-item h3{font-size:13px}.solution-item p{font-size:10px}.steps-grid{flex-direction:column;gap:35px}.step{max-width:290px}.step-icon{margin:12px auto}.about-art{height:260px}.about-art-letter{font-size:130px}.about-art-ring{height:210px;width:210px}.cta-panel{min-height:280px;padding:30px 24px}.cta-body h2{font-size:30px}.cta-monogram{font-size:120px;top:136px;left:12px}.footer-main{grid-template-columns:1fr 1fr;gap:24px}.footer-brand{grid-column:span 2}.footer-company{grid-column:span 2}.footer-bottom{flex-direction:column;text-align:center;gap:8px}.page-card{padding:22px}.contact-tile{padding:24px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* Version 2 — enhanced discovery pages and accessible interactions */
.skip-link{position:absolute;top:-100px;right:12px;z-index:200;background:#fff;color:#091326;padding:9px 17px;border-radius:9px;font-weight:800}.skip-link:focus{top:12px}.audience-section{background:radial-gradient(circle at 85% 0,#353c8033,transparent 42%),#0a1223}.audience-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.audience-card{display:block;background:linear-gradient(145deg,#18243e,#0e1b32);border:1px solid #ffffff1e;border-radius:24px;padding:30px 34px 33px;min-height:390px;transition:transform .3s,border-color .3s;overflow:hidden}.audience-card:hover{transform:translateY(-6px);border-color:#8ae5f077}.audience-art{height:165px;display:grid;place-items:center;position:relative;border-radius:18px;background:radial-gradient(ellipse at 50% 50%,#666de555,transparent 60%),linear-gradient(120deg,#182851,#171936);margin-bottom:26px;overflow:hidden}.developer-card .audience-art{background:radial-gradient(ellipse at 50% 50%,#1d9d9d55,transparent 60%),linear-gradient(120deg,#102c39,#171b36)}.audience-graphic{font-size:88px;line-height:1;color:#e5e8ff;text-shadow:0 20px 50px #6666eb80}.audience-small-graphic{position:absolute;bottom:15px;left:25px;color:#9af5ee;font-size:22px}.audience-card h3{font-size:22px;margin:12px 0 8px}.audience-card p{font-size:12px;color:#aebbd3}.audience-link{color:#90edf0;font-size:12px;font-weight:800}.audience-link span{padding-right:8px}.roadmap-section{background:#0d172c}.roadmap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.roadmap-card{border-radius:19px;border:1px solid #ffffff1c;background:#121f36;padding:25px;position:relative;overflow:hidden}.roadmap-num{display:block;font:700 36px Arial;color:#7a83f1;margin-bottom:20px;letter-spacing:-2px}.roadmap-pill{display:inline-block;border:1px solid #6ee4c953;background:#2bd1a71c;border-radius:20px;padding:5px 12px;color:#84f2d5;font-size:10px}.roadmap-pill.neutral{background:#8189ce16;border-color:#8189ce44;color:#bac3ed}.roadmap-card h3{margin:18px 0 9px;font-size:17px}.roadmap-card p{font-size:11px;color:#9eacc4}.faq-section{background:#090f1e}.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}.faq-list{display:grid;gap:12px}.faq-list details{border-radius:15px;border:1px solid #ffffff20;background:#121d32;overflow:hidden}.faq-list summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 22px;font-size:13px;font-weight:800;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{width:25px;height:25px;border-radius:8px;display:grid;place-items:center;background:#555fe830;color:#a5f5fb;font-size:17px;flex-shrink:0}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{margin:0;padding:0 22px 21px;font-size:12px;color:#afbdd2}.interior-hero .hero-footnote{justify-content:start;margin-top:24px}.page-intro{margin-bottom:30px}.page-intro h2{font-size:30px}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.detail-card{background:#141f35;border:1px solid #ffffff19;padding:32px;border-radius:19px}.detail-card>span{font-size:11px;color:#8edce9}.detail-card h3{font-size:21px;margin:16px 0 12px}.detail-card p{font-size:12px;color:#a9b8ce;margin:0}.soft-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:34px;border-radius:21px;background:linear-gradient(115deg,#25366e,#174253);padding:36px}.soft-cta h2{font-size:22px;margin:10px 0}.soft-cta p{font-size:12px;color:#c1d1dd;margin:0}.soft-cta .btn{flex-shrink:0}.developer-panel{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center;margin-bottom:34px;border:1px solid #ffffff1d;border-radius:23px;padding:34px;background:linear-gradient(130deg,#172344,#0e2633)}.developer-panel h2{font-size:29px}.developer-panel p{font-size:12px;color:#b6c2d5}.developer-badges{display:flex;gap:8px;flex-wrap:wrap}.developer-badges span{background:#ffffff16;border:1px solid #ffffff1a;padding:7px 10px;border-radius:8px;font-size:10px}.code-window{background:#071223;border-radius:15px;border:1px solid #8799b33b;overflow:hidden;direction:ltr}.code-window>div{display:flex;align-items:center;gap:6px;padding:14px;border-bottom:1px solid #ffffff12}.code-window i{width:8px;height:8px;border-radius:50%;background:#6a7c95}.code-window i:first-child{background:#f38198}.code-window i:nth-child(2){background:#efcc7e}.code-window i:nth-child(3){background:#88dfc5}.code-window>div span{margin-left:auto;color:#7f99b9;font-size:9px;letter-spacing:1.8px}.code-window pre{color:#8bf2ce;padding:12px 20px 22px;overflow:auto;font:13px/1.9 Consolas,monospace}.main-nav{gap:22px}@media(max-width:1050px){.main-nav{gap:13px}.main-nav a{font-size:11px}}@media(max-width:840px){.audience-grid,.roadmap-grid,.faq-grid,.detail-grid,.developer-panel{grid-template-columns:1fr}.faq-grid{gap:28px}.soft-cta{flex-direction:column;align-items:start}}@media(max-width:520px){.audience-card{padding:21px;min-height:auto}.audience-art{height:135px}.roadmap-card{padding:21px}.faq-list summary{padding:16px;font-size:12px}.soft-cta{padding:23px}.developer-panel{padding:20px}.code-window pre{font-size:11px}}

/* MOROPAY approved emblem */
.brand-logo{display:block;width:52px;height:52px;object-fit:contain;flex:0 0 auto;filter:drop-shadow(0 6px 10px rgba(105,89,255,.23))}
.footer-brand .brand-logo{width:58px;height:58px}
@media(max-width:520px){.brand-logo{width:43px;height:43px}.footer-brand .brand-logo{width:48px;height:48px}}

/* MOROPAY official identity — cyan → royal blue → violet, applied site-wide. */
:root{--accent:#6d50ee;--aqua:#1dbcf4;--brand-cyan:#1dbcf4;--brand-blue:#1475ed;--brand-violet:#9036e8}
.brand-word>span{background:linear-gradient(102deg,#1bb8f6 0%,#337cf5 47%,#a648e6 100%);background-clip:text;-webkit-background-clip:text;color:transparent}
.brand-word small{letter-spacing:1.35px;font-size:6.3px;color:#9eafd4}
.gradient-text{background:linear-gradient(100deg,#37cfff,#518afc 42%,#ae70ff 95%);background-clip:text;-webkit-background-clip:text;color:transparent}
.btn-primary{background:linear-gradient(110deg,#127fee,#6a55ee 58%,#9b42eb);box-shadow:0 15px 35px #3868ef38}
.hero{background:radial-gradient(ellipse at 70% 38%,rgba(75,58,162,.22),transparent 48%),radial-gradient(ellipse at 20% 75%,rgba(23,112,239,.09),transparent 46%)}
.hero-glow-a{background:radial-gradient(circle,#256bef32,transparent 65%)}
.hero-glow-b{background:radial-gradient(circle,#8946e125,transparent 65%)}
.dashboard-frame{box-shadow:0 36px 70px #030718a8,0 0 65px #466bff33}
.mini-logo{background:#172140;padding:1px;border:1px solid #5c61d8;overflow:hidden}
.mini-logo img{width:100%;height:100%;object-fit:contain}
.about-art-letter{font-size:initial;letter-spacing:normal;filter:drop-shadow(0 25px 35px #090d2f)}
.about-art-letter img{display:block;width:min(270px,55vw);height:auto;object-fit:contain;filter:drop-shadow(0 16px 28px #4e43a750)}
.cta-monogram{font-size:initial;letter-spacing:normal;opacity:.22;transform:rotate(-10deg);top:10%;left:5%}
.cta-monogram img{width:clamp(180px,25vw,340px);height:auto;display:block;filter:grayscale(.1)}
.payment-logo img{width:35px;height:35px;object-fit:contain;vertical-align:middle}
.brand-logo{filter:drop-shadow(0 7px 13px rgba(48,99,244,.28))}
:where(.feature-card,.solution-item,.audience-card,.roadmap-card):hover{border-color:rgba(96,112,248,.40)}
@media(max-width:620px){.brand-word small{letter-spacing:.8px;font-size:5.5px}.cta-monogram{opacity:.13;left:-30px}}
