@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800;900&display=swap');
:root{--navy:#10254e;--deep:#0b1c3e;--blue:#0b83c5;--cyan:#27c5e7;--light:#f4f9fc;--ink:#172b46;--muted:#61738a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Cairo,Tahoma,sans-serif;background:white}a{text-decoration:none;color:inherit}.container{width:min(1180px,calc(100% - 44px));margin:auto}.header{position:sticky;top:0;z-index:30;background:#fffefaed;backdrop-filter:blur(14px);box-shadow:0 1px 14px #0b1c3e0d}.nav{display:flex;align-items:center;gap:36px;min-height:88px}.brand{display:flex;align-items:center;gap:12px;font-size:27px;font-weight:900;color:var(--navy);line-height:1.1}.brand small{display:block;font-size:10px;font-weight:700;letter-spacing:0;margin-top:7px}.brandmark{font-family:Georgia,serif;font-style:italic;font-size:43px;font-weight:bold;color:var(--navy);line-height:1}.nav nav{display:flex;gap:25px;margin-inline:auto;font-size:13px;font-weight:700}.nav nav a:hover{color:var(--blue)}.nav-cta{background:var(--navy);color:white;border-radius:12px;padding:13px 20px;font-size:12px;font-weight:800}.menu-btn{display:none}.hero{background:radial-gradient(circle at 10% 20%,#d3f8ff 0,transparent 37%),linear-gradient(120deg,#f1fbff 0%,#f7fcff 58%,#eaf7ff 100%);overflow:hidden}.hero-grid{min-height:600px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px;padding-block:60px}.eyebrow,.kicker{font-size:13px;font-weight:800;color:var(--blue);letter-spacing:.1px}.eyebrow{display:inline-block;background:#dff4ff;padding:8px 15px;border-radius:30px}.hero h1{font-size:clamp(40px,5.2vw,69px);line-height:1.35;color:var(--navy);margin:20px 0}.hero h1 em{font-style:normal;color:var(--blue)}.hero p{font-size:16px;line-height:2.2;color:#52677f;max-width:520px}.hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:25px;border-radius:12px;padding:14px 25px;font-weight:800;font-size:14px;transition:.2s}.btn:hover{transform:translateY(-3px)}.primary{background:var(--blue);color:white;box-shadow:0 12px 30px #0085c52e}.secondary{border:1px solid #c7dfea;color:var(--navy);background:#fff}.hero-note{margin-top:26px;font-size:12px;color:#7b8da2}.hero-art{position:relative;min-height:480px;display:grid;place-items:center}.orb{position:absolute;border-radius:50%}.orb1{width:440px;height:440px;background:linear-gradient(145deg,#91e8ff,#0c91d0);opacity:.22}.orb2{width:320px;height:320px;border:1px solid #7edcf6}.hero-card{position:relative;text-align:center;width:330px;min-height:365px;border-radius:32px;background:linear-gradient(145deg,#fff,#edfaff);box-shadow:0 35px 80px #075a9b30;border:1px solid #fff;padding:27px;transform:rotate(-3deg)}.mini{font-size:10px;letter-spacing:2px;color:#789}.big-s{font:bold italic 150px/.95 Georgia,serif;color:var(--navy);text-shadow:7px 7px 0 #5ed2ed}.hero-card h2{font-size:49px;line-height:1;margin:0;color:var(--navy)}.hero-card p{font-size:15px;margin:8px 0;color:#263f63}.card-line{height:3px;width:70px;background:var(--cyan);margin:18px auto}.hero-card>span{font-size:12px;color:#607890}.floating{position:absolute;background:white;box-shadow:0 14px 35px #1e618c26;border-radius:13px;padding:12px 18px;font-weight:800;font-size:12px}.floating-a{right:0;top:90px}.floating-b{left:0;bottom:80px}.section{padding:100px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:38px}.section-head h2,.about h2{font-size:clamp(30px,3.2vw,44px);line-height:1.55;margin:8px 0;color:var(--navy)}.section-head h2 span{color:var(--blue)}.section-head>p{max-width:390px;color:var(--muted);line-height:2;font-size:14px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-card{border:1px solid #e3edf4;background:white;border-radius:19px;padding:29px;transition:.2s;box-shadow:0 6px 25px #1e568006}.service-card:hover{transform:translateY(-6px);border-color:#a4e5f7;box-shadow:0 16px 35px #1e568014}.service-icon{width:58px;height:58px;background:#e8f8fd;display:grid;place-items:center;border-radius:15px;font-size:28px}.service-card h3{color:var(--navy);font-size:19px;margin:20px 0 7px}.service-card p{color:var(--muted);font-size:13px;line-height:2;min-height:78px}.service-card a{color:var(--blue);font-weight:800;font-size:12px;display:flex;justify-content:space-between;border-top:1px solid #edf2f5;padding-top:17px}.liquidation{background:linear-gradient(115deg,#0a1d42,#0a4d83);color:white;overflow:hidden}.liquid-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:center}.kicker.light{color:#78e1fa}.liquidation h2{font-size:clamp(30px,4vw,48px);line-height:1.5;margin:14px 0}.liquidation p{color:#c8dcec;line-height:2.2;font-size:15px}.liquidation ul{padding-right:21px;line-height:2.7;font-size:14px}.liquidation li::marker{color:#59d8ef}.white{background:white;color:#0c4170}.disclaimer{display:block;color:#a9c3d7;font-size:11px;line-height:2;margin-top:20px}.liquid-visual{min-height:360px;border:1px solid #ffffff3b;background:linear-gradient(150deg,#ffffff21,#ffffff06);border-radius:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;text-align:center;box-shadow:0 25px 70px #0002}.visual-symbol{font-size:100px;color:#5eddf4;line-height:1}.visual-title{font-size:30px;font-weight:900;line-height:1.6}.visual-chip{border:1px solid #ffffff50;border-radius:30px;padding:8px 19px;font-size:12px;margin-top:20px}.about{background:#f7fbfe}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.about p{line-height:2.3;color:#53677f}.about .muted{font-size:12px}.steps{display:grid;gap:15px}.steps>div{background:white;padding:23px;border-radius:17px;display:flex;align-items:center;gap:20px;box-shadow:0 5px 30px #0b2c4b08}.steps b{font-size:30px;color:#13a7d8}.steps strong,.steps small{display:block}.steps strong{color:var(--navy);font-size:16px}.steps small{color:var(--muted);font-size:12px;margin-top:5px}.contact{background:linear-gradient(100deg,#087eb9,#18b5dc);color:white;padding:65px 0}.contact-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}.contact h2{font-size:35px;margin:10px 0}.contact p{color:#e1f6ff}.phone{font-size:28px;font-weight:900;letter-spacing:3px;text-align:right}footer{background:#091b37;color:#c2d0e0;padding:30px 0}.foot{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:11px}.foot .brand,.foot .brandmark{color:white}.wa-float{position:fixed;bottom:24px;left:24px;background:#23bd65;color:white;border-radius:50%;width:58px;height:58px;display:grid;place-items:center;font-size:30px;box-shadow:0 10px 25px #0003;z-index:20}@media(max-width:900px){.nav{min-height:74px}.nav nav{display:none;position:absolute;top:74px;right:0;left:0;background:white;padding:20px;box-shadow:0 15px 25px #0001;flex-direction:column}.nav nav.open{display:flex}.menu-btn{display:block;margin-right:auto;border:0;background:none;font-size:25px;color:var(--navy)}.nav-cta{display:none}.hero-grid{grid-template-columns:1fr;min-height:0}.hero-art{min-height:390px}.hero-card{transform:none;width:290px;min-height:330px}.big-s{font-size:120px}.section-head{display:block}.service-grid{grid-template-columns:repeat(2,1fr)}.liquid-grid,.about-grid{grid-template-columns:1fr;gap:35px}.contact-inner{display:block}.contact .btn{margin-top:20px}}@media(max-width:600px){.container{width:min(100% - 32px,1180px)}.hero-grid{padding:48px 0 25px}.hero h1{font-size:40px}.hero p{font-size:14px}.hero-art{min-height:340px}.orb1{width:300px;height:300px}.orb2{width:250px;height:250px}.hero-card{width:245px;min-height:285px;padding:18px}.big-s{font-size:100px}.hero-card h2{font-size:39px}.floating{font-size:10px;padding:8px}.section{padding:65px 0}.service-grid{grid-template-columns:1fr}.service-card p{min-height:0}.liquid-visual{min-height:250px}.contact h2{font-size:28px}.foot{flex-direction:column;text-align:center}.phone{font-size:25px}}
/* Enhanced wide-screen and mobile design */
:root{--navy:#091d3d;--deep:#07162f;--blue:#1166d8;--cyan:#08b7c8;--ink:#142742;--muted:#596d85}
body{background:#f8fbff;font-size:16px} .container{width:min(1520px,calc(100% - 7vw))}
.header{background:#ffffffed;border-bottom:1px solid #e6edf7}.nav{min-height:90px;gap:28px}.nav nav{font-size:15px;gap:30px}.nav-cta{background:linear-gradient(110deg,#0b3472,#146ed4);font-size:14px;padding:15px 25px}
.hero{background:radial-gradient(circle at 15% 65%,#90e4ef77,transparent 35%),radial-gradient(circle at 90% 20%,#91bbff66,transparent 40%),linear-gradient(125deg,#e8f8ff,#f5f9ff 60%,#e7f1ff)}
.hero-grid{min-height:640px;grid-template-columns:1.1fr .9fr;gap:65px;padding-block:70px}.hero h1{font-size:clamp(44px,4.7vw,78px);line-height:1.25}.hero h1 em{background:linear-gradient(90deg,#087fb5,#1462d3);background-clip:text;color:transparent}.hero p{font-size:18px;max-width:650px;line-height:2}.eyebrow{font-size:14px;background:#d7f3ff}.btn{font-size:15px;padding:17px 28px}.primary{background:linear-gradient(120deg,#1068d5,#09a9c4);box-shadow:0 16px 30px #1166d830}.secondary{border-color:#b4cfe8}.hero-art{min-height:470px}.hero-card{width:350px;background:linear-gradient(145deg,#fff,#edfaff);box-shadow:0 35px 75px #1654a42e}.orb1{background:linear-gradient(135deg,#62dce6,#286fda)}
.section{padding:85px 0}.section-head{margin-bottom:34px}.section-head h2{font-size:clamp(34px,3.2vw,51px)}.section-head>p{font-size:16px;max-width:490px}.service-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.service-card{padding:32px;border-radius:22px;border-color:#dae8f5;box-shadow:0 12px 30px #153e7c0b}.service-card:nth-child(3n+2){background:linear-gradient(155deg,#fff,#f0fbff)}.service-card h3{font-size:22px}.service-card p{font-size:15px;min-height:70px}.service-card a{font-size:14px}.service-icon{width:64px;height:64px;background:linear-gradient(140deg,#d8f7fa,#e2eaff);font-size:31px}.liquidation{background:radial-gradient(circle at 85% 30%,#0e9dbb55,transparent 40%),linear-gradient(115deg,#081a3b,#0b3979)}.liquidation p{font-size:17px}.liquidation ul{font-size:16px}.liquid-visual{min-height:400px}.about{background:#eff7ff}.about p{font-size:17px}.contact{background:linear-gradient(110deg,#103e8d,#069fbd)}.wa-float{box-shadow:0 12px 32px #078e6c44}
@media(min-width:1800px){.container{width:min(1640px,calc(100% - 8vw))}.hero-grid{min-height:700px}.service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1100px){.container{width:calc(100% - 48px)}.nav nav{gap:14px;font-size:13px}.hero-grid{gap:20px}.hero h1{font-size:48px}.hero-card{width:300px}.service-card{padding:23px}}
@media(max-width:900px){.nav nav{display:none;gap:20px;font-size:16px}.nav nav.open{display:flex}.hero-grid{grid-template-columns:1fr;gap:0;text-align:center;padding-block:65px 35px}.hero p{margin-inline:auto}.hero-actions{justify-content:center}.hero-art{min-height:410px}.hero h1{font-size:clamp(38px,7vw,60px)}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.liquid-grid,.about-grid{grid-template-columns:1fr}.section-head{text-align:center}.section-head>p{margin-inline:auto}.nav-cta{display:none}}
@media(max-width:600px){.container{width:calc(100% - 32px)}.nav{min-height:72px}.hero-grid{padding-block:42px 20px}.hero h1{font-size:clamp(34px,9vw,44px)}.hero p{font-size:15px}.hero-art{min-height:325px}.hero-card{width:235px;min-height:270px;padding:17px}.big-s{font-size:96px}.hero-card h2{font-size:37px}.orb1{width:280px;height:280px}.orb2{width:240px;height:240px}.floating-a{right:0}.floating-b{left:0}.hero-actions{gap:10px}.btn{font-size:13px;padding:13px 17px}.section{padding:60px 0}.section-head h2{font-size:30px}.service-grid{grid-template-columns:1fr;gap:15px}.service-card{padding:23px}.service-card h3{font-size:19px}.service-card p{font-size:14px;min-height:0}.liquidation h2{font-size:30px}.liquidation p,.liquidation ul{font-size:14px}.about p{font-size:15px}.contact h2{font-size:27px}.phone{font-size:23px}}
/* Vibrant edition: high contrast, colorful sections, responsive full-width composition */
:root{--navy:#09255f;--deep:#071b49;--blue:#0869e8;--cyan:#00c4d9;--ink:#10234e;--muted:#415a83}
body{background:#e8f6ff;color:var(--ink)}.container{width:min(1640px,calc(100% - 6vw))}
.header{background:linear-gradient(100deg,#fff 0%,#e9faff 100%);border-bottom:3px solid #00c6dd;box-shadow:0 8px 24px #001d5b15}.brandmark{color:#0879e5;text-shadow:2px 2px #00cfe0}.nav nav a{font-weight:900}.nav nav a:hover{color:#0099d5}.nav-cta{background:linear-gradient(110deg,#063a96,#008bd8);box-shadow:0 8px 20px #0050a52d}
.hero{color:white;background:radial-gradient(circle at 78% 26%,#10d6e27a,transparent 37%),radial-gradient(circle at 5% 95%,#00d2ff73,transparent 43%),linear-gradient(120deg,#08266c 0%,#075bb7 48%,#00a5d0 100%)}.hero-grid{min-height:610px;gap:5vw;padding-block:55px}.hero h1{color:#fff;font-size:clamp(45px,5.2vw,86px);text-shadow:0 5px 22px #001a4d44}.hero h1 em{background:linear-gradient(90deg,#fff,#9ffaff);background-clip:text;color:transparent}.hero p{color:#e6faff;font-size:clamp(17px,1.4vw,21px);max-width:740px}.eyebrow{background:#ffffff28;border:1px solid #ffffff65;color:#fff;font-size:15px}.hero-note{color:#c9f6ff;font-size:14px}.primary{background:linear-gradient(110deg,#ffd34d,#f7a91a);color:#09235a;box-shadow:0 12px 28px #071a4c40}.secondary{background:#fff;color:#0753a6;border:2px solid #fff}.hero-card{background:linear-gradient(155deg,#fff,#bcefff);border:4px solid #ffffffb3;box-shadow:0 35px 75px #00164b66}.orb1{opacity:.7;background:linear-gradient(135deg,#16e8e6,#39b7ff)}.orb2{border:3px solid #b2ffff80}.floating{background:#fff;color:#0b4e9c;border:2px solid #79eaff;font-size:14px}
#services{background:linear-gradient(160deg,#d8f5ff 0%,#edf6ff 42%,#c9eaff 100%)}.section-head h2,.about h2{color:#092c70}.section-head h2 span{color:#007fce}.kicker{color:#006cdd}.section-head>p{color:#34557f;font-size:17px}.service-grid{gap:23px}.service-card{position:relative;overflow:hidden;border:0;color:#fff;background:linear-gradient(145deg,#0653bc,#078ddd);box-shadow:0 14px 28px #044e9c2d;min-height:255px}.service-card:nth-child(3n+2){background:linear-gradient(145deg,#07347f,#1265ce)}.service-card:nth-child(3n){background:linear-gradient(145deg,#007fba,#00b9c7)}.service-card:nth-child(5n){background:linear-gradient(145deg,#005a99,#05a6b7)}.service-card:before{content:"";position:absolute;left:-65px;top:-70px;width:190px;height:190px;border-radius:50%;background:#ffffff15}.service-card:hover{transform:translateY(-8px);box-shadow:0 24px 42px #02478b44;filter:saturate(1.12)}.service-card h3{color:#fff;font-size:23px;position:relative}.service-card p{color:#eafaff;font-size:15px;position:relative}.service-card a{color:#fff;border-top:1px solid #ffffff60;font-size:15px;position:relative}.service-icon{background:#ffffffed;color:#0751a4;border-radius:18px;width:66px;height:66px;box-shadow:0 8px 22px #00285a22}
.liquidation{background:radial-gradient(circle at 90% 20%,#0bd8e477,transparent 42%),linear-gradient(115deg,#061743,#08428e 58%,#076cb0);border-top:7px solid #ffc33c;border-bottom:7px solid #00c5e5}.liquidation h2{color:#fff}.liquidation .light{color:#ffe079}.liquidation li::marker{color:#ffd349}.white{background:#ffd046;color:#08275e;box-shadow:0 9px 24px #001a5040}.liquid-visual{background:linear-gradient(145deg,#00b9e53d,#ffffff20);border:2px solid #ffffff7a;box-shadow:0 25px 60px #00103660}.visual-symbol{color:#ffe079}
.about{background:linear-gradient(125deg,#b9f0ff,#e8f7ff 50%,#b9dcff)}.about p{color:#2b4b76}.steps>div{background:linear-gradient(105deg,#fff,#e6f9ff);border-right:6px solid #05b9d4;box-shadow:0 10px 26px #074c8c1c}.steps b{color:#0873df}.contact{background:linear-gradient(105deg,#063a91,#086fe0 55%,#00b9ca);border-top:5px solid #ffd04a}.contact h2{color:#fff}.contact p{color:#e9faff}.phone{color:#ffe17c}footer{background:#061b46;border-top:4px solid #05b8df}.wa-float{background:#15b85d;border:3px solid #fff}
@media(max-width:1100px){.container{width:calc(100% - 44px)}.hero-grid{gap:20px}.service-card{min-height:250px}}
@media(max-width:900px){.nav nav{background:#eafaff;border-bottom:3px solid #00bcd8}.hero-grid{grid-template-columns:1fr;gap:12px;text-align:center;padding-block:50px 28px}.hero h1{font-size:clamp(39px,7vw,66px)}.hero-art{min-height:390px}.hero-actions{justify-content:center}.hero-note{font-size:12px}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.liquid-grid,.about-grid{grid-template-columns:1fr}}
@media(max-width:600px){.container{width:calc(100% - 30px)}.hero-grid{padding-block:38px 22px}.hero h1{font-size:clamp(34px,9vw,47px)}.hero p{font-size:15px}.hero-art{min-height:335px}.hero-card{width:235px;min-height:270px}.floating{font-size:10px}.service-grid{grid-template-columns:1fr}.service-card{min-height:0;padding:25px}.service-card h3{font-size:20px}.service-card p{font-size:14px}.section{padding:62px 0}.contact{padding:55px 0}.phone{font-size:24px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}