.costamine-hero{--hero-fg:#0f2744;--hero-muted:#243044;--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:0;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:#e8eef6;--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:28px 0 16px;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:normal;margin:0;font-size:clamp(32px,3.4vw,48px);font-weight:800;line-height:1.35}.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:640px;color:var(--hero-muted);margin:16px 0 0;font-size:clamp(17px,1.25vw,19px);font-weight:600;line-height:1.75}.costamine-hero .hero-highlight{max-width:640px;color:var(--hero-primary);margin:16px 0 0;font-size:16px;font-weight:700;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:15px;font-weight:600;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(28px,7.2vw,36px);line-height:1.35}.costamine-hero .hero-desc,.costamine-hero .hero-highlight{margin-inline:auto}.costamine-hero .hero-actions{flex-direction:column;justify-content:center;padding-inline-end:4.5rem}.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}}