/*
Theme Name: ALHEMDAN Tanks V2
Author: ALHEMDAN
Description: Corporate WordPress theme for ALHEMDAN storage tank solutions.
Version: 6.1.0
License: GPL-2.0-or-later
Text Domain: alhemdan
*/
:root{--navy:#071a2d;--blue:#0d5ea6;--cyan:#13a9d6;--ink:#132334;--muted:#64748b;--light:#f5f8fb;--white:#fff;--line:#e5edf4;--radius:18px;--shadow:0 16px 50px rgba(7,26,45,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);line-height:1.65;background:#fff}a{text-decoration:none;color:inherit}.container{width:min(1180px,92%);margin:auto}
.topbar{background:var(--navy);color:#dbe8f5;font-size:13px}.topbar .container{height:38px;display:flex;align-items:center;justify-content:space-between}.topbar span{margin-right:22px}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.nav{height:78px;display:flex;align-items:center;justify-content:space-between}.logo{font-weight:900;font-size:27px;letter-spacing:2px;color:var(--navy)}.logo span{color:var(--cyan)}.logo img{max-height:52px;width:auto}.menu{display:flex;gap:30px;align-items:center;font-size:14px;font-weight:700}.menu a:hover{color:var(--blue)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 22px;border-radius:9px;font-weight:800;border:1px solid transparent;cursor:pointer}.btn-primary{background:var(--blue);color:#fff}.btn-primary:hover{opacity:.9}.btn-outline{border-color:#cbd9e6;color:var(--navy);background:#fff}
.hero{position:relative;overflow:hidden;background:linear-gradient(115deg,#061827 0%,#0a2945 55%,#0b5c86 100%);color:#fff}
.hero.has-image{background-size:cover;background-position:center}
.hero.has-image:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,18,31,.92) 0%,rgba(4,18,31,.72) 48%,rgba(4,18,31,.28) 100%);z-index:0}
.hero.has-image .container,.hero.has-image .hero-glow{position:relative;z-index:1}.hero .container{min-height:650px;display:grid;grid-template-columns:1.05fr .95fr;gap:35px;align-items:center}.eyebrow{display:inline-block;color:#6ee7f5;text-transform:uppercase;letter-spacing:2px;font-weight:800;font-size:12px;margin-bottom:12px}.hero h1{font-size:clamp(42px,5.5vw,72px);line-height:1.02;margin:0 0 22px;max-width:700px}.hero p{font-size:18px;color:#d5e4ef;max-width:620px;margin:0 0 30px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero .btn-outline{background:transparent;border-color:#54718a;color:#fff}.hero-art{position:relative;height:470px;display:flex;align-items:center;justify-content:center}.tank{width:390px;height:250px;border-radius:50%/18%;background:linear-gradient(90deg,#8fa7b9,#f2f6f8 35%,#a9becb 60%,#68879a);border:8px solid #b9cbd6;box-shadow:0 35px 60px rgba(0,0,0,.35);position:relative}.tank:before{content:"";position:absolute;left:6%;right:6%;top:46%;height:10px;background:#2e556b;box-shadow:0 60px #2e556b}.tank:after{content:"ALHEMDAN";position:absolute;inset:0;display:grid;place-items:center;color:#16415a;font-weight:900;letter-spacing:5px;font-size:20px}.hero-glow{position:absolute;width:600px;height:600px;border-radius:50%;background:rgba(19,169,214,.16);filter:blur(5px);right:-260px;top:-180px}
.section{padding:90px 0}.section.alt{background:var(--light)}.section-head{max-width:720px;margin:0 auto 45px;text-align:center}.section-head .eyebrow{color:var(--blue)}.section h2{font-size:40px;line-height:1.1;margin:0 0 14px;color:var(--navy)}.section-head p{color:var(--muted);margin:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:0 7px 25px rgba(7,26,45,.05);transition:.25s}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.card-icon{width:58px;height:58px;border-radius:14px;background:#e7f7fc;color:var(--blue);display:grid;place-items:center;font-size:25px;margin-bottom:20px}.card h3{margin:0 0 8px;color:var(--navy);font-size:21px}.card p{color:var(--muted);font-size:14px;margin:0 0 18px}.more{font-weight:800;color:var(--blue);font-size:14px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.visual{min-height:430px;border-radius:24px;background:linear-gradient(145deg,#0a2945,#0d6c98);position:relative;overflow:hidden;box-shadow:var(--shadow)}.visual:after{content:"";position:absolute;width:360px;height:360px;border:35px solid rgba(255,255,255,.18);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.visual .mini-tank{position:absolute;width:260px;height:170px;border-radius:50%/18%;background:linear-gradient(90deg,#8da6b7,#fff,#7895a7);left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;border:7px solid #b6c7d1}.checklist{display:grid;gap:14px;margin:28px 0}.check{display:flex;gap:12px;align-items:flex-start}.check b{display:block;color:var(--navy)}.check span{color:var(--muted);font-size:14px}.tick{width:25px;height:25px;border-radius:50%;background:#dff6fb;color:#0781a6;display:grid;place-items:center;font-weight:900;flex:0 0 25px}
.stats{background:var(--navy);color:#fff}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);text-align:center;gap:20px}.stat strong{font-size:44px;display:block;color:#67d9ef}.stat span{color:#b8cad9;font-size:13px;text-transform:uppercase;letter-spacing:1px}
.app-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.app{height:220px;border-radius:16px;padding:24px;display:flex;align-items:flex-end;color:#fff;background:linear-gradient(145deg,#123c5a,#087aa0);position:relative;overflow:hidden}.app:before{content:"";position:absolute;width:180px;height:180px;border:25px solid rgba(255,255,255,.10);border-radius:50%;right:-60px;top:-50px}.app h3{position:relative;margin:0;font-size:19px}
.cta{background:linear-gradient(100deg,#0b5c86,#0aa4c8);color:#fff}.cta .container{display:flex;justify-content:space-between;align-items:center;gap:30px}.cta h2{color:#fff;margin:0}.cta p{color:#e3f7fb;margin:6px 0 0}
.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:30px}.contact-box{background:var(--navy);color:#fff;border-radius:20px;padding:35px}.contact-box p{color:#c5d5e1}.form-box{border:1px solid var(--line);border-radius:20px;padding:35px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{margin-bottom:16px}.field label{display:block;font-weight:700;font-size:13px;margin-bottom:6px}.field input,.field textarea{width:100%;padding:13px 14px;border:1px solid #d5e0e8;border-radius:9px;font:inherit}.field textarea{min-height:130px;resize:vertical}
.site-footer{background:#04111f;color:#aebfcd;padding:55px 0 20px}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:35px}.site-footer h3{color:#fff;font-size:16px}.site-footer a{display:block;margin:8px 0;font-size:14px}.copyright{border-top:1px solid #183047;margin-top:35px;padding-top:18px;font-size:12px}
.mobile-toggle{display:none;background:none;border:0;font-size:25px;color:var(--navy)}
@media(max-width:900px){.menu{display:none}.mobile-toggle{display:block}.hero .container,.split,.contact-grid{grid-template-columns:1fr}.hero .container{padding:70px 0}.hero-art{height:360px}.cards{grid-template-columns:1fr 1fr}.app-grid{grid-template-columns:1fr 1fr}.stats-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.cta .container{display:block}.cta .btn{margin-top:20px}}
@media(max-width:560px){.topbar .container{justify-content:center}.topbar span:first-child{display:none}.cards,.app-grid,.footer-grid,.form-row{grid-template-columns:1fr}.hero h1{font-size:43px}.tank{width:290px;height:190px}.section{padding:65px 0}.section h2{font-size:32px}.stats-grid{grid-template-columns:1fr 1fr}.stat strong{font-size:34px}}