@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&family=Outfit:wght@400;500;600;700&display=swap');
:root{--navy:#071a35;--deep:#041021;--blue:#123e78;--cyan:#39c4d3;--gold:#cba85c;--cream:#f7f8f7;--ink:#142940;--muted:#67778b;--line:#e2e8ed}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Cairo,Arial,sans-serif;color:var(--ink);background:#fff}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}.container{width:min(1180px,calc(100% - 48px));margin-inline:auto}.skip-link{position:absolute;top:-100px;right:24px;z-index:100;background:#fff;color:var(--deep);padding:10px}.skip-link:focus{top:10px}.site-header{height:86px;background:#fff;position:relative;z-index:10;box-shadow:0 1px 0 #dbe4e8}.nav-wrap{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;color:var(--navy)}.brand-mark{width:39px;height:39px;display:grid;place-items:center;background:var(--navy);color:var(--gold);border:1px solid var(--gold);border-radius:50%;font-size:21px}.brand b{display:block;font-size:24px;line-height:1.1;font-weight:800}.brand small{display:block;font:500 10px Outfit,sans-serif;letter-spacing:.32em;margin-top:4px}.nav-links{display:flex;align-items:center;gap:36px;font-size:14px;font-weight:700}.nav-links>a:not(.nav-contact):hover,.footer-links a:hover{color:#007f9c}.nav-contact{background:var(--navy);color:#fff;padding:11px 22px;display:flex;gap:15px;align-items:center}.nav-contact:hover,.button-primary:hover{background:#16518c}.menu-toggle{display:none;background:none;border:0;padding:10px;cursor:pointer}.menu-toggle span{display:block;width:24px;height:2px;background:var(--navy);margin:5px 0}.hero{position:relative;overflow:hidden;color:white;background:radial-gradient(circle at 15% 12%,#14549a 0,transparent 28%),linear-gradient(145deg,#0a315d 0%,#071b37 55%,#020e20 100%)}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,transparent 98%,#ffffff08 99%);background-size:108px 108px;pointer-events:none}.hero-glow{position:absolute;border:1px solid #64ccdb35;border-radius:50%;pointer-events:none}.glow-one{width:730px;height:730px;left:-150px;top:-140px}.glow-two{width:980px;height:980px;left:-285px;top:-265px}.hero-grid{min-height:660px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:42px;position:relative}.hero-copy{padding:70px 0 75px;position:relative;z-index:2}.eyebrow,.section-kicker{font-size:13px;font-weight:800;letter-spacing:.02em}.eyebrow{display:flex;align-items:center;gap:12px;color:#9ce7ef}.eyebrow-line{width:32px;height:1px;background:var(--gold)}h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(40px,4.7vw,68px);line-height:1.45;letter-spacing:-.04em;margin:22px 0 24px;font-weight:800}.hero h1 em{font-style:normal;color:#77e1e9}.hero-lead{font-size:17px;line-height:2;color:#c5d7e9;max-width:560px}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:36px}.button{display:inline-flex;gap:36px;align-items:center;justify-content:center;padding:15px 23px;font-weight:700;font-size:15px;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--gold);color:#0c2841}.text-link{font-weight:700;font-size:14px;border-bottom:1px solid #afc8d8;padding-bottom:6px}.text-link span{margin-right:8px}.hero-foot{display:flex;gap:12px;align-items:center;color:#82a6c3;font-size:12px;margin-top:78px}.hero-foot-line{width:50px;height:1px;background:#80a6c5}.hero-art{position:relative;width:min(100%,490px);justify-self:center;aspect-ratio:1;display:grid;place-items:center}.hero-art img{position:relative;z-index:2;width:79%;border-radius:50%;box-shadow:0 36px 65px #0007,0 0 0 6px #ffffff20}.art-ring{position:absolute;border-radius:50%;border:1px solid #cba85c80}.ring-outer{inset:0}.ring-inner{inset:6%}.art-orbit{position:absolute;width:14px;height:14px;border-radius:50%;background:#b7f7fd;box-shadow:0 0 24px #3ee4ff}.orbit-one{top:8%;right:12%}.orbit-two{bottom:10%;left:12%;width:7px;height:7px;background:var(--gold)}.art-caption{position:absolute;bottom:-42px;font:500 10px Outfit,sans-serif;letter-spacing:.3em;color:#75a3c7;white-space:nowrap}.hero-bottom{border-top:1px solid #ffffff1e}.hero-bottom .container{height:58px;display:flex;justify-content:space-between;align-items:center;font:500 11px Outfit,sans-serif;letter-spacing:.15em;color:#9db2c6}.hero-bottom a{font:24px Cairo}.section{padding:105px 0}.section-kicker{color:#b48a39;font-family:Outfit,Cairo,sans-serif;margin-bottom:20px}.section h2{font-size:clamp(34px,3.7vw,54px);line-height:1.45;color:var(--navy);letter-spacing:-.04em}.section h2 span{color:#1889a4}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.intro-body{padding-top:48px}.intro-body p,.approach-lead{line-height:2.2;color:#5b6c7c;font-size:17px}.inline-arrow{display:inline-flex;gap:28px;align-items:center;color:var(--navy);font-weight:800;border-bottom:2px solid var(--gold);padding-bottom:7px;margin-top:14px}.fields{background:#f4f7f8}.section-top{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:32px}.section-top p:last-child{max-width:340px;line-height:2;color:var(--muted)}.field-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.field-card{min-height:445px;position:relative;overflow:hidden;color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:25px;transition:transform .25s,box-shadow .25s}.field-card:hover{transform:translateY(-5px);box-shadow:0 18px 35px #0b2b4a24}.card-clean{background:linear-gradient(145deg,#0e457d,#061c3a)}.card-hair{background:linear-gradient(145deg,#0aa9b8,#075879 80%)}.card-future{background:linear-gradient(145deg,#12334f,#041526)}.card-head{display:flex;justify-content:space-between;align-items:center;color:#ffffffb8;font:500 12px Outfit,sans-serif}.field-symbol{font:30px Cairo}.field-visual{position:absolute;inset:80px 0 105px;display:grid;place-items:center;opacity:.9}.visual-clean i:first-child{width:148px;height:210px;border-radius:28px 28px 18px 18px;background:linear-gradient(120deg,#e8fbff 0%,#83d6e7 40%,#2786b3 100%);box-shadow:inset -18px 0 20px #003e7355,25px 28px 28px #00162c66;transform:rotate(-10deg)}.visual-clean i:nth-child(2){width:62px;height:31px;background:#bbebf3;position:absolute;top:6px;border-radius:5px;transform:rotate(-10deg)}.visual-clean i:nth-child(3){width:90px;height:2px;background:#fff8;position:absolute;top:150px;transform:rotate(-10deg)}.visual-hair i:first-child{width:136px;height:220px;border-radius:42px 42px 22px 22px;background:linear-gradient(110deg,#e9fdff,#79d8dc 48%,#1a7fa3);box-shadow:inset -15px 0 18px #00365666,20px 24px 25px #00385080;transform:rotate(8deg)}.visual-hair i:nth-child(2){width:80px;height:24px;border-radius:9px 9px 2px 2px;background:#d4f0ef;position:absolute;top:-5px;transform:rotate(8deg)}.visual-hair i:nth-child(3){width:82px;height:82px;border:2px solid #e6fbf899;border-radius:50%;position:absolute;top:106px;transform:rotate(8deg)}.visual-future i:first-child{width:180px;height:180px;border:1px solid #48d5e7b0;border-radius:50%;box-shadow:0 0 0 28px #30b7c522,0 0 0 56px #30b7c511}.visual-future i:nth-child(2){position:absolute;width:98px;height:98px;border:1px solid #d5bc7b;border-radius:50%;transform:translate(25px,-20px)}.card-content{position:relative;z-index:1}.card-content p{font:600 10px Outfit,sans-serif;letter-spacing:.2em;color:#c5f0f2;margin-bottom:8px}.card-content h3{font-size:31px;margin-bottom:4px}.card-content span{font-size:13px;color:#d6e6f1}.statement{background:#06284c;color:#fff}.statement-inner{min-height:280px;display:flex;align-items:center;gap:40px}.statement-star{font-size:75px;color:var(--gold)}.statement p{font-size:clamp(30px,4vw,53px);line-height:1.6;margin:0;flex:1}.statement strong{color:#7ce3e9}.statement-en{font:500 12px/1.8 Outfit,sans-serif;letter-spacing:.18em;color:#95b4ce}.approach-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px}.approach-lead{max-width:430px}.approach-steps>div{display:flex;gap:27px;border-top:1px solid var(--line);padding:25px 0}.approach-steps>div:last-child{border-bottom:1px solid var(--line)}.approach-steps span{color:#b58b40;font:600 13px Outfit}.approach-steps h3{font-size:23px;margin:0 0 4px;color:var(--navy)}.approach-steps p{color:var(--muted);margin:0;line-height:1.8}.contact{background:#f4f7f8}.contact-shell{background:#fff;display:grid;grid-template-columns:1fr .72fr;min-height:420px;box-shadow:0 22px 65px #0b2f4c10}.contact-copy{padding:65px 75px}.contact-copy>p:not(.section-kicker){color:var(--muted);line-height:2;max-width:470px}.location{display:flex;gap:15px;align-items:center;margin-top:40px}.location-icon{width:42px;height:42px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:#a4742d;font-size:22px}.location b,.location small{display:block}.location small{color:var(--muted);font-size:12px}.contact-graphic{position:relative;overflow:hidden;background:radial-gradient(circle at 35% 25%,#1c8fba,transparent 45%),linear-gradient(135deg,#0d4879,#031b37);display:grid;place-items:center}.contact-graphic span{font:700 clamp(72px,10vw,145px)/.85 Outfit,sans-serif;letter-spacing:-.08em;color:#ffffff14;direction:ltr;text-align:left}.contact-graphic i{position:absolute;width:270px;height:270px;border:1px solid #d7b66a77;border-radius:50%}.contact-graphic i:last-child{width:360px;height:360px;border-color:#75ddeb33}footer{background:#05172d;color:#cbd8e5;padding:60px 0 30px}.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px}.footer-brand b{display:block;color:#fff;font-size:30px}.footer-brand span{color:#8fa7bd}.footer-links{display:flex;gap:25px;justify-content:flex-end;align-items:center;font-size:13px}.footer-bottom{grid-column:1/-1;border-top:1px solid #ffffff20;padding-top:25px;display:flex;justify-content:space-between;color:#7f96a9;font-size:12px}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr;gap:0;padding-bottom:85px}.hero-copy{padding-bottom:0}.hero-art{width:min(70%,410px);margin:0 auto}.intro-grid,.approach-grid{gap:40px}.contact-copy{padding:50px}.field-grid{gap:12px}.field-card{min-height:385px}.field-visual{transform:scale(.8)}}
@media(max-width:680px){.container{width:min(100% - 32px,1180px)}.site-header{height:70px}.brand b{font-size:21px}.menu-toggle{display:block}.nav-links{display:none;position:absolute;top:70px;left:0;right:0;background:#fff;padding:20px 16px;box-shadow:0 15px 28px #00162a20;flex-direction:column;align-items:stretch;gap:0}.nav-links.open{display:flex}.nav-links a{padding:12px}.nav-contact{justify-content:space-between;margin-top:8px}.hero-grid{min-height:0;padding-bottom:65px}.hero-copy{padding:53px 0 5px}.hero h1{font-size:clamp(37px,10vw,52px);line-height:1.43}.hero-lead{font-size:15px}.hero-actions{gap:17px;flex-wrap:wrap}.button{gap:15px}.hero-foot{margin-top:40px}.hero-art{width:min(87%,340px);margin-top:30px}.art-caption{bottom:-25px;font-size:8px}.section{padding:72px 0}.intro-grid,.approach-grid,.contact-shell{grid-template-columns:1fr}.intro-body{padding-top:0}.section-top{display:block}.section-top p:last-child{max-width:none}.field-grid{grid-template-columns:1fr}.field-card{min-height:360px}.field-visual{inset:58px 0 85px;transform:scale(.7)}.statement-inner{min-height:230px;gap:20px}.statement-star{font-size:45px}.statement-en{display:none}.contact-copy{padding:42px 28px}.contact-graphic{min-height:220px}.footer-grid{display:block}.footer-links{justify-content:flex-start;flex-wrap:wrap;margin:25px 0}.footer-bottom{gap:10px;flex-wrap:wrap}.hero-bottom .container{height:48px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.field-card,.button{transition:none}}

/* Refined brand presentation */
.site-header{height:78px;box-shadow:none;border-bottom:1px solid #e6edf2;background:#ffffffed;backdrop-filter:blur(14px);position:sticky;top:0}
.brand-mark{width:48px;height:48px;border:0;background:#fff;overflow:hidden;box-shadow:0 1px 12px #0c35651c}
.brand-mark img{width:100%;height:100%;object-fit:cover}
.brand b{font-size:22px}
.brand small{letter-spacing:.23em}
.nav-links a{transition:color .2s}
.nav-contact{border-radius:4px;background:linear-gradient(120deg,#09274b,#134678)}
.hero{background:#041327;isolation:isolate}
.hero:before{background:linear-gradient(90deg,#03112190 0%,#0311219e 35%,#061b39a8 62%,#061a34e8 100%);z-index:-1}
.hero-image{position:absolute;inset:0;background:url('assets/hero-water.jpg') center 51%/cover no-repeat;z-index:-2}
.hero-grid{min-height:650px;gap:18px}
.hero-copy{padding-top:74px;padding-bottom:70px}
.hero h1{font-size:clamp(47px,5.5vw,76px);line-height:1.34;margin:17px 0 22px;text-shadow:0 3px 18px #001b34a8}
.hero h1 em{color:#b0f6fa}
.hero-lead{max-width:560px;color:#e4eff9;font-size:18px;line-height:2.05}
.hero-art{width:min(100%,430px)}
.hero-art img{width:80%;border:5px solid #e9d39c;box-shadow:0 38px 80px #0009,0 0 0 11px #ffffff19}
.ring-outer{border-color:#dfbf70a3}.ring-inner{border-color:#ecf9ff42}
.art-caption{color:#c4e8f4}
.button-primary{background:linear-gradient(120deg,#e8d08e,#bd9144);box-shadow:0 11px 28px #0004}
.button-primary:hover{background:linear-gradient(120deg,#f2ddaa,#c59b50)}
.hero-foot{color:#bdd5e7}
.identity-bar{background:#fff;border-bottom:1px solid #e8edf1}
.identity-bar .container{min-height:83px;display:flex;align-items:center;justify-content:space-between;gap:18px;color:#254a68;font-size:13px;font-weight:800}
.identity-bar i{height:20px;width:1px;background:#d7e1e8}
.intro{background:linear-gradient(145deg,#fff 70%,#f6f9fb)}
.section-kicker{letter-spacing:.08em}
.section h2{letter-spacing:-.045em}
.field-card{border-radius:8px;box-shadow:0 20px 40px #06335214}
.card-clean{background:radial-gradient(circle at 75% 35%,#2888b1 0,transparent 45%),linear-gradient(150deg,#0b3e71,#061a31)}
.card-hair{background:radial-gradient(circle at 75% 35%,#34c9cc 0,transparent 43%),linear-gradient(150deg,#075477,#082a46)}
.card-future{background:radial-gradient(circle at 75% 35%,#245378 0,transparent 48%),linear-gradient(150deg,#0b304b,#031322)}
.field-card:after{content:"";position:absolute;inset:12px;border:1px solid #ffffff27;pointer-events:none;border-radius:3px}
.card-content h3{font-size:34px}
.statement{background:linear-gradient(110deg,#061a35,#0b4171)}
.contact-shell{border-radius:8px;overflow:hidden;box-shadow:0 30px 70px #0b2f4c18}
.contact-graphic{background:radial-gradient(circle at 30% 15%,#218eae 0,transparent 44%),linear-gradient(145deg,#0a4477,#03162b)}
@media(max-width:900px){.hero-grid{min-height:auto}.hero-art{width:min(75%,380px)}}
@media(max-width:680px){.site-header{height:70px}.brand-mark{width:42px;height:42px}.nav-links{top:70px}.hero:before{background:linear-gradient(90deg,#031427ba,#041427c8)}.hero-image{background-position:34% center}.hero h1{font-size:clamp(41px,10.2vw,56px)}.hero-lead{font-size:15px}.hero-art{width:min(80%,330px)}.identity-bar .container{min-height:70px;justify-content:center;flex-wrap:wrap;column-gap:13px;row-gap:0;padding:12px 0;font-size:11px}.identity-bar i{height:13px}.identity-bar i:nth-of-type(2){display:none}}

/* Keep the supplied image compact and circular in the home hero. */
.hero-art{width:min(100%,350px);aspect-ratio:1}
.hero-art img{width:88%;height:88%;object-fit:cover;object-position:center 34%;border-radius:50%;border:4px solid #dfc17f;box-shadow:0 30px 65px #0009,0 0 0 7px #ffffff19}
.hero-art .art-ring{display:block}
.hero-art .art-orbit{display:none}
.hero-art .art-caption{bottom:-28px}
@media(max-width:900px){.hero-art{width:min(72%,330px)}}
@media(max-width:680px){.hero-art{width:min(75%,300px);margin-top:28px}}