:root{--navy:#0B1F3B;--deep:#06152c;--blue:#2563EB;--cyan:#00D4FF;--slate:#64748B;--light:#F1F5F9;--white:#fff;--ink:#0a1932}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.container{width:min(1180px,calc(100% - 64px));margin:0 auto}.skip{position:absolute;transform:translateY(-160%);background:#fff;padding:12px;z-index:20}.skip:focus{transform:none}.site-header{position:sticky;top:0;z-index:15;background:rgba(255,255,255,.97);border-bottom:1px solid #e6eaf0;backdrop-filter:blur(18px)}.header-inner{height:86px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;width:232px;flex:0 0 auto;align-items:center}.brand img{display:block;width:100%;height:auto}.nav{display:flex;align-items:center;gap:34px;font-size:13px;font-weight:700;color:#35445c}.nav>a:not(.nav-cta):hover{color:var(--blue)}.nav-cta{background:var(--navy);color:#fff;padding:15px 20px;border-radius:7px}.nav-cta span,.btn span{margin-left:18px}.menu-toggle{display:none}.hero{background:radial-gradient(ellipse at 83% 43%,#113c7d 0,#091f43 38%,#06152c 77%);position:relative;overflow:hidden;color:#fff}.hero-lines{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(51,129,252,.07) 1px,transparent 1px),linear-gradient(rgba(51,129,252,.07) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(90deg,transparent 5%,#000 100%);pointer-events:none}.hero-inner{position:relative;display:grid;grid-template-columns:1.06fr .94fr;min-height:612px;align-items:center;gap:45px}.hero-copy{padding:78px 0 64px;position:relative;z-index:1}.eyebrow,.section-tag{font-size:11px;letter-spacing:.19em;font-weight:800;color:var(--blue)}.eyebrow{display:inline-flex;align-items:center;gap:11px;color:#a2dafa;border:1px solid #315b89;border-radius:100px;padding:11px 15px;letter-spacing:.16em}.pulse,.status-light{height:7px;width:7px;background:var(--cyan);box-shadow:0 0 13px var(--cyan);display:inline-block;border-radius:50%}.hero h1,h2,h3{font-family:Montserrat,Inter,Arial,sans-serif}.hero h1{font-size:clamp(43px,4.3vw,67px);font-weight:800;letter-spacing:-.055em;line-height:1.10;margin:27px 0 23px;max-width:720px}.hero h1 span{background:linear-gradient(100deg,#3d83ff,#00d4ff);background-clip:text;color:transparent}.hero-copy>p{max-width:540px;font-size:17px;line-height:1.85;color:#b8c8df;margin:0 0 30px}.hero-actions{display:flex;gap:13px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:5px;min-height:54px;padding:0 21px;border-radius:7px;font-size:13px;font-weight:800;border:1px solid transparent;cursor:pointer;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(110deg,#2563EB,#118ff1);color:white;box-shadow:0 12px 30px rgba(0,66,209,.17)}.btn-ghost{border-color:#496584;color:#fff}.hero-note{display:flex;align-items:center;gap:12px;font-size:12px;color:#90a9cb;margin-top:47px}.hero-note-line{width:33px;height:1px;background:var(--cyan)}.hero-visual{width:100%;max-width:530px;aspect-ratio:1;position:relative;margin:auto;isolation:isolate}.orbit{position:absolute;border:1px solid rgba(69,148,242,.22);border-radius:50%;inset:3%}.orbit-outer{inset:0;border-style:dashed;animation:rotate 90s linear infinite}.orbit-mid{inset:12%;border-color:rgba(0,212,255,.18)}.orbit-inner{inset:24%;border-color:rgba(57,137,253,.28)}.orbit:after{content:"";position:absolute;top:13%;left:13%;width:7px;height:7px;background:#00d4ff;border-radius:50%;box-shadow:0 0 18px #00d4ff}.orbit-inner:after{top:81%;left:82%}.core-glow{position:absolute;inset:27%;border-radius:50%;background:#007cff;filter:blur(65px);opacity:.38}.core{position:absolute;inset:27%;display:grid;place-items:center;background:linear-gradient(135deg,#123667,#06152c);border:1px solid rgba(120,203,255,.25);border-radius:28%;box-shadow:0 25px 90px #020a20, inset 0 0 35px rgba(0,130,255,.13);transform:rotate(-6deg)}.core img{width:107%;height:107%;object-fit:contain;transform:rotate(6deg);filter:drop-shadow(0 15px 15px rgba(0,0,0,.3))}.orbit-label{position:absolute;background:rgba(10,35,71,.92);border:1px solid #2d6098;border-radius:7px;color:#b7d4f3;font-size:10px;font-weight:800;letter-spacing:.10em;padding:12px 13px;box-shadow:0 15px 34px rgba(0,0,0,.2);white-space:nowrap}.small-icon{color:var(--cyan);margin-right:6px;font-size:16px}.label-a{top:15%;left:0}.label-b{right:-5%;top:27%}.label-c{bottom:16%;left:1%}.connection{position:absolute;height:1px;background:linear-gradient(90deg,transparent,#00d4ff,transparent);opacity:.5}.conn-a{width:28%;top:28%;left:17%;transform:rotate(35deg)}.conn-b{width:26%;top:40%;right:10%;transform:rotate(-32deg)}.conn-c{width:30%;bottom:27%;left:16%;transform:rotate(-35deg)}.visual-caption{position:absolute;bottom:3%;right:0;color:#82abd9;display:flex;align-items:center;gap:10px;font-size:9px;font-weight:800;letter-spacing:.12em}.visual-caption>span:last-child{color:#267ade}.hero-footer{position:relative;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #264367;padding:22px 0 24px;color:#8aa6c6;font-size:10px;font-weight:800;letter-spacing:.17em}.hero-footer i{width:3px;height:3px;background:var(--cyan);border-radius:100%}.section{padding:115px 0}.intro-grid{display:grid;grid-template-columns:1fr .85fr;gap:110px;align-items:start}.section-tag{margin-bottom:26px}.section h2{font-size:clamp(34px,3.6vw,50px);line-height:1.16;font-weight:800;letter-spacing:-.05em;margin:0}.section h2 em{font-style:normal;color:var(--blue)}.intro-side{padding-top:28px}.intro-side p{color:#53647d;line-height:1.86;font-size:16px;margin:0 0 17px}.text-link{font-size:13px;font-weight:800;color:var(--blue);display:inline-block;margin-top:17px;padding-bottom:9px;border-bottom:1px solid var(--blue)}.text-link span{padding-left:25px}.solutions{background:#f5f8fc}.section-head{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:49px}.section-head>p{max-width:290px;color:#65768c;font-size:15px;line-height:1.75;margin:0 0 3px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-card{background:#fff;border:1px solid #e2eaf3;border-radius:14px;padding:29px 29px 28px;position:relative;min-height:425px;transition:transform .25s,box-shadow .25s}.service-card:hover{transform:translateY(-6px);box-shadow:0 24px 50px rgba(11,31,59,.10)}.card-top{display:flex;justify-content:space-between;align-items:start}.service-num{font-size:12px;font-weight:900;color:#9aabc4}.service-icon{height:59px;width:59px;border-radius:13px;display:grid;place-items:center;background:#e9f4ff;color:#1469e8;font-size:32px;font-weight:700}.code-icon{font-size:22px}.service-card h3{font-size:22px;line-height:1.25;letter-spacing:-.04em;margin:28px 0 12px}.service-card p{font-size:14px;color:#617189;line-height:1.75}.service-card ul{padding:0;margin:23px 0 0;list-style:none}.service-card li{font-size:12px;color:#425570;margin:11px 0;padding-left:17px;position:relative}.service-card li:before{content:"";width:5px;height:5px;background:#00bfe8;border-radius:50%;position:absolute;left:0;top:6px}.card-arrow{position:absolute;right:28px;bottom:26px;font-size:21px;color:#0d6afe}.difference{background:#081b36;color:white;position:relative;overflow:hidden}.difference:before{content:"";position:absolute;width:680px;height:680px;left:-300px;bottom:-450px;border-radius:50%;border:1px solid #113e78;box-shadow:0 0 0 85px rgba(14,91,169,.07),0 0 0 170px rgba(14,91,169,.05)}.difference-grid{position:relative;display:grid;grid-template-columns:.9fr 1.1fr;gap:120px}.light-tag{color:var(--cyan)}.difference h2 em,.contact h2 em{color:var(--cyan)}.difference-copy>p{font-size:16px;color:#a9bdd7;line-height:1.9;margin:25px 0 35px;max-width:410px}.btn-outline{border-color:#3c74ad;color:white}.benefits{border-top:1px solid #315070}.benefit{padding:25px 0;display:grid;grid-template-columns:49px 1fr 20px;gap:5px;border-bottom:1px solid #315070}.benefit>span{font-size:12px;color:var(--cyan);padding-top:8px;font-weight:700}.benefit h3{font-size:17px;margin:0 0 7px;letter-spacing:-.025em}.benefit p{margin:0;font-size:13px;line-height:1.6;color:#95adc9}.benefit b{font-weight:400;color:var(--cyan)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.step{border-top:2px solid #d8e6f5;padding-top:21px}.step-indicator{display:flex;justify-content:space-between;color:var(--blue);font-weight:800;font-size:13px}.step-indicator span{border-radius:50%;height:40px;width:40px;background:#ebf3ff;display:grid;place-items:center;font-size:20px;margin-top:-7px}.step h3{font-size:22px;letter-spacing:-.03em;margin:35px 0 12px}.step p{font-size:14px;line-height:1.8;color:#65758b;max-width:310px}.contact{background:linear-gradient(115deg,#062854,#06172e 63%);color:white}.contact-grid{display:grid;grid-template-columns:1fr .9fr;gap:110px;align-items:start}.contact h2{max-width:550px}.contact-grid>div>p{max-width:450px;line-height:1.85;color:#afc6df;margin-top:26px}.contact-hint{margin-top:80px;color:#73a9df;font-size:12px;font-weight:700;letter-spacing:.04em}.contact-hint span{color:var(--cyan);margin-right:7px}.contact-form{background:white;color:var(--navy);padding:35px;border-radius:14px;box-shadow:0 25px 60px rgba(0,0,0,.13)}.contact-form h3{margin:0 0 25px;font-size:23px;letter-spacing:-.035em}.contact-form label{display:block;font-weight:750;font-size:12px;margin:15px 0 7px}.contact-form label span{color:#1664ed}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid #dce4ee;border-radius:6px;padding:12px 13px;color:var(--navy);background:#f9fbfe;font-size:13px;outline:none;resize:vertical}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:#337dff;box-shadow:0 0 0 3px #dcecff}.form-button{width:100%;margin-top:22px}.form-note{font-size:11px;color:#697b92;line-height:1.6;margin:13px 0 0}.footer{background:#041226;color:#fff}.footer-top{padding:45px 0 35px;display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-brand{display:flex;align-items:center;gap:12px}.footer-brand img{width:49px;height:49px;object-fit:contain}.footer-brand strong{display:block;font-size:21px;letter-spacing:-.05em}.footer-brand span{font-size:8px;letter-spacing:.18em;color:#9bb8d6}.footer-top>p{max-width:280px;color:#8aa7c5;font-size:13px;line-height:1.5}.back-top{color:#9acbff;font-size:12px;font-weight:700}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #1c3550;padding:20px 0 27px;color:#6c87a5;font-size:11px}@keyframes rotate{to{transform:rotate(360deg)}}@media(max-width:1050px){.nav{gap:19px}.brand{width:190px}.hero-inner{gap:10px}.hero h1{font-size:50px}.difference-grid,.contact-grid{gap:65px}}@media(max-width:800px){.container{width:min(100% - 38px,650px)}.header-inner{height:74px}.brand{width:190px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;background:transparent;border:0;padding:12px;cursor:pointer}.menu-toggle span{width:25px;height:2px;background:#092243}.nav{display:none;position:absolute;top:74px;left:0;right:0;background:white;padding:22px 19px 25px;border-bottom:1px solid #dbe5f0;box-shadow:0 20px 30px #0b1f3b18;flex-direction:column;align-items:stretch;gap:23px}.nav.open{display:flex}.nav-cta{text-align:center}.hero-inner{grid-template-columns:1fr;gap:0}.hero-copy{padding:70px 0 0}.hero h1{font-size:clamp(41px,8vw,58px)}.hero-visual{max-width:450px;margin:0 auto 30px}.hero-footer{flex-wrap:wrap;justify-content:center;gap:15px;line-height:1.8}.section{padding:80px 0}.intro-grid,.difference-grid,.contact-grid{grid-template-columns:1fr;gap:34px}.intro-side{padding:0}.section-head{align-items:start;flex-direction:column;gap:20px}.service-grid{grid-template-columns:1fr}.service-card{min-height:unset;padding-bottom:56px}.steps{grid-template-columns:1fr;gap:25px}.step h3{margin-top:15px}.contact-hint{margin-top:30px}.footer-top{flex-wrap:wrap}.footer-top>p{order:3;flex-basis:100%}}@media(max-width:450px){.hero h1{font-size:41px}.hero-copy>p{font-size:15px}.hero-actions{display:grid}.hero-visual{margin:8px auto 20px}.orbit-label{font-size:8px;padding:8px}.label-b{right:-1%}.section h2{font-size:34px}.contact-form{padding:25px 20px}.footer-bottom{flex-direction:column;gap:7px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.orbit-outer{animation:none}*{transition:none!important}}
