:root{
    --ink:#100d2c;
    --ink-2:#171346;
    --surface:#1f1957;
    --surface-2:#251d63;
    --line:rgba(255,255,255,0.09);
    --emerald:#ef4428;
    --emerald-dim:#c23015;
    --amber:#312a78;
    --text:#f6f4fb;
    --text-dim:#b3addd;
    --text-faint:#7d76a8;
    --gold:#d4af7a;
    --gold-light:#f0dcb0;
    --gold-dark:#9c7c46;
    --beige:#e8dcc8;
    --radius:18px;
  }*{margin:0;padding:0;box-sizing:border-box;}html{scroll-behavior:smooth;}.noise-overlay{
    position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.05;mix-blend-mode:overlay;
    background-image:url("assets/images/noise-texture.gif");
    background-repeat:repeat;background-size:200px 150px;
  }.bg-ambient{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;}.bg-mesh{
    position:absolute;inset:0;
    background:
      radial-gradient(ellipse 800px 600px at 12% 15%, rgba(239,68,40,0.05), transparent 60%),
      radial-gradient(ellipse 700px 700px at 88% 10%, rgba(139,127,209,0.045), transparent 60%),
      radial-gradient(ellipse 900px 800px at 50% 55%, rgba(31,25,87,0.4), transparent 70%),
      radial-gradient(ellipse 650px 650px at 15% 88%, rgba(239,68,40,0.035), transparent 60%),
      radial-gradient(ellipse 750px 700px at 92% 92%, rgba(139,127,209,0.035), transparent 60%);
    will-change:transform;
  }.bg-sparkle{
    position:absolute;border-radius:50%;background:#f3c969;
    box-shadow:0 0 6px 1px rgba(243,201,105,0.45);
    animation-name:sparkle-fade;animation-timing-function:ease-in-out;animation-iteration-count:infinite;
    will-change:opacity;
  }.sparkle-1{width:3px;height:3px;top:15%;left:20%;animation-duration:26s;animation-delay:0s;}.sparkle-2{width:2px;height:2px;top:65%;left:80%;animation-duration:32s;animation-delay:6s;}.sparkle-3{width:2.5px;height:2.5px;top:42%;left:55%;animation-duration:28s;animation-delay:11s;}.sparkle-4{width:2px;height:2px;top:80%;left:30%;animation-duration:36s;animation-delay:4s;}.sparkle-5{width:3px;height:3px;top:25%;left:72%;animation-duration:30s;animation-delay:16s;}.bg-vignette{
    position:absolute;inset:0;
    background:radial-gradient(ellipse 130% 95% at 50% 42%, transparent 55%, rgba(0,0,0,0.32) 100%);
  }

  /* ===== Moving starfield (3 parallax layers: far/mid/near) ===== */
  .bg-stars{position:absolute;inset:0;overflow:hidden;}
  .star-layer{
    position:absolute;inset:0;background-repeat:repeat;background-size:500px 500px;
    will-change:transform;
  }
  .star-far{
    background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22500%22%20height%3D%22500%22%3E%3Ccircle%20cx%3D%22319.7%22%20cy%3D%2212.5%22%20r%3D%220.54%22%20fill%3D%22%23fff%22%20opacity%3D%220.31%22/%3E%3Ccircle%20cx%3D%22368.2%22%20cy%3D%22338.3%22%20r%3D%220.85%22%20fill%3D%22%23fff%22%20opacity%3D%220.27%22/%3E%3Ccircle%20cx%3D%22211.0%22%20cy%3D%2214.9%22%20r%3D%220.51%22%20fill%3D%22%23fff%22%20opacity%3D%220.38%22/%3E%3Ccircle%20cx%3D%2213.3%22%20cy%3D%2299.4%22%20r%3D%220.72%22%20fill%3D%22%23fff%22%20opacity%3D%220.39%22/%3E%3Ccircle%20cx%3D%22110.2%22%20cy%3D%22294.6%22%20r%3D%220.80%22%20fill%3D%22%23fff%22%20opacity%3D%220.25%22/%3E%3Ccircle%20cx%3D%22402.9%22%20cy%3D%22349.1%22%20r%3D%220.57%22%20fill%3D%22%23fff%22%20opacity%3D%220.29%22/%3E%3Ccircle%20cx%3D%22478.6%22%20cy%3D%22168.3%22%20r%3D%220.45%22%20fill%3D%22%23fff%22%20opacity%3D%220.27%22/%3E%3Ccircle%20cx%3D%22423.7%22%20cy%3D%22301.9%22%20r%3D%220.80%22%20fill%3D%22%23fff%22%20opacity%3D%220.43%22/%3E%3Ccircle%20cx%3D%22268.1%22%20cy%3D%22486.6%22%20r%3D%220.59%22%20fill%3D%22%23fff%22%20opacity%3D%220.39%22/%3E%3Ccircle%20cx%3D%22414.7%22%20cy%3D%22309.3%22%20r%3D%220.83%22%20fill%3D%22%23fff%22%20opacity%3D%220.39%22/%3E%3Ccircle%20cx%3D%22352.3%22%20cy%3D%2222.9%22%20r%3D%220.51%22%20fill%3D%22%23fff%22%20opacity%3D%220.32%22/%3E%3Ccircle%20cx%3D%2239.9%22%20cy%3D%22116.4%22%20r%3D%220.45%22%20fill%3D%22%23fff%22%20opacity%3D%220.32%22/%3E%3Ccircle%20cx%3D%22317.8%22%20cy%3D%22182.4%22%20r%3D%220.59%22%20fill%3D%22%23fff%22%20opacity%3D%220.30%22/%3E%3Ccircle%20cx%3D%22133.5%22%20cy%3D%22468.3%22%20r%3D%220.72%22%20fill%3D%22%23fff%22%20opacity%3D%220.40%22/%3E%3Ccircle%20cx%3D%2285.6%22%20cy%3D%22364.6%22%20r%3D%220.48%22%20fill%3D%22%23fff%22%20opacity%3D%220.34%22/%3E%3Ccircle%20cx%3D%22494.8%22%20cy%3D%22320.0%22%20r%3D%220.68%22%20fill%3D%22%23fff%22%20opacity%3D%220.42%22/%3E%3Ccircle%20cx%3D%22421.4%22%20cy%3D%22388.0%22%20r%3D%220.51%22%20fill%3D%22%23fff%22%20opacity%3D%220.26%22/%3E%3Ccircle%20cx%3D%22157.7%22%20cy%3D%22133.9%22%20r%3D%220.51%22%20fill%3D%22%23fff%22%20opacity%3D%220.49%22/%3E%3Ccircle%20cx%3D%22438.2%22%20cy%3D%22157.3%22%20r%3D%220.73%22%20fill%3D%22%23fff%22%20opacity%3D%220.35%22/%3E%3Ccircle%20cx%3D%22457.3%22%20cy%3D%22229.4%22%20r%3D%220.53%22%20fill%3D%22%23fff%22%20opacity%3D%220.31%22/%3E%3Ccircle%20cx%3D%22280.7%22%20cy%3D%22131.4%22%20r%3D%220.69%22%20fill%3D%22%23fff%22%20opacity%3D%220.47%22/%3E%3Ccircle%20cx%3D%22199.7%22%20cy%3D%22109.7%22%20r%3D%220.90%22%20fill%3D%22%23fff%22%20opacity%3D%220.38%22/%3E%3Ccircle%20cx%3D%2245.5%22%20cy%3D%2223.6%22%20r%3D%220.45%22%20fill%3D%22%23fff%22%20opacity%3D%220.41%22/%3E%3Ccircle%20cx%3D%22396.0%22%20cy%3D%22211.1%22%20r%3D%220.43%22%20fill%3D%22%23fff%22%20opacity%3D%220.35%22/%3E%3Ccircle%20cx%3D%22498.1%22%20cy%3D%22264.6%22%20r%3D%220.89%22%20fill%3D%22%23fff%22%20opacity%3D%220.47%22/%3E%3Ccircle%20cx%3D%225.7%22%20cy%3D%22360.4%22%20r%3D%220.74%22%20fill%3D%22%23fff%22%20opacity%3D%220.38%22/%3E%3Ccircle%20cx%3D%22133.4%22%20cy%3D%22320.5%22%20r%3D%220.46%22%20fill%3D%22%23fff%22%20opacity%3D%220.36%22/%3E%3Ccircle%20cx%3D%22226.9%22%20cy%3D%22476.9%22%20r%3D%220.84%22%20fill%3D%22%23fff%22%20opacity%3D%220.32%22/%3E%3Ccircle%20cx%3D%22250.3%22%20cy%3D%2289.3%22%20r%3D%220.86%22%20fill%3D%22%23fff%22%20opacity%3D%220.47%22/%3E%3Ccircle%20cx%3D%22149.2%22%20cy%3D%22319.5%22%20r%3D%220.70%22%20fill%3D%22%23fff%22%20opacity%3D%220.29%22/%3E%3Ccircle%20cx%3D%22381.3%22%20cy%3D%22269.7%22%20r%3D%220.79%22%20fill%3D%22%23fff%22%20opacity%3D%220.38%22/%3E%3Ccircle%20cx%3D%220.3%22%20cy%3D%22162.1%22%20r%3D%220.41%22%20fill%3D%22%23fff%22%20opacity%3D%220.48%22/%3E%3Ccircle%20cx%3D%22439.4%22%20cy%3D%22415.8%22%20r%3D%220.55%22%20fill%3D%22%23fff%22%20opacity%3D%220.26%22/%3E%3Ccircle%20cx%3D%22439.0%22%20cy%3D%22473.5%22%20r%3D%220.44%22%20fill%3D%22%23fff%22%20opacity%3D%220.37%22/%3E%3Ccircle%20cx%3D%2234.6%22%20cy%3D%22380.3%22%20r%3D%220.78%22%20fill%3D%22%23fff%22%20opacity%3D%220.28%22/%3E%3Ccircle%20cx%3D%22237.6%22%20cy%3D%22274.9%22%20r%3D%220.53%22%20fill%3D%22%23fff%22%20opacity%3D%220.47%22/%3E%3Ccircle%20cx%3D%22211.6%22%20cy%3D%22105.9%22%20r%3D%220.67%22%20fill%3D%22%23fff%22%20opacity%3D%220.43%22/%3E%3Ccircle%20cx%3D%22100.6%22%20cy%3D%22155.9%22%20r%3D%220.90%22%20fill%3D%22%23fff%22%20opacity%3D%220.41%22/%3E%3Ccircle%20cx%3D%22219.1%22%20cy%3D%22258.8%22%20r%3D%220.46%22%20fill%3D%22%23fff%22%20opacity%3D%220.31%22/%3E%3Ccircle%20cx%3D%22169.0%22%20cy%3D%22294.2%22%20r%3D%220.52%22%20fill%3D%22%23fff%22%20opacity%3D%220.31%22/%3E%3Ccircle%20cx%3D%2235.5%22%20cy%3D%22315.6%22%20r%3D%220.51%22%20fill%3D%22%23fff%22%20opacity%3D%220.48%22/%3E%3Ccircle%20cx%3D%22429.8%22%20cy%3D%2235.4%22%20r%3D%220.52%22%20fill%3D%22%23fff%22%20opacity%3D%220.42%22/%3E%3Ccircle%20cx%3D%22107.1%22%20cy%3D%2266.2%22%20r%3D%220.87%22%20fill%3D%22%23fff%22%20opacity%3D%220.39%22/%3E%3Ccircle%20cx%3D%22236.3%22%20cy%3D%22392.3%22%20r%3D%220.80%22%20fill%3D%22%23fff%22%20opacity%3D%220.30%22/%3E%3Ccircle%20cx%3D%2248.5%22%20cy%3D%22215.5%22%20r%3D%220.61%22%20fill%3D%22%23fff%22%20opacity%3D%220.37%22/%3E%3Ccircle%20cx%3D%22364.5%22%20cy%3D%22336.7%22%20r%3D%220.89%22%20fill%3D%22%23fff%22%20opacity%3D%220.27%22/%3E%3Ccircle%20cx%3D%22201.3%22%20cy%3D%22169.7%22%20r%3D%220.83%22%20fill%3D%22%23fff%22%20opacity%3D%220.31%22/%3E%3Ccircle%20cx%3D%2295.1%22%20cy%3D%22224.3%22%20r%3D%220.61%22%20fill%3D%22%23fff%22%20opacity%3D%220.32%22/%3E%3Ccircle%20cx%3D%22124.9%22%20cy%3D%22461.6%22%20r%3D%220.62%22%20fill%3D%22%23fff%22%20opacity%3D%220.47%22/%3E%3Ccircle%20cx%3D%22275.2%22%20cy%3D%2225.3%22%20r%3D%220.90%22%20fill%3D%22%23fff%22%20opacity%3D%220.46%22/%3E%3Ccircle%20cx%3D%22484.5%22%20cy%3D%22463.2%22%20r%3D%220.82%22%20fill%3D%22%23fff%22%20opacity%3D%220.29%22/%3E%3Ccircle%20cx%3D%22242.8%22%20cy%3D%22106.9%22%20r%3D%220.60%22%20fill%3D%22%23fff%22%20opacity%3D%220.26%22/%3E%3Ccircle%20cx%3D%22189.5%22%20cy%3D%22492.7%22%20r%3D%220.53%22%20fill%3D%22%23fff%22%20opacity%3D%220.45%22/%3E%3Ccircle%20cx%3D%22227.5%22%20cy%3D%22211.5%22%20r%3D%220.88%22%20fill%3D%22%23fff%22%20opacity%3D%220.50%22/%3E%3Ccircle%20cx%3D%22277.9%22%20cy%3D%22359.2%22%20r%3D%220.48%22%20fill%3D%22%23fff%22%20opacity%3D%220.32%22/%3E%3Ccircle%20cx%3D%22484.4%22%20cy%3D%22289.6%22%20r%3D%220.67%22%20fill%3D%22%23fff%22%20opacity%3D%220.44%22/%3E%3Ccircle%20cx%3D%2228.6%22%20cy%3D%22292.1%22%20r%3D%220.65%22%20fill%3D%22%23fff%22%20opacity%3D%220.46%22/%3E%3Ccircle%20cx%3D%2278.7%22%20cy%3D%22480.4%22%20r%3D%220.44%22%20fill%3D%22%23fff%22%20opacity%3D%220.30%22/%3E%3Ccircle%20cx%3D%22297.5%22%20cy%3D%22337.6%22%20r%3D%220.52%22%20fill%3D%22%23fff%22%20opacity%3D%220.28%22/%3E%3Ccircle%20cx%3D%22445.1%22%20cy%3D%22123.1%22%20r%3D%220.70%22%20fill%3D%22%23fff%22%20opacity%3D%220.40%22/%3E%3Ccircle%20cx%3D%22209.6%22%20cy%3D%22291.8%22%20r%3D%220.66%22%20fill%3D%22%23fff%22%20opacity%3D%220.48%22/%3E%3Ccircle%20cx%3D%22102.1%22%20cy%3D%22358.1%22%20r%3D%220.52%22%20fill%3D%22%23fff%22%20opacity%3D%220.35%22/%3E%3Ccircle%20cx%3D%22335.8%22%20cy%3D%22150.0%22%20r%3D%220.56%22%20fill%3D%22%23fff%22%20opacity%3D%220.44%22/%3E%3Ccircle%20cx%3D%2236.3%22%20cy%3D%22229.1%22%20r%3D%220.90%22%20fill%3D%22%23fff%22%20opacity%3D%220.50%22/%3E%3Ccircle%20cx%3D%2236.6%22%20cy%3D%22106.6%22%20r%3D%220.53%22%20fill%3D%22%23fff%22%20opacity%3D%220.48%22/%3E%3Ccircle%20cx%3D%22440.4%22%20cy%3D%22439.6%22%20r%3D%220.58%22%20fill%3D%22%23fff%22%20opacity%3D%220.29%22/%3E%3Ccircle%20cx%3D%22416.9%22%20cy%3D%22351.8%22%20r%3D%220.71%22%20fill%3D%22%23fff%22%20opacity%3D%220.50%22/%3E%3Ccircle%20cx%3D%22327.0%22%20cy%3D%223.9%22%20r%3D%220.81%22%20fill%3D%22%23fff%22%20opacity%3D%220.32%22/%3E%3Ccircle%20cx%3D%22331.7%22%20cy%3D%22469.5%22%20r%3D%220.47%22%20fill%3D%22%23fff%22%20opacity%3D%220.28%22/%3E%3Ccircle%20cx%3D%2253.5%22%20cy%3D%22276.6%22%20r%3D%220.54%22%20fill%3D%22%23fff%22%20opacity%3D%220.40%22/%3E%3Ccircle%20cx%3D%22358.8%22%20cy%3D%22101.8%22%20r%3D%220.72%22%20fill%3D%22%23fff%22%20opacity%3D%220.32%22/%3E%3Ccircle%20cx%3D%22244.3%22%20cy%3D%22452.7%22%20r%3D%220.82%22%20fill%3D%22%23fff%22%20opacity%3D%220.27%22/%3E%3Ccircle%20cx%3D%22211.8%22%20cy%3D%22138.3%22%20r%3D%220.40%22%20fill%3D%22%23fff%22%20opacity%3D%220.44%22/%3E%3Ccircle%20cx%3D%22318.6%22%20cy%3D%22131.0%22%20r%3D%220.77%22%20fill%3D%22%23fff%22%20opacity%3D%220.39%22/%3E%3Ccircle%20cx%3D%22213.8%22%20cy%3D%224.8%22%20r%3D%220.44%22%20fill%3D%22%23fff%22%20opacity%3D%220.47%22/%3E%3Ccircle%20cx%3D%22452.0%22%20cy%3D%22272.8%22%20r%3D%220.82%22%20fill%3D%22%23fff%22%20opacity%3D%220.40%22/%3E%3Ccircle%20cx%3D%2274.0%22%20cy%3D%2263.7%22%20r%3D%220.55%22%20fill%3D%22%23fff%22%20opacity%3D%220.47%22/%3E%3Ccircle%20cx%3D%22398.1%22%20cy%3D%22430.4%22%20r%3D%220.85%22%20fill%3D%22%23fff%22%20opacity%3D%220.30%22/%3E%3Ccircle%20cx%3D%22124.8%22%20cy%3D%2251.4%22%20r%3D%220.79%22%20fill%3D%22%23fff%22%20opacity%3D%220.47%22/%3E%3Ccircle%20cx%3D%22203.2%22%20cy%3D%22310.3%22%20r%3D%220.48%22%20fill%3D%22%23fff%22%20opacity%3D%220.48%22/%3E%3Ccircle%20cx%3D%22432.3%22%20cy%3D%22488.1%22%20r%3D%220.81%22%20fill%3D%22%23fff%22%20opacity%3D%220.47%22/%3E%3Ccircle%20cx%3D%2212.4%22%20cy%3D%22368.3%22%20r%3D%220.57%22%20fill%3D%22%23fff%22%20opacity%3D%220.48%22/%3E%3Ccircle%20cx%3D%22401.1%22%20cy%3D%22432.0%22%20r%3D%220.81%22%20fill%3D%22%23fff%22%20opacity%3D%220.32%22/%3E%3Ccircle%20cx%3D%22393.7%22%20cy%3D%2254.0%22%20r%3D%220.84%22%20fill%3D%22%23fff%22%20opacity%3D%220.46%22/%3E%3Ccircle%20cx%3D%22111.2%22%20cy%3D%22408.3%22%20r%3D%220.63%22%20fill%3D%22%23fff%22%20opacity%3D%220.33%22/%3E%3Ccircle%20cx%3D%22397.7%22%20cy%3D%22113.8%22%20r%3D%220.41%22%20fill%3D%22%23fff%22%20opacity%3D%220.30%22/%3E%3Ccircle%20cx%3D%22164.1%22%20cy%3D%22432.2%22%20r%3D%220.88%22%20fill%3D%22%23fff%22%20opacity%3D%220.32%22/%3E%3Ccircle%20cx%3D%22320.7%22%20cy%3D%22199.8%22%20r%3D%220.89%22%20fill%3D%22%23fff%22%20opacity%3D%220.38%22/%3E%3Ccircle%20cx%3D%22469.6%22%20cy%3D%2257.7%22%20r%3D%220.89%22%20fill%3D%22%23fff%22%20opacity%3D%220.29%22/%3E%3Ccircle%20cx%3D%22481.3%22%20cy%3D%22132.7%22%20r%3D%220.45%22%20fill%3D%22%23fff%22%20opacity%3D%220.36%22/%3E%3C/svg%3E");
    opacity:.55;animation:stars-drift 200s linear infinite;
  }
  .star-mid{
    background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22500%22%20height%3D%22500%22%3E%3Ccircle%20cx%3D%22364.3%22%20cy%3D%22156.8%22%20r%3D%221.16%22%20fill%3D%22%23fff%22%20opacity%3D%220.50%22/%3E%3Ccircle%20cx%3D%22192.6%22%20cy%3D%22288.3%22%20r%3D%220.95%22%20fill%3D%22%23fff%22%20opacity%3D%220.56%22/%3E%3Ccircle%20cx%3D%220.8%22%20cy%3D%22462.8%22%20r%3D%221.12%22%20fill%3D%22%23fff%22%20opacity%3D%220.57%22/%3E%3Ccircle%20cx%3D%22371.0%22%20cy%3D%22335.3%22%20r%3D%221.02%22%20fill%3D%22%23fff%22%20opacity%3D%220.37%22/%3E%3Ccircle%20cx%3D%22332.1%22%20cy%3D%22165.1%22%20r%3D%220.99%22%20fill%3D%22%23fff%22%20opacity%3D%220.60%22/%3E%3Ccircle%20cx%3D%22359.9%22%20cy%3D%22150.2%22%20r%3D%220.99%22%20fill%3D%22%23fff%22%20opacity%3D%220.47%22/%3E%3Ccircle%20cx%3D%22201.2%22%20cy%3D%22147.8%22%20r%3D%220.88%22%20fill%3D%22%23fff%22%20opacity%3D%220.48%22/%3E%3Ccircle%20cx%3D%22470.2%22%20cy%3D%22338.7%22%20r%3D%221.34%22%20fill%3D%22%23fff%22%20opacity%3D%220.53%22/%3E%3Ccircle%20cx%3D%22150.5%22%20cy%3D%22274.0%22%20r%3D%220.80%22%20fill%3D%22%23fff%22%20opacity%3D%220.44%22/%3E%3Ccircle%20cx%3D%22214.9%22%20cy%3D%22290.0%22%20r%3D%221.19%22%20fill%3D%22%23fff%22%20opacity%3D%220.49%22/%3E%3Ccircle%20cx%3D%22221.1%22%20cy%3D%22106.9%22%20r%3D%221.08%22%20fill%3D%22%23fff%22%20opacity%3D%220.62%22/%3E%3Ccircle%20cx%3D%22398.0%22%20cy%3D%2284.8%22%20r%3D%220.85%22%20fill%3D%22%23fff%22%20opacity%3D%220.50%22/%3E%3Ccircle%20cx%3D%22316.5%22%20cy%3D%22167.6%22%20r%3D%221.29%22%20fill%3D%22%23fff%22%20opacity%3D%220.58%22/%3E%3Ccircle%20cx%3D%22336.4%22%20cy%3D%22112.3%22%20r%3D%220.92%22%20fill%3D%22%23fff%22%20opacity%3D%220.36%22/%3E%3Ccircle%20cx%3D%22122.4%22%20cy%3D%22237.6%22%20r%3D%221.31%22%20fill%3D%22%23fff%22%20opacity%3D%220.37%22/%3E%3Ccircle%20cx%3D%22207.2%22%20cy%3D%22314.9%22%20r%3D%220.92%22%20fill%3D%22%23fff%22%20opacity%3D%220.56%22/%3E%3Ccircle%20cx%3D%22247.2%22%20cy%3D%22122.0%22%20r%3D%221.19%22%20fill%3D%22%23fff%22%20opacity%3D%220.35%22/%3E%3Ccircle%20cx%3D%22375.5%22%20cy%3D%22385.0%22%20r%3D%220.86%22%20fill%3D%22%23fff%22%20opacity%3D%220.48%22/%3E%3Ccircle%20cx%3D%2287.9%22%20cy%3D%22479.0%22%20r%3D%221.11%22%20fill%3D%22%23fff%22%20opacity%3D%220.37%22/%3E%3Ccircle%20cx%3D%22124.6%22%20cy%3D%22424.2%22%20r%3D%221.07%22%20fill%3D%22%23fff%22%20opacity%3D%220.59%22/%3E%3Ccircle%20cx%3D%22333.8%22%20cy%3D%22493.9%22%20r%3D%221.16%22%20fill%3D%22%23fff%22%20opacity%3D%220.64%22/%3E%3Ccircle%20cx%3D%22445.7%22%20cy%3D%22306.3%22%20r%3D%221.23%22%20fill%3D%22%23fff%22%20opacity%3D%220.50%22/%3E%3Ccircle%20cx%3D%22415.3%22%20cy%3D%22273.9%22%20r%3D%221.34%22%20fill%3D%22%23fff%22%20opacity%3D%220.57%22/%3E%3Ccircle%20cx%3D%22237.3%22%20cy%3D%22129.6%22%20r%3D%220.95%22%20fill%3D%22%23fff%22%20opacity%3D%220.54%22/%3E%3Ccircle%20cx%3D%22382.9%22%20cy%3D%22260.6%22%20r%3D%221.18%22%20fill%3D%22%23fff%22%20opacity%3D%220.43%22/%3E%3Ccircle%20cx%3D%2238.7%22%20cy%3D%22142.9%22%20r%3D%220.96%22%20fill%3D%22%23fff%22%20opacity%3D%220.45%22/%3E%3Ccircle%20cx%3D%22270.1%22%20cy%3D%2269.2%22%20r%3D%220.94%22%20fill%3D%22%23fff%22%20opacity%3D%220.56%22/%3E%3Ccircle%20cx%3D%22353.2%22%20cy%3D%2232.1%22%20r%3D%221.04%22%20fill%3D%22%23fff%22%20opacity%3D%220.51%22/%3E%3Ccircle%20cx%3D%22207.9%22%20cy%3D%22103.4%22%20r%3D%221.05%22%20fill%3D%22%23fff%22%20opacity%3D%220.62%22/%3E%3Ccircle%20cx%3D%22292.0%22%20cy%3D%22347.8%22%20r%3D%221.31%22%20fill%3D%22%23fff%22%20opacity%3D%220.58%22/%3E%3Ccircle%20cx%3D%22190.2%22%20cy%3D%222.9%22%20r%3D%221.01%22%20fill%3D%22%23fff%22%20opacity%3D%220.58%22/%3E%3Ccircle%20cx%3D%22426.7%22%20cy%3D%22476.7%22%20r%3D%221.05%22%20fill%3D%22%23fff%22%20opacity%3D%220.57%22/%3E%3Ccircle%20cx%3D%22273.1%22%20cy%3D%22301.6%22%20r%3D%220.93%22%20fill%3D%22%23fff%22%20opacity%3D%220.42%22/%3E%3Ccircle%20cx%3D%22217.9%22%20cy%3D%2214.5%22%20r%3D%221.00%22%20fill%3D%22%23fff%22%20opacity%3D%220.55%22/%3E%3Ccircle%20cx%3D%22202.2%22%20cy%3D%2282.5%22%20r%3D%221.08%22%20fill%3D%22%23fff%22%20opacity%3D%220.39%22/%3E%3Ccircle%20cx%3D%22311.1%22%20cy%3D%2213.5%22%20r%3D%221.04%22%20fill%3D%22%23fff%22%20opacity%3D%220.52%22/%3E%3Ccircle%20cx%3D%2213.6%22%20cy%3D%22321.4%22%20r%3D%220.88%22%20fill%3D%22%23fff%22%20opacity%3D%220.49%22/%3E%3Ccircle%20cx%3D%2225.1%22%20cy%3D%22189.6%22%20r%3D%220.93%22%20fill%3D%22%23fff%22%20opacity%3D%220.45%22/%3E%3Ccircle%20cx%3D%22380.6%22%20cy%3D%22189.6%22%20r%3D%221.25%22%20fill%3D%22%23fff%22%20opacity%3D%220.60%22/%3E%3Ccircle%20cx%3D%22126.1%22%20cy%3D%2241.0%22%20r%3D%220.81%22%20fill%3D%22%23fff%22%20opacity%3D%220.51%22/%3E%3Ccircle%20cx%3D%22500.0%22%20cy%3D%22175.0%22%20r%3D%221.19%22%20fill%3D%22%23fff%22%20opacity%3D%220.58%22/%3E%3Ccircle%20cx%3D%22325.9%22%20cy%3D%22377.1%22%20r%3D%221.37%22%20fill%3D%22%23fff%22%20opacity%3D%220.41%22/%3E%3Ccircle%20cx%3D%2210.2%22%20cy%3D%2276.2%22%20r%3D%220.88%22%20fill%3D%22%23fff%22%20opacity%3D%220.55%22/%3E%3Ccircle%20cx%3D%22282.0%22%20cy%3D%22109.0%22%20r%3D%221.22%22%20fill%3D%22%23fff%22%20opacity%3D%220.58%22/%3E%3Ccircle%20cx%3D%2283.9%22%20cy%3D%22303.6%22%20r%3D%221.25%22%20fill%3D%22%23fff%22%20opacity%3D%220.38%22/%3E%3C/svg%3E");
    opacity:.65;animation:stars-drift 130s linear infinite reverse;
  }
  .star-near{
    background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22500%22%20height%3D%22500%22%3E%3Ccircle%20cx%3D%22409.7%22%20cy%3D%22482.4%22%20r%3D%221.29%22%20fill%3D%22%23fff%22%20opacity%3D%220.51%22/%3E%3Ccircle%20cx%3D%22156.0%22%20cy%3D%22338.7%22%20r%3D%221.97%22%20fill%3D%22%23fff%22%20opacity%3D%220.64%22/%3E%3Ccircle%20cx%3D%22357.5%22%20cy%3D%2238.0%22%20r%3D%221.75%22%20fill%3D%22%23fff%22%20opacity%3D%220.72%22/%3E%3Ccircle%20cx%3D%2251.0%22%20cy%3D%22386.2%22%20r%3D%221.88%22%20fill%3D%22%23fff%22%20opacity%3D%220.71%22/%3E%3Ccircle%20cx%3D%2260.5%22%20cy%3D%22491.9%22%20r%3D%221.83%22%20fill%3D%22%23fff%22%20opacity%3D%220.62%22/%3E%3Ccircle%20cx%3D%22214.2%22%20cy%3D%22185.3%22%20r%3D%221.60%22%20fill%3D%22%23fff%22%20opacity%3D%220.62%22/%3E%3Ccircle%20cx%3D%22424.8%22%20cy%3D%22411.2%22%20r%3D%221.28%22%20fill%3D%22%23fff%22%20opacity%3D%220.84%22/%3E%3Ccircle%20cx%3D%22317.8%22%20cy%3D%22414.4%22%20r%3D%221.77%22%20fill%3D%22%23fff%22%20opacity%3D%220.65%22/%3E%3Ccircle%20cx%3D%22366.9%22%20cy%3D%22482.7%22%20r%3D%221.42%22%20fill%3D%22%23fff%22%20opacity%3D%220.78%22/%3E%3Ccircle%20cx%3D%22269.1%22%20cy%3D%22241.7%22%20r%3D%221.55%22%20fill%3D%22%23fff%22%20opacity%3D%220.76%22/%3E%3Ccircle%20cx%3D%22134.2%22%20cy%3D%22425.9%22%20r%3D%221.86%22%20fill%3D%22%23fff%22%20opacity%3D%220.53%22/%3E%3Ccircle%20cx%3D%22440.8%22%20cy%3D%22121.9%22%20r%3D%221.57%22%20fill%3D%22%23fff%22%20opacity%3D%220.71%22/%3E%3Ccircle%20cx%3D%22189.5%22%20cy%3D%2214.3%22%20r%3D%221.88%22%20fill%3D%22%23fff%22%20opacity%3D%220.56%22/%3E%3Ccircle%20cx%3D%22106.1%22%20cy%3D%22398.9%22%20r%3D%221.47%22%20fill%3D%22%23fff%22%20opacity%3D%220.81%22/%3E%3Ccircle%20cx%3D%22350.6%22%20cy%3D%22138.1%22%20r%3D%221.21%22%20fill%3D%22%23fff%22%20opacity%3D%220.83%22/%3E%3Ccircle%20cx%3D%2242.8%22%20cy%3D%22360.0%22%20r%3D%221.59%22%20fill%3D%22%23fff%22%20opacity%3D%220.77%22/%3E%3Ccircle%20cx%3D%22345.3%22%20cy%3D%22323.0%22%20r%3D%221.59%22%20fill%3D%22%23fff%22%20opacity%3D%220.78%22/%3E%3Ccircle%20cx%3D%2246.5%22%20cy%3D%22110.8%22%20r%3D%221.75%22%20fill%3D%22%23fff%22%20opacity%3D%220.61%22/%3E%3Ccircle%20cx%3D%22290.8%22%20cy%3D%22236.6%22%20r%3D%221.62%22%20fill%3D%22%23fff%22%20opacity%3D%220.65%22/%3E%3Ccircle%20cx%3D%22373.0%22%20cy%3D%22165.4%22%20r%3D%221.76%22%20fill%3D%22%23fff%22%20opacity%3D%220.59%22/%3E%3C/svg%3E");
    opacity:.8;animation:stars-drift 85s linear infinite, stars-twinkle 4s ease-in-out infinite;
  }
  
body{
    background:linear-gradient(160deg, var(--ink) 0%, var(--surface) 100%);
    color:var(--text);
    font-family:'Cairo', sans-serif;
    line-height:1.7;
    overflow-x:hidden;
  }h1,h2,h3,h4{font-family:'Cairo', sans-serif;font-weight:800;letter-spacing:-0.01em;}.num, .stat-num, .badge-num{font-family:'Cairo',sans-serif;}a{color:inherit;text-decoration:none;}img{max-width:100%;display:block;}.wrap{max-width:1220px;margin:0 auto;padding:0 28px;}.eyebrow{
    display:inline-flex;align-items:center;gap:8px;
    font-size:13px;color:var(--emerald);
    background:rgba(239,68,40,0.08);
    border:1px solid rgba(239,68,40,0.25);
    padding:7px 16px;border-radius:100px;
    font-weight:600; margin-bottom:18px;
  }.eyebrow::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--emerald);box-shadow:0 0 8px var(--emerald);}.growth-divider{position:relative;height:80px;overflow:hidden;}.growth-divider svg{position:absolute;inset:0;width:100%;height:100%;}.geo-pattern{
    position:absolute;inset:0;
    background-image:
      radial-gradient(circle at 15% 20%, rgba(239,68,40,0.08), transparent 40%),
      radial-gradient(circle at 85% 0%, rgba(31,25,87,0.06), transparent 45%);
    pointer-events:none;
  }header{
    position:fixed;top:0;right:0;left:0;z-index:100;
    background:rgba(13,10,36,0.92);
    backdrop-filter:blur(14px);
    border-bottom:1px solid var(--line);
  }
  .adg-nav{
    display:flex;align-items:stretch;gap:14px;
    padding:14px 28px;max-width:1360px;margin:0 auto;
  }
  .logo-box{
    display:flex;align-items:center;gap:10px;
    background:rgba(255,255,255,0.05);border:1px solid var(--line);
    padding:10px 20px;flex:none;
  }
  .logo-img{height:38px;width:auto;display:block;}
  .logo-box.img-loaded .logo-img{display:block;}
  .logo-box .mark{display:flex;}
  .logo-box.img-loaded .mark, .logo-box.img-loaded .logo-name{display:none;}
  .logo-name::after{content:".";color:var(--emerald);}
  .logo-box .mark{
    display:none;
    width:34px;height:34px;border-radius:9px;
    background:linear-gradient(135deg,var(--emerald),#c23015);
    align-items:center;justify-content:center;
    color:#fff8f5;font-weight:800;font-size:16px;
  }
  .logo-box.img-fallback .mark{display:flex;}
  .logo-name{font-family:'Cairo';font-weight:800;font-size:21px;color:var(--text);}
  .nav-tagline{
    display:flex;align-items:center;
    font-size:10.5px;font-weight:700;line-height:1.5;color:var(--text-faint);
    letter-spacing:.04em;flex:none;
  }
  .nav-links{display:flex;gap:8px;font-size:13.5px;color:var(--text-dim);margin-inline-start:auto;}
  .nav-links a{
    display:flex;align-items:center;
    border:1px solid var(--line);padding:0 20px;
    font-weight:700;transition:border-color .3s ease, color .3s ease, background .3s ease;
  }
  .nav-links a::before{content:".";color:var(--emerald);font-weight:800;margin-left:2px;}
  .nav-links a:hover{color:var(--text);border-color:rgba(239,68,40,0.5);background:rgba(239,68,40,0.06);}
  .nav-cta{
    display:flex;align-items:center;flex:none;
    background:var(--emerald);color:#fff8f5;font-weight:800;
    padding:0 26px;font-size:13.5px;position:relative;
    margin-inline-start:14px;
  }
  .nav-cta::before{content:".";font-weight:800;margin-left:2px;}
  .nav-cta::after{
    content:"";position:absolute;top:0;bottom:0;right:-7px;width:3px;
    background:var(--emerald);
  }
  .nav-cta:hover{background:var(--emerald-dim);}
  .burger{display:none;flex-direction:column;justify-content:center;gap:5px;cursor:pointer;padding:10px;z-index:101;position:relative;}.burger span{width:22px;height:2px;background:var(--text);transition:transform .3s ease, opacity .3s ease;}.burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}.burger.open span:nth-child(2){opacity:0;}.burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}.hero{
    position:relative;padding:180px 0 120px;overflow:hidden;
    background:radial-gradient(ellipse 80% 60% at 50% -10%, rgba(239,68,40,0.14), transparent 60%);
  }.hero-blobs{position:absolute;inset:0;z-index:0;pointer-events:none;}.blob{
    position:absolute;border-radius:50%;filter:blur(70px);opacity:.35;
    animation:float-blob 32s ease-in-out infinite;
  }.blob-1{width:420px;height:420px;background:var(--emerald);top:-140px;right:-80px;}.blob-2{width:360px;height:360px;background:var(--surface-2);top:120px;left:-100px;animation-delay:-16s;}.ambient-orb{
    position:absolute;border-radius:50%;filter:blur(90px);pointer-events:none;z-index:0;
    animation:float-blob 36s ease-in-out infinite;
  }.orb-a{width:380px;height:380px;opacity:.1;top:-100px;left:-120px;}.orb-b{width:340px;height:340px;background:var(--surface-2);opacity:.42;bottom:-140px;right:-100px;animation-delay:-18s;}.float-card{
    position:absolute;z-index:1;background:linear-gradient(160deg,rgba(31,25,87,0.85),rgba(16,13,44,0.9));
    backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:16px;
    padding:14px 16px;box-shadow:0 20px 45px rgba(0,0,0,0.35);
    animation:chip-float 7s ease-in-out infinite;
  }.fc-1{top:150px;left:3%;width:190px;--r:-8deg;transform:rotate(-8deg);animation-delay:0s;}.fc-2{top:110px;right:4%;width:190px;--r:7deg;transform:rotate(7deg);animation-delay:1.2s;}.fc-title{font-size:12.5px;color:var(--text-dim);display:flex;justify-content:space-between;margin-bottom:6px;}.fc-title b{color:var(--text);font-family:'Cairo';}.fc-spark{width:100%;height:26px;display:block;}.fc-sub{font-size:10.5px;color:var(--text-faint);margin-top:4px;}.fc-schedule{
    bottom:150px;right:2%;width:230px;--r:4deg;transform:rotate(4deg);animation-delay:2.4s;
    background:linear-gradient(135deg,var(--emerald),var(--emerald-dim));border:none;
  }.fc-sched-label{font-size:11px;opacity:.85;margin-bottom:4px;}.fc-sched-title{font-size:14px;font-weight:700;margin-bottom:12px;}.fc-sched-row{display:flex;align-items:center;justify-content:space-between;}.fc-avatars{display:flex;}.fc-avatars span{
    width:24px;height:24px;border-radius:50%;background:rgba(255,255,255,0.25);
    border:2px solid var(--emerald-dim);display:flex;align-items:center;justify-content:center;
    font-size:11px;margin-right:-8px;
  }.fc-time{font-size:12px;font-weight:700;background:rgba(0,0,0,0.25);padding:4px 10px;border-radius:100px;}.fc-messages{bottom:130px;left:2%;width:220px;--r:-5deg;transform:rotate(-5deg);animation-delay:3.6s;}.fc-msg-title{font-size:12px;color:var(--text-dim);margin-bottom:10px;}.fc-msg-row{display:flex;align-items:center;gap:9px;margin-bottom:9px;}.fc-msg-av{
    width:26px;height:26px;border-radius:50%;flex:none;
    background:linear-gradient(135deg,var(--emerald),var(--surface-2));
    display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff8f5;
  }.fc-msg-row b{font-size:12px;display:block;}.fc-msg-row small{font-size:10.5px;color:var(--text-faint);}.fade-up{opacity:0;animation:fade-up .8s ease forwards;animation-delay:var(--d,0s);}.hero-inner{position:relative;z-index:2;max-width:820px;margin:0 auto;text-align:center;}.hero h1{font-size:clamp(34px,5.6vw,64px);line-height:1.18;margin-bottom:22px;min-height:calc(1.18em * 4 + 0.4em);}.hero h1 em{font-style:normal;color:var(--emerald);position:relative;}.typewriter-cursor{
    display:inline-block;width:3px;height:1em;margin-right:2px;background:var(--emerald);
    vertical-align:text-bottom;animation:cursor-blink 0.9s step-start infinite;
  }.hero p.lead{font-size:18px;color:var(--text-dim);max-width:600px;margin:0 auto 38px;}.hero-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;}
  .btn-primary{
    background:linear-gradient(135deg,var(--emerald),#ff6a45);
    color:#fff8f5;font-weight:700;padding:16px 34px;border-radius:100px;
    font-size:15px;box-shadow:0 12px 30px rgba(239,68,40,0.3);
    display:inline-flex;align-items:center;gap:10px;
  }.btn-ghost{
    border:1px solid var(--line);color:var(--text);
    padding:16px 30px;border-radius:100px;font-size:15px;
    display:inline-flex;align-items:center;gap:10px;
  }.btn-ghost:hover{border-color:var(--emerald);background:rgba(239,68,40,0.06);}.hero-trust{margin-top:70px;display:flex;justify-content:center;gap:0;flex-wrap:wrap;
  }
  .trust-item{
    padding:0 40px;text-align:center;border-left:1px solid var(--line);
  }
  .trust-item:last-child{border-left:none;}.trust-num{font-size:clamp(26px,4vw,38px);font-weight:700;color:var(--emerald);}.cnt-pulse{display:inline-block;animation:cnt-pulse-fx .5s ease;}.trust-label{font-size:13px;color:var(--text-faint);margin-top:4px;}.dash-wrap{position:relative;z-index:2;max-width:1040px;margin:70px auto 0;}.dash-mock{
    background:linear-gradient(160deg,rgba(31,25,87,0.9),rgba(16,13,44,0.95));
    border:1px solid var(--line);border-radius:20px;padding:22px;
    box-shadow:0 40px 90px rgba(0,0,0,0.45), 0 0 0 1px rgba(255,255,255,0.03);
    animation:dash-float 7s ease-in-out infinite;
  }.dash-topbar{display:flex;align-items:center;gap:16px;margin-bottom:18px;}.dash-rail{display:flex;gap:10px;}.dash-rail span{
    width:32px;height:32px;border-radius:9px;background:rgba(255,255,255,0.04);
    display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--text-faint);
  }.dash-rail .rail-active{background:linear-gradient(135deg,var(--emerald),var(--emerald-dim));color:#fff8f5;}.dash-search{
    flex:1;background:rgba(255,255,255,0.04);border:1px solid var(--line);border-radius:100px;
    padding:8px 16px;font-size:12px;color:var(--text-faint);
  }.dash-kpi-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:16px;}.dash-kpi-card{
    background:rgba(255,255,255,0.03);border:1px solid var(--line);border-radius:14px;padding:14px 16px;
  }.kc-top{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--text-dim);margin-bottom:8px;}.kc-top b{font-family:'Cairo';font-size:18px;color:var(--text);}.dash-kpi-card svg{width:100%;height:24px;display:block;}.kc-sub{font-size:10.5px;color:var(--text-faint);margin-top:6px;}.dash-main-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:16px;}.dash-chart-panel{
    background:rgba(255,255,255,0.03);border:1px solid var(--line);border-radius:16px;padding:20px;
  }.chart-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;}.chart-title{font-size:14px;font-weight:700;}.chart-tabs{display:flex;gap:14px;font-size:11.5px;color:var(--text-faint);}.chart-tabs .active{color:var(--emerald);font-weight:700;}.line-chart{width:100%;height:150px;display:block;}.chart-line-1{stroke-dasharray:900;stroke-dashoffset:900;animation:draw 2.4s ease-out forwards .2s;}.chart-line-2{stroke-dasharray:900;stroke-dashoffset:900;animation:draw 2.4s ease-out forwards .5s;opacity:.8;}.chart-months{display:flex;justify-content:space-between;font-size:10px;color:var(--text-faint);margin-top:4px;margin-bottom:18px;}.task-rows{display:flex;flex-direction:column;gap:10px;}.task-row{
    display:flex;align-items:center;gap:12px;background:rgba(255,255,255,0.03);
    border:1px solid var(--line);border-radius:12px;padding:10px 14px;
  }.task-play{
    width:26px;height:26px;border-radius:50%;flex:none;
    background:linear-gradient(135deg,var(--emerald),var(--emerald-dim));
    display:flex;align-items:center;justify-content:center;font-size:10px;color:#fff8f5;
  }.task-info{flex:1;min-width:0;}.task-info b{display:block;font-size:12.5px;}.task-info small{font-size:10.5px;color:var(--text-faint);}.task-progress{width:70px;height:5px;border-radius:100px;background:rgba(255,255,255,0.08);overflow:hidden;flex:none;}.tp-fill{height:100%;background:var(--emerald);border-radius:100px;}.task-pct{font-size:11px;color:var(--text-faint);flex:none;}.order-badge{
    font-size:10.5px;font-weight:700;padding:4px 10px;border-radius:100px;flex:none;white-space:nowrap;
  }.badge-done{background:rgba(31,216,163,0.15);color:#3ee6b8;}.badge-shipping{background:rgba(239,68,40,0.15);color:var(--emerald);}.dash-side-col{display:flex;flex-direction:column;gap:16px;}.side-schedule{
    background:linear-gradient(135deg,var(--emerald),var(--emerald-dim));border-radius:16px;padding:18px;
  }.ss-label{font-size:11px;opacity:.85;margin-bottom:6px;}.ss-title{font-size:14px;font-weight:700;margin-bottom:16px;}.ss-row{display:flex;align-items:center;justify-content:space-between;}.ss-time{font-size:12px;font-weight:700;background:rgba(0,0,0,0.25);padding:5px 12px;border-radius:100px;}.side-messages{
    background:rgba(255,255,255,0.03);border:1px solid var(--line);border-radius:16px;padding:18px;flex:1;
  }.sm-label{font-size:12px;color:var(--text-dim);margin-bottom:14px;font-weight:700;}.path-draw{stroke-dasharray:1400;stroke-dashoffset:1400;animation:draw 3.2s ease-out forwards .3s;}.pulse-dot{animation:pulse 2.4s ease-in-out infinite;}.marquee-wrap{overflow:hidden;position:relative;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);}.marquee-track{display:flex;gap:56px;width:max-content;animation:marquee-scroll 12s linear infinite;}.marquee-track.reverse{animation-direction:reverse;}
  .trusted-band{padding:60px 0;}
  .trusted-card{
    background:var(--text);border:1px solid var(--line);border-radius:26px;
    padding:38px 30px 30px;
  }
  .trusted-label{
    text-align:center;color:var(--surface);font-size:15px;font-weight:600;margin-bottom:30px;
  }
  .tl-highlight{
    display:inline-block;background:var(--emerald);color:#fff8f5;font-weight:800;
    padding:3px 12px;border-radius:8px;margin:0 4px;
  }
  .logo-chip{
    display:flex;align-items:center;justify-content:center;
    white-space:nowrap;
  }.platform-logo-img{
    height:50px;width:auto;max-width:140px;object-fit:contain;
    transition:filter .3s ease;
  }.logo-chip:hover .platform-logo-img{filter:none;}
  .marquee-wrap, .marquee-track{direction:ltr;}.nav-cta, .btn-primary, .btn-ghost, .price-cta,.nav-cta::after, .btn-primary::after, .price-cta::after{
    content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
    background:radial-gradient(circle at var(--mx) var(--my), rgba(255,255,255,0.35), transparent 60%);
    opacity:0;transition:opacity .3s ease;
  }.nav-cta:hover::after, .btn-primary:hover::after, .price-cta:hover::after{opacity:.5;}.nav-cta:hover, .btn-primary:hover{
    transform:translate(var(--mag-x),var(--mag-y)) translateY(-2px);
    box-shadow:0 14px 32px rgba(239,68,40,0.35);
  }.btn-ghost:hover{
    transform:translate(var(--mag-x),var(--mag-y)) translateY(-2px);
  }.price-cta:hover{
    transform:translate(var(--mag-x),var(--mag-y)) translateY(-2px);
    box-shadow:0 12px 26px rgba(239,68,40,0.25);
  }.nav-cta:active, .btn-primary:active, .btn-ghost:active, .price-cta:active{
    transform:translate(var(--mag-x),var(--mag-y)) scale(.96) !important;
    transition-duration:.12s;
  }.picon{
    width:52px;height:52px;border-radius:16px;flex:none;
    background:radial-gradient(circle at 32% 28%, #3a3226, #171310 72%);
    border:1px solid rgba(212,175,122,0.32);
    box-shadow:inset 0 1px 1px rgba(255,255,255,0.08), inset 0 -3px 6px rgba(0,0,0,0.55), 0 10px 22px rgba(0,0,0,0.35);
    display:flex;align-items:center;justify-content:center;
    transition:transform .4s cubic-bezier(.3,1.4,.4,1), box-shadow .4s ease, border-color .4s ease;
    animation:picon-float 5s ease-in-out infinite;
  }.picon svg{width:24px;height:24px;position:relative;z-index:1;}.picon.picon-round{border-radius:50%;}.picon.picon-sm{width:40px;height:40px;border-radius:12px;}.picon.picon-sm svg{width:18px;height:18px;}a:hover > .picon, .service-card:hover .picon, .bento-card:hover .picon{
    transform:translateY(-6px) scale(1.08);
    border-color:rgba(212,175,122,0.65);
    box-shadow:inset 0 1px 1px rgba(255,255,255,0.1), inset 0 -3px 6px rgba(0,0,0,0.55), 0 14px 30px rgba(0,0,0,0.4), 0 0 26px rgba(212,175,122,0.4);
  }.sec-head{max-width:640px;margin:0 auto 60px;text-align:center;}.sec-head h2{font-size:clamp(26px,3.6vw,42px);margin-bottom:14px;}.sec-head p{color:var(--text-dim);font-size:16px;}section{position:relative;padding:100px 0;}
  .video-frame{
    max-width:900px;margin:0 auto;border-radius:22px;overflow:hidden;
    border:1px solid var(--line);box-shadow:0 30px 70px rgba(0,0,0,0.45);
    background:var(--surface);
  }
  .video-frame video{width:100%;display:block;aspect-ratio:16/9;background:#000;}
  .bento-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:20px;margin-bottom:20px;}.bento-row2{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
  .bento-card{
    background:rgba(255,255,255,0.025);
    backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
    border:1px solid transparent;border-radius:24px;padding:32px;position:relative;overflow:hidden;
    transition:transform .35s cubic-bezier(.2,.7,.2,1), box-shadow .35s ease, background .35s ease;
  }
  .bento-card::after{
    content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;
    background:linear-gradient(135deg, rgba(239,68,40,0.4), rgba(139,127,209,0.35) 60%, transparent 100%);
    -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite:xor; mask-composite:exclude;
    pointer-events:none;
  }
  .bento-card:hover{
    transform:translateY(-6px) scale(1.02);
    box-shadow:0 24px 50px rgba(0,0,0,0.4);
    background:rgba(255,255,255,0.045);
  }
  .bento-card h3{font-size:20px;margin-bottom:10px;position:relative;z-index:1;}
  .bento-card p{color:var(--text-dim);font-size:14px;max-width:320px;position:relative;z-index:1;}
  .bento-stat-panel{
    margin-top:24px;background:rgba(0,0,0,0.25);border:1px solid var(--line);border-radius:16px;
    padding:20px;display:flex;gap:30px;position:relative;z-index:1;
  }.bento-stat-panel div b{display:block;font-family:'Cairo';font-size:24px;color:var(--emerald);}.bento-stat-panel div span{font-size:12px;color:var(--text-faint);}.bento-icon-badge{
    width:56px;height:56px;border-radius:50%;
    background:linear-gradient(135deg,var(--emerald),var(--emerald-dim));
    display:flex;align-items:center;justify-content:center;font-size:22px;
    position:absolute;top:28px;left:28px;box-shadow:0 10px 30px rgba(239,68,40,0.35);
    animation:icon-float 4.5s ease-in-out infinite;
    transition:transform .35s cubic-bezier(.3,1.5,.5,1);
  }.bento-card:hover .bento-icon-badge{transform:rotate(-8deg) scale(1.1);}.kanban-mock{margin-top:20px;display:flex;gap:12px;}.kanban-col{
    flex:1;background:rgba(0,0,0,0.25);border:1px solid var(--line);border-radius:14px;padding:12px;
  }.kanban-col .kcol-label{font-size:11px;color:var(--text-faint);margin-bottom:10px;}.kanban-chip{
    background:rgba(255,255,255,0.04);border:1px solid var(--line);border-radius:10px;
    padding:9px 10px;font-size:11.5px;color:var(--text-dim);margin-bottom:8px;
  }.kanban-chip.hot{background:rgba(239,68,40,0.18);border-color:rgba(239,68,40,0.4);color:var(--text);}.donut-ring{
    width:110px;height:110px;border-radius:50%;margin-top:10px;
    background:conic-gradient(var(--emerald) 0 72%, rgba(255,255,255,0.08) 0);
    display:flex;align-items:center;justify-content:center;position:relative;
  }.donut-ring::after{
    content:"72%";width:76px;height:76px;border-radius:50%;background:var(--surface);
    display:flex;align-items:center;justify-content:center;font-family:'Cairo';font-weight:700;font-size:15px;
  }.team-network{margin-top:22px;display:flex;align-items:center;justify-content:center;gap:26px;}.team-col{display:flex;flex-direction:column;gap:12px;}.team-avatar{
    width:38px;height:38px;border-radius:50%;
    background:linear-gradient(135deg,var(--emerald),var(--surface-2));
    display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff8f5;
    border:2px solid var(--ink);
  }.team-center{
    width:64px;height:64px;border-radius:50%;background:radial-gradient(circle,var(--emerald),var(--emerald-dim));
    display:flex;align-items:center;justify-content:center;font-size:26px;
    box-shadow:0 0 0 8px rgba(239,68,40,0.1);
  }@property --fire-angle{
    syntax:'<angle>';
    initial-value:0deg;
    inherits:false;
  }.service-card{
    background:transparent;
    padding:36px 30px 32px;position:relative;overflow:hidden;
    border:1px solid transparent;border-radius:20px;
    transition:transform .4s cubic-bezier(.2,.7,.2,1), box-shadow .4s ease;
  }.service-card::before{
    content:"";position:absolute;inset:0;border-radius:inherit;padding:2px;
    background:conic-gradient(from var(--fire-angle), #ef4428, #ffb020 25%, #ef4428 45%, #c23015 60%, #ffb020 80%, #ef4428 100%);
    -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite:xor; mask-composite:exclude;
    opacity:.75; transition:opacity .4s ease;
    pointer-events:none;
    animation:fire-rotate 3s linear infinite;
  }.service-card:hover{
    transform:translateY(-8px);
    box-shadow:0 24px 50px rgba(0,0,0,0.4);
    z-index:2;
  }.service-card:hover::before{opacity:1;}.service-card .idx{
    position:absolute;top:26px;left:28px;font-size:12px;font-weight:700;
    color:var(--text-faint);font-family:'Cairo';letter-spacing:.5px;
    opacity:.55;
  }.service-card .sicon{
    width:56px;height:56px;border-radius:16px;
    background:linear-gradient(145deg, rgba(239,68,40,0.16), rgba(239,68,40,0.03));
    border:1px solid rgba(239,68,40,0.25);
    display:flex;align-items:center;justify-content:center;margin-bottom:26px;
    font-size:24px;
    transition:transform .45s cubic-bezier(.3,1.4,.4,1), box-shadow .45s ease, background .45s ease;
  }.service-card:hover .sicon{
    transform:rotate(-8deg) scale(1.08);
    box-shadow:0 10px 26px rgba(239,68,40,0.28);
    background:linear-gradient(145deg, rgba(239,68,40,0.28), rgba(239,68,40,0.06));
  }.service-card .picon{margin-bottom:26px;}.service-card h3{
    font-size:17.5px;margin-bottom:10px;line-height:1.4;
    transition:color .3s ease;
  }.service-card p{
    font-size:13.5px;color:var(--text-dim);line-height:1.75;margin-bottom:22px;
  }.service-card .more{
    display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;
    color:var(--emerald);opacity:0;transform:translateX(8px);
    transition:opacity .35s ease, transform .35s ease;
  }.service-card:hover .more{opacity:1;transform:translateX(0);}.process-quad{
    position:relative;display:grid;grid-template-columns:1fr 420px 1fr;
    align-items:center;gap:0;max-width:1300px;margin:0 auto;
  }.quad-col{display:flex;flex-direction:column;gap:44px;position:relative;z-index:1;}.quad-center{display:flex;align-items:center;justify-content:center;position:relative;z-index:2;}.center-icon{
    width:140px;height:140px;border-radius:32px;padding:14px;
    background:linear-gradient(135deg,var(--emerald),var(--surface-2) 55%,var(--emerald-dim));
    display:flex;align-items:center;justify-content:center;
    box-shadow:0 0 0 16px rgba(239,68,40,0.08), 0 0 100px rgba(239,68,40,0.4), 0 0 75px rgba(31,25,87,0.5);
    animation:icon-pulse-glow 3.2s ease-in-out infinite;
  }.center-icon-inner{
    width:100%;height:100%;border-radius:22px;
    background:var(--ink);
    display:flex;align-items:center;justify-content:center;font-size:34px;
  }
  .center-icon-inner img{width:60%;height:auto;object-fit:contain;}
  .step-card{
    position:relative;background:rgba(255,255,255,0.025);
    backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
    border:1px solid transparent;border-radius:18px;padding:38px 36px;
    min-height:230px;
    display:flex;flex-direction:column;justify-content:center;
    box-sizing:border-box;
    transition:transform .3s ease, box-shadow .3s ease, background .3s ease;
  }
  .step-card::after{
    content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;
    background:linear-gradient(135deg, rgba(239,68,40,0.4), rgba(139,127,209,0.35) 60%, transparent 100%);
    -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite:xor; mask-composite:exclude;
    pointer-events:none;
  }
  .step-card:hover{
    transform:translateY(-5px);
    background:rgba(255,255,255,0.045);
    box-shadow:0 20px 45px rgba(0,0,0,0.35);
  }
  .step-num-big{
    position:absolute;top:-14px;font-size:104px;font-weight:900;font-family:'Cairo';
    color:rgba(0,0,0,0.22);line-height:1;pointer-events:none;letter-spacing:0;
    transition:opacity .35s ease;
  }
  .step-card:hover .step-num-big{
    background:linear-gradient(135deg,var(--emerald),#8b7fd1);
    -webkit-background-clip:text;background-clip:text;color:transparent;
    -webkit-text-fill-color:transparent;opacity:.9;
  }.quad-col:first-child .step-num-big{left:14px;}.quad-col:last-child .step-num-big{right:14px;}.step-card h3{font-size:19px;margin-bottom:10px;position:relative;}.step-card p{color:var(--text-dim);font-size:14.5px;position:relative;line-height:1.6;}.conn{position:absolute;width:190px;height:115px;pointer-events:none;z-index:0;overflow:visible;}.conn-right{left:-190px;}.conn-left{right:-190px;}.conn-top{top:50%;}.conn-bottom{top:auto;bottom:50%;}.conn-pulse{
    fill:none;stroke:var(--emerald);stroke-width:3;stroke-linecap:round;
    stroke-dasharray:16 320;
    animation:conn-flow 2.6s linear infinite;
    filter:drop-shadow(0 0 4px rgba(239,68,40,0.9));
  }
  .app-showcase-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:60px;align-items:center;}
  .phones-row{display:flex;align-items:center;justify-content:center;gap:14px;}
  .phone-shot{
    flex:1;max-width:180px;border-radius:20px;overflow:hidden;
    border:1px solid var(--line);
    background:linear-gradient(150deg,var(--surface-2),var(--ink-2));
    box-shadow:0 25px 55px rgba(0,0,0,0.5);
  }
  .phone-shot-mid{max-width:210px;z-index:2;}
  .phone-shot img{width:100%;height:auto;display:block;}
  .phone-shot.img-fallback{aspect-ratio:9/19;}
  .phone-shot.img-fallback img{display:none;}
  .phones-row{perspective:1100px;}
  .phones-row .phone-shot{
    transition:transform 1.1s cubic-bezier(.2,.7,.2,1), opacity .9s ease;
    will-change:transform;
  }
  .phones-row .phone-shot:nth-child(1){transform:translateX(45px) rotateY(-55deg);opacity:0;}
  .phones-row .phone-shot-mid{transform:translateY(50px) scale(.88);opacity:0;transition-delay:.1s;}
  .phones-row .phone-shot:nth-child(3){transform:translateX(-45px) rotateY(55deg);opacity:0;transition-delay:.2s;}
  .phones-row.phones-in .phone-shot:nth-child(1){transform:rotateY(-16deg);opacity:1;}
  .phones-row.phones-in .phone-shot-mid{transform:translateY(-14px) scale(1);opacity:1;}
  .phones-row.phones-in .phone-shot:nth-child(3){transform:rotateY(16deg);opacity:1;}
  .app-text h2{font-size:clamp(24px,3vw,36px);margin-bottom:16px;}
  .app-text > p{color:var(--text-dim);font-size:15px;line-height:1.9;margin-bottom:30px;}
  .app-features{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
  .app-feat{
    display:flex;align-items:center;gap:12px;background:rgba(255,255,255,0.025);
    border:1px solid var(--line);border-radius:14px;padding:14px 16px;
  }
  .app-feat span{font-size:13.5px;font-weight:600;color:var(--text-dim);}
  @media(max-width:980px){
    .app-showcase-grid{grid-template-columns:1fr;gap:44px;}
    .phones-row{order:-1;}
  }
  @media(max-width:600px){
    .phones-row{gap:8px;} .phone-shot{border-radius:14px;}
    .app-features{grid-template-columns:1fr;}
  }
  .portfolio-tabs{
    display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:36px;
  }.pf-tab{
    font-family:'Cairo';font-weight:700;font-size:14px;color:var(--text-dim);
    background:var(--surface);border:1px solid var(--line);border-radius:100px;
    padding:11px 26px;cursor:pointer;transition:all .3s ease;
  }.pf-tab:hover{border-color:rgba(239,68,40,0.4);color:var(--text);}.pf-tab.active{background:var(--emerald);border-color:transparent;color:#fff8f5;box-shadow:0 8px 20px rgba(239,68,40,0.3);}.pf-panel{display:none;}.pf-panel.active{display:block;animation:pf-fade-in .5s ease;}.pf-slider{position:relative;}.pf-slider-viewport{overflow:hidden;}.pf-slider-track{
    display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 40px) / 3);
    gap:20px;transition:transform .5s cubic-bezier(.2,.7,.2,1);
  }.pf-slider-track .port-card{width:100%;}.services-track{grid-auto-columns:calc((100% - 60px) / 4);}.pf-nav{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:28px;}.pf-arrow{
    width:42px;height:42px;border-radius:50%;background:var(--surface);border:1px solid var(--line);
    color:var(--text);font-size:16px;cursor:pointer;transition:all .3s ease;flex:none;
    display:flex;align-items:center;justify-content:center;
  }/* الحملات فقط */
.pf-panel[data-panel="ads"] .pf-slider-track, .pf-panel[data-panel="seo"] .pf-slider-track{
    grid-auto-columns:100%;
}
.pf-arrow:hover{background:var(--emerald);border-color:transparent;color:#fff8f5;}.pf-arrow:disabled{opacity:.35;cursor:not-allowed;pointer-events:none;}.pf-dots{display:flex;gap:8px;}.pf-dot{width:8px;height:8px;border-radius:50%;background:var(--line);cursor:pointer;transition:all .3s ease;border:none;padding:0;}.pf-dot.active{background:var(--emerald);width:22px;border-radius:100px;}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
  .port-card{
    border-radius:var(--radius);overflow:hidden;position:relative;aspect-ratio:4/3;
    background:linear-gradient(150deg,var(--surface-2),var(--ink-2));
    border:1px solid var(--line);
    transition:transform .35s cubic-bezier(.2,.7,.2,1), box-shadow .35s ease;
  }
  .port-card img{width:100%;height:100%;object-fit:cover;display:block;}
  .port-card:hover{
    transform:translateY(-6px) scale(1.02);
    box-shadow:0 22px 45px rgba(0,0,0,0.4);
  }
  .port-card.img-fallback img{display:none;}
  .pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:stretch;}.price-card{
    background:linear-gradient(160deg,var(--surface),var(--surface-2));
    border:1px solid var(--line);border-radius:24px;padding:36px 30px;
    display:flex;flex-direction:column;
    transition:transform .35s cubic-bezier(.2,.7,.2,1), box-shadow .35s ease, border-color .35s ease;
  }.price-card:hover{
    transform:translateY(-6px) scale(1.02);
    box-shadow:0 22px 45px rgba(0,0,0,0.4);
    border-color:rgba(239,68,40,0.3);
  }.price-card.popular{
    border-color:rgba(239,68,40,0.5);
    box-shadow:0 20px 50px rgba(239,68,40,0.15);
    position:relative;
  }.price-card.popular:hover{
    transform:translateY(-6px);
    box-shadow:0 26px 55px rgba(239,68,40,0.28);
  }.price-card .pop-badge{
    position:absolute;top:-14px;right:50%;transform:translateX(50%);
    background:var(--emerald);color:#fff8f5;font-size:12px;font-weight:700;
    padding:6px 18px;border-radius:100px;white-space:nowrap;
  }.price-card h3{font-size:19px;margin-bottom:10px;}.price-card .price-amount{font-family:'Cairo';font-size:38px;font-weight:700;margin:14px 0 4px;}.price-card .price-amount span{font-size:14px;color:var(--text-faint);font-weight:400;}.price-card .price-desc{color:var(--text-dim);font-size:13px;margin-bottom:24px;}.price-features{list-style:none;margin-bottom:28px;flex:1;}.price-features li{
    display:flex;align-items:center;gap:10px;font-size:14px;color:var(--text-dim);
    padding:9px 0;border-bottom:1px solid var(--line);
  }.price-features li::before{content:"✓";color:var(--emerald);font-weight:700;}.price-cta{
    display:block;text-align:center;padding:14px;border-radius:100px;font-weight:700;font-size:14px;
    border:1px solid var(--line);
  }.price-card.popular .price-cta{background:var(--emerald);color:#fff8f5;border-color:transparent;}.integrations-panel{
    margin-top:40px;text-align:center;background:linear-gradient(160deg,var(--surface),var(--surface-2));
    border:1px solid var(--line);border-radius:24px;padding:40px;
  }.integ-icons{display:flex;justify-content:center;gap:14px;margin-bottom:22px;flex-wrap:wrap;}.integrations-panel h3{font-size:20px;margin-bottom:10px;}.integrations-panel p{color:var(--text-dim);font-size:14px;max-width:520px;margin:0 auto;}.testi-columns{
    display:grid;grid-template-columns:repeat(3,1fr);gap:20px;height:560px;overflow:hidden;position:relative;
    mask-image:linear-gradient(180deg,transparent,#000 12%,#000 88%,transparent);
  }.testi-col{display:flex;flex-direction:column;gap:20px;animation:testi-scroll-up linear infinite;}.testi-col.col-b{margin-top:-80px;animation-direction:reverse;}.testi-col:hover{animation-play-state:paused;}.testi-card{
    background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);
    padding:28px;
    transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease;
  }.testi-card:hover{
    transform:scale(1.03);
    box-shadow:0 18px 36px rgba(0,0,0,0.4);
    border-color:rgba(239,68,40,0.25);
    position:relative;z-index:2;
  }.testi-card .stars{color:var(--emerald);margin-bottom:16px;font-size:14px;letter-spacing:2px;}.testi-card p{font-size:15px;color:var(--text-dim);margin-bottom:22px;}.testi-person{display:flex;align-items:center;gap:12px;}.testi-avatar{
    width:42px;height:42px;border-radius:50%;
    background:linear-gradient(135deg,var(--emerald),var(--surface-2));
    display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff8f5;
  }.testi-name{font-size:14px;font-weight:600;}.testi-role{font-size:12px;color:var(--text-faint);}.faq-list{max-width:760px;margin:0 auto;}.faq-item{border-bottom:1px solid var(--line);border-radius:14px;transition:background .3s ease;}.faq-item.open{
    background:linear-gradient(90deg,rgba(239,68,40,0.16),rgba(31,25,87,0.4));
    border:1px solid rgba(239,68,40,0.3);border-bottom:1px solid rgba(239,68,40,0.3);
  }.faq-q{
    display:flex;justify-content:space-between;align-items:center;
    padding:24px 20px;cursor:pointer;font-size:17px;font-weight:600;
  }.faq-q .plus{color:var(--emerald);font-size:22px;transition:transform .3s;}.faq-item.open .plus{transform:rotate(45deg);}.faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease;}.faq-item.open .faq-a{max-height:200px;}.faq-a p{padding:0 20px 22px;color:var(--text-dim);font-size:15px;}.cta-band{
    margin:0 auto;max-width:1160px;
    background:linear-gradient(120deg, rgba(239,68,40,0.14), rgba(31,25,87,0.06));
    border:1px solid rgba(239,68,40,0.25);
    border-radius:28px;padding:70px 50px;text-align:center;position:relative;overflow:hidden;
  }.cta-glow{
    position:absolute;top:-120px;right:-60px;width:340px;height:340px;border-radius:50%;
    background:radial-gradient(circle,rgba(239,68,40,0.35),transparent 70%);
    filter:blur(10px);animation:float-blob 12s ease-in-out infinite;
  }.cta-band h2{font-size:clamp(26px,4vw,38px);margin-bottom:16px;position:relative;z-index:1;}.cta-band p{color:var(--text-dim);margin-bottom:32px;position:relative;z-index:1;}.cta-form{
    position:relative;z-index:1;display:flex;gap:12px;justify-content:center;flex-wrap:wrap;
  }.cta-input{
    background:rgba(255,255,255,0.05);border:1px solid var(--line);border-radius:100px;
    padding:16px 24px;color:var(--text);font-family:inherit;font-size:14px;min-width:260px;outline:none;
  }.cta-input::placeholder{color:var(--text-faint);}.cta-note{position:relative;z-index:1;margin-top:18px;font-size:13px;color:var(--text-faint);}  footer.adg-footer{padding:80px 0 26px;background:#0b0920;position:relative;overflow:hidden;}
  /* moving grid lines */
  footer.adg-footer::before{
    content:"";position:absolute;inset:-40px;pointer-events:none;opacity:.5;
    background-image:
      linear-gradient(rgba(239,68,40,0.10) 1px, transparent 1px),
      linear-gradient(90deg, rgba(239,68,40,0.10) 1px, transparent 1px);
    background-size:52px 52px;
    mask-image:radial-gradient(ellipse 75% 70% at 50% 40%, #000 30%, transparent 75%);
    -webkit-mask-image:radial-gradient(ellipse 75% 70% at 50% 40%, #000 30%, transparent 75%);
    animation:footer-grid 14s linear infinite;
  }
  /* shooting meteors */
  .footer-meteor{
    position:absolute;width:3px;height:3px;border-radius:50%;
    background:#fff;pointer-events:none;z-index:0;opacity:0;
    box-shadow:0 0 8px 2px rgba(255,190,150,0.9);
    animation:footer-meteor 7s linear infinite;
  }
  .footer-meteor::before{
    content:"";position:absolute;top:50%;right:3px;
    width:140px;height:1.5px;transform:translateY(-50%);
    background:linear-gradient(to left, rgba(255,150,110,0.85), rgba(239,68,40,0.35), transparent);
  }
  .footer-meteor-1{top:-6%;right:8%;animation-duration:6.5s;animation-delay:0s;}
  .footer-meteor-2{top:-10%;right:42%;animation-duration:9s;animation-delay:2.5s;}
  .footer-meteor-3{top:-4%;right:72%;animation-duration:7.5s;animation-delay:4.8s;}
  .footer-meteor-3::before{width:100px;}
  /* drifting colour orbs */
  .footer-orb{
    position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none;z-index:0;
  }
  .footer-orb-1{
    width:400px;height:400px;top:-130px;right:-90px;
    background:radial-gradient(circle, rgba(239,68,40,0.30), transparent 70%);
    animation:footer-orb-a 16s ease-in-out infinite;
  }
  .footer-orb-2{
    width:360px;height:360px;bottom:-120px;left:-80px;
    background:radial-gradient(circle, rgba(139,127,209,0.28), transparent 70%);
    animation:footer-orb-b 20s ease-in-out infinite;
  }
  .adg-footer .wrap{position:relative;z-index:1;}
  .fl-cta{
    justify-self:start;display:inline-flex;align-items:center;
    background:var(--emerald);color:#fff8f5;font-weight:800;font-size:14px;
    padding:14px 30px;position:relative;transition:background .3s ease;
  }
  .fl-cta::after{content:"";position:absolute;top:0;bottom:0;right:-7px;width:3px;background:var(--emerald);}
  .fl-cta:hover{background:var(--emerald-dim);}
  .footer-panels{
    display:grid;grid-template-columns:.55fr 1.45fr;gap:20px;margin-bottom:26px;
    position:relative;
  }
  .footer-badge{
    position:absolute;top:-46px;left:24px;z-index:1;
    width:92px;height:92px;background:var(--emerald);
    display:flex;align-items:center;justify-content:center;
    transform:rotate(14deg);
    box-shadow:0 18px 40px rgba(239,68,40,0.35);
  }
  .footer-badge span{
    display:none;
    font-family:'Cairo';font-weight:900;font-size:44px;color:#14102e;
    transform:rotate(-14deg);
  }
  .footer-badge img{width:64%;height:auto;transform:rotate(-14deg);}
  .footer-badge.img-fallback img{display:none;}
  .footer-badge.img-fallback span{display:block;}
  .footer-brand-panel{
    background:rgba(255,255,255,0.03);border:1px solid var(--line);
    padding:44px 36px;display:flex;flex-direction:column;
  }
  .footer-logo-box{background:transparent;border:none;padding:0;}
  .footer-logo-box .mark{width:44px;height:44px;font-size:20px;border-radius:12px;}
  .footer-logo-box .logo-name{font-size:26px;}
  .footer-logo-box .logo-img{height:46px;}
  .fb-tagline{
    margin-top:auto;padding-top:60px;
    font-family:'Cairo';font-weight:800;font-size:clamp(19px,1.8vw,24px);line-height:1.7;
    color:var(--text);
  }
  .fb-tagline span{color:var(--text-faint);}
  .fb-social{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:36px;flex-wrap:wrap;}
  .fbs-label{font-size:12.5px;letter-spacing:.05em;color:var(--text-faint);font-weight:700;}
  .fbs-label b{color:var(--text);}
  .social-row{display:flex;gap:10px;}
  .social-row a{
    width:42px;height:42px;border:1px solid var(--line);
    display:flex;align-items:center;justify-content:center;font-size:14px;
    transition:background .3s ease, border-color .3s ease;
  }
  .social-row a:hover{background:var(--emerald);border-color:transparent;color:#fff8f5;}
  .footer-links-panel{
    background:rgba(255,255,255,0.03);border:1px solid var(--line);
    padding:44px 40px 36px;display:flex;flex-direction:column;
  }
  .fl-cols{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;}
  .footer-col h4{
    font-size:12.5px;letter-spacing:.06em;color:var(--text-faint);font-weight:700;
    margin-bottom:22px;padding-right:12px;border-right:2px solid var(--emerald);
  }
  .footer-col a{display:block;color:var(--text);font-size:16px;font-weight:600;margin-bottom:16px;transition:color .3s ease;}
  .footer-col a:hover{color:var(--emerald);}
  .fl-divider{border-top:1px solid var(--line);margin:36px 0 32px;}
  .fl-bottom{display:grid;grid-template-columns:1fr 1.1fr;gap:30px;align-items:center;}
  .fl-statement{font-family:'Cairo';font-weight:800;font-size:clamp(19px,2vw,26px);line-height:1.6;}
  .fl-statement b, .fl-statement span{color:var(--emerald);}
  .footer-bottom{
    padding-top:22px;
    display:flex;justify-content:space-between;color:var(--text-faint);font-size:13px;flex-wrap:wrap;gap:10px;
  }
  .footer-bottom b{color:var(--emerald);}
  @media(max-width:1050px){
    .footer-panels{grid-template-columns:1fr;}
    .fb-tagline{padding-top:36px;}
    .footer-badge{display:none;}
  }
  @media(max-width:760px){
    footer.adg-footer{padding:50px 0 20px;}
    .fl-cols{grid-template-columns:1fr 1fr;gap:20px;}
    .fl-bottom{grid-template-columns:1fr;gap:18px;}
    .footer-brand-panel, .footer-links-panel{padding:26px 18px;}
    .footer-col h4{margin-bottom:14px;}
    .footer-col a{font-size:14px;margin-bottom:10px;}
    .fb-tagline{font-size:16.5px;padding-top:22px;}
    .fb-social{margin-top:22px;}
    .fl-divider{margin:22px 0 20px;}
    .fl-statement{font-size:17px;}
  }
  .wa-float{
    position:fixed;bottom:26px;right:26px;z-index:200;
    width:58px;height:58px;border-radius:50%;
    background:var(--emerald);display:flex;align-items:center;justify-content:center;
    box-shadow:0 10px 26px rgba(239,68,40,0.4);font-size:26px;color:#fff8f5;
  }.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s cubic-bezier(.2,.7,.2,1), transform .8s cubic-bezier(.2,.7,.2,1);}.reveal.show{opacity:1;transform:none;}.reveal-scale{opacity:0;transform:scale(.92) translateY(14px);transition:opacity .75s cubic-bezier(.2,.7,.2,1), transform .75s cubic-bezier(.2,.7,.2,1);}.reveal-scale.show{opacity:1;transform:none;}.reveal-blur{opacity:0;filter:blur(10px);transform:translateY(16px);transition:opacity .8s ease, filter .8s ease, transform .8s ease;}.reveal-blur.show{opacity:1;filter:blur(0);transform:none;}.reveal-slide-r{opacity:0;transform:translateX(-42px);transition:opacity .75s cubic-bezier(.2,.7,.2,1), transform .75s cubic-bezier(.2,.7,.2,1);}.reveal-slide-r.show{opacity:1;transform:none;}.reveal-slide-l{opacity:0;transform:translateX(42px);transition:opacity .75s cubic-bezier(.2,.7,.2,1), transform .75s cubic-bezier(.2,.7,.2,1);}.reveal-slide-l.show{opacity:1;transform:none;}.reveal-rotate{opacity:0;transform:rotate(-3deg) scale(.94);transition:opacity .8s ease, transform .8s cubic-bezier(.2,.7,.2,1);}.reveal-rotate.show{opacity:1;transform:none;}.reveal-mask{opacity:0;clip-path:inset(0 0 100% 0);transition:opacity .6s ease, clip-path .9s cubic-bezier(.2,.7,.2,1);}.reveal-mask.show{opacity:1;clip-path:inset(0 0 0% 0);}
  /* ===== SUB-PAGE HERO ===== */
  .page-hero{position:relative;padding:170px 0 70px;text-align:center;overflow:hidden;}
  .page-hero .eyebrow{margin-bottom:16px;}
  .page-hero h1{font-size:clamp(28px,4.2vw,50px);margin-bottom:16px;}
  .page-hero p{color:var(--text-dim);font-size:16px;max-width:680px;margin:0 auto;line-height:1.9;}
  .breadcrumb{display:flex;justify-content:center;gap:8px;font-size:13px;color:var(--text-faint);margin-bottom:22px;flex-wrap:wrap;}
  .breadcrumb a:hover{color:var(--emerald);}
  .breadcrumb span{opacity:.5;}

  /* ===== SERVICE PAGE BLOCKS ===== */
  .svc-intro{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;}
  .svc-intro h2{font-size:clamp(23px,2.8vw,34px);margin-bottom:16px;}
  .svc-intro p{color:var(--text-dim);line-height:1.9;margin-bottom:14px;}
  .svc-visual{
    border-radius:22px;border:1px solid var(--line);aspect-ratio:4/3;
    background:linear-gradient(150deg,var(--surface-2),var(--ink-2));
    display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;
  }
  .svc-visual img{width:100%;height:100%;object-fit:cover;display:block;}
  .svc-visual.img-fallback img{display:none;}
  .svc-visual .picon{width:76px;height:76px;}
  .svc-visual .picon svg{width:36px;height:36px;}

  .svc-list{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
  .svc-item{
    background:rgba(255,255,255,0.025);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
    border:1px solid transparent;border-radius:18px;padding:28px 24px;position:relative;
    transition:transform .35s ease, background .35s ease;
  }
  .svc-item::after{
    content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;
    background:linear-gradient(135deg, rgba(239,68,40,0.4), rgba(139,127,209,0.35) 60%, transparent 100%);
    -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite:xor; mask-composite:exclude;pointer-events:none;
  }
  .svc-item:hover{transform:translateY(-5px);background:rgba(255,255,255,0.045);}
  .svc-item h3{font-size:17px;margin:14px 0 8px;position:relative;z-index:1;}
  .svc-item p{font-size:13.5px;color:var(--text-dim);line-height:1.7;position:relative;z-index:1;}

  .svc-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
  .svc-step{
    background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:26px 22px;position:relative;
  }
  .svc-step b{
    display:block;font-family:'Cairo';font-size:30px;font-weight:900;
    color:rgba(239,68,40,0.35);line-height:1;margin-bottom:10px;
  }
  .svc-step h4{font-size:15.5px;margin-bottom:8px;}
  .svc-step p{font-size:13px;color:var(--text-dim);line-height:1.7;}

  /* ===== BLOG ===== */
  .blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
  .blog-card{
    background:var(--surface);border:1px solid var(--line);border-radius:20px;overflow:hidden;
    display:flex;flex-direction:column;transition:transform .35s ease, border-color .35s ease;
  }
  .blog-card:hover{transform:translateY(-6px);border-color:rgba(239,68,40,0.35);}
  .blog-thumb{aspect-ratio:16/9;background:linear-gradient(150deg,var(--surface-2),var(--ink-2));position:relative;}
  .blog-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
  .blog-thumb.img-fallback img{display:none;}
  .blog-body{padding:22px;display:flex;flex-direction:column;flex:1;}
  .blog-cat{
    align-self:flex-start;font-size:11.5px;font-weight:700;color:var(--emerald);
    background:rgba(239,68,40,0.1);border:1px solid rgba(239,68,40,0.25);
    padding:4px 12px;border-radius:100px;margin-bottom:12px;
  }
  .blog-card h3{font-size:16.5px;line-height:1.6;margin-bottom:10px;}
  .blog-meta{font-size:12px;color:var(--text-faint);margin-top:auto;padding-top:14px;}

  /* ===== ABOUT ===== */
  .about-grid{gap:50px;align-items:center;text-align: center;}
  .about-values{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
  .value-card{
    background:rgba(255,255,255,0.025);border:1px solid var(--line);border-radius:18px;padding:28px 24px;text-align:center;
  }
  .value-card h3{font-size:16.5px;margin:14px 0 8px;}
  .value-card p{font-size:13.5px;color:var(--text-dim);line-height:1.7;}

  /* ===== CONTACT PAGE ===== */
  .contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:44px;align-items:start;}
  .contact-card{
    background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:32px;
  }
  .contact-item{display:flex;align-items:center;gap:14px;margin-bottom:22px;}
  .contact-item:last-child{margin-bottom:0;}
  .ci-label{font-size:12px;color:var(--text-faint);margin-bottom:3px;}
  .contact-item a, .contact-item span.ci-val{font-weight:700;color:var(--text);font-size:14.5px;}
  .cf-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
  .cf-field{margin-bottom:16px;}
  .cf-field label{display:block;font-size:13px;color:var(--text-dim);margin-bottom:8px;}
  .cf-field input, .cf-field select, .cf-field textarea{
    width:100%;background:var(--surface-2);border:1px solid var(--line);border-radius:12px;
    padding:12px 14px;color:var(--text);font-family:inherit;font-size:14px;
  }
  .cf-field input:focus, .cf-field select:focus, .cf-field textarea:focus{outline:none;border-color:var(--emerald);}
  .cf-note{font-size:11.5px;color:var(--text-faint);text-align:center;margin-top:14px;}

  @media(max-width:900px){
    .svc-intro, .about-grid, .contact-grid{grid-template-columns:1fr;gap:32px;}
    .svc-list, .about-values{grid-template-columns:1fr 1fr;}
    .svc-steps{grid-template-columns:1fr 1fr;}
    .blog-grid{grid-template-columns:1fr 1fr;}
  }
  @media(max-width:600px){
    .page-hero{padding:130px 0 50px;}
    .svc-list, .about-values, .svc-steps, .blog-grid{grid-template-columns:1fr;}
    .cf-grid{grid-template-columns:1fr;}
  }

  /* "read more" link on homepage service cards */
  .svc-more{
    display:inline-block;margin-top:12px;font-size:13px;font-weight:700;
    color:var(--emerald);position:relative;z-index:1;transition:opacity .3s ease;
  }
  .svc-more:hover{opacity:.75;}

  /* ===== ARTICLE PAGE ===== */
  .wrap-narrow{max-width:820px;}
  .article-hero{padding-bottom:40px;}
  .article-meta{margin-top:18px;font-size:13px;color:var(--text-faint);}
  .article-body-section{padding-top:0;}
  .article-hero-img{
    aspect-ratio:16/9;border-radius:22px;overflow:hidden;margin-bottom:40px;
    border:1px solid var(--line);
    background:linear-gradient(150deg,var(--surface-2),var(--ink-2));
  }
  .article-hero-img img{width:100%;height:100%;object-fit:cover;display:block;}
  .article-hero-img.img-fallback img{display:none;}

  .article-body{font-size:16.5px;line-height:2;color:var(--text-dim);}
  .article-body p{margin-bottom:22px;}
  .article-body b{color:var(--text);}
  .article-body h2{
    font-size:clamp(21px,2.4vw,27px);color:var(--text);
    margin:38px 0 16px;padding-right:14px;border-right:3px solid var(--emerald);
  }
  .article-body h3{font-size:18.5px;color:var(--text);margin:28px 0 12px;}
  .article-body ul, .article-body ol{margin:0 22px 24px 0;}
  .article-body li{margin-bottom:10px;}
  .article-body ul li{list-style:none;position:relative;padding-right:20px;}
  .article-body ul li::before{
    content:"";position:absolute;right:0;top:13px;
    width:7px;height:7px;border-radius:50%;background:var(--emerald);
  }
  .article-body ol{list-style-position:inside;}
  .article-body a{color:var(--emerald);text-decoration:underline;}
  .article-body blockquote{
    margin:28px 0;padding:20px 22px;border-radius:14px;
    background:rgba(239,68,40,0.07);border-right:3px solid var(--emerald);
    color:var(--text);
  }
  .article-body img{width:100%;border-radius:16px;margin:26px 0;}

  .article-share{
    display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;
    margin-top:48px;padding-top:28px;border-top:1px solid var(--line);
  }
  .article-share > span{font-weight:700;color:var(--text);font-size:14.5px;}

  .blog-excerpt{font-size:13.5px;color:var(--text-dim);line-height:1.7;}

  @media(max-width:600px){
    .article-body{font-size:15.5px;line-height:1.95;}
    .article-hero-img{margin-bottom:28px;border-radius:16px;}
    .article-share{flex-direction:column;align-items:flex-start;}
  }

  /* ===== قائمة الخدمات المنسدلة ===== */
  .nav-dd{position:relative;display:flex;}
  .nav-dd-toggle{display:flex;align-items:center;gap:6px;}
  .dd-caret{font-size:10px;opacity:.7;transition:transform .3s ease;}
  .nav-dd:hover .dd-caret,
  .nav-dd.open .dd-caret{transform:rotate(180deg);}

  .nav-dd-menu{
    position:absolute;top:100%;right:0;z-index:120;
    min-width:230px;padding:8px;
    background:rgba(13,10,36,0.98);
    backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
    border:1px solid var(--line);
    box-shadow:0 20px 45px rgba(0,0,0,0.5);
    display:flex;flex-direction:column;gap:4px;
    opacity:0;visibility:hidden;transform:translateY(8px);
    transition:opacity .25s ease, transform .25s ease, visibility .25s;
  }
  /* جسر شفاف يمنع اختفاء القائمة أثناء تحريك الماوس ناحيتها */
  .nav-dd-menu::before{
    content:"";position:absolute;top:-10px;left:0;right:0;height:10px;
  }
  .nav-dd:hover .nav-dd-menu,
  .nav-dd:focus-within .nav-dd-menu,
  .nav-dd.open .nav-dd-menu{
    opacity:1;visibility:visible;transform:translateY(0);
  }
  .nav-dd-menu a{
    display:block;padding:11px 14px;font-size:13.5px;font-weight:600;
    color:var(--text-dim);border:1px solid transparent;
    transition:background .25s ease, color .25s ease, border-color .25s ease;
  }
  .nav-dd-menu a::before{content:".";color:var(--emerald);font-weight:800;margin-left:6px;}
  .nav-dd-menu a:hover{
    color:var(--text);background:rgba(239,68,40,0.08);
    border-color:rgba(239,68,40,0.35);
  }



  /* MY */
  .pf-panel[data-panel="ads"] .port-card,
.pf-panel[data-panel="seo"] .port-card
{
    height:410px;
}
@media(max-width: 767px) {
	.pf-panel[data-panel="ads"] .port-card,
.pf-panel[data-panel="seo"] .port-card
{
    height:200px;
}

}
.pf-panel .port-card{
    height:272px;
}

.whatsapp-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;

    padding: 16px 34px;

    background: linear-gradient(135deg, #25D366, #128C7E);
    color: #fff;
    font-size: 17px;
    font-weight: 700;
    text-decoration: none;

    border-radius: 60px;

    box-shadow: 0 10px 30px rgba(37, 211, 102, .25);

    transition: all .35s ease;
}

.whatsapp-btn i {
    font-size: 22px;
}

.whatsapp-btn:hover {
    transform: translateY(-4px);
    box-shadow: 0 18px 40px rgba(37, 211, 102, .4);
    color: #fff;
}

.whatsapp-btn:active {
    transform: scale(.98);
}
.picon.picon-sm, .service-card .picon {
    background: transparent;
}
.footer-logo-box {;
    justify-content: center;
}
p.footer-about {
    margin-top: 10px;
}
.footer-social{
    display: flex;
    align-items: center;
    justify-content: center; /* أو flex-start حسب التصميم */
    gap: 14px;
}

.footer-social a{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    color: #fff;
    text-decoration: none;
    transition: .3s;
	margin-top: 20px;
}

.footer-social a:hover{
    color: #ef4527;
}
/* ===== Hero CTA ===== */

.hero-cta-group{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:18px;
    margin-top:40px;
    flex-wrap:wrap;
}

.hero-cta-main{
    display:flex;
    align-items:center;
    gap:12px;

    padding:18px 34px;

    background:linear-gradient(135deg,#ef4527,#ff6d4d);

    color:#fff;
    border-radius:14px;

    font-weight:700;
    font-size:16px;

    text-decoration:none;

    box-shadow:
    0 15px 35px rgba(239,69,39,.30);

    transition:.35s;
}

.hero-cta-main:hover{

    transform:translateY(-4px);

    box-shadow:
    0 25px 45px rgba(239,69,39,.40);

}

.hero-cta-outline{

    display:flex;
    align-items:center;
    justify-content:center;

    padding:18px 34px;

    border-radius:14px;

    border:1px solid rgba(255,255,255,.15);

    background:rgba(255,255,255,.04);

    backdrop-filter:blur(12px);

    color:#fff;

    font-weight:700;

    transition:.35s;
}

.hero-cta-outline:hover{

    background:#ffffff;

    color:#1f1956;

    transform:translateY(-4px);

}
@media (max-width:768px){

.hero-cta-group{
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    gap:10px;
    flex-wrap:nowrap;
    margin-top:24px;
}

.hero-cta-main,
.hero-cta-outline{
    flex:1;
    max-width:170px;
    min-width:0;

    padding:14px 10px;

    font-size:13px;
    font-weight:700;

    justify-content:center;
    text-align:center;

    border-radius:12px;
}

.hero-cta-main svg{
    display:none;
}

}