/* Controlled redesign scope: header, hero, and first homepage section only. */
body{font-family:"Noto Sans Arabic",Tahoma,Arial,sans-serif;background:#faf9fd}
.wrap{width:min(1280px,calc(100% - 64px))}
.site-head{height:76px;background:#faf9fdec;border:0;box-shadow:none;backdrop-filter:blur(12px)}
.site-head.scrolled{background:#faf9fdf5;border:0;box-shadow:0 1px 0 #1913290d}
.head-row{height:76px;gap:34px}
.brand{display:inline-flex;align-items:center;gap:9px;font:800 23px/1 Arial;letter-spacing:.08em;color:#171322}
.brand span{width:8px;height:8px;border-radius:50%;background:var(--cyan)}
.brand small{display:none}
.nav{gap:32px;font-size:14px;font-weight:600;color:#3f3a4b}
.nav a{position:relative;padding:9px 0}
.nav a:after{content:"";position:absolute;right:0;bottom:2px;width:0;height:2px;background:var(--violet);transition:width .2s ease}
.nav a:hover:after{width:100%}
.actions{align-items:center;gap:20px}
.login-link{font-size:14px;font-weight:700;color:#3f3a4b}
.head-row .btn.primary{min-height:42px;padding:0 18px;border-radius:11px}
.menu-toggle{width:38px;height:38px;padding:0;border:0;background:transparent;display:none;place-content:center;gap:6px}
.menu-toggle span{display:block;width:22px;height:2px;border-radius:2px;background:#171322}
body.admin-bar .site-head{top:32px}
.stage-one-hero{min-height:auto;padding:88px 0 94px;background:#faf9fd;overflow:hidden}
.stage-one-hero:after{display:none}
.stage-one-hero .hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(440px,.86fr);grid-template-areas:"copy product" "note product";gap:18px 90px;align-items:center;perspective:1200px}
.hero-copy{grid-area:copy;align-self:end}
.stage-one-hero .eyebrow,.choice-section .eyebrow{padding:0;background:transparent;color:#6556c5;font-size:13px;letter-spacing:0;font-weight:700}
.stage-one-hero h1{max-width:720px;margin:22px 0 24px;font-size:clamp(56px,5.6vw,82px);line-height:1.16;letter-spacing:-.045em;font-weight:800;color:#15121d}
.stage-one-hero .hero-copy>p{max-width:650px;margin:0;color:#625d6b;font-size:18px;line-height:1.95}
.stage-one-hero .cta-row{align-items:center;gap:26px;margin:32px 0 0}
.stage-one-hero .btn.primary{min-height:50px;padding:0 25px;border-radius:13px;background:#6656d8;border-color:#6656d8}
.text-cta{display:inline-flex;align-items:center;gap:9px;font-weight:700;color:#282332;padding:10px 0}
.text-cta span{color:#6556c5;transition:transform .2s ease}
.text-cta:hover span{transform:translateX(-4px)}
.stage-one-hero .trust{grid-area:note;align-self:start;margin-top:2px;color:#77717f;font-size:13px}
.hero-product{grid-area:product;display:grid;place-items:center;min-height:570px;position:relative}
.hero-product:before{content:"";position:absolute;width:440px;height:440px;border-radius:50%;background:#6656d80b;border:1px solid #6656d812}
.stage-one-hero .loyalty-card{width:min(100%,510px);min-height:480px;padding:34px;border-radius:38px;background:linear-gradient(150deg,#211a50 0%,#513bb5 58%,#3e78c7 100%);box-shadow:0 34px 75px #2f246326;transform:rotateX(var(--rx)) rotateY(var(--ry));transition:transform .24s ease;display:flex;flex-direction:column;isolation:isolate}
.stage-one-hero .loyalty-card:before{width:310px;height:310px;top:-180px;right:-150px;border:1px solid #ffffff18;background:transparent}
.stage-one-hero .loyalty-card:after{width:230px;height:230px;bottom:-155px;left:-105px;border:1px solid #55d1dc2e;background:transparent}
.stage-one-hero .card-top{position:relative;z-index:1}
.stage-one-hero .card-top>div:nth-child(2){display:grid;gap:3px}
.stage-one-hero .card-top strong{font-size:17px}
.stage-one-hero .card-top small{font-size:12px;color:#ffffffb8}
.stage-one-hero .merchant{width:48px;height:48px;border-radius:16px;background:#ffffffef;color:#4f3bb4;font-size:19px}
.stage-one-hero .trail-mark{margin-inline-start:auto;padding:0;border:0;border-radius:0;font:700 12px/1 Arial;letter-spacing:.14em;color:#ffffffb3}
.stage-one-hero .card-score{display:flex;align-items:end;gap:9px;margin:52px 0 26px;position:relative;z-index:1}
.stage-one-hero .card-score strong{font:800 68px/1 Arial}
.stage-one-hero .card-score span{font-size:15px;padding-bottom:9px;color:#ffffffc9}
.stage-one-hero .trail{direction:rtl;margin:0 0 32px;position:relative;z-index:1}
.stage-one-hero .trail:before{right:18px;left:18px;background:#ffffff2e}
.stage-one-hero .trail:after{right:18px;width:78%;height:2px;background:#56d0dc;animation-duration:1s}
.stage-one-hero .stamp{width:36px;height:36px;background:#423298;border-color:#ffffff42;font-style:normal;font-size:13px}
.stage-one-hero .stamp.done{background:#55cbd8;border-color:#55cbd8;color:#17213b}
.stage-one-hero .stamp.reward{background:#ffffff0d;border-color:#efbd5c;color:#efbd5c}
.reward-note{display:grid;gap:2px;padding-top:18px;border-top:1px solid #ffffff1f;position:relative;z-index:1}
.reward-note span{font-size:11px;color:#ffffff99}
.reward-note strong{font-size:16px}
.powered{margin-top:auto;padding-top:27px;color:#ffffff70;font-size:10px;position:relative;z-index:1}
.choice-section{padding:112px 0;background:#171321;color:#fff}
.choice-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:100px;align-items:center}
.choice-copy h2{font-size:clamp(40px,4.2vw,60px);line-height:1.35;letter-spacing:-.035em;margin:18px 0 24px}
.choice-copy p{max-width:540px;color:#bbb6c3;font-size:17px;line-height:1.95}
.choice-story{min-width:0}
.choice-path{display:grid;grid-template-columns:repeat(3,1fr);position:relative;gap:0;padding:34px 0}
.choice-path:before{content:"";position:absolute;top:53px;right:16.5%;left:16.5%;height:2px;background:linear-gradient(90deg,#55cbd8,#6556d8,#77727e)}
.choice-point{position:relative;text-align:center;display:grid;justify-items:center;gap:8px;color:#a7a2ae}
.choice-point i{width:40px;height:40px;border:2px solid #5f5a68;border-radius:50%;background:#171321;position:relative;z-index:1;font-style:normal;display:grid;place-items:center}
.choice-point span{font-size:15px;font-weight:700;color:#ddd9e2}
.choice-point small{font-size:12px;color:#8f8997}
.choice-point.paper i:after{content:"";width:13px;height:16px;border:1px solid #77727e;transform:rotate(-8deg)}
.choice-point.app i:after{content:"↓";font:600 16px Arial;color:#8f8997}
.choice-point.trail-choice i{border-color:#55cbd8;background:#55cbd8;color:#171321}
.choice-point.trail-choice span{color:#fff}
.choice-point.trail-choice small{color:#b8eef2}
.solution-statement{margin:30px 0 0;padding:25px 28px;border-right:3px solid #55cbd8;background:#ffffff05;color:#fff;font-size:18px;line-height:1.8}
@media(max-width:900px){body.admin-bar .site-head{top:46px}.wrap{width:min(100% - 40px,1280px)}.site-head,.head-row{height:68px}.nav,.actions .login-link{display:none}.menu-toggle{display:grid;margin-inline-start:0}.actions{margin-inline-start:auto}.head-row .actions .btn.primary{display:inline-flex}.mobile-nav.open{top:68px;box-shadow:0 18px 40px #17132112;border:0}.stage-one-hero{padding:64px 0 76px}.stage-one-hero .hero-grid{grid-template-columns:1fr;grid-template-areas:"copy" "product" "note";gap:30px}.stage-one-hero h1{font-size:clamp(48px,8.4vw,68px)}.hero-product{min-height:520px}.stage-one-hero .loyalty-card{max-width:520px;transform:none}.stage-one-hero .trust{text-align:center;margin-top:0}.choice-layout{grid-template-columns:1fr;gap:52px}.choice-copy p{max-width:650px}}
@media(max-width:560px){.wrap{width:calc(100% - 32px)}.site-head,.head-row{height:64px}.brand{font-size:20px}.head-row{gap:12px}.head-row .actions{gap:0}.head-row .actions .btn.primary{min-height:38px;padding:0 13px;font-size:12px}.menu-toggle{width:34px}.mobile-nav.open{top:64px}.stage-one-hero{min-height:auto;padding:46px 0 58px}.stage-one-hero .hero-grid{gap:26px}.stage-one-hero h1{font-size:43px;line-height:1.22;letter-spacing:-.035em;margin:17px 0 18px}.stage-one-hero .hero-copy>p{font-size:16px;line-height:1.85}.stage-one-hero .cta-row{flex-direction:row;gap:18px;margin-top:25px}.stage-one-hero .cta-row .btn{width:auto;min-height:46px;padding:0 18px}.text-cta{font-size:14px}.hero-product{min-height:auto;padding:12px 0}.hero-product:before{width:300px;height:300px}.stage-one-hero .loyalty-card{width:100%;min-height:390px;padding:25px;border-radius:29px}.stage-one-hero .card-score{margin:38px 0 24px}.stage-one-hero .card-score strong{font-size:57px}.stage-one-hero .trail{margin-bottom:27px}.stage-one-hero .stamp{width:32px;height:32px}.reward-note strong{font-size:14px}.powered{padding-top:20px}.stage-one-hero .trust{text-align:right;font-size:12px}.choice-section{padding:76px 0}.choice-layout{gap:38px}.choice-copy h2{font-size:36px;line-height:1.4;margin:14px 0 18px}.choice-copy p{font-size:15px}.choice-path{grid-template-columns:1fr;padding:0;gap:28px}.choice-path:before{top:20px;bottom:20px;right:19px;left:auto;width:2px;height:auto;background:linear-gradient(180deg,#77727e,#6556d8,#55cbd8)}.choice-point{grid-template-columns:40px 1fr;text-align:right;justify-items:start;column-gap:14px}.choice-point i{grid-row:1/3}.choice-point span{align-self:end}.choice-point small{align-self:start}.solution-statement{margin-top:30px;padding:20px;font-size:16px}}
@media(prefers-reduced-motion:reduce){.nav a:after,.text-cta span,.stage-one-hero .loyalty-card{transition:none}.stage-one-hero .trail:after,.stage-one-hero .stamp{animation:none;opacity:1}}
