:root{--bg-main: #eef8fb;--bg-soft: #dff1f7;--bg-wave: #cfe8f0;--primary: #0a7ea4;--primary-dark: #075d7e;--deep: #173f52;--accent: #3bb7d6;--text-main: #163646;--text-soft: #54707d;--card: rgba(255, 255, 255, .82);--border: rgba(10, 126, 164, .14);--shadow: 0 20px 50px rgba(20, 73, 95, .12)}body{font-family:Inter,Arial,sans-serif;background:linear-gradient(180deg,#f3fbfd,#e9f6fa);color:var(--text-main)}a{text-decoration:none}button{border:none;cursor:pointer;transition:.3s ease}.app-shell{min-height:100vh;overflow-x:hidden}.container{width:min(1180px,92%);margin:0 auto}.topbar{position:sticky;top:0;z-index:50;background:#f3fbfdeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(10,126,164,.08)}.navbar{min-height:96px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:18px}.brand-logo{width:96px;height:96px;object-fit:contain;background:transparent;padding:0;border-radius:0;box-shadow:none;display:block}.brand-title{font-size:1.5rem;color:var(--deep);line-height:1.1;font-weight:800}.brand-subtitle{color:var(--text-soft);font-size:.95rem;margin-top:4px}.nav-links{display:flex;gap:24px;flex-wrap:wrap}.nav-links a{color:var(--deep);font-weight:600;font-size:.95rem;position:relative}.nav-links a:after{content:"";position:absolute;left:0;bottom:-6px;width:0%;height:2px;background:linear-gradient(90deg,var(--primary),var(--accent));transition:.3s ease}.nav-links a:hover:after{width:100%}.hero-section{position:relative;padding:70px 0 40px;background:radial-gradient(circle at top left,rgba(76,182,207,.16),transparent 26%),linear-gradient(180deg,#eff9fc,#e6f4f8)}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center}.hero-visual{display:flex;justify-content:center;align-items:center}.visual-stage{width:100%;max-width:560px;min-height:420px;position:relative;border-radius:36px;overflow:hidden}.globe{position:absolute;width:250px;height:250px;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);background:linear-gradient(180deg,#2999bc38,#0a7ea41a),radial-gradient(circle at center,#48bed942,#0a7ea41a);border:2px solid rgba(10,126,164,.35);box-shadow:inset 0 0 0 1px #0a7ea41a}.globe:before,.globe:after{content:"";position:absolute;top:20px;right:20px;bottom:20px;left:20px;border-radius:50%;border:1px solid rgba(23,63,82,.16)}.globe:after{top:48px;right:48px;bottom:48px;left:48px}.orbit{position:absolute;border-radius:50%;border:1px dashed rgba(10,126,164,.28)}.orbit-one{width:310px;height:310px;left:50%;top:50%;transform:translate(-50%,-50%)}.orbit-two{width:355px;height:355px;left:50%;top:50%;transform:translate(-50%,-50%);animation-direction:reverse;animation-duration:18s}.side-logo{position:absolute;width:130px;height:130px;display:flex;align-items:center;justify-content:center;animation:floatY 4s ease-in-out infinite}.side-logo img{width:120px;height:120px;object-fit:contain;background:transparent;filter:drop-shadow(0 10px 18px rgba(10,126,164,.14))}.left-logo{left:25px;top:50%;transform:translateY(-50%)}.right-logo{right:25px;top:50%;transform:translateY(-50%);animation-delay:1s}.signal{position:absolute;width:52px;height:52px;display:grid;place-items:center;border-radius:14px;background:#ffffffe6;border:1px solid rgba(10,126,164,.12);box-shadow:0 12px 20px #11506714;font-size:1.3rem;animation:floatY 3s ease-in-out infinite}.signal-1{left:60px;top:55px}.signal-2{left:50%;top:24px;transform:translate(-50%);animation-delay:.4s}.signal-3{right:60px;top:80px;animation-delay:.8s}.signal-4{right:85px;bottom:70px;animation-delay:1.2s}.signal-5{left:85px;bottom:70px;animation-delay:1.6s}.eyebrow,.section-tag{display:inline-block;padding:9px 14px;border-radius:999px;background:#0a7ea41a;color:var(--primary-dark);font-size:.84rem;font-weight:700;margin-bottom:18px}.hero-title{font-size:clamp(2.2rem,4.8vw,4rem);line-height:1.08;color:var(--deep);font-weight:800}.hero-title span{display:block;color:var(--primary)}.hero-description{margin-top:18px;color:var(--text-soft);line-height:1.8;font-size:1.02rem;max-width:620px}.hero-bullets{margin-top:18px;padding-left:18px;color:var(--text-main);line-height:1.9;font-weight:600}.hero-actions{display:flex;gap:14px;margin-top:28px;flex-wrap:wrap}.primary-btn{background:linear-gradient(135deg,var(--primary),#0b96c2);color:#fff;padding:14px 22px;border-radius:14px;font-weight:700;box-shadow:0 14px 30px #0a7ea438}.secondary-btn{background:#fff;color:var(--primary-dark);border:1px solid rgba(10,126,164,.14);padding:14px 22px;border-radius:14px;font-weight:700}.hero-wave{position:absolute;left:0;right:0;bottom:-1px;height:130px;background:radial-gradient(120% 140px at 50% 0%,transparent 58%,rgba(192,226,235,.9) 59%,rgba(192,226,235,.9) 100%);pointer-events:none}.modes-section,.cta-section{padding:74px 0}.section-header.center{text-align:center;max-width:760px;margin:0 auto 42px}.section-header h2,.cta-box h2{font-size:clamp(1.9rem,4vw,3rem);color:var(--deep);line-height:1.2;font-weight:800}.section-header p,.cta-box p{color:var(--text-soft);margin-top:14px;line-height:1.8}.modes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.mode-card{background:#ffffffd9;border-radius:24px;padding:26px 22px;border:1px solid var(--border);box-shadow:0 16px 36px #1150670f;transition:.3s ease}.mode-card:hover{transform:translateY(-8px)}.mode-icon{width:62px;height:62px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(135deg,#d8f3fa,#ebfbff);font-size:1.7rem;margin-bottom:18px}.mode-card h3{color:var(--deep);margin-bottom:12px}.mode-card p{color:var(--text-soft);line-height:1.75}.card-link{margin-top:18px;background:transparent;color:var(--primary);font-weight:700}.cta-box{background:linear-gradient(180deg,#ffffffdb,#e8f6faf2);border:1px solid var(--border);border-radius:32px;padding:44px 28px;text-align:center;box-shadow:var(--shadow)}.center-actions{justify-content:center}@keyframes spin{0%{transform:translate(-1%,-1%) rotate(0)}to{transform:translate(-1%,-1%) rotate(360deg)}}@keyframes floatY{0%,to{transform:translateY(-1%)}50%{transform:translateY(calc(-1% - 8px))}}@media(max-width:1024px){.hero-grid,.modes-grid{grid-template-columns:1fr}}@media(max-width:768px){.navbar{flex-direction:column;align-items:flex-start;padding:16px 0}.brand-logo{width:78px;height:78px}.hero-title{font-size:2.2rem}.visual-stage{min-height:360px}.globe{width:200px;height:200px}.side-logo{width:95px;height:95px}.side-logo img{width:90px;height:90px}.modes-grid{grid-template-columns:1fr}}*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;font-weight:400;--primary-color: #2c3e50;--secondary-color: #3498db;--accent-color: #2980b9;--highlight-color: #e74c3c;--background-light: #ecf0f1;--background-white: #ffffff;--text-dark: #2c3e50;--text-gray: #7f8c8d;--border-color: #dfe6e9}body{margin:0;min-height:100vh;background:var(--background-light);color:var(--text-dark)}#root{max-width:100%;margin:0 auto;padding:0}