:root{--navy:#03182b;--navy2:#061f35;--blue:#08b8f2;--blue2:#2196e6;--cyan:#16d5ff;--white:#f7fbff;--muted:#a8b8c8;--line:rgba(90,190,255,.16);--card:rgba(255,255,255,.045);--focus:#7ee7ff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--white);background:var(--navy);line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}.container{width:min(1180px,calc(100% - 40px));margin:auto}.skip-link{position:absolute;left:-999px;top:auto;background:var(--cyan);color:var(--navy);font-weight:800;padding:12px 18px;border-radius:8px;z-index:100}.skip-link:focus{left:16px;top:16px}
.site-header{position:fixed;inset:0 0 auto;z-index:30;background:rgba(3,24,43,.82);border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(18px)}.nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;padding:10px 0}.brand{display:flex;align-items:center;gap:9px;font-weight:800;letter-spacing:-.04em;font-size:20px}.brand img{height:34px;width:auto;max-width:54px;object-fit:contain;display:block}.brand b{color:var(--blue)}.primary-nav ul{display:flex;align-items:center;gap:27px;list-style:none;margin:0;padding:0;color:#dce9f4;font-size:14px}.primary-nav a{padding:7px 2px}.primary-nav a:hover{color:var(--cyan)}.nav-cta{padding:11px 18px!important;border:1px solid rgba(22,213,255,.55);border-radius:999px;color:#fff}.nav-toggle{display:none;width:42px;height:42px;border-radius:10px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.04);color:#fff;align-items:center;justify-content:center}.nav-toggle svg{width:20px;height:20px}
.hero{min-height:790px;display:grid;place-items:center;position:relative;overflow:hidden;padding-top:90px;background:radial-gradient(circle at 50% 24%,rgba(0,174,255,.19),transparent 34%),linear-gradient(135deg,#02172b 0%,#052b4a 48%,#011222 100%)}.hero:before,.hero:after{content:"";position:absolute;width:720px;height:240px;border:1px solid rgba(0,193,255,.16);border-radius:50%;transform:rotate(-12deg)}.hero:before{left:-280px;bottom:20px}.hero:after{right:-280px;bottom:0;transform:rotate(12deg)}.glow{position:absolute;width:460px;height:460px;background:rgba(0,183,255,.14);border-radius:50%;filter:blur(100px);top:110px}.hero-content{position:relative;z-index:2;text-align:center;padding:25px 0 70px}.hero-logo{width:100%;max-width:455px;margin:0 auto 25px;filter:drop-shadow(0 0 42px rgba(0,210,255,.2))}.hero h1{margin:0;font-size:clamp(38px,5.6vw,68px);line-height:1.04;letter-spacing:-.045em}.hero h1 span{background:linear-gradient(90deg,#fff,#47d8ff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy{max-width:720px;margin:22px auto 30px;color:#b9c9d8;font-size:18px}.buttons{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;padding:14px 23px;border-radius:9px;font-weight:800;font-size:14px;transition:.2s}.button.primary{background:linear-gradient(90deg,#078ed5,#08c5f5);box-shadow:0 12px 35px rgba(0,191,255,.22);color:#00121d}.button.secondary{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.04)}.button:hover{transform:translateY(-2px)}
.stack{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.025)}.stack .container{min-height:105px;display:flex;align-items:center;justify-content:space-between;gap:25px;flex-wrap:wrap}.stack p{margin:0;color:#718997;font-size:11px;text-transform:uppercase;letter-spacing:.16em}.stack-list{display:flex;gap:27px;list-style:none;margin:0;padding:0;color:#dce9f4;font-weight:700;font-size:14px;flex-wrap:wrap}
section{padding:100px 0}.section-title{max-width:760px;margin-bottom:42px}.section-title small,.section-kicker{color:var(--blue);font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.16em}.section-title h2{margin:7px 0 12px;font-size:clamp(30px,3.7vw,46px);letter-spacing:-.04em;line-height:1.12}.section-title p{color:var(--muted);margin:0;max-width:68ch}.services{background:#041f37;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{display:flex;flex-direction:column;min-height:300px;padding:28px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));transition:.25s;position:relative;overflow:hidden}.card:hover{transform:translateY(-5px);border-color:rgba(22,213,255,.35)}.card:after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;right:-70px;top:-70px;background:rgba(0,210,255,.055)}.icon{height:62px;display:flex;align-items:center;margin-bottom:18px}.icon-img{width:56px;height:56px;object-fit:contain}.card h3{font-size:21px;margin:0 0 9px}.card p{color:var(--muted);font-size:14px;margin:0 0 20px}.card-link{margin-top:auto;display:inline-flex;align-items:center;gap:8px;color:#71eaff;font-weight:800;font-size:13px}.card-link svg{width:17px}.card-tag{display:inline-flex;width:max-content;margin-bottom:13px;padding:5px 9px;border-radius:999px;background:rgba(0,217,255,.07);border:1px solid rgba(0,217,255,.14);color:#80eaff;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.split{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.modern{background:radial-gradient(circle at 80% 50%,rgba(0,217,255,.08),transparent 35%)}.feature-list{list-style:none;padding:0;margin:25px 0 0;display:grid;gap:13px}.feature{display:flex;gap:14px;padding:15px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.025)}.feature .check{color:var(--cyan);font-weight:900}.feature b{display:block;font-size:14px}.feature span{display:block;color:var(--muted);font-size:13px}.orb{min-height:430px;border-radius:50%;display:grid;place-items:center;position:relative;background:radial-gradient(circle,rgba(0,217,255,.18),rgba(0,217,255,.02) 48%,transparent 65%);border:1px solid rgba(0,217,255,.14);box-shadow:inset 0 0 80px rgba(0,217,255,.05),0 0 80px rgba(0,150,255,.08)}.orb strong{font-size:50px;line-height:.9;letter-spacing:-.06em;text-align:center}.orb strong span{color:var(--cyan)}.orb-ring{position:absolute;inset:34px;border:1px dashed rgba(0,217,255,.28);border-radius:50%;display:grid;place-items:center;color:#7feaff;font-size:9px;letter-spacing:.22em;text-transform:uppercase}
.flow-section{background:linear-gradient(180deg,#03182b,#061f35)}.flow{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:38px}.flow-item{padding:22px 16px;text-align:center;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025)}.flow-item .num{display:block;color:var(--cyan);font-size:10px;font-weight:900;letter-spacing:.15em;margin-bottom:7px}.flow-item strong{font-size:14px}.flow-item span{display:block;color:var(--muted);font-size:12px;margin-top:6px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:45px;border:1px solid var(--line);border-radius:18px;overflow:hidden}.stat{padding:28px;background:rgba(255,255,255,.025)}.stat b{font-size:38px;letter-spacing:-.05em}.stat b span{color:var(--cyan)}.stat p{color:var(--muted);font-size:13px;margin:4px 0 0}.cases{background:#041c2d}.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.case{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#062236}.case-top{height:145px;padding:24px;display:flex;align-items:flex-end;background:radial-gradient(circle at 70% 25%,rgba(0,217,255,.25),transparent 30%),linear-gradient(135deg,#073b5d,#062236)}.case-top span{color:#7eeeff;font-size:10px;font-weight:900;letter-spacing:.13em}.case-body{padding:24px}.case h3{margin:0 0 9px;font-size:19px}.case p{color:var(--muted);font-size:13px;margin:0}.contact{padding:85px 0;text-align:center;background:radial-gradient(circle at 50% 0,rgba(0,217,255,.18),transparent 42%),#031827;border-top:1px solid var(--line)}.contact h2{font-size:clamp(32px,4.5vw,52px);margin:0;letter-spacing:-.045em}.contact p{max-width:650px;margin:16px auto 28px;color:var(--muted)}
.page-hero{padding:170px 0 90px;background:radial-gradient(circle at 70% 30%,rgba(0,217,255,.12),transparent 35%),linear-gradient(135deg,#02172b,#052b4a 60%,#011222);border-bottom:1px solid var(--line)}.breadcrumb{font-size:12px;color:#7e99aa;margin:0 0 22px}.breadcrumb a{color:#9befff}.icon-badge{width:68px;height:68px;display:grid;place-items:center;border-radius:18px;border:1px solid rgba(0,217,255,.2);background:rgba(0,217,255,.06);margin-bottom:18px}.icon-badge img{width:48px;height:48px;object-fit:contain}.page-hero h1{font-size:clamp(40px,6vw,66px);letter-spacing:-.05em;line-height:1;margin:0 0 17px}.lede{max-width:760px;color:#b9c9d8;font-size:18px;margin:0}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.feature-tile{padding:27px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.025)}.feature-tile h3{margin:0 0 8px;font-size:18px}.feature-tile p{margin:0;color:var(--muted);font-size:14px}.services .feature-tile{background:rgba(0,0,0,.10)}.migration{display:grid;grid-template-columns:1fr 80px 1fr;gap:15px;align-items:center;margin-top:10px}.migration-side{padding:30px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.025)}.migration-side small{color:var(--blue);text-transform:uppercase;font-size:10px;font-weight:900;letter-spacing:.14em}.migration-side strong{display:block;font-size:22px;margin:6px 0 15px}.migration-side ul{margin:0;padding-left:18px;color:var(--muted);font-size:14px}.migration-arrow{font-size:35px;text-align:center;color:var(--cyan)}.steps{list-style:none;padding:0;margin:0;display:grid;gap:13px}.step{display:grid;grid-template-columns:42px 1fr;gap:17px;padding:19px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.02)}.step-num{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:rgba(0,217,255,.08);border:1px solid rgba(0,217,255,.25);color:var(--cyan);font-weight:900}.step h3{font-size:16px;margin:1px 0 5px}.step p{margin:0;color:var(--muted);font-size:13px}.tool-badges{display:flex;gap:10px;flex-wrap:wrap}.tool-badge{padding:11px 16px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.025);font-size:13px;font-weight:700}.callout{padding:20px 22px;border-left:3px solid var(--cyan);background:rgba(0,217,255,.05);border-radius:0 12px 12px 0;color:#d8edf5}.mini-cta{padding:42px;text-align:center;border:1px solid rgba(0,217,255,.16);border-radius:20px;background:linear-gradient(100deg,rgba(0,217,255,.055),rgba(255,255,255,.018))}.mini-cta h2{margin:0 0 10px}.mini-cta p{color:var(--muted);margin:0 0 22px}
footer{border-top:1px solid var(--line);background:#021522;padding:55px 0 25px;color:#8299a8}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:50px}.footer-brand{font-size:24px;font-weight:900;color:#fff}.footer-brand span{color:var(--cyan)}.footer-grid p{font-size:13px;margin-top:8px}.footer-grid strong{display:block;color:#dceaf2;font-size:13px;margin-bottom:12px}.footer-grid>div>a:not(.footer-brand){display:block;font-size:13px;margin:7px 0}.footer-grid>div>a:not(.footer-brand):hover{color:var(--cyan)}.footer-bottom{border-top:1px solid var(--line);margin-top:35px;padding-top:20px;display:flex;justify-content:space-between;gap:20px;font-size:11px}
@media(max-width:1000px){.primary-nav ul{gap:15px}.grid{grid-template-columns:repeat(2,1fr)}.flow{grid-template-columns:repeat(3,1fr)}.case-grid{grid-template-columns:1fr 1fr}.split{gap:35px}}
@media(max-width:850px){.nav-toggle{display:flex}.primary-nav{position:absolute;left:20px;right:20px;top:68px;background:rgba(3,24,43,.98);border:1px solid var(--line);border-radius:14px;padding:10px;display:none}.primary-nav[data-open="true"]{display:block}.primary-nav ul{display:grid;gap:3px}.primary-nav a{display:block;padding:12px}.nav-cta{display:block;text-align:center;margin-top:4px}.hero{min-height:720px}.split,.feature-grid,.migration{grid-template-columns:1fr}.hero-logo{max-width:390px}.orb{min-height:350px}.stats{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.container{width:min(100% - 28px,1180px)}section{padding:75px 0}.hero{padding-top:75px}.hero-logo{max-width:310px}.hero-copy,.lede{font-size:16px}.grid,.case-grid,.stats,.flow,.footer-grid{grid-template-columns:1fr}.stack .container{padding:20px 0}.stack-list{gap:12px 20px}.migration-arrow{transform:rotate(90deg)}.footer-bottom{display:grid;gap:8px}.page-hero{padding:135px 0 70px}.mini-cta{padding:30px 20px}}