:root{--blue:#1f5fa8;--navy:#0f2f57;--teal:#3bb8e0;--sky:#eaf6fc;--ink:#1b2a3a;--muted:#5d6b7a;--gold:#c9a96a}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}
body{font-family:'Inter',sans-serif;color:var(--ink);background:#fff;line-height:1.65}
h1,h2,h3{font-family:'Playfair Display',serif;font-weight:600;line-height:1.15}
a{color:inherit;text-decoration:none}.wrap{max-width:1180px;margin:auto;padding:0 24px}
.eyebrow{letter-spacing:.22em;text-transform:uppercase;font-size:.74rem;font-weight:600;color:var(--teal)}
.btn{display:inline-flex;gap:8px;align-items:center;padding:14px 30px;border-radius:40px;font-weight:600;font-size:.92rem;transition:.25s;border:2px solid var(--blue)}
.btn.solid{background:var(--blue);color:#fff}.btn.solid:hover{background:var(--navy);border-color:var(--navy)}.btn.ghost{color:var(--blue)}.btn.ghost:hover{background:var(--blue);color:#fff}
header{position:sticky;top:0;background:rgba(255,255,255,.95);backdrop-filter:blur(8px);z-index:10;box-shadow:0 1px 0 #e3edf5}
nav{display:flex;justify-content:space-between;align-items:center;padding:12px 0;gap:16px}
.brand{display:flex;align-items:center;gap:12px;font-family:'Playfair Display',serif;font-size:1.25rem;color:var(--navy)}.brand img{width:52px;height:52px}
nav ul{display:flex;gap:26px;list-style:none;font-size:.88rem;font-weight:500}nav ul a:hover{color:var(--blue)}
.navr{display:flex;gap:10px;align-items:center}
.lang{border:1px solid #cfdbe6;border-radius:30px;overflow:hidden;display:flex}.lang button{border:0;background:none;padding:7px 12px;font:600 .78rem Inter;cursor:pointer;color:var(--muted)}.lang button.on{background:var(--teal);color:#fff}
.hero{background:radial-gradient(circle at 85% 20%,rgba(59,184,224,.25),transparent 45%),linear-gradient(135deg,#f4fbff,#e3f2fb);padding:90px 0 100px;overflow:hidden}
.hgrid{display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:center}
.hero h1{font-size:clamp(2.4rem,5vw,4rem);color:var(--navy);margin:16px 0 20px}.hero h1 em{color:var(--blue)}
.hero p.sub{font-size:1.1rem;color:var(--muted);max-width:540px;margin-bottom:30px}
.badge{display:inline-flex;align-items:center;gap:10px;background:#fff;border:1px solid #cde9f5;border-radius:40px;padding:8px 18px 8px 8px;font-weight:600;color:var(--navy);margin-bottom:26px;box-shadow:0 6px 20px rgba(31,95,168,.1)}
.badge b{background:var(--teal);color:#fff;border-radius:30px;padding:4px 12px}
.ctas{display:flex;gap:14px;flex-wrap:wrap}
.chips{display:flex;gap:18px;flex-wrap:wrap;margin-top:30px;font-size:.86rem;color:var(--muted)}.chips span:before{content:'✓ ';color:var(--teal);font-weight:700}
.hcard{position:relative;background:#fff;border-radius:28px;padding:22px;box-shadow:0 30px 60px rgba(15,47,87,.15)}
.hcard img{width:100%;border-radius:20px;display:block;aspect-ratio:4/5;object-fit:cover}
.float{position:absolute;left:-30px;bottom:40px;background:#fff;border-radius:16px;padding:14px 18px;box-shadow:0 14px 34px rgba(15,47,87,.18);font-size:.85rem}.float strong{display:block;color:var(--blue);font-size:1rem}
section{padding:100px 0}.center{text-align:center}.center h2,.h2{font-size:clamp(2rem,3.6vw,2.9rem);color:var(--navy);margin:10px 0 16px}
.lead{max-width:640px;margin:0 auto 54px;color:var(--muted)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(255px,1fr));gap:24px;text-align:left}
.svc{border:1px solid #e3edf5;border-radius:20px;padding:30px;transition:.3s;background:#fff}.svc:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(31,95,168,.12);border-color:#bfe3f3}
.ic{width:52px;height:52px;border-radius:14px;background:var(--sky);display:grid;place-items:center;font-size:1.5rem;margin-bottom:18px}
.svc h3{font-size:1.25rem;margin-bottom:8px;color:var(--navy)}.svc p{color:var(--muted);font-size:.93rem}
.aes{background:linear-gradient(160deg,#0b2341,#123a6a 60%,#0f2f57);color:#e8eef5;position:relative}
.aes .eyebrow{color:var(--gold)}.aes h2{color:#fff}.aes .lead{color:#b7c6d8}
.aes .grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.acard{border-radius:22px;overflow:hidden;background:rgba(255,255,255,.05);border:1px solid rgba(201,169,106,.35);transition:.3s;position:relative}
.acard:hover{transform:translateY(-6px);border-color:var(--gold)}
.acard .img{height:210px;background-size:cover;background-position:center}.acard .b{padding:24px}
.acard h3{color:#fff;font-size:1.35rem;margin-bottom:6px}.acard p{color:#b7c6d8;font-size:.92rem}
.soon{position:absolute;top:16px;right:16px;background:var(--gold);color:#0b2341;font-size:.7rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;padding:6px 12px;border-radius:30px}
.acard.shop .img{background:linear-gradient(135deg,#1b4c86,#3bb8e0);display:grid;place-items:center;font-size:3rem}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;counter-reset:s}
.step{background:var(--sky);border-radius:22px;padding:36px;position:relative}.step:before{counter-increment:s;content:'0' counter(s);font-family:'Playfair Display';font-size:2.6rem;color:var(--teal);display:block;margin-bottom:10px}
.step h3{color:var(--navy);margin-bottom:8px}.step p{color:var(--muted);font-size:.94rem}
.about{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}
.about img{width:100%;border-radius:26px;aspect-ratio:4/5;object-fit:cover;box-shadow:24px 24px 0 var(--sky)}
.about p{color:var(--muted);margin-bottom:16px}.cred{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.cred span{background:var(--sky);color:var(--blue);padding:8px 16px;border-radius:30px;font-size:.84rem;font-weight:600}
.pricebg{background:linear-gradient(135deg,#f4fbff,#e3f2fb)}
.price{max-width:480px;margin:auto;background:#fff;border-radius:28px;padding:50px;box-shadow:0 30px 60px rgba(15,47,87,.12);text-align:center;border-top:6px solid var(--teal)}
.amt{font-family:'Playfair Display';font-size:4.5rem;color:var(--blue);line-height:1}.amt small{font-size:1rem;color:var(--muted);font-family:Inter}
.price ul{list-style:none;margin:26px 0 32px;text-align:left}.price li{padding:9px 0;border-bottom:1px solid #eef3f8}.price li:before{content:'✓  ';color:var(--teal);font-weight:700}
.bp{background:var(--blue);color:#fff;border-radius:28px;padding:56px;display:grid;grid-template-columns:auto 1fr auto;gap:40px;align-items:center}
.bp .big{font-family:'Playfair Display';font-size:5rem;line-height:1;color:var(--teal)}.bp h3{font-size:1.8rem;margin-bottom:8px}.bp p{opacity:.9}.bp small{opacity:.7;display:block;margin-top:8px;font-size:.78rem}
.bp .btn{background:#fff;color:var(--blue);border-color:#fff}
.contact{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.cbox{border:1px solid #e3edf5;border-radius:20px;padding:30px;text-align:center}
.cbox h3{font-size:1.1rem;color:var(--navy);margin:10px 0 6px}.cbox p,.cbox a{color:var(--muted);font-size:.93rem}.cbox a:hover{color:var(--blue)}
.ph{background:#fff4d6;color:#8a6a1e;padding:0 4px;border-radius:4px}
footer{background:var(--navy);color:#b7c6d8;padding:60px 0 26px;font-size:.88rem}
.fg{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}footer .brand{color:#fff;margin-bottom:14px}footer h4{color:#fff;margin-bottom:12px;font-size:.8rem;letter-spacing:.18em;text-transform:uppercase}
footer li{list-style:none;margin-bottom:6px}.copy{border-top:1px solid #23466f;margin-top:40px;padding-top:20px;text-align:center;font-size:.78rem}
@media(max-width:900px){nav ul{display:none}.hgrid,.about,.steps,.bp,.contact,.fg{grid-template-columns:1fr}.float{left:10px}.bp{padding:36px;text-align:center}section{padding:70px 0}.navr .btn{display:none}.price{padding:36px 24px}}
