.costamine-hero{--hero-fg:#0f2744;--hero-muted:#64748b;--hero-card:#fff;--hero-primary:#102f55;--hero-primary-hover:#0c2442;--hero-accent:#2563eb;--hero-device:#102f55;--hero-device-edge:#0a1c33;--hero-screen-empty:#e8eef6;background-color:hsl(var(--background));width:100%;max-width:100%;min-height:calc(100dvh - 5.5rem);color:var(--hero-fg);padding-top:clamp(1rem,4vw,1.5cm);font-family:Tajawal,Cairo,IBM Plex Sans Arabic,Arial,sans-serif;position:relative;overflow-x:hidden}.costamine-hero *{box-sizing:border-box}.dark .costamine-hero{--hero-fg:hsl(var(--foreground));--hero-muted:hsl(var(--muted-foreground));--hero-card:hsl(var(--card));--hero-primary:#3b82f6;--hero-primary-hover:#2563eb;--hero-screen-empty:#0b1220}.costamine-hero:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(48% 42% at 14% 38%,#3c83f614,#0000 70%),radial-gradient(36% 30% at 90% 16%,#3c83f60d,#0000 70%);position:absolute;inset:0}.dark .costamine-hero:before{background:radial-gradient(48% 42% at 14% 38%,#3c83f61f,#0000 70%),radial-gradient(36% 30% at 90% 16%,#3c83f614,#0000 70%)}.costamine-hero.has-video-bg:before{opacity:.2}.costamine-hero .hero-video-layer{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.costamine-hero .hero-video-bg{object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;inset:0}.costamine-hero .hero-video-scrim{background:linear-gradient(105deg, hsl(var(--background) / .88) 0%, hsl(var(--background) / .72) 38%, hsl(var(--background) / .42) 100%);position:absolute;inset:0}.dark .costamine-hero .hero-video-scrim{background:linear-gradient(105deg, hsl(var(--background) / .9) 0%, hsl(var(--background) / .78) 42%, hsl(var(--background) / .5) 100%)}.costamine-hero.has-video-bg .hero-top{grid-template-columns:minmax(0,1fr);justify-items:start;max-width:920px}.costamine-hero.has-video-bg .hero-content{max-width:640px}@media (width<=767px){.costamine-hero.has-video-bg .hero-top{justify-items:center}.costamine-hero.has-video-bg .hero-content{text-align:center}}.costamine-hero .hero-top{z-index:2;grid-template-columns:minmax(0,.95fr) minmax(0,1.1fr);align-items:center;gap:clamp(24px,3.5vw,56px);width:min(1440px,94%);margin:0 auto;padding:48px 0 28px;display:grid;position:relative}.costamine-hero .hero-content{text-align:start;max-width:min(680px,100%)}.costamine-hero h1{color:var(--hero-fg);white-space:nowrap;margin:0;font-size:clamp(34px,4.2vw,54px);font-weight:800;line-height:1.22}.costamine-hero .hero-kicker{color:var(--hero-fg);margin:22px 0 0;font-size:clamp(18px,2vw,26px);font-weight:700;line-height:1.45}.costamine-hero .hero-desc{max-width:520px;color:var(--hero-muted);margin:16px 0 0;font-size:clamp(14px,1.1vw,16px);font-weight:500;line-height:1.9}.costamine-hero .hero-highlight{max-width:520px;color:var(--hero-muted);margin:8px 0 0;font-size:14px;font-weight:600;line-height:1.7}.costamine-hero .hero-actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.costamine-hero .hero-actions a,.costamine-hero .hero-actions button{cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:10px;height:50px;padding:0 26px;font-family:inherit;font-size:15px;font-weight:700;text-decoration:none;transition:all .22s;display:inline-flex}.costamine-hero .primary-btn{background:var(--hero-primary);color:#fff;border:none;box-shadow:0 12px 28px #122d5438}.costamine-hero .primary-btn:hover{background:var(--hero-primary-hover);transform:translateY(-2px)}.costamine-hero .secondary-btn{background:var(--hero-card);color:var(--hero-primary);border:1.5px solid #bdc9db}.dark .costamine-hero .secondary-btn{border-color:#3c83f673}.costamine-hero .secondary-btn:hover{background:#3c83f60f;transform:translateY(-2px)}.costamine-hero .hero-trust{z-index:2;width:min(1440px,94%);margin:0 auto;padding:8px 0 56px;position:relative}.costamine-hero .hero-trust-label{letter-spacing:.14em;text-transform:uppercase;color:var(--hero-muted);margin:0 0 18px;font-size:11px;font-weight:700}.costamine-hero .hero-trust-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.8vw,20px);display:grid}.costamine-hero .trust-card{background:linear-gradient(165deg,#ffffffeb,#f8fafce0);border:1px solid #d8dfe9;border-radius:16px;align-items:flex-start;gap:14px;padding:18px 18px 18px 16px;transition:transform .25s,border-color .25s,box-shadow .25s;display:flex;box-shadow:0 10px 28px #1f30470f}.dark .costamine-hero .trust-card{background:linear-gradient(165deg,#191f2ee6,#161b27d9);border-color:#32425db3;box-shadow:0 12px 30px #00000040}.costamine-hero .trust-card:hover{border-color:#3c7add59;transform:translateY(-3px);box-shadow:0 16px 36px #1f34511a}.costamine-hero .trust-card-icon{width:42px;height:42px;color:var(--hero-primary);background:#3c83f61a;border-radius:12px;flex-shrink:0;place-items:center;display:grid}.dark .costamine-hero .trust-card-icon{color:#60a5fa;background:#3c83f629}.costamine-hero .trust-card-copy{text-align:start;min-width:0}.costamine-hero .trust-card-copy strong{color:var(--hero-fg);margin-bottom:6px;font-size:clamp(14px,1.15vw,16px);font-weight:800;line-height:1.35;display:block}.costamine-hero .trust-card-copy span{color:var(--hero-muted);font-size:clamp(12.5px,1vw,14px);line-height:1.7;display:block}.costamine-hero .hero-stage{justify-content:center;align-items:center;width:100%;min-width:0;display:flex;position:relative}.hero-showcase-wrap{width:100%;max-width:min(560px,100%);margin-inline:auto}.hero-showcase-media{object-fit:contain;border-radius:1.25rem;width:100%;max-height:min(62vh,520px);display:block;box-shadow:0 24px 48px #122d5424}.hero-showcase-media.is-video{aspect-ratio:16/10;object-fit:cover;background:var(--hero-screen-empty)}.hero-showcase-skeleton{aspect-ratio:16/10;background:var(--hero-screen-empty);border-radius:1.25rem}.hero-devices{aspect-ratio:16/11;width:100%;max-width:680px;margin-inline:auto;animation:6.5s ease-in-out infinite hero-devices-float;position:relative}@keyframes hero-devices-float{0%,to{transform:translate(0)}50%{transform:translateY(-10px)}}@keyframes hero-phone-float{0%,to{transform:translate(0)}50%{transform:translateY(-6px)}}@media (prefers-reduced-motion:reduce){.hero-devices,.hero-phone{animation:none}}.hero-laptop{z-index:1;inset-inline-start:0;width:90%;position:absolute;top:2%}.hero-laptop-lid{background:linear-gradient(180deg, #1a3a5c 0%, var(--hero-device) 55%, var(--hero-device-edge) 100%);border-radius:14px 14px 8px 8px;padding:10px 10px 12px;position:relative;box-shadow:inset 0 1px #ffffff1a,0 24px 44px #0b1b3247}.hero-laptop-cam{z-index:2;background:#061018;border-radius:50%;width:7px;height:7px;position:absolute;top:4px;left:50%;transform:translate(-50%)}.hero-laptop-screen{aspect-ratio:16/10;background:var(--hero-screen-empty);border-radius:4px;position:relative;overflow:hidden}.hero-laptop-screen img,.hero-phone-screen img{object-fit:cover;object-position:top center;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block;filter:none!important}.hero-screen-placeholder{background:linear-gradient(135deg, #3c83f614, transparent 55%), var(--hero-screen-empty);width:100%;height:100%}.hero-laptop-chin{background:linear-gradient(#23466a,#132a44);border-radius:0 0 4px 4px;height:10px;margin-top:-1px}.hero-laptop-base{background:linear-gradient(#3a5a7c,#1a3554);border-radius:0 0 10px 10px;height:8px;margin:0 4% -2px}.hero-laptop-shadow{filter:blur(4px);background:radial-gradient(#0b1b3242,#0000 70%);border-radius:50%;height:18px;margin:8px 8% 0}.hero-phone{z-index:3;aspect-ratio:9/19.5;inset-inline-end:1%;background:linear-gradient(165deg,#1a3a5c 0%,#0c1f35 55%,#061018 100%);border-radius:22px;width:min(27%,152px);padding:8px;animation:5.2s ease-in-out .4s infinite hero-phone-float;position:absolute;bottom:4%;box-shadow:inset 0 1px #ffffff1f,0 18px 36px #0b1b3259}.hero-phone-island{z-index:2;background:#03060c;border-radius:999px;width:38%;height:9px;position:absolute;top:14px;left:50%;transform:translate(-50%)}.hero-phone-screen{background:var(--hero-screen-empty);border-radius:14px;width:100%;height:100%;position:relative;overflow:hidden}.hero-screen-placeholder.is-phone{background:linear-gradient(180deg, #0a5adb38, transparent 40%), var(--hero-screen-empty)}.costamine-hero.is-compact{min-height:0}.costamine-hero.is-compact .hero-top{gap:14px;width:96%;padding:16px 0 10px}.costamine-hero.is-compact .hero-trust{gap:12px;width:96%;padding-bottom:16px}.costamine-hero.is-compact .hero-devices{max-width:360px}.costamine-hero.is-compact h1{font-size:26px}.costamine-hero.is-compact .hero-desc,.costamine-hero.is-compact .hero-highlight,.costamine-hero.is-compact .hero-trust{display:none}.costamine-hero.is-compact .hero-actions a,.costamine-hero.is-compact .hero-actions button{height:38px;padding:0 14px;font-size:12px}@media (width<=1279px) and (width>=768px){.costamine-hero .hero-top{gap:20px;padding-block:32px 20px}.costamine-hero .hero-devices{max-width:540px}.costamine-hero .hero-trust-grid{gap:14px}}@media (width<=767px){.costamine-hero{min-height:0;padding-top:.75rem}.costamine-hero .hero-top{grid-template-columns:1fr;gap:20px;width:92%;padding:16px 0 8px}.costamine-hero .hero-content{text-align:center;order:1;max-width:none;margin-inline:auto}.costamine-hero h1{font-size:clamp(17px,4.6vw,28px);line-height:1.2}.costamine-hero .hero-desc,.costamine-hero .hero-highlight{margin-inline:auto}.costamine-hero .hero-actions{flex-direction:column;justify-content:center}.costamine-hero .hero-actions a,.costamine-hero .hero-actions button{width:100%;max-width:340px;margin-inline:auto}.costamine-hero .hero-stage{order:2}.costamine-hero .hero-devices{max-width:420px}.hero-phone{width:min(30%,120px)}.costamine-hero .hero-trust{text-align:center;width:92%;padding:20px 0 40px}.costamine-hero .hero-trust-grid{grid-template-columns:1fr;gap:12px}.costamine-hero .trust-card{text-align:start}}.nd-root{--nd-green:#006c35;--nd-green-deep:#014d26;--nd-gold:#d4af37;--nd-gold-soft:#f3e2a0}.nd-overlay{z-index:80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:radial-gradient(at 50% 20%,#d4af372e,#0000 42%),#011c10b8;place-items:center;padding:1.25rem;animation:.42s ease-out nd-overlay-in;display:grid;position:fixed;inset:0}.nd-card{color:#fff;background:linear-gradient(#ffffff14,#0000 28%),linear-gradient(160deg,#01351c 0%,#006c35 52%,#014225 100%);border-radius:1.35rem;width:min(560px,100%);animation:.7s cubic-bezier(.16,1,.3,1) nd-card-in;position:relative;overflow:hidden;box-shadow:0 0 0 1px #d4af3759,0 28px 80px #00000073}.nd-card-shine{pointer-events:none;background:linear-gradient(115deg,#0000 35%,#ffffff29 50%,#0000 65%);animation:4.8s ease-in-out infinite nd-shine;position:absolute;inset:-40% -20%}.nd-close{z-index:2;color:#fff;background:#00000040;border:1px solid #fff3;border-radius:999px;place-items:center;width:2rem;height:2rem;display:grid;position:absolute;inset-block-start:.7rem;inset-inline-end:.7rem}.nd-close:hover{background:#0006}.nd-card-body{z-index:1;text-align:center;justify-items:center;gap:.85rem;padding:1.6rem 1.35rem 1.25rem;display:grid;position:relative}.nd-kicker{letter-spacing:.18em;text-transform:uppercase;color:var(--nd-gold-soft);font-size:.72rem;font-weight:700}.nd-title{font-family:Amiri,Noto Naskh Arabic,Traditional Arabic,serif;font-size:clamp(1.7rem,4vw,2.35rem);font-weight:700;line-height:1.25}.nd-year{background:linear-gradient(180deg, #fff 10%, var(--nd-gold-soft) 70%, var(--nd-gold));color:#0000;text-shadow:0 10px 24px #0003;-webkit-background-clip:text;background-clip:text;font-size:clamp(2.6rem,8vw,3.8rem);font-weight:800;line-height:1}.nd-subtitle{color:#ffffffdb;max-width:36rem;font-size:.92rem;line-height:1.7}.nd-media{background:#012414;border:1px solid #f3e2a047;border-radius:.85rem;overflow:hidden;box-shadow:0 12px 28px #00000047}.nd-media img,.nd-media video{max-width:100%;height:auto;display:block}.nd-timer{background:#ffffff29;border-radius:999px;width:min(220px,70%);height:3px;overflow:hidden}.nd-timer-bar{transform-origin:0;background:linear-gradient(90deg, var(--nd-gold), #fff);width:100%;height:100%;animation:nd-timer-shrink var(--nd-popup-ms,5s) linear forwards}[dir=rtl] .nd-timer-bar{transform-origin:100%}.nd-flag{height:var(--nd-flag-h,92px);filter:drop-shadow(0 10px 16px #00000047);align-items:stretch;display:flex}.nd-flag-pole{background:linear-gradient(90deg,#c5a059,#f4e3aa 45%,#8d6b24);border-radius:999px;width:7px;box-shadow:inset -1px 0 #0003}.nd-flag-cloth{width:var(--nd-flag-w,148px);transform-origin:0;height:100%;animation:3.4s ease-in-out infinite nd-flag-sway;position:relative}.nd-flag-svg{width:100%;height:100%;display:block}.nd-flag--lg{--nd-flag-h:118px;--nd-flag-w:190px}.nd-flag--sm{--nd-flag-h:64px;--nd-flag-w:104px}@keyframes nd-flag-sway{0%,to{transform:perspective(420px)rotateY(-8deg)skewY(1.4deg)}50%{transform:perspective(420px)rotateY(10deg)skewY(-2deg)}}@keyframes nd-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes nd-card-in{0%{opacity:0;transform:translateY(22px)scale(.96)}to{opacity:1;transform:none}}@keyframes nd-shine{0%{transform:translate(-30%)rotate(8deg)}to{transform:translate(30%)rotate(8deg)}}@keyframes nd-timer-shrink{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media (prefers-reduced-motion:reduce){.nd-flag-cloth,.nd-flag-svg,.nd-card,.nd-overlay,.nd-card-shine,.nd-timer-bar{filter:none!important;animation:none!important}}