:root{--brand:#0A3957;--accent:#E86E47;--glass:rgba(10,57,87,.42);--bg:#fff;--text:#0A3957;--muted:#6B7280;--radius:12px;--maxw:1200px}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{display:flex;flex-direction:column;min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial;background:var(--bg);color:var(--text);line-height:1.6;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:var(--maxw);margin:0 auto;padding:0 20px}.site-header{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:background .3s,transform .25s}.nav-link{color:rgba(10,57,87,.85);padding:.35rem .6rem;border-radius:.375rem;text-decoration:none;transition:transform .18s,background .18s}.nav-link:hover{transform:translateY(-3px);background:rgba(10,57,87,.04)}main{flex:1}.hero{padding:3.5rem 0;background:linear-gradient(135deg,rgba(232,110,71,.06),rgba(10,57,87,.03))}.eyebrow{font-weight:700;padding:6px 10px;border-radius:999px;color:#fff;background:linear-gradient(90deg,var(--accent),#f19b6c);font-size:.8rem}.lead{max-width:60ch;margin-top:12px;color:var(--muted)}.hero-title{color:var(--brand)}.btn-primary{background:var(--accent);color:#fff;padding:.75rem 1.1rem;border-radius:999px;font-weight:700;text-decoration:none;display:inline-block;font-size:1rem;transition:transform .18s,box-shadow .18s;box-shadow:0 8px 24px rgba(232,110,71,.12)}.btn-primary:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(232,110,71,.18)}.btn-ghost,.btn-outline{background:transparent;padding:.72rem 1rem;border-radius:999px;color:var(--brand);font-weight:600;font-size:1rem;text-decoration:none;transition:background .18s,border-color .18s}.btn-ghost{border:1px solid rgba(10,57,87,.08)}.btn-outline{border:1px dashed rgba(10,57,87,.06);margin-left:12px}.media-card{position:relative;border-radius:12px;overflow:hidden;cursor:pointer;transform:translateZ(0);transition:all .45s cubic-bezier(.2,.9,.2,1)}.media-card:hover{transform:translateY(-12px) rotate(-.5deg) scale(1.01);box-shadow:0 30px 60px rgba(2,6,23,.18)}.media-img{width:100%;height:auto;display:block}.badge{position:absolute;padding:8px 10px;background:#fff;border-radius:999px;font-size:.78rem;box-shadow:0 6px 18px rgba(6,12,34,.08)}.badge-1{top:14%;left:6%}.badge-2{bottom:12%;right:8%}.premium-badge{position:absolute;padding:8px 14px;font-weight:600;border-radius:9999px;font-size:.75rem;color:#fff;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(6px);animation:float 6s ease-in-out infinite}.premium-badge:nth-child(odd){animation-delay:1.5s}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-6px)}100%{transform:translateY(0)}}.service-card,.feature{background:#fff;padding:14px;border-radius:12px;transition:all .3s;box-shadow:0 8px 22px rgba(6,12,34,.04);cursor:pointer;height:100%}.service-card:hover,.feature:hover{transform:translateY(-6px);box-shadow:0 22px 48px rgba(6,12,34,.08)}.premium-card{padding:32px;border-radius:20px;background:rgba(255,255,255,.12);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.18);box-shadow:0 8px 22px rgba(0,0,0,.08);transition:all .4s ease}.premium-card:hover{transform:translateY(-4px);background:rgba(255,255,255,.2);box-shadow:0 12px 32px rgba(0,0,0,.12)}.icon-wrap{width:58px;height:58px;display:flex;align-items:center;justify-content:center;border-radius:14px;background:linear-gradient(135deg,#0e1f34,#1c3a63);box-shadow:0 4px 14px rgba(0,0,0,.25);margin-bottom:20px}.card-title{font-size:1.35rem;font-weight:700;letter-spacing:-.01em;margin-bottom:10px}.card-desc{color:#4b5563;font-size:.95rem;line-height:1.5}.icon-ph{font-size:28px;color:#fff}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.reveal.is-visible{opacity:1;transform:none}.scroll-top-btn{position:fixed;right:20px;bottom:20px;width:55px;height:55px;border-radius:50%;background:linear-gradient(135deg,#00AEEF,#0074A6);color:#fff;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transform:translateY(20px);transition:all .35s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.25);box-shadow:0 8px 25px rgba(0,150,255,.45);z-index:9999}.scroll-top-btn.show{opacity:1;visibility:visible;transform:translateY(0)}.scroll-top-btn i{width:24px;height:24px}@media(hover:hover){.scroll-top-btn:hover{transform:translateY(-4px);background:linear-gradient(135deg,#00BBFF,#005F89);box-shadow:0 12px 28px rgba(0,180,255,.55)}}.accent-band{height:6px;border-radius:999px;margin-top:14px;background:linear-gradient(90deg,var(--accent),#f2975b,var(--brand));opacity:.95}@media(max-width:768px){.nav-link{display:none}.badge-1,.badge-2{display:none}.hero-title{font-size:1.8rem}}@media(max-width:600px){.hero{padding:2.5rem 0}.hero-title{font-size:1.6rem;line-height:1.3}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}
