:root{
  --primary:#10a894;
  --primary-dark:#057f73;
  --mint:#dffbf4;
  --mint-strong:#9ff0df;
  --aqua:#1fc7b2;
  --ink:#183a3a;
  --muted:#5f7371;
  --line:#d8f1ed;
  --white:#ffffff;
  --shadow:0 22px 60px rgba(5,127,115,.16);
  --radius:28px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Arial, Helvetica, sans-serif;
  color:var(--ink);
  background:#fff;
  line-height:1.6;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{width:min(1120px,92%);margin:0 auto}
.section-padding{padding:88px 0}
.site-header{
  position:sticky;
  top:0;
  z-index:20;
  background:rgba(255,255,255,.92);
  backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line);
}
.navbar{
  width:min(1180px,94%);
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:82px;
  gap:20px;
}
.brand{display:flex;align-items:center;gap:12px;font-weight:800;color:var(--primary-dark);letter-spacing:.2px}
.brand-logo{width:52px;height:52px;object-fit:contain;border-radius:14px;background:white;box-shadow:0 10px 25px rgba(16,168,148,.18);padding:4px}
.nav-links{display:flex;align-items:center;gap:10px}
.nav-links a{
  padding:10px 14px;
  border-radius:999px;
  color:var(--muted);
  font-weight:700;
  font-size:14px;
}
.nav-links a:hover{background:var(--mint);color:var(--primary-dark)}
.menu-toggle{display:none;border:0;background:var(--mint);color:var(--primary-dark);font-size:25px;border-radius:14px;padding:8px 12px}
.hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#fff 0%,#f3fffb 48%,#fff 100%)}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center;position:relative;z-index:2}
.hero-bg-shape{position:absolute;border-radius:50%;filter:blur(2px);opacity:.75}
.shape-one{width:360px;height:360px;background:var(--mint);right:-100px;top:40px}
.shape-two{width:230px;height:230px;background:#eafffb;left:-70px;bottom:40px}
.eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin:0 0 16px;
  color:var(--primary-dark);
  font-weight:800;
  letter-spacing:.6px;
  text-transform:uppercase;
  font-size:13px;
}
.eyebrow::before{content:"";width:34px;height:4px;background:var(--aqua);border-radius:99px}
.eyebrow.light{color:#eafffb}
.eyebrow.light::before{background:#fff}
h1{font-size:clamp(46px,8vw,82px);line-height:.95;margin:0 0 22px;color:var(--ink);letter-spacing:-2px}
h2{font-size:clamp(32px,4.2vw,52px);line-height:1.05;margin:0 0 18px;letter-spacing:-1.2px}
h3{font-size:23px;line-height:1.2;margin:0 0 10px}.hero-text{font-size:20px;color:var(--muted);max-width:650px;margin:0 0 30px}.hero-actions{display:flex;flex-wrap:wrap;gap:14px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 24px;border-radius:999px;font-weight:800;transition:.25s ease;border:2px solid transparent}.btn.primary{background:linear-gradient(135deg,var(--primary),var(--aqua));color:white;box-shadow:0 14px 30px rgba(16,168,148,.27)}.btn.secondary{background:white;color:var(--primary-dark);border-color:var(--line)}.btn:hover{transform:translateY(-3px)}.btn.full{width:100%}.hero-card{position:relative;min-height:470px;border-radius:40px;background:white;border:1px solid var(--line);box-shadow:var(--shadow);display:grid;place-items:center;padding:34px;overflow:hidden}.hero-card::before{content:"";position:absolute;inset:22px;border:2px dashed var(--mint-strong);border-radius:32px}.hero-logo{width:min(360px,80%);position:relative;z-index:2;filter:drop-shadow(0 20px 22px rgba(16,168,148,.18))}.logo-orbit span{position:absolute;background:linear-gradient(135deg,var(--primary),var(--aqua));border-radius:999px;box-shadow:0 0 25px rgba(31,199,178,.4)}.logo-orbit span:nth-child(1){width:130px;height:16px;top:88px;right:66px;transform:rotate(-34deg)}.logo-orbit span:nth-child(2){width:110px;height:16px;bottom:110px;left:74px;transform:rotate(-34deg)}.logo-orbit span:nth-child(3){width:16px;height:110px;top:45px;left:50%;transform:translateX(-50%)}.logo-orbit span:nth-child(4){width:16px;height:110px;bottom:45px;left:50%;transform:translateX(-50%)}.hero-card-info{position:absolute;left:28px;right:28px;bottom:28px;z-index:3;background:rgba(255,255,255,.9);border:1px solid var(--line);border-radius:24px;padding:18px;text-align:center;backdrop-filter:blur(8px)}.hero-card-info h2{font-size:26px;margin-bottom:4px}.hero-card-info p{margin:0;color:var(--primary-dark);font-weight:800}.two-column{display:grid;grid-template-columns:.8fr 1.2fr;gap:44px;align-items:start}.section-title p:last-child,.center-title p,.identity-copy p,.laser-card p{color:var(--muted);font-size:18px}.content-panel{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:var(--radius);padding:34px}.highlight-strip{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.highlight-strip span{background:var(--mint);color:var(--primary-dark);padding:10px 14px;border-radius:999px;font-weight:800;font-size:14px}.laser{background:linear-gradient(135deg,var(--primary-dark),var(--primary));color:white}.laser-card{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;border:1px solid rgba(255,255,255,.22);border-radius:36px;background:rgba(255,255,255,.08);padding:44px;box-shadow:0 24px 70px rgba(0,0,0,.12)}.laser-card h2{color:white}.laser-card p{color:#eafffb}.laser-icon{width:210px;height:210px;border-radius:50%;background:white;display:grid;place-items:center;position:relative}.laser-icon span{position:absolute;width:260px;height:260px;border-radius:50%;border:2px dashed rgba(255,255,255,.5);animation:spin 16s linear infinite}.laser-icon img{width:142px;object-fit:contain}.center-title{text-align:center;max-width:720px;margin:0 auto 42px}.center-title .eyebrow{justify-content:center}.center-title .eyebrow::before{display:none}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.service-card{background:white;border:1px solid var(--line);border-radius:26px;padding:28px;box-shadow:0 14px 34px rgba(5,127,115,.08);transition:.25s ease;min-height:220px}.service-card:hover{transform:translateY(-7px);box-shadow:var(--shadow);border-color:var(--mint-strong)}.icon{width:48px;height:48px;border-radius:16px;background:var(--mint);color:var(--primary-dark);display:grid;place-items:center;font-size:26px;margin-bottom:20px}.service-card p{color:var(--muted);margin:0}.identity{background:#f8fffd}.identity-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:42px;align-items:center}.identity-logo{background:#fff;border:1px solid var(--line);border-radius:34px;padding:36px;box-shadow:var(--shadow)}.identity-logo img{width:260px;margin:auto}.contact{background:linear-gradient(180deg,#fff,#f4fffc)}.contact-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:28px}.contact-info,.contact-card{background:#fff;border:1px solid var(--line);border-radius:32px;padding:34px;box-shadow:var(--shadow)}.contact-list{display:grid;gap:18px;margin-top:24px}.contact-list div{border-left:5px solid var(--aqua);padding-left:18px}.contact-list span{display:block;color:var(--primary-dark);font-weight:900;text-transform:uppercase;font-size:13px;letter-spacing:.4px}.contact-list p{margin:6px 0 0;color:var(--muted)}.contact-list a{color:var(--primary-dark);font-weight:800;word-break:break-word}.contact-card{text-align:center;display:flex;flex-direction:column;justify-content:center}.contact-card img{width:145px;margin:0 auto 20px}.contact-card p{color:var(--muted)}.footer{padding:26px 0;background:var(--ink);color:white}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer p{margin:0;font-weight:800}.footer a{color:#c9fff4;font-weight:800}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:860px){.menu-toggle{display:block}.nav-links{position:absolute;top:82px;left:3%;right:3%;background:#fff;border:1px solid var(--line);border-radius:22px;padding:14px;display:none;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.nav-links.open{display:flex}.hero-grid,.two-column,.laser-card,.identity-grid,.contact-grid{grid-template-columns:1fr}.hero-card{min-height:360px}.service-grid{grid-template-columns:1fr}.laser-icon{width:170px;height:170px;margin:auto}.section-padding{padding:64px 0}.footer-inner{flex-direction:column;text-align:center}.brand span{font-size:14px}h1{letter-spacing:-1px}}
