@font-face{font-family:Cairo;src:local("Cairo");font-display:swap}:root{--g:#124935;--gd:#0b3728;--gs:#1b5b43;--gold:#d6ab3d;--gold2:#f0dd9f;--ink:#18211d;--muted:#6f766f;--paper:#eeeae1;--paper2:#e5dfd3;--line:rgba(18,73,53,.13)}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--ink);background:radial-gradient(circle at 15% 10%,rgba(214,171,61,.11),transparent 28%),radial-gradient(circle at 85% 18%,rgba(18,73,53,.08),transparent 30%),var(--paper);font-family:Cairo,Tahoma,Arial,sans-serif;-webkit-font-smoothing:antialiased}.shell{width:min(1240px,calc(100% - 28px));margin:auto}header{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{text-decoration:none;display:flex;align-items:center;gap:12px;color:inherit}.logo{width:52px;height:52px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(145deg,var(--gs),var(--gd));box-shadow:0 12px 28px rgba(18,73,53,.18);overflow:hidden;position:relative}.logo img{width:82%;height:82%;object-fit:contain}.logo b{display:none;position:absolute;inset:0;place-items:center;color:var(--gold);font-size:24px}.brand>span:last-child{display:flex;flex-direction:column}.brand strong{color:var(--g);font-size:18px}.brand small{color:var(--muted);font-size:11px}.official{display:flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid var(--line);background:rgba(255,255,255,.4);border-radius:999px;color:var(--g);font-size:12px;font-weight:800}.official i{width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px rgba(214,171,61,.15)}.hero{min-height:680px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:76px;padding:58px 0 84px}.copy{max-width:620px}.eyebrow{display:inline-flex;padding:7px 13px;border-radius:999px;background:rgba(214,171,61,.13);border:1px solid rgba(214,171,61,.3);color:#7a601f;font-size:12px;font-weight:900}.hero h1{margin:18px 0 12px;color:var(--g);font-size:clamp(48px,7vw,84px);line-height:.98;font-weight:950;letter-spacing:-2px}.copy>p{max-width:580px;margin:0;color:#505951;font-size:clamp(16px,2vw,20px);line-height:2;font-weight:600}.download{margin-top:30px;min-height:76px;max-width:470px;display:grid;grid-template-columns:50px 1fr 30px;align-items:center;gap:14px;padding:12px 18px;border-radius:22px;background:linear-gradient(140deg,var(--gs),var(--gd));color:#fff;text-decoration:none;box-shadow:0 18px 40px rgba(18,73,53,.23);border:1px solid rgba(255,255,255,.1)}.download:not(.disabled):hover{transform:translateY(-2px)}.android{width:46px;height:46px;display:grid;place-items:center;border-radius:16px;color:var(--gold);background:rgba(255,255,255,.08);font-size:25px}.download>span:nth-child(2){display:flex;flex-direction:column}.download small{font-size:10px;color:rgba(255,255,255,.68)}.download strong{font-size:16px}.download em{font-style:normal;color:var(--gold);font-size:24px}.disabled{opacity:.72;cursor:default}.meta{margin-top:12px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:11px}.meta>span:not(#status){color:var(--gold)}.trust{display:flex;gap:18px;flex-wrap:wrap;margin-top:30px;color:#4b554e;font-size:12px;font-weight:800}.visual{min-height:560px;display:grid;place-items:center;position:relative}.ring{position:absolute;border:1px solid rgba(214,171,61,.18);border-radius:50%}.r1{width:470px;height:470px}.r2{width:590px;height:590px;border-color:rgba(18,73,53,.08)}.phone{width:min(330px,78vw);border-radius:46px;padding:10px;background:#0d241b;border:1px solid rgba(255,255,255,.12);box-shadow:0 28px 80px rgba(18,73,53,.14);position:relative;transform:rotate(-2deg)}.notch{height:27px}.notch:after{content:"";display:block;width:80px;height:7px;margin:auto;border-radius:999px;background:rgba(255,255,255,.12)}.screen{min-height:535px;padding:20px 17px 18px;border-radius:36px;background:var(--paper2);overflow:hidden}.apphead{display:flex;justify-content:space-between;align-items:center;color:var(--g);margin-bottom:16px}.apphead>div{display:flex;flex-direction:column}.apphead small{font-size:9px;color:#70786f}.apphead strong{font-size:14px}.apphead>b{width:36px;height:36px;display:grid;place-items:center;border-radius:13px;color:var(--gold);background:var(--g)}.green{background:linear-gradient(140deg,var(--gs),var(--gd));color:white;border-radius:22px;padding:16px;box-shadow:0 13px 24px rgba(18,73,53,.14)}.price-title{display:flex;justify-content:space-between;margin-bottom:13px}.price-title strong{font-size:11px}.price-title small{color:var(--gold2);font-size:8px}.prices{display:grid;grid-template-columns:1fr 1px 1fr;gap:14px}.prices>div{display:flex;flex-direction:column}.prices small,.prices span{font-size:8px;color:rgba(255,255,255,.65)}.prices strong{color:var(--gold2);font-size:18px}.prices i{background:rgba(214,171,61,.26)}.balance{margin-top:11px}.balance small{color:rgba(255,255,255,.66);font-size:9px}.balance>strong{display:block;margin-top:4px;color:var(--gold2);font-size:25px;direction:ltr;text-align:right}.balance>strong span{font-size:10px;color:#fff}.screen h3{margin:18px 1px 9px;color:var(--g);font-size:11px}.services{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.services div{min-height:70px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-radius:18px;background:linear-gradient(145deg,var(--gs),var(--gd));color:var(--gold);font-size:18px;font-weight:900}.services b{color:white;font-size:8px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:6px 0 70px}.features article{min-height:190px;padding:26px;border-radius:24px;background:rgba(255,255,255,.32);border:1px solid var(--line)}.features article>span{color:var(--gold);font-size:12px;font-weight:950}.features h2{margin:20px 0 8px;color:var(--g);font-size:18px}.features p{margin:0;color:#626a63;font-size:13px;line-height:1.9}.cta{margin-bottom:60px;padding:34px;display:flex;justify-content:space-between;align-items:center;gap:26px;border-radius:32px;color:white;background:radial-gradient(circle at 10% 20%,rgba(214,171,61,.15),transparent 25%),linear-gradient(135deg,var(--gs),var(--gd));box-shadow:0 20px 50px rgba(18,73,53,.16)}.cta>div>small{color:var(--gold2);font-size:11px;font-weight:900}.cta h2{margin:8px 0 5px;font-size:clamp(20px,3vw,29px)}.cta p{margin:0;color:rgba(255,255,255,.65);font-size:12px}.secondary{min-width:190px;min-height:52px;padding:0 18px;display:inline-flex;justify-content:center;align-items:center;gap:14px;text-decoration:none;border-radius:17px;color:var(--gd);background:var(--gold);font-size:13px;font-weight:950}footer{min-height:112px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:24px}footer>div{display:flex;flex-direction:column;gap:4px}footer strong{color:var(--g)}footer small{color:var(--muted);font-size:10px}footer nav{display:flex;gap:12px;flex-wrap:wrap;color:#596159;font-size:11px;font-weight:700}footer nav small{color:#9a884c;font-size:8px}@media(max-width:900px){.hero{grid-template-columns:1fr;gap:20px;padding-top:32px}.copy{text-align:center;max-width:none}.eyebrow,.download{margin-inline:auto}.copy>p{margin-inline:auto}.meta,.trust{justify-content:center}.visual{min-height:600px}.features{grid-template-columns:1fr}}@media(max-width:620px){.shell{width:calc(100% - 20px)}header{min-height:76px}.logo{width:45px;height:45px}.brand strong{font-size:15px}.official{font-size:10px;padding:8px 10px}.hero{padding:34px 0 56px}.hero h1{font-size:54px}.copy>p{font-size:15px}.download{grid-template-columns:44px 1fr 22px;min-height:70px;border-radius:20px;padding:11px 14px}.download strong{font-size:14px}.visual{min-height:520px}.phone{width:290px}.screen{min-height:480px}.r1{width:350px;height:350px}.r2{width:440px;height:440px}.cta{padding:26px 22px;flex-direction:column;align-items:stretch;text-align:center}.secondary{width:100%}footer{padding:28px 0;flex-direction:column;align-items:flex-start}}
/* Real app home preview: uses the actual customer-app home screenshot. */
.phone.phone-real{
  width:min(330px,78vw);
  padding:8px;
  border-radius:44px;
  background:linear-gradient(155deg,#173c2d,#071c14);
  border:1px solid rgba(255,255,255,.14);
  box-shadow:
    0 30px 80px rgba(18,73,53,.22),
    0 0 0 1px rgba(214,171,61,.08) inset;
  transform:rotate(-2deg);
  overflow:hidden;
}
.real-screen{
  position:relative;
  width:100%;
  aspect-ratio:511 / 1080;
  border-radius:36px;
  overflow:hidden;
  background:#0b3728;
}
.real-screen img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
.real-screen::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.08),
    inset 18px 0 28px rgba(255,255,255,.025);
}
@media(max-width:620px){
  .phone.phone-real{width:290px;border-radius:40px;padding:7px}
  .real-screen{border-radius:33px}
}

footer nav a{color:#596159;text-decoration:none;font-size:11px;font-weight:700}footer nav a:hover{color:var(--g)}