:root{
    --bg:#F0F6FB;
    --ink:#0A1628;
    --ink-soft:#3B4F6B;
    --navy:#0B2D5E;
    --navy-deep:#061D3D;
    --blue:#0B5ED7;
    --blue-light:#4A9EFF;
    --blue-glow:#B8D4FF;
    --cyan:#00C3FF;
    --cyan-soft:#7BE8FF;
    --coral:#FF5A36;
    --coral-glow:#FFB8A8;
    --line:#C8D8EA;
    --card:#FFFFFF;
    --display: 'Be Vietnam Pro', sans-serif;
    --mono: 'JetBrains Mono', monospace;
  }
  *{box-sizing:border-box; margin:0; padding:0;}
  html{scroll-behavior:smooth;}
  body{background:var(--bg); color:var(--ink); font-family:var(--display); line-height:1.62; overflow-x:hidden;}
  a{color:inherit; text-decoration:none;}
  img,svg{display:block; max-width:100%;}
  .wrap{max-width:1160px; margin:0 auto; padding:0 28px;}
  .wrap-narrow{max-width:780px; margin:0 auto; padding:0 28px;}
  section{padding:100px 0; position:relative;}
  @media(max-width:640px){ section{padding:60px 0;} }
  .eyebrow{font-family:var(--mono); font-size:11px; text-transform:uppercase; letter-spacing:.14em; color:var(--blue); margin-bottom:14px; font-weight:500;}
  h2{font-size:clamp(26px,3.6vw,38px); font-weight:800; max-width:24ch; margin-bottom:18px; line-height:1.15;}
  p.lead{font-size:17px; color:var(--ink-soft); max-width:64ch; line-height:1.7;}
  .btn{display:inline-flex; align-items:center; gap:10px; font-family:var(--display); font-weight:600; font-size:15px; padding:15px 30px; border-radius:14px; border:none; cursor:pointer; text-decoration:none; transition:all .35s cubic-bezier(.4,0,.2,1); position:relative; overflow:hidden;}
  .btn-primary{background:linear-gradient(135deg, var(--coral) 0%, #FF7A5C 100%); color:#fff; box-shadow:0 8px 32px rgba(255,90,54,.35), 0 2px 8px rgba(255,90,54,.2);}
  .btn-primary::before{content:''; position:absolute; inset:0; background:linear-gradient(135deg, #FF7A5C 0%, var(--coral) 100%); opacity:0; transition:opacity .35s;}
  .btn-primary:hover::before{opacity:1;}
  .btn-primary:hover{transform:translateY(-2px); box-shadow:0 12px 40px rgba(255,90,54,.45), 0 4px 12px rgba(255,90,54,.25);}
  .btn-primary span{position:relative; z-index:1;}
  .btn-ghost{background:rgba(255,255,255,.08); color:#fff; border:1.5px solid rgba(255,255,255,.3); backdrop-filter:blur(12px);}
  .btn-ghost:hover{border-color:rgba(255,255,255,.7); background:rgba(255,255,255,.15); transform:translateY(-2px);}
  .btn-ghost span{position:relative; z-index:1;}

  .particles{position:absolute; inset:0; overflow:hidden; pointer-events:none;}
  .particle{position:absolute; border-radius:50%; opacity:.15; animation:floatUp 20s linear infinite;}
  @keyframes floatUp{
    0%{transform:translateY(100vh) rotate(0deg); opacity:0;}
    10%{opacity:.15;}
    90%{opacity:.15;}
    100%{transform:translateY(-20vh) rotate(720deg); opacity:0;}
  }

  .hero{position:relative; background:linear-gradient(160deg, var(--navy-deep) 0%, var(--navy) 40%, #0B3D7A 70%, #0B5ED7 100%); color:#fff; padding:0; overflow:hidden; min-height:100vh; display:flex; align-items:center;}
  .hero .wrap{position:relative; z-index:2; padding-top:80px; padding-bottom:80px;}
  .hero-bg-shapes{position:absolute; inset:0; overflow:hidden; pointer-events:none;}
  .hero-bg-shapes .orb{position:absolute; border-radius:50%; filter:blur(80px); opacity:.35;}
  .hero-bg-shapes .orb-1{width:600px; height:600px; background:linear-gradient(135deg, var(--cyan) 0%, transparent 70%); top:-10%; right:-5%; animation:pulseOrb 8s ease-in-out infinite alternate;}
  .hero-bg-shapes .orb-2{width:400px; height:400px; background:linear-gradient(135deg, var(--blue-light) 0%, transparent 70%); bottom:10%; left:-5%; animation:pulseOrb 10s ease-in-out infinite alternate-reverse;}
  .hero-bg-shapes .orb-3{width:300px; height:300px; background:linear-gradient(135deg, var(--cyan-soft) 0%, transparent 70%); top:40%; left:30%; animation:pulseOrb 6s ease-in-out infinite alternate;}
  @keyframes pulseOrb{0%{transform:scale(1) translate(0,0);} 100%{transform:scale(1.15) translate(20px,-20px);}}
  .hero-grid{display:grid; grid-template-columns:1.1fr .9fr; gap:60px; align-items:center;}
  @media(max-width:900px){ .hero-grid{grid-template-columns:1fr; gap:40px;} }
  .tag{display:inline-flex; align-items:center; gap:10px; font-family:var(--mono); font-size:11px; letter-spacing:.08em; text-transform:uppercase; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.2); padding:8px 16px; border-radius:100px; color:var(--cyan-soft); backdrop-filter:blur(8px);}
  .tag .dot{width:8px; height:8px; border-radius:50%; background:linear-gradient(135deg, var(--cyan), var(--blue-light)); animation:pulseDot 2s ease-in-out infinite; box-shadow:0 0 12px var(--cyan);}
  @keyframes pulseDot{0%,100%{transform:scale(1); opacity:1;} 50%{transform:scale(1.3); opacity:.7;}}
  h1{font-size:clamp(36px,5.5vw,58px); font-weight:900; line-height:1.08; margin:28px 0 22px; max-width:16ch; letter-spacing:-.02em;}
  h1 em{font-style:normal; background:linear-gradient(135deg, var(--cyan) 0%, var(--blue-light) 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;}
  .hero p.sub{font-size:18px; color:rgba(255,255,255,.72); max-width:50ch; margin-bottom:36px; line-height:1.75;}
  .hero-cta{display:flex; gap:16px; flex-wrap:wrap; margin-bottom:0;}
  .hero-visual{position:relative;}
  .hero-visual .hero-banner{border-radius:24px; overflow:hidden; box-shadow:0 30px 80px -20px rgba(0,0,0,.5), 0 0 0 1px rgba(255,255,255,.1); transform:perspective(1000px) rotateY(-5deg) rotateX(3deg); transition:transform .6s cubic-bezier(.4,0,.2,1);}
  .hero-visual:hover .hero-banner{transform:perspective(1000px) rotateY(0deg) rotateX(0deg);}
  .hero-banner img{width:100%; object-fit:cover; height:380px;}
  .hero-float-card{position:absolute; bottom:-20px; left:-30px; background:rgba(255,255,255,.12); backdrop-filter:blur(20px); border:1px solid rgba(255,255,255,.18); border-radius:16px; padding:16px 22px; display:flex; align-items:center; gap:14px; animation:floatCard 4s ease-in-out infinite;}
  .hero-float-card .float-icon{width:42px; height:42px; background:linear-gradient(135deg, var(--cyan), var(--blue-light)); border-radius:12px; display:flex; align-items:center; justify-content:center; font-size:20px;}
  .hero-float-card .float-text{font-size:13px; font-weight:600; color:#fff;}
  .hero-float-card .float-sub{font-size:11px; color:rgba(255,255,255,.6);}
  @keyframes floatCard{0%,100%{transform:translateY(0);} 50%{transform:translateY(-12px);}}
  .hero-scroll{position:absolute; bottom:30px; left:50%; transform:translateX(-50%); display:flex; flex-direction:column; align-items:center; gap:8px; opacity:.5; animation:fadeInUp 1s 1s both;}
  .hero-scroll .mouse{width:22px; height:36px; border:2px solid rgba(255,255,255,.4); border-radius:12px; position:relative;}
  .hero-scroll .mouse::after{content:''; position:absolute; top:6px; left:50%; transform:translateX(-50%); width:4px; height:8px; background:rgba(255,255,255,.6); border-radius:2px; animation:scrollWheel 2s ease-in-out infinite;}
  .hero-scroll span{font-size:10px; letter-spacing:.1em; text-transform:uppercase; color:rgba(255,255,255,.5);}
  @keyframes scrollWheel{0%,100%{top:6px; opacity:1;} 50%{top:18px; opacity:0;}}
  @keyframes fadeInUp{from{opacity:0; transform:translateY(20px);} to{opacity:.5; transform:translateY(0);}}

  .stats{background:linear-gradient(180deg, #fff 0%, var(--bg) 100%); border-bottom:1px solid var(--line); position:relative;}
  .stats::before{content:''; position:absolute; top:0; left:0; right:0; height:1px; background:linear-gradient(90deg, transparent 0%, var(--blue-light) 50%, transparent 100%);}
  .stats-row{display:grid; grid-template-columns:repeat(4,1fr); gap:0;}
  @media(max-width:700px){ .stats-row{grid-template-columns:repeat(2,1fr);} }
  .stat{text-align:center; padding:32px 16px; position:relative;}
  .stat:not(:last-child)::after{content:''; position:absolute; right:0; top:25%; bottom:25%; width:1px; background:linear-gradient(180deg, transparent 0%, var(--line) 50%, transparent 100%);}
  @media(max-width:700px){ .stat:nth-child(2)::after{display:none;} .stat:nth-child(1)::after,.stat:nth-child(3)::after{right:auto; left:50%; bottom:0; top:auto; width:60%; height:1px; transform:translateX(-50%); background:linear-gradient(90deg, transparent 0%, var(--line) 50%, transparent 100%);} }
  .stat .num{font-family:var(--mono); font-weight:700; font-size:clamp(26px,3.2vw,34px); background:linear-gradient(135deg, var(--navy) 0%, var(--blue) 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;}
  .stat .label{font-size:13px; color:var(--ink-soft); margin-top:6px; font-weight:500;}

  .pain-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:48px;}
  @media(max-width:800px){ .pain-grid{grid-template-columns:1fr;} }
  .pain-card{background:var(--card); border:1px solid var(--line); border-radius:20px; padding:36px 30px; position:relative; overflow:hidden; transition:all .4s cubic-bezier(.4,0,.2,1);}
  .pain-card::before{content:''; position:absolute; top:0; left:0; right:0; height:4px; background:linear-gradient(90deg, var(--blue) 0%, var(--cyan) 100%); transform:scaleX(0); transform-origin:left; transition:transform .4s cubic-bezier(.4,0,.2,1);}
  .pain-card:hover{transform:translateY(-8px); box-shadow:0 24px 48px -12px rgba(11,46,91,.12); border-color:var(--blue-glow);}
  .pain-card:hover::before{transform:scaleX(1);}
  .pain-card .icon{width:52px; height:52px; margin-bottom:20px; background:linear-gradient(135deg, var(--blue-glow) 0%, rgba(0,195,255,.1) 100%); border-radius:14px; display:flex; align-items:center; justify-content:center; color:var(--blue);}
  .pain-card .icon svg{width:26px; height:26px;}
  .pain-card h3{font-size:18px; font-weight:700; margin-bottom:10px;}
  .pain-card p{font-size:14.5px; color:var(--ink-soft); line-height:1.7;}

  .story{background:linear-gradient(180deg, #fff 0%, var(--bg) 100%); border-top:1px solid var(--line); border-bottom:1px solid var(--line); position:relative;}
  .story::before{content:''; position:absolute; top:0; left:0; right:0; height:1px; background:linear-gradient(90deg, transparent 0%, var(--blue-light) 50%, transparent 100%);}
  .story-grid{display:grid; grid-template-columns:1.1fr .9fr; gap:56px; align-items:start; margin-top:40px;}
  @media(max-width:840px){ .story-grid{grid-template-columns:1fr;} }
  .story-body p{margin-bottom:18px; font-size:15.5px; color:var(--ink-soft); line-height:1.8;}
  .story-body p strong{color:var(--ink); font-weight:700;}
  .story-photos{display:grid; grid-template-columns:1fr 1fr; gap:14px; position:relative;}
  .story-photos::before{content:''; position:absolute; top:-20px; right:-20px; width:120px; height:120px; background:linear-gradient(135deg, var(--blue-glow) 0%, transparent 70%); border-radius:50%; filter:blur(40px); opacity:.6;}
  .story-photos img{border-radius:16px; aspect-ratio:1; object-fit:cover; width:100%; box-shadow:0 8px 24px rgba(11,46,91,.1); transition:transform .4s cubic-bezier(.4,0,.2,1);}
  .story-photos img:hover{transform:scale(1.03);}
  .story-photos img:first-child{grid-column:1/3; aspect-ratio:16/10;}

  .values-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:20px; margin-top:48px;}
  @media(max-width:900px){ .values-grid{grid-template-columns:1fr 1fr;} }
  @media(max-width:520px){ .values-grid{grid-template-columns:1fr;} }
  .value-card{border:1px solid var(--line); border-radius:18px; padding:32px 26px; background:#fff; position:relative; overflow:hidden; transition:all .4s cubic-bezier(.4,0,.2,1);}
  .value-card::after{content:''; position:absolute; bottom:0; left:0; right:0; height:3px; background:linear-gradient(90deg, var(--blue) 0%, var(--cyan) 100%); transform:scaleX(0); transform-origin:center; transition:transform .4s cubic-bezier(.4,0,.2,1);}
  .value-card:hover{transform:translateY(-6px); box-shadow:0 20px 40px -12px rgba(11,46,91,.1);}
  .value-card:hover::after{transform:scaleX(1);}
  .value-card .n{font-family:var(--mono); font-size:11px; color:#fff; background:linear-gradient(135deg, var(--blue) 0%, var(--cyan) 100%); display:inline-block; padding:5px 12px; border-radius:8px; margin-bottom:18px; font-weight:700; box-shadow:0 4px 12px rgba(11,93,215,.25);}
  .value-card h3{font-size:17px; font-weight:800; margin-bottom:10px;}
  .value-card p{font-size:14px; color:var(--ink-soft); line-height:1.7;}

  .products{background:linear-gradient(170deg, var(--navy-deep) 0%, var(--navy) 30%, #0B3D7A 60%, #0B5ED7 100%); color:#fff; position:relative; overflow:hidden;}
  .products .particles .particle{background:var(--cyan);}
  .products .eyebrow{color:var(--cyan-soft);}
  .products h2{color:#fff;}
  .products p.lead{color:rgba(255,255,255,.7);}
  .products::before{content:''; position:absolute; top:-200px; right:-100px; width:500px; height:500px; background:radial-gradient(circle, rgba(0,195,255,.15) 0%, transparent 70%); border-radius:50%;}
  .products::after{content:''; position:absolute; bottom:-150px; left:-100px; width:400px; height:400px; background:radial-gradient(circle, rgba(74,158,255,.12) 0%, transparent 70%); border-radius:50%;}
span.sol-price-tag small {
    font-size: 27px !important;
    color: #ffff !important;
}
  .sol-list{display:flex; flex-direction:column; gap:28px; margin-top:52px; position:relative; z-index:1;}
  .sol-card{background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.12); border-radius:24px; padding:36px; display:grid; grid-template-columns:200px 1fr; gap:36px; align-items:center; backdrop-filter:blur(12px); transition:all .4s cubic-bezier(.4,0,.2,1); position:relative; overflow:hidden;}
  .sol-card::before{content:''; position:absolute; top:0; left:0; width:4px; height:100%; background:linear-gradient(180deg, var(--cyan) 0%, var(--blue-light) 100%); transform:scaleY(0); transform-origin:top; transition:transform .4s cubic-bezier(.4,0,.2,1);}
  .sol-card:hover{transform:translateY(-4px); background:rgba(255,255,255,.08); border-color:rgba(255,255,255,.2); box-shadow:0 24px 48px -12px rgba(0,0,0,.3);}
  .sol-card:hover::before{transform:scaleY(1);}
  @media(max-width:720px){ .sol-card{grid-template-columns:1fr; text-align:left; padding:28px;} }
  .sol-imgs{display:flex; gap:14px; justify-content:center;}
  .sol-imgs img{width:90px; height:auto; border-radius:14px; background:#fff; padding:8px; box-shadow:0 8px 24px rgba(0,0,0,.2); transition:transform .4s cubic-bezier(.4,0,.2,1);}
  .sol-imgs img:hover{transform:scale(1.08) rotate(-3deg);}
  .sol-sku{font-family:var(--mono); font-size:22px; color:var(--cyan); letter-spacing:.08em; margin-bottom:8px; font-weight:700;}
  .sol-card h3{font-size:24px; font-weight:800; margin-bottom:12px;}
  .sol-card p{font-size:15px; color:rgba(255,255,255,.75); margin-bottom:18px; line-height:1.75;}
  .sol-meta{display:flex; gap:14px; flex-wrap:wrap; font-family:var(--mono); font-size:12.5px; color:var(--cyan);}
  .sol-meta span{padding:6px 14px; border-radius:100px; background:rgba(0,195,255,.08); transition:all .3s;}
  .sol-meta span:hover{background:rgba(0,195,255,.15); border-color:rgba(0,195,255,.5);}
  .honest-strip{margin-top:64px; border-top:1px solid rgba(255,255,255,.12); padding-top:28px; font-size:13.5px; color:rgba(255,255,255,.45); font-family:var(--mono); max-width:72ch; line-height:1.7;}

  .gallery-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin-top:48px;}
  @media(max-width:800px){ .gallery-grid{grid-template-columns:repeat(2,1fr);} }
  .gallery-grid a{border-radius:16px; overflow:hidden; position:relative; display:block;}
  .gallery-grid a::after{content:'🔍'; position:absolute; inset:0; display:flex; align-items:center; justify-content:center; font-size:24px; background:rgba(11,46,91,.6); opacity:0; transition:opacity .35s;}
  .gallery-grid a:hover::after{opacity:1;}
  .gallery-grid img{border-radius:16px; aspect-ratio:1; object-fit:cover; width:100%; transition:transform .5s cubic-bezier(.4,0,.2,1);}
  .gallery-grid a:hover img{transform:scale(1.08);}

  .ba{background:linear-gradient(180deg, #fff 0%, var(--bg) 100%); border-top:1px solid var(--line); border-bottom:1px solid var(--line); position:relative;}
  .ba::before{content:''; position:absolute; top:0; left:0; right:0; height:1px; background:linear-gradient(90deg, transparent 0%, var(--blue-light) 50%, transparent 100%);}
  .ba-wrap{margin-top:40px; text-align:center; position:relative;}
  .ba img{border-radius:24px; max-width:720px; margin:0 auto; width:100%; box-shadow:0 24px 64px -16px rgba(11,46,91,.2);}
  .ba-caption{font-family:var(--mono); font-size:12.5px; color:var(--ink-soft); margin-top:18px; letter-spacing:.06em;}

  .trust-row{display:flex; gap:32px; margin-top:48px; flex-wrap:wrap;}
  .trust-item{flex:1; min-width:260px; background:#fff; border:1px solid var(--line); border-radius:18px; padding:32px 28px; transition:all .4s cubic-bezier(.4,0,.2,1); position:relative; overflow:hidden;}
  .trust-item::before{content:''; position:absolute; top:0; left:0; right:0; height:3px; background:linear-gradient(90deg, var(--blue) 0%, var(--cyan) 100%); transform:scaleX(0); transform-origin:left; transition:transform .4s cubic-bezier(.4,0,.2,1);}
  .trust-item:hover{transform:translateY(-6px); box-shadow:0 20px 40px -12px rgba(11,46,91,.1);}
  .trust-item:hover::before{transform:scaleX(1);}
  .trust-item .num{font-family:var(--mono); font-size:11px; color:var(--blue); margin-bottom:14px; font-weight:700; letter-spacing:.08em;}
  .trust-item h3{font-size:17px; font-weight:800; margin-bottom:10px;}
  .trust-item p{font-size:14px; color:var(--ink-soft); line-height:1.7;}
  .trust-quote{margin-top:52px; border-left:4px solid var(--coral); padding-left:28px; font-size:17px; color:var(--ink); max-width:68ch; line-height:1.8; font-weight:500; background:linear-gradient(90deg, rgba(255,90,54,.05) 0%, transparent 100%); padding:24px 28px; border-radius:0 16px 16px 0;}

  .blog{background:linear-gradient(180deg, #fff 0%, var(--bg) 100%); border-top:1px solid var(--line); border-bottom:1px solid var(--line); position:relative;}
  .blog::before{content:''; position:absolute; top:0; left:0; right:0; height:1px; background:linear-gradient(90deg, transparent 0%, var(--blue-light) 50%, transparent 100%);}
  .blog-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:24px; margin-top:48px;}
  @media(max-width:800px){ .blog-grid{grid-template-columns:1fr;} }
  .blog-card{border:1px solid var(--line); border-radius:20px; overflow:hidden; background:#fff; transition:all .4s cubic-bezier(.4,0,.2,1); position:relative;}
  .blog-card::after{content:''; position:absolute; bottom:0; left:0; right:0; height:3px; background:linear-gradient(90deg, var(--blue) 0%, var(--cyan) 100%); transform:scaleX(0); transform-origin:center; transition:transform .4s cubic-bezier(.4,0,.2,1);}
  .blog-card:hover{transform:translateY(-8px); box-shadow:0 24px 48px -12px rgba(11,46,91,.12);}
  .blog-card:hover::after{transform:scaleX(1);}
  .blog-card img{width:100%; aspect-ratio:16/9; object-fit:cover; transition:transform .5s cubic-bezier(.4,0,.2,1);}
  .blog-card:hover img{transform:scale(1.05);}
  .blog-card-body{padding:26px 24px;}
  .blog-card h3{font-size:17px; font-weight:700; margin-bottom:10px; line-height:1.4;}
  .blog-card p{font-size:14px; color:var(--ink-soft); line-height:1.7;}
  .blog-meta{font-family:var(--mono); font-size:11px; color:#8FA1B8; margin-bottom:12px; text-transform:uppercase; letter-spacing:.06em; font-weight:500;}

  .book{background:linear-gradient(180deg, var(--bg) 0%, #fff 100%); position:relative;}
  .book::before{content:''; position:absolute; top:0; left:0; right:0; height:1px; background:linear-gradient(90deg, transparent 0%, var(--blue-light) 50%, transparent 100%);}
  .book-grid{display:grid; grid-template-columns:1fr 1fr; gap:60px; margin-top:40px; align-items:start;}
  @media(max-width:800px){ .book-grid{grid-template-columns:1fr;} }
  .book-list{list-style:none;}
  .book-list li{display:flex; gap:16px; padding:18px 0; border-bottom:1px solid var(--line); font-size:15px; align-items:flex-start; transition:all .3s;}
  .book-list li:hover{padding-left:8px;}
  .book-list li .n{font-family:var(--mono); color:var(--blue); font-weight:700; font-size:14px; background:linear-gradient(135deg, var(--blue-glow) 0%, rgba(0,195,255,.1) 100%); width:32px; height:32px; border-radius:10px; display:flex; align-items:center; justify-content:center; flex-shrink:0;}
  form{display:flex; flex-direction:column; gap:18px; background:#fff; border:1px solid var(--line); border-radius:24px; padding:36px; box-shadow:0 16px 48px -16px rgba(11,46,91,.1); position:relative;}
  form::before{content:''; position:absolute; top:0; left:0; right:0; height:4px; background:linear-gradient(90deg, var(--blue) 0%, var(--cyan) 100%); border-radius:24px 24px 0 0;}
  label{font-size:13px; font-weight:600; color:var(--ink-soft); margin-bottom:8px; display:block;}
  input, select{width:100%; padding:14px 18px; border:1.5px solid var(--line); border-radius:12px; font-family:var(--display); font-size:15px; background:#F8FAFD; transition:all .3s;}
  input:focus, select:focus{outline:none; border-color:var(--blue-light); background:#fff; box-shadow:0 0 0 4px rgba(74,158,255,.15);}
  .field{display:flex; flex-direction:column;}
  .submit-note{font-size:13px; color:#7A8FA8; margin-top:4px; text-align:center;}

  .contact{background:linear-gradient(160deg, var(--navy-deep) 0%, var(--navy) 50%, #0B3D7A 100%); color:#fff; position:relative; overflow:hidden;}
  .contact::before{content:''; position:absolute; top:-100px; right:-50px; width:300px; height:300px; background:radial-gradient(circle, rgba(0,195,255,.12) 0%, transparent 70%); border-radius:50%;}
  .contact-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:28px; margin-top:48px; position:relative; z-index:1;}
  @media(max-width:800px){ .contact-grid{grid-template-columns:1fr 1fr;} }
  .contact-item{background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.1); border-radius:18px; padding:28px 24px; transition:all .4s;}
  .contact-item:hover{background:rgba(255,255,255,.1); border-color:rgba(255,255,255,.2); transform:translateY(-4px);}
  .contact-item .label{font-family:var(--mono); font-size:11px; text-transform:uppercase; letter-spacing:.08em; color:var(--cyan-soft); margin-bottom:10px; font-weight:500;}
  .contact-item .val{font-size:15px; font-weight:600; line-height:1.6;}
  .contact-item a{text-decoration:underline; text-decoration-color:rgba(255,255,255,.3); text-underline-offset:4px; transition:all .3s;}
  .contact-item a:hover{text-decoration-color:var(--cyan); color:var(--cyan);}

  .share{background:linear-gradient(180deg, var(--bg) 0%, #fff 100%); text-align:center; position:relative;}
  .share h2{max-width:none; margin:0 auto 14px;}
  .share p.lead{margin:0 auto 36px; text-align:center;}
  .share-row{display:flex; gap:14px; justify-content:center; flex-wrap:wrap;}
  .share-btn{display:inline-flex; align-items:center; gap:10px; padding:14px 26px; border-radius:100px; border:1.5px solid var(--line); background:#fff; font-size:14.5px; font-weight:600; cursor:pointer; transition:all .35s cubic-bezier(.4,0,.2,1); box-shadow:0 4px 16px rgba(11,46,91,.06);}
  .share-btn:hover{border-color:var(--blue); color:var(--blue); transform:translateY(-3px); box-shadow:0 12px 32px rgba(11,93,215,.15);}

  footer{padding:40px 0; text-align:center; font-size:12.5px; color:#8FA1B8; font-family:var(--mono); background:linear-gradient(180deg, #fff 0%, var(--bg) 100%); border-top:1px solid var(--line);}

  .fade-in{opacity:0; transform:translateY(30px); transition:all .8s cubic-bezier(.4,0,.2,1);}
  .fade-in.visible{opacity:1; transform:translateY(0);}
  .fade-in-delay-1{transition-delay:.15s;}
  .fade-in-delay-2{transition-delay:.3s;}
  .fade-in-delay-3{transition-delay:.45s;}

  @keyframes revealUp{from{opacity:0; transform:translateY(40px);} to{opacity:1; transform:translateY(0);}}
  .reveal{animation:revealUp .8s cubic-bezier(.4,0,.2,1) forwards; opacity:0;}

  .logo-watermark{position:absolute; top:24px; left:28px; z-index:10; display:flex; align-items:center; gap:12px;}
  .logo-watermark img{height:40px;}
  .logo-watermark span{font-size:14px; font-weight:700; color:#fff; letter-spacing:.04em;}