/* ================================================
   ARABIA BIOSYSTEMS — REVAMPED 2026
   Navy + Sky Blue · Frosted Glass · Formal
   ================================================ */

:root {
  --navy: #0c1f3f;
  --navy-mid: #1a3a6b;
  --navy-bright: #2d62a3;
  --sky: #5ba3e6;
  --sky-light: #7ec0f4;
  --sky-pale: #e8f1fb;
  --sky-mist: #f0f5fc;
  --cream: #e8edf5;
  --ivory: #eef2f8;
  --charcoal: #111c2e;
  --text-primary: #141e30;
  --text-secondary: #3a4d66;
  --text-muted: #6b849e;
  --glass-bg: rgba(220,230,242,0.35);
  --glass-bg-hover: rgba(225,233,245,0.48);
  --glass-border: rgba(180,200,225,0.40);
  --glass-border-hover: rgba(180,200,225,0.60);
  --glass-blur: blur(28px) saturate(160%);
  --glass-blur-heavy: blur(40px) saturate(180%);
  --glass-shadow: 0 4px 24px rgba(12,31,63,0.06), 0 1px 4px rgba(12,31,63,0.04);
  --glass-shadow-hover: 0 16px 48px rgba(12,31,63,0.10), 0 4px 12px rgba(12,31,63,0.06);
  --glass-inset: inset 0 1px 0 rgba(255,255,255,0.35), inset 0 -1px 0 rgba(12,31,63,0.04);
  --glass-inset-hover: inset 0 1.5px 0 rgba(255,255,255,0.50), inset 0 -1px 0 rgba(12,31,63,0.06);
  --shadow-xl: 0 24px 60px rgba(12,31,63,0.13);
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 22px;
  --radius-xl: 28px;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
}

*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;-webkit-overflow-scrolling:touch;background:var(--cream);}
body{font-family:'Outfit',system-ui,sans-serif;color:var(--text-primary);font-size:16px;line-height:1.7;overflow-x:hidden;background:var(--cream);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
img{max-width:100%;display:block;}a{color:inherit;}

.page-wrap{opacity:0;transform:translateY(16px);transition:opacity .55s var(--ease),transform .55s var(--ease);}
.page-wrap.loaded{opacity:1;transform:none;}
.rv{opacity:0;transform:translateY(32px);transition:opacity .65s var(--ease),transform .65s var(--ease);}.rv.vis{opacity:1;transform:none;}
.rv-l{opacity:0;transform:translateX(-36px);transition:opacity .65s var(--ease),transform .65s var(--ease);}.rv-l.vis{opacity:1;transform:none;}
.rv-r{opacity:0;transform:translateX(36px);transition:opacity .65s var(--ease),transform .65s var(--ease);}.rv-r.vis{opacity:1;transform:none;}
.rv-s{opacity:0;transform:scale(.94);transition:opacity .65s var(--ease),transform .65s var(--ease);}.rv-s.vis{opacity:1;transform:none;}
.d1{transition-delay:.06s;}.d2{transition-delay:.12s;}.d3{transition-delay:.18s;}.d4{transition-delay:.24s;}.d5{transition-delay:.30s;}.d6{transition-delay:.36s;}

/* BG */
.bg-decor{position:fixed;inset:0;pointer-events:none;z-index:-1;overflow:hidden;}
.bg-decor__base{position:absolute;inset:0;background:linear-gradient(170deg,#dce4f0 0%,#d5dded 35%,#dfe7f3 65%,#d8e1ef 100%);}
.bg-decor__blob1,.bg-decor__blob2,.bg-decor__blob3{position:absolute;border-radius:50%;pointer-events:none;filter:blur(100px);opacity:.5;}
.bg-decor__blob1{width:700px;height:700px;top:-14%;right:-10%;background:radial-gradient(circle,rgba(26,58,107,.18) 0%,transparent 70%);animation:bf1 26s ease-in-out infinite;}
.bg-decor__blob2{width:550px;height:550px;top:45%;left:-8%;background:radial-gradient(circle,rgba(91,163,230,.14) 0%,transparent 70%);animation:bf2 32s ease-in-out infinite;}
.bg-decor__blob3{width:450px;height:450px;bottom:-5%;right:22%;background:radial-gradient(circle,rgba(45,98,163,.12) 0%,transparent 70%);animation:bf3 22s ease-in-out infinite;}
@keyframes bf1{0%,100%{transform:translate(0,0) scale(1);}50%{transform:translate(-40px,50px) scale(1.08);}}
@keyframes bf2{0%,100%{transform:translate(0,0) scale(1);}50%{transform:translate(50px,-40px) scale(1.06);}}
@keyframes bf3{0%,100%{transform:translate(0,0) scale(1);}50%{transform:translate(-30px,-35px) scale(1.1);}}
.bg-decor__dots{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(12,31,63,.035) 1px,transparent 1px);background-size:32px 32px;}

/* NAV */
nav{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:0 56px;height:68px;background:rgba(215,224,238,.55);backdrop-filter:blur(30px) saturate(170%);-webkit-backdrop-filter:blur(30px) saturate(170%);border-bottom:1px solid rgba(255,255,255,.50);box-shadow:0 1px 12px rgba(12,31,63,.04);transition:background .4s,box-shadow .4s;}
nav.scrolled{background:rgba(215,224,238,.85);box-shadow:0 4px 24px rgba(12,31,63,.07);border-bottom-color:rgba(255,255,255,.65);}
.nav-logo{font-family:'Fraunces',serif;font-size:19px;font-weight:700;color:var(--navy);text-decoration:none;transition:opacity .2s;}.nav-logo:hover{opacity:.8;}.nav-logo span{color:var(--sky);}
.nav-links{display:flex;gap:32px;}.nav-links a{font-size:13px;font-weight:500;color:var(--text-muted);text-decoration:none;letter-spacing:.6px;text-transform:uppercase;transition:color .3s;position:relative;}
.nav-links a::after{content:'';position:absolute;bottom:-4px;left:0;right:0;height:2px;background:var(--sky);border-radius:1px;transform:scaleX(0);transition:transform .35s var(--ease);}
.nav-links a:hover{color:var(--navy);}.nav-links a:hover::after,.nav-links a.active::after{transform:scaleX(1);}.nav-links a.active{color:var(--navy);font-weight:600;}
.nav-hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:6px;z-index:1001;}
.nav-hamburger span{display:block;width:22px;height:2px;background:var(--navy);border-radius:2px;transition:transform .3s,opacity .3s;}
.nav-hamburger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px);}.nav-hamburger.open span:nth-child(2){opacity:0;}.nav-hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px);}
.nav-overlay{display:none;position:fixed;inset:0;background:rgba(12,28,46,.3);z-index:998;}.nav-overlay.show{display:block;}

/* TYPO */
.label{font-size:11px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--sky);margin-bottom:12px;display:flex;align-items:center;gap:10px;}
.label::before{content:'';width:20px;height:2px;background:var(--sky);border-radius:1px;}
.title{font-family:'Fraunces',serif;font-size:42px;font-weight:700;color:var(--charcoal);line-height:1.15;margin-bottom:20px;letter-spacing:-.3px;}
.intro{font-size:17px;color:var(--text-secondary);max-width:600px;line-height:1.78;margin-bottom:56px;}
.body-text{font-size:17px;color:var(--text-secondary);line-height:1.82;}

/* SECTIONS */
section{padding:100px 56px;position:relative;}.inner{max-width:1100px;margin:0 auto;position:relative;z-index:2;}
section:nth-of-type(even){background:linear-gradient(180deg,rgba(200,215,238,.25) 0%,rgba(210,222,240,.18) 100%);}

/* SPECULAR — shared top highlight */
.frost-hl::before{content:'';position:absolute;top:0;left:6%;right:6%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45) 25%,rgba(255,255,255,.55) 50%,rgba(255,255,255,.45) 75%,transparent);z-index:2;pointer-events:none;}

/* BUTTONS */
.btn{display:inline-flex;align-items:center;gap:8px;font-family:'Outfit',sans-serif;font-size:14px;font-weight:600;padding:14px 28px;border-radius:var(--radius-sm);text-decoration:none;border:none;cursor:pointer;transition:all .35s var(--ease);position:relative;overflow:hidden;}
.btn-fill{background:var(--navy);color:#fff;box-shadow:0 4px 14px rgba(12,31,63,.22);}.btn-fill:hover{background:var(--navy-mid);transform:translateY(-2px);box-shadow:0 8px 28px rgba(12,31,63,.28);}
.btn-ghost{background:rgba(255,255,255,.40);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--navy);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow),var(--glass-inset);}.btn-ghost:hover{background:rgba(255,255,255,.60);transform:translateY(-2px);box-shadow:var(--glass-shadow-hover),var(--glass-inset-hover);}
.btn-w{background:#fff;color:var(--navy);box-shadow:0 4px 16px rgba(0,0,0,.12);}.btn-w:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(0,0,0,.18);}
.btn-wo{background:rgba(255,255,255,.08);color:rgba(255,255,255,.9);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:inset 0 1px 0 rgba(255,255,255,.12);}.btn-wo:hover{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.50);transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.12);}

/* HERO */
.hero{min-height:100vh;position:relative;display:flex;align-items:center;padding:120px 56px 80px;overflow:hidden;z-index:1;}
.hero-bg{position:absolute;inset:0;background:linear-gradient(155deg,#060e1e 0%,var(--navy) 35%,#14345c 65%,#0f2a4c 100%);}
.hero .orb{position:absolute;border-radius:50%;pointer-events:none;filter:blur(80px);}
.hero .orb1{width:700px;height:700px;top:-18%;right:-12%;background:rgba(45,98,163,.35);animation:ho1 18s ease-in-out infinite;}
.hero .orb2{width:500px;height:500px;bottom:-10%;left:20%;background:rgba(91,163,230,.22);animation:ho2 22s ease-in-out infinite;}
.hero .orb3{width:350px;height:350px;top:30%;left:-8%;background:rgba(26,58,107,.28);animation:ho3 16s ease-in-out infinite;}
@keyframes ho1{0%,100%{transform:translate(0,0) scale(1);}50%{transform:translate(-50px,40px) scale(1.08);}}
@keyframes ho2{0%,100%{transform:translate(0,0) scale(1);}50%{transform:translate(40px,-50px) scale(1.06);}}
@keyframes ho3{0%,100%{transform:translate(0,0) scale(1);}50%{transform:translate(30px,30px) scale(1.04);}}
.hero-dots{position:absolute;inset:0;overflow:hidden;opacity:0;animation:df 2s .3s forwards;}.hero-dots::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.06) 1px,transparent 1px);background-size:40px 40px;}
@keyframes df{to{opacity:1;}}
.hero-inner{max-width:1100px;margin:0 auto;width:100%;display:grid;grid-template-columns:1.1fr .9fr;gap:72px;align-items:center;position:relative;z-index:2;}
.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(91,163,230,.12);border:1px solid rgba(91,163,230,.30);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:100px;padding:7px 18px;font-size:11px;font-weight:600;color:var(--sky-light);letter-spacing:.8px;text-transform:uppercase;margin-bottom:28px;opacity:0;animation:hF .7s .3s forwards;}
.hero-badge-dot{width:6px;height:6px;border-radius:50%;background:var(--sky-light);animation:pu 2s ease-in-out infinite;box-shadow:0 0 8px rgba(126,192,244,.6);}@keyframes pu{0%,100%{opacity:1;}50%{opacity:.3;}}
.hero h1{font-family:'Fraunces',serif;font-size:56px;font-weight:700;color:#fff;line-height:1.10;margin-bottom:24px;letter-spacing:-.5px;opacity:0;animation:hF .9s .5s forwards;}
.hero h1 em{font-style:normal;color:var(--sky-light);text-shadow:0 0 50px rgba(126,192,244,.30);}
.hero-sub{font-size:17px;color:rgba(255,255,255,.78);line-height:1.78;margin-bottom:36px;max-width:480px;opacity:0;animation:hF .9s .65s forwards;}
.hero-tags{display:flex;flex-direction:column;gap:12px;margin-bottom:44px;}
.hero-tag{display:flex;align-items:center;gap:12px;font-size:14px;color:rgba(255,255,255,.82);opacity:0;animation:hF .7s forwards;}.hero-tag:nth-child(1){animation-delay:.8s;}.hero-tag:nth-child(2){animation-delay:.95s;}.hero-tag:nth-child(3){animation-delay:1.1s;}
.hero-tag-line{width:20px;height:2px;border-radius:1px;flex-shrink:0;background:linear-gradient(90deg,var(--sky-light),rgba(91,163,230,.5));}
.hero-btns{display:flex;gap:14px;align-items:center;opacity:0;animation:hF .7s 1.25s forwards;}
@keyframes hF{from{opacity:0;transform:translateY(24px);}to{opacity:1;transform:none;}}

/* HERO CARDS */
.hero-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.hero-card{background:rgba(255,255,255,.06);backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);border:1px solid rgba(255,255,255,.10);border-radius:var(--radius-md);padding:26px 22px;position:relative;overflow:hidden;transition:all .4s var(--ease);opacity:0;animation:hF .7s forwards;}
.hero-card::before{content:'';position:absolute;top:0;left:8%;right:8%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35) 30%,rgba(255,255,255,.35) 70%,transparent);pointer-events:none;}
.hero-card:nth-child(1){animation-delay:.6s;}.hero-card:nth-child(2){animation-delay:.75s;}.hero-card:nth-child(3){animation-delay:.9s;}.hero-card:nth-child(4){animation-delay:1.05s;}
.hero-card:hover{background:rgba(255,255,255,.14);border-color:rgba(91,163,230,.35);transform:translateY(-4px);box-shadow:0 16px 40px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.12);}
.hero-card-icon{width:36px;height:36px;margin-bottom:14px;display:block;opacity:.85;transition:transform .35s var(--ease);}.hero-card:hover .hero-card-icon{transform:scale(1.1);}
.hero-card h3{font-size:11px;font-weight:700;color:var(--sky-light);letter-spacing:.8px;margin-bottom:6px;text-transform:uppercase;}
.hero-card p{font-size:13px;color:rgba(255,255,255,.68);line-height:1.55;}

/* TREAT CARDS */
.treat-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:48px;}
.treat-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:28px 16px;text-align:center;box-shadow:var(--glass-shadow),var(--glass-inset);position:relative;overflow:hidden;transition:all .4s var(--ease);}
.treat-card::before{content:'';position:absolute;top:0;left:6%;right:6%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45) 25%,rgba(255,255,255,.55) 50%,rgba(255,255,255,.45) 75%,transparent);z-index:2;pointer-events:none;}
.treat-card:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);transform:translateY(-6px);box-shadow:var(--glass-shadow-hover),var(--glass-inset-hover);}
.tc-icon{width:52px;height:52px;border-radius:14px;margin:0 auto 14px;display:flex;align-items:center;justify-content:center;background:rgba(91,163,230,.10);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 2px 8px rgba(12,31,63,.06);transition:transform .35s var(--ease),background .3s;}
.treat-card:hover .tc-icon{transform:scale(1.1);background:rgba(91,163,230,.18);}
.tc-icon svg{width:26px;height:26px;}
.treat-card h4{font-size:13px;font-weight:700;color:var(--charcoal);line-height:1.4;}

/* APPROACH */
.approach-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;}
.approach-points{display:flex;flex-direction:column;gap:14px;}
.approach-point{display:flex;gap:16px;align-items:flex-start;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:20px 22px;box-shadow:var(--glass-shadow),var(--glass-inset);position:relative;overflow:hidden;transition:all .4s var(--ease);}
.approach-point::before{content:'';position:absolute;top:0;left:6%;right:6%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.40) 25%,rgba(255,255,255,.50) 50%,rgba(255,255,255,.40) 75%,transparent);z-index:2;pointer-events:none;}
.approach-point:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);transform:translateX(5px);box-shadow:var(--glass-shadow-hover),var(--glass-inset-hover);}
.ap-num{width:34px;height:34px;background:linear-gradient(135deg,var(--navy),var(--navy-bright));color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0;margin-top:1px;box-shadow:0 3px 12px rgba(12,31,63,.30);}
.approach-point h4{font-size:15px;font-weight:700;color:var(--charcoal);margin-bottom:4px;}
.approach-point p{font-size:14px;color:var(--text-secondary);line-height:1.65;}

/* APPROACH VISUAL — dark frosted */
.approach-visual{background:linear-gradient(145deg,rgba(12,31,63,.88),rgba(26,58,107,.82));backdrop-filter:var(--glass-blur-heavy);-webkit-backdrop-filter:var(--glass-blur-heavy);border:1px solid rgba(255,255,255,.10);border-radius:var(--radius-lg);padding:48px 40px;box-shadow:var(--shadow-xl),inset 0 1px 0 rgba(255,255,255,.10);position:relative;overflow:hidden;}
.approach-visual::before{content:'';position:absolute;top:0;left:6%;right:6%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22) 25%,rgba(255,255,255,.26) 50%,rgba(255,255,255,.22) 75%,transparent);pointer-events:none;}
.approach-visual h3{font-family:'Fraunces',serif;font-size:26px;color:#fff;margin-bottom:16px;line-height:1.3;}
.approach-visual p{font-size:15px;color:rgba(255,255,255,.76);line-height:1.78;margin-bottom:32px;}
.av-stats{display:flex;gap:24px;padding-top:24px;border-top:1px solid rgba(255,255,255,.10);}
.av-stat{text-align:center;flex:1;}.av-stat-num{font-family:'Fraunces',serif;font-size:28px;font-weight:700;color:var(--sky-light);display:block;margin-bottom:4px;text-shadow:0 0 30px rgba(126,192,244,.25);}.av-stat-lbl{font-size:11px;color:rgba(255,255,255,.50);letter-spacing:.5px;}

/* PAGE HERO */
.page-hero{position:relative;padding:140px 56px 72px;overflow:hidden;z-index:1;min-height:340px;display:flex;align-items:flex-end;}
.page-hero-bg{position:absolute;inset:0;background:linear-gradient(155deg,#060e1e 0%,var(--navy) 35%,#14345c 65%,#0f2a4c 100%);}
.page-hero .orb1{position:absolute;width:500px;height:500px;top:-140px;right:-60px;background:radial-gradient(circle,rgba(45,98,163,.30) 0%,transparent 65%);filter:blur(70px);border-radius:50%;animation:ho1 20s ease-in-out infinite;}
.page-hero .orb2{position:absolute;width:380px;height:380px;bottom:-90px;left:18%;background:radial-gradient(circle,rgba(91,163,230,.22) 0%,transparent 65%);filter:blur(60px);border-radius:50%;animation:ho2 24s ease-in-out infinite;}
.page-hero-dots{position:absolute;inset:0;overflow:hidden;opacity:0;animation:df 2s .3s forwards;}.page-hero-dots::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.06) 1px,transparent 1px);background-size:40px 40px;}
.page-hero-inner{position:relative;z-index:2;max-width:1100px;margin:0 auto;}
.page-hero .label{opacity:0;transform:translateY(14px);animation:hF .6s .1s forwards;color:var(--sky-light);}.page-hero .label::before{background:var(--sky-light);}
.page-hero h1{font-family:'Fraunces',serif;font-size:50px;color:#fff;font-weight:700;line-height:1.15;max-width:620px;margin-bottom:20px;opacity:0;animation:hF .8s .25s forwards;}
.page-hero p{font-size:17px;color:rgba(255,255,255,.76);max-width:540px;line-height:1.78;opacity:0;animation:hF .8s .4s forwards;}

/* VISION / MISSION */
.vm-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
.vm-card{border-radius:var(--radius-lg);padding:44px 40px;transition:all .4s var(--ease);position:relative;overflow:hidden;}.vm-card:hover{transform:translateY(-4px);}
.vm-card.vision{background:linear-gradient(145deg,rgba(12,31,63,.88),rgba(26,58,107,.82));backdrop-filter:var(--glass-blur-heavy);-webkit-backdrop-filter:var(--glass-blur-heavy);border:1px solid rgba(255,255,255,.10);box-shadow:var(--shadow-xl),inset 0 1px 0 rgba(255,255,255,.10);}
.vm-card.vision::before{content:'';position:absolute;top:0;left:6%;right:6%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.20) 30%,rgba(255,255,255,.22) 70%,transparent);pointer-events:none;}
.vm-card.mission{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow),var(--glass-inset);}
.vm-card.mission::before{content:'';position:absolute;top:0;left:6%;right:6%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.40) 25%,rgba(255,255,255,.50) 50%,rgba(255,255,255,.40) 75%,transparent);z-index:2;pointer-events:none;}
.vm-card.mission:hover{background:var(--glass-bg-hover);box-shadow:var(--glass-shadow-hover),var(--glass-inset-hover);}
.vm-lbl{font-size:11px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;margin-bottom:16px;}
.vm-card.vision .vm-lbl{color:var(--sky-light);}.vm-card.mission .vm-lbl{color:var(--sky);}
.vm-card h3{font-family:'Fraunces',serif;font-size:22px;font-weight:700;margin-bottom:14px;line-height:1.3;}
.vm-card.vision h3{color:#fff;}.vm-card.mission h3{color:var(--charcoal);}
.vm-card p{font-size:15px;line-height:1.78;}.vm-card.vision p{color:rgba(255,255,255,.76);}.vm-card.mission p{color:var(--text-secondary);}

/* VALUES */
.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.value-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:32px 26px;border-left:3px solid var(--sky);box-shadow:var(--glass-shadow),var(--glass-inset);position:relative;overflow:hidden;transition:all .4s var(--ease);}
.value-card::before{content:'';position:absolute;top:0;left:3px;right:6%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.90) 20%,rgba(255,255,255,.95) 50%,rgba(255,255,255,.90) 80%,transparent);z-index:2;pointer-events:none;}
.value-card:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);transform:translateY(-5px);box-shadow:var(--glass-shadow-hover),var(--glass-inset-hover);}
.value-card .v-icon{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;background:rgba(91,163,230,.10);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 2px 6px rgba(12,31,63,.06);transition:transform .35s var(--ease);}
.value-card:hover .v-icon{transform:scale(1.1);}.value-card .v-icon svg{width:22px;height:22px;}
.value-card h4{font-size:16px;font-weight:700;color:var(--charcoal);margin-bottom:8px;}.value-card p{font-size:14px;color:var(--text-secondary);line-height:1.68;}

/* GOAL BANNER */
.goal-banner{background:linear-gradient(140deg,rgba(12,31,63,.88),rgba(26,58,107,.82));backdrop-filter:var(--glass-blur-heavy);-webkit-backdrop-filter:var(--glass-blur-heavy);border:1px solid rgba(255,255,255,.10);border-radius:var(--radius-xl);padding:60px 56px;text-align:center;box-shadow:var(--shadow-xl),inset 0 1px 0 rgba(255,255,255,.10);position:relative;overflow:hidden;}
.goal-banner::before{content:'';position:absolute;top:0;left:6%;right:6%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.20) 25%,rgba(255,255,255,.24) 50%,rgba(255,255,255,.20) 75%,transparent);pointer-events:none;}
.goal-banner h3{font-family:'Fraunces',serif;font-size:34px;color:#fff;margin-bottom:20px;line-height:1.3;max-width:700px;margin-left:auto;margin-right:auto;}
.goal-banner p{font-size:16px;color:rgba(255,255,255,.76);max-width:580px;margin:0 auto;line-height:1.78;}

/* SERVICES */
.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.service-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:34px 26px;box-shadow:var(--glass-shadow),var(--glass-inset);position:relative;overflow:hidden;transition:all .4s var(--ease);}
.service-card::before{content:'';position:absolute;top:0;left:6%;right:6%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.40) 25%,rgba(255,255,255,.50) 50%,rgba(255,255,255,.40) 75%,transparent);z-index:2;pointer-events:none;}
.service-card:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);transform:translateY(-5px);box-shadow:var(--glass-shadow-hover),var(--glass-inset-hover);}
.sc-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;background:rgba(91,163,230,.10);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 2px 6px rgba(12,31,63,.06);transition:transform .35s var(--ease);}
.service-card:hover .sc-icon{transform:scale(1.1);}.sc-icon svg{width:24px;height:24px;}
.service-card h4{font-size:17px;font-weight:700;color:var(--charcoal);margin-bottom:8px;}.service-card p{font-size:14px;color:var(--text-secondary);line-height:1.68;}
.service-card.cta{background:linear-gradient(145deg,rgba(12,31,63,.88),rgba(26,58,107,.82));backdrop-filter:var(--glass-blur-heavy);-webkit-backdrop-filter:var(--glass-blur-heavy);border:1px solid rgba(255,255,255,.10);box-shadow:var(--shadow-xl),inset 0 1px 0 rgba(255,255,255,.10);}
.service-card.cta::before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.20) 25%,rgba(255,255,255,.24) 50%,rgba(255,255,255,.20) 75%,transparent);}
.service-card.cta:hover{box-shadow:0 22px 60px rgba(12,31,63,.30),inset 0 1px 0 rgba(255,255,255,.14);}.service-card.cta .sc-icon{background:rgba(255,255,255,.10);}.service-card.cta h4{color:#fff;}.service-card.cta p{color:rgba(255,255,255,.74);}

/* FOCUS / PARTNERS */
.focus-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;}.focus-points{display:flex;flex-direction:column;gap:10px;margin-top:22px;}
.focus-point{display:flex;align-items:flex-start;gap:12px;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:14px 18px;box-shadow:var(--glass-shadow),var(--glass-inset);position:relative;overflow:hidden;transition:all .35s var(--ease);}
.focus-point:hover{background:var(--glass-bg-hover);transform:translateX(4px);box-shadow:var(--glass-shadow-hover),var(--glass-inset-hover);}
.focus-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;margin-top:7px;background:var(--sky);box-shadow:0 0 6px rgba(91,163,230,.5);}
.focus-point p{font-size:14px;color:var(--text-secondary);line-height:1.65;}
.partners-grid{display:flex;flex-direction:column;gap:8px;margin-top:18px;}
.partner-item{display:flex;align-items:center;gap:12px;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:12px 18px;font-size:14px;font-weight:500;color:var(--charcoal);box-shadow:var(--glass-shadow),var(--glass-inset);transition:all .35s var(--ease);}
.partner-item:hover{background:var(--glass-bg-hover);transform:translateX(4px);box-shadow:var(--glass-shadow-hover),var(--glass-inset-hover);}
.partner-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;background:var(--navy-bright);box-shadow:0 0 5px rgba(45,98,163,.5);}

/* MARKET BANNER */
.market-banner{background:linear-gradient(140deg,rgba(12,31,63,.88),rgba(26,58,107,.82));backdrop-filter:var(--glass-blur-heavy);-webkit-backdrop-filter:var(--glass-blur-heavy);border:1px solid rgba(255,255,255,.10);border-radius:var(--radius-xl);padding:56px;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;box-shadow:var(--shadow-xl),inset 0 1px 0 rgba(255,255,255,.10);position:relative;overflow:hidden;}
.market-banner::before{content:'';position:absolute;top:0;left:6%;right:6%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.20) 25%,rgba(255,255,255,.24) 50%,rgba(255,255,255,.20) 75%,transparent);pointer-events:none;}
.market-banner h3{font-family:'Fraunces',serif;font-size:28px;color:#fff;margin-bottom:14px;line-height:1.3;}
.market-banner>div>p{font-size:15px;color:rgba(255,255,255,.76);line-height:1.78;}
.market-points{display:flex;flex-direction:column;gap:14px;}
.market-pt{font-size:14px;color:rgba(255,255,255,.78);display:flex;gap:12px;align-items:flex-start;line-height:1.6;}
.market-arrow{font-size:18px;color:var(--sky-light);flex-shrink:0;text-shadow:0 0 10px rgba(126,192,244,.4);}

/* CONTACT */
.contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:56px;align-items:start;}
.contact-info h3{font-family:'Fraunces',serif;font-size:28px;color:var(--charcoal);margin-bottom:16px;}
.contact-info>p{font-size:16px;color:var(--text-secondary);line-height:1.78;margin-bottom:32px;}
.contact-detail{display:flex;gap:14px;align-items:flex-start;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:16px 20px;margin-bottom:12px;box-shadow:var(--glass-shadow),var(--glass-inset);position:relative;overflow:hidden;transition:all .35s var(--ease);}
.contact-detail::before{content:'';position:absolute;top:0;left:8%;right:8%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.38) 30%,rgba(255,255,255,.38) 70%,transparent);pointer-events:none;}
.contact-detail:hover{background:var(--glass-bg-hover);transform:translateX(4px);box-shadow:var(--glass-shadow-hover),var(--glass-inset-hover);}
.cd-icon{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:rgba(91,163,230,.10);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 2px 6px rgba(12,31,63,.06);}
.cd-icon svg{width:20px;height:20px;}
.contact-detail h5{font-size:11px;font-weight:600;letter-spacing:.8px;text-transform:uppercase;color:var(--text-muted);margin-bottom:3px;}
.contact-detail p{font-size:15px;color:var(--charcoal);font-weight:500;}
.contact-form{background:var(--glass-bg);backdrop-filter:var(--glass-blur-heavy);-webkit-backdrop-filter:var(--glass-blur-heavy);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:44px 40px;box-shadow:var(--glass-shadow),var(--glass-inset);position:relative;overflow:hidden;}
.contact-form::before{content:'';position:absolute;top:0;left:8%;right:8%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.40) 25%,rgba(255,255,255,.50) 50%,rgba(255,255,255,.40) 75%,transparent);z-index:2;pointer-events:none;}
.contact-form h3{font-family:'Fraunces',serif;font-size:24px;color:var(--charcoal);margin-bottom:28px;}
.form-group{margin-bottom:18px;}.form-group label{display:block;font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:7px;}
.form-group input,.form-group textarea,.form-group select{width:100%;padding:12px 16px;background:rgba(220,230,242,.50);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.60);border-radius:var(--radius-sm);font-family:'Outfit',sans-serif;font-size:14px;color:var(--text-primary);outline:none;transition:all .3s var(--ease);box-shadow:inset 0 1px 2px rgba(12,31,63,.04);-webkit-appearance:none;appearance:none;}
.form-group input:focus,.form-group textarea:focus,.form-group select:focus{background:rgba(230,238,248,.75);border-color:var(--sky);box-shadow:0 0 0 3px rgba(91,163,230,.12),inset 0 1px 0 rgba(255,255,255,.8);}
.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted);opacity:.6;}
.form-group textarea{resize:vertical;min-height:110px;}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.btn-submit{width:100%;padding:14px;background:linear-gradient(135deg,var(--navy),var(--navy-bright));color:#fff;border:none;border-radius:var(--radius-sm);font-family:'Outfit',sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:all .35s var(--ease);margin-top:6px;box-shadow:0 4px 16px rgba(12,31,63,.22),inset 0 1px 0 rgba(255,255,255,.08);position:relative;overflow:hidden;}
.btn-submit::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.10),transparent);transition:left .5s;}.btn-submit:hover::before{left:100%;}
.btn-submit:hover{background:linear-gradient(135deg,var(--navy-mid),var(--navy-bright));transform:translateY(-2px);box-shadow:0 8px 28px rgba(12,31,63,.30),inset 0 1px 0 rgba(255,255,255,.12);}

/* THANK YOU */
.ty-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:60px 24px;position:relative;z-index:1;}
.card{background:var(--glass-bg);backdrop-filter:var(--glass-blur-heavy);-webkit-backdrop-filter:var(--glass-blur-heavy);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:56px;max-width:540px;text-align:center;box-shadow:var(--glass-shadow),var(--glass-inset);position:relative;z-index:2;overflow:hidden;opacity:0;animation:hF .8s .2s forwards;}
.card::before{content:'';position:absolute;top:0;left:8%;right:8%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.40) 25%,rgba(255,255,255,.50) 50%,rgba(255,255,255,.40) 75%,transparent);z-index:2;pointer-events:none;}

/* FOOTER */
footer{background:linear-gradient(160deg,#060e1e 0%,#0c2040 100%);padding:60px 56px 28px;position:relative;border-top:1px solid rgba(255,255,255,.06);}
.footer-inner{max-width:1100px;margin:0 auto;}
.footer-top{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:44px;padding-bottom:44px;border-bottom:1px solid rgba(255,255,255,.07);margin-bottom:28px;}
.footer-logo{font-family:'Fraunces',serif;font-size:19px;font-weight:700;color:#fff;margin-bottom:14px;}.footer-logo span{color:var(--sky-light);}
.footer-desc{font-size:14px;color:rgba(255,255,255,.42);line-height:1.72;max-width:230px;}
.footer-col h5{font-size:11px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:rgba(255,255,255,.32);margin-bottom:18px;}
.footer-col a{display:block;font-size:14px;color:rgba(255,255,255,.52);text-decoration:none;margin-bottom:11px;transition:color .3s,transform .3s var(--ease);}.footer-col a:hover{color:#fff;transform:translateX(4px);}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:rgba(255,255,255,.28);}

/* RESPONSIVE */
@media(max-width:768px){
nav{padding:0 20px;height:58px;}.nav-logo{font-size:17px;}
.nav-links{position:fixed;top:0;right:-100%;width:70vw;max-width:280px;height:100vh;background:rgba(215,224,238,.96);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);flex-direction:column;gap:0;padding:76px 28px 28px;transition:right .4s var(--ease);z-index:999;border-left:1px solid var(--glass-border);}.nav-links.open{right:0;}
.nav-links a{padding:15px 0;font-size:14px;color:var(--text-primary);border-bottom:1px solid rgba(12,31,63,.06);}.nav-links a::after{display:none;}.nav-hamburger{display:flex;}
.hero{padding:96px 22px 56px;min-height:auto;}.hero-inner{grid-template-columns:1fr;gap:40px;}.hero h1{font-size:36px;}.hero-sub{font-size:15px;}.hero-btns{flex-direction:column;align-items:stretch;}.btn{justify-content:center;}.hero-cards{grid-template-columns:1fr 1fr;gap:10px;}.hero-card{padding:18px 14px;}
.page-hero{padding:104px 22px 56px;min-height:auto;}.page-hero h1{font-size:32px;}.page-hero p{font-size:15px;}
section{padding:64px 22px;}.title{font-size:28px;}.intro{font-size:15px;margin-bottom:32px;}
.treat-grid{grid-template-columns:1fr 1fr;gap:10px;}.approach-grid{grid-template-columns:1fr;gap:36px;}.vm-grid{grid-template-columns:1fr;gap:18px;}.vm-card{padding:32px 26px;}.values-grid{grid-template-columns:1fr;gap:14px;}.services-grid{grid-template-columns:1fr;gap:14px;}.focus-grid{grid-template-columns:1fr;gap:32px;}.market-banner{grid-template-columns:1fr;gap:28px;padding:36px 24px;}.contact-grid{grid-template-columns:1fr;gap:36px;}.contact-form{padding:28px 22px;}.form-row{grid-template-columns:1fr;}
.footer-top{grid-template-columns:1fr;gap:28px;}.footer-bottom{flex-direction:column;gap:6px;text-align:center;}footer{padding:44px 22px 24px;}
}

/* iOS */
@supports(-webkit-backdrop-filter:blur(1px)){nav,.treat-card,.value-card,.service-card,.focus-point,.partner-item,.approach-point,.contact-detail,.contact-form,.vm-card.mission,.card{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}
@media(hover:none)and(pointer:coarse){.treat-card,.value-card,.service-card:not(.cta),.focus-point,.partner-item,.approach-point,.contact-detail,.vm-card.mission{backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);}}
@supports(padding-bottom:env(safe-area-inset-bottom)){footer{padding-bottom:calc(28px + env(safe-area-inset-bottom));}nav{padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right));}}
@supports(-webkit-touch-callout:none){.hero{min-height:-webkit-fill-available;}.ty-wrap{min-height:-webkit-fill-available;}}
html{-webkit-overflow-scrolling:touch;}
@media screen and(max-width:768px){.form-group input,.form-group textarea,.form-group select{font-size:16px;}}