.costamine-hero{color:#10294b;background:radial-gradient(circle at 20% 60%,#2a77dc17,#0000 30%),radial-gradient(circle at 80% 35%,#d2a62b12,#0000 25%),#f8fafc;min-height:900px;font-family:Tajawal,Cairo,IBM Plex Sans Arabic,Arial,sans-serif;position:relative;overflow:hidden}.costamine-hero *{box-sizing:border-box}.costamine-hero .hero-container{grid-template-columns:.95fr 1.05fr;align-items:center;gap:40px;width:min(1450px,92%);min-height:780px;margin:auto;display:grid}.costamine-hero .hero-content{z-index:5;padding-top:30px;position:relative}.costamine-hero .hero-badge{color:#c6931f;background:#faf4e0cc;border:1px solid #d2a62b59;border-radius:10px;align-items:center;gap:9px;margin-bottom:28px;padding:10px 20px;font-size:16px;font-weight:700;display:inline-flex}.costamine-hero .hero-badge>span{color:#d9ad42;font-size:11px}.costamine-hero h1{letter-spacing:-1.5px;color:#0c1c34;margin:0;font-size:clamp(42px,5vw,72px);font-weight:900;line-height:1.12}.costamine-hero h1 .title-gold{color:#c99a2b;display:block}.costamine-hero .hero-content>p{color:#62728a;max-width:650px;margin:30px 0 0;font-size:21px;font-weight:500;line-height:2}.costamine-hero .hero-highlight{color:#0e294c!important;margin-top:8px!important;font-weight:800!important}.costamine-hero .hero-actions{flex-wrap:wrap;gap:16px;margin-top:35px;display:flex}.costamine-hero .hero-actions a,.costamine-hero .hero-actions button{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:12px;height:58px;padding:0 30px;font-family:inherit;font-size:17px;font-weight:800;text-decoration:none;transition:all .25s;display:inline-flex}.costamine-hero .primary-btn{color:#fff;background:#102f55;border:none;box-shadow:0 15px 30px #102f552e}.costamine-hero .primary-btn:hover{transform:translateY(-3px);box-shadow:0 20px 40px #102f5540}.costamine-hero .secondary-btn{color:#102f55;background:#fff;border:1px solid #dce3ec;box-shadow:0 8px 25px #16284612}.costamine-hero .secondary-btn:hover{border-color:#c99a2b;transform:translateY(-3px)}.costamine-hero .hero-trust{gap:45px;margin-top:42px;display:flex}.costamine-hero .hero-trust div{flex-direction:column;gap:4px;display:flex}.costamine-hero .hero-trust strong{color:#102f55;font-size:25px}.costamine-hero .hero-trust span{color:#7b8798;font-size:14px}.costamine-hero .hero-stage{width:min(680px,100%);height:560px;margin-inline:auto;position:relative}.costamine-hero .hero-stage-glow{filter:blur(8px);pointer-events:none;background:radial-gradient(circle,#102f551a,#0000 68%);border-radius:50%;position:absolute;inset:8% 6% 18%}.costamine-hero .nb-laptop{z-index:2;transform-origin:50% 80%;inset-inline-end:0;width:560px;max-width:560px;position:absolute;top:28px;transform:perspective(1600px)rotateY(-11deg)rotateX(6deg)}.costamine-hero .nb-lid{box-sizing:border-box;background:#102f55;border-radius:16px 16px 4px 4px;width:100%;padding:10px;position:relative;box-shadow:inset 0 1px #ffffff2e,inset 0 -1px #00000047,0 30px 60px #102f5538}.costamine-hero .nb-cam{z-index:2;background:#07090c;border-radius:50%;width:6px;height:6px;margin-left:-3px;position:absolute;top:3px;left:50%;box-shadow:0 0 0 2px #ffffff38}.costamine-hero .nb-screen{box-sizing:border-box;background:#f4f7fb;border-radius:8px;width:100%;height:340px;display:flex;overflow:hidden;box-shadow:inset 0 0 0 1px #00000047}.costamine-hero .nb-screen:has(.nb-shot){background:#071525;padding:0;display:block;position:relative}.costamine-hero .nb-shot{object-fit:cover;object-position:center top;width:100%;height:100%;display:block;position:absolute;inset:0}.costamine-hero .nb-rail{background:#102f55;flex-direction:column;align-items:center;gap:10px;width:52px;padding:12px 0;display:flex}.costamine-hero .nb-mark,.costamine-hero .nb-avatar,.costamine-hero .ph-avatar{border-radius:8px!important;width:26px!important;height:26px!important}.costamine-hero .nb-avatar,.costamine-hero .ph-avatar{border-radius:999px!important;width:22px!important;height:22px!important}.costamine-hero .nb-dot{color:#ffffff73;border-radius:8px;place-items:center;width:28px;height:28px;display:grid}.costamine-hero .nb-dot svg{width:13px;height:13px}.costamine-hero .nb-dot.is-on{color:#c99a2b;background:#c99a2b38}.costamine-hero .nb-main{flex:1;min-width:0;padding:12px 14px 10px}.costamine-hero .nb-top{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.costamine-hero .nb-top p{color:#8a96a6;margin:0;font-size:8px;font-weight:700}.costamine-hero .nb-top h3{color:#102f55;margin:2px 0 0;font-size:13px;font-weight:800}.costamine-hero .nb-kpis{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.costamine-hero .nb-kpis article{background:#fff;border:1px solid #e8eef4;border-radius:10px;padding:8px 9px}.costamine-hero .nb-kpis span{color:#8a96a6;font-size:7px;display:block}.costamine-hero .nb-kpis b{color:#102f55;margin-top:3px;font-size:14px;display:block}.costamine-hero .nb-kpis em{color:#1ea36a;font-size:8px;font-style:normal;font-weight:800}.costamine-hero .nb-kpis em.down{color:#e05656}.costamine-hero .nb-charts{grid-template-columns:1.7fr .7fr;gap:8px;margin-top:8px;display:grid}.costamine-hero .nb-area,.costamine-hero .nb-ring{background:#fff;border:1px solid #e8eef4;border-radius:10px;padding:8px}.costamine-hero .nb-area p,.costamine-hero .nb-ring p{color:#102f55;margin:0 0 4px;font-size:8px;font-weight:800}.costamine-hero .nb-area svg{width:100%;height:72px;display:block}.costamine-hero .nb-ring{flex-direction:column;justify-content:center;align-items:center;display:flex}.costamine-hero .nb-pie{background:conic-gradient(#102f55 0 78%, #e6edf5 78%);border-radius:50%;place-items:center;width:58px;height:58px;display:grid}.costamine-hero .nb-pie:after{content:"";background:#fff;border-radius:50%;width:38px;height:38px;position:absolute}.costamine-hero .nb-pie{position:relative}.costamine-hero .nb-pie b{z-index:1;color:#102f55;font-size:10px;position:relative}.costamine-hero .nb-chin{background:#0c2748;border-radius:0 0 8px 8px;width:42%;height:10px;margin:0 auto;box-shadow:0 8px 12px #102f551f}.costamine-hero .nb-shadow{background:radial-gradient(#102f5538,#0000 70%);border-radius:50%;height:18px;margin:6px 8% 0}.costamine-hero .ph-device{z-index:6;box-sizing:border-box;inset-inline-start:18px;background:#102f55;border-radius:32px;width:176px;height:360px;padding:10px;position:absolute;bottom:36px;transform:perspective(900px)rotateY(8deg)rotate(-4deg);box-shadow:0 28px 50px #08142861,inset 0 0 0 1px #ffffff29}.costamine-hero .ph-island{z-index:3;background:#0a2344;border-radius:12px;width:72px;height:16px;margin-left:-36px;position:absolute;top:16px;left:50%}.costamine-hero .ph-screen{box-sizing:border-box;background:#eef2f7;border-radius:24px;width:100%;height:100%;padding:28px 12px 18px;overflow:hidden}.costamine-hero .ph-screen:has(.ph-shot){background:#071525;padding:0;display:block;position:relative}.costamine-hero .ph-shot{object-fit:cover;object-position:center top;width:100%;height:100%;display:block;position:absolute;inset:0}.costamine-hero .ph-head{justify-content:space-between;align-items:center;display:flex}.costamine-hero .ph-head small{color:#8a96a6;font-size:8px;display:block}.costamine-hero .ph-head strong{color:#102f55;margin-top:2px;font-size:12px;display:block}.costamine-hero .ph-hero-card{color:#fff;background:#102f55;border-radius:14px;margin-top:12px;padding:12px}.costamine-hero .ph-hero-card span{opacity:.7;font-size:8px}.costamine-hero .ph-hero-card b{margin:4px 0 6px;font-size:20px;display:block}.costamine-hero .ph-hero-card svg{width:100%;height:36px;display:block}.costamine-hero .ph-pair{grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;display:grid}.costamine-hero .ph-pair div{background:#fff;border-radius:12px;padding:10px}.costamine-hero .ph-pair span{color:#8a96a6;font-size:8px;display:block}.costamine-hero .ph-pair b{color:#102f55;margin-top:3px;font-size:13px;display:block}.costamine-hero .ph-rows{background:#fff;border-radius:12px;margin:10px 0 0;padding:0;list-style:none;overflow:hidden}.costamine-hero .ph-rows li{color:#102f55;border-bottom:1px solid #eef2f6;align-items:center;gap:8px;padding:9px 10px;font-size:9px;font-weight:700;display:flex}.costamine-hero .ph-rows li:last-child{border-bottom:0}.costamine-hero .ph-rows svg{color:#c99a2b;width:12px;height:12px}.costamine-hero .ph-home{background:#c5ced8;border-radius:99px;width:72px;height:4px;margin:12px auto 0;display:block}.costamine-hero .hero-features{z-index:10;background:#fffffff0;border:1px solid #e8edf3;border-radius:18px;grid-template-columns:repeat(4,1fr);gap:20px;width:min(1250px,90%);margin:-30px auto 40px;padding:25px 35px;display:grid;position:relative;box-shadow:0 20px 50px #122a4614}.costamine-hero .feature{border-inline-end:1px solid #edf0f4;align-items:center;gap:14px;padding-inline-end:20px;display:flex}.costamine-hero .feature:last-child{border-inline-end:none}.costamine-hero .feature-icon{color:#2478df;background:#f2f7ff;border-radius:50%;flex-shrink:0;place-items:center;width:48px;height:48px;display:grid}.costamine-hero .feature strong{color:#173354;font-size:15px;display:block}.costamine-hero .feature span{color:#8995a4;margin-top:4px;font-size:11px;line-height:1.6;display:block}.costamine-hero.is-compact{min-height:0}.costamine-hero.is-compact .hero-container{gap:20px;width:96%;min-height:0}.costamine-hero.is-compact .hero-stage{transform-origin:top;height:420px;transform:scale(.72)}.costamine-hero.is-compact h1{font-size:32px}.costamine-hero.is-compact .hero-content>p{margin-top:12px;font-size:14px;line-height:1.7}.costamine-hero.is-compact .hero-actions a,.costamine-hero.is-compact .hero-actions button{height:42px;padding:0 16px;font-size:13px}@media (width<=1200px){.costamine-hero .hero-container{grid-template-columns:1fr;padding-top:70px}.costamine-hero .hero-content{text-align:center;order:1}.costamine-hero .hero-content>p{margin-left:auto;margin-right:auto}.costamine-hero .hero-actions,.costamine-hero .hero-trust{justify-content:center}.costamine-hero .hero-stage{order:2}.costamine-hero .hero-features{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.costamine-hero{min-height:auto}.costamine-hero .hero-container{width:94%;min-height:0;padding-top:45px}.costamine-hero h1{letter-spacing:-1.5px;font-size:42px}.costamine-hero .hero-content>p{font-size:16px}.costamine-hero .hero-actions{flex-direction:column}.costamine-hero .hero-actions a,.costamine-hero .hero-actions button{width:100%}.costamine-hero .hero-trust{justify-content:center;gap:20px}.costamine-hero .hero-stage{height:420px}.costamine-hero .nb-laptop{display:none}.costamine-hero .ph-device{width:210px;height:430px;margin:0 auto;position:relative;inset:auto;transform:none}.costamine-hero .hero-features{grid-template-columns:1fr;margin-top:10px;padding:20px}.costamine-hero .feature{border-inline-end:none;border-bottom:1px solid #edf0f4;padding:12px 0}.costamine-hero .feature:last-child{border-bottom:none}}