
:root{--navy:#061827;--blue:#007da4;--cyan:#00c8f3;--bg:#f5f7fa;--muted:#5e6d7b}html{scroll-behavior:smooth;scroll-padding-top:90px}body{font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}.wrap{max-width:1320px;padding:0 40px}.brand{display:inline-flex;flex-shrink:0}.brand img{width:175px;height:44px}.links{gap:25px;align-items:center;font-size:13px}.links a{padding:16px 0}.menu-toggle{display:none}header{backdrop-filter:blur(18px);background:rgba(6,24,39,.96)}nav{min-height:82px}.hero{position:relative;isolation:isolate;min-height:730px;padding:90px 0 0;overflow:hidden;background:#061827}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,16,29,.88),rgba(3,16,29,.50) 38%,transparent 68%);z-index:-1}.hero h1{font-size:clamp(46px,5.3vw,78px);font-weight:700;letter-spacing:-.055em;max-width:620px;line-height:1.03}.hero h1 em{font-style:normal;color:#5ce0ff}.hero p{max-width:490px;font-size:17px;line-height:1.7;color:#dae7f1}.kicker{font-size:11px;letter-spacing:.20em;color:#5ce0ff;display:flex;align-items:center;gap:12px}.kicker:before{content:"";width:24px;height:2px;background:#00c8f3}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;border-radius:3px;font-size:13px;padding:14px 20px}.btn.primary{background:#00c8f3;color:#032335}.btn.secondary{background:rgba(4,20,34,.40);border:1px solid #8da8ba;color:#fff}.hero .info{margin-top:88px;gap:0;background:rgba(3,19,33,.85);border-top:1px solid #385069}.pill{border:0;border-right:1px solid #385069;background:transparent;border-radius:0;padding:24px}.pill:last-child{border-right:0}.pill b{font-size:18px}.pill span{font-size:12px}.hero-caption{text-align:right;font-size:10px!important;max-width:none!important;color:#c6d5df!important;margin:7px 0!important}section{padding:86px 0}h2{font-size:clamp(30px,3vw,44px);letter-spacing:-.035em}.section-label{color:#007da4;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;margin-bottom:16px}.grid{gap:20px}.card{border-radius:5px;box-shadow:none;padding:30px;transition:transform .2s,border-color .2s}.card:hover{transform:translateY(-4px);border-color:#00a7d0}.card:before{content:attr(data-number);font-size:12px;letter-spacing:.1em;color:#007da4;display:block;margin-bottom:25px}.card h3{font-size:21px}.card p{font-size:14px;line-height:1.8}.docs{background:#eaf0f5}.docgrid{grid-template-columns:repeat(2,1fr)}.doc{border-radius:4px;border-top:2px solid #00bde5;padding:28px}.doc a,.locked{border-radius:3px;min-height:44px}.ai-feature{background:#061827;color:#fff}.ai-feature h2{color:#fff}.ai-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center}.ai-feature p{color:#bad0df;line-height:1.7}.ai-specs{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #345064;border-left:1px solid #345064}.ai-specs div{padding:25px;border-right:1px solid #345064;border-bottom:1px solid #345064}.ai-specs strong{display:block;color:#55dfff;font-size:22px;margin-bottom:9px}.ai-specs span{font-size:12px;color:#bad0df}.contact-layout{display:flex;justify-content:space-between;gap:40px}.contact h2{font-size:38px}.contact .btn{align-self:center}.contact a{color:inherit}footer .wrap{display:flex;align-items:center;justify-content:space-between;gap:30px}footer img{width:130px}.skip-link{position:fixed;top:-60px;left:15px;padding:12px;background:white;z-index:10000}.skip-link:focus{top:10px}:focus-visible{outline:3px solid #00c8f3;outline-offset:5px}.mobile-shortcuts{display:none}
@media(min-width:1600px){.hero{min-height:820px;padding-top:115px}.hero .info{margin-top:125px}}
@media(max-width:1000px){.wrap{padding:0 26px}.links{gap:15px}.hero{min-height:690px}.hero h1{max-width:510px}.grid{grid-template-columns:repeat(2,1fr)}.hero-image{object-position:59% center}.ai-layout{gap:30px}}
@media(max-width:700px){.wrap{padding:0 22px}header nav{min-height:68px}.brand img{width:145px;height:36px}.menu-toggle{display:block;color:white;background:transparent;border:1px solid #466174;border-radius:4px;padding:10px 13px;font-size:13px;min-height:44px}.links{display:none;position:absolute;top:68px;left:0;right:0;background:#061827;padding:16px 22px;border-bottom:1px solid #365063}.links.open{display:flex;flex-direction:column;align-items:stretch;gap:0}.links a{padding:15px 0;border-bottom:1px solid #243c4e}.hero{padding-top:33px;min-height:auto;padding-bottom:0}.hero-image{position:relative;inset:auto;width:100%;height:300px;object-fit:cover;object-position:85% center;margin-top:20px;display:block}.hero:after{background:none}.hero h1{font-size:46px;max-width:100%;margin-top:17px}.hero p{font-size:15px;line-height:1.65}.hero .btns{gap:9px;margin-top:23px}.btn{padding:13px 15px;font-size:12px}.hero .info{margin:0 -22px;grid-template-columns:repeat(2,1fr)}.pill{padding:19px 22px;border-bottom:1px solid #294252}.pill:nth-child(2){border-right:0}.pill b{font-size:16px}.pill span{font-size:11px}.hero-caption{padding:6px 0;font-size:9px!important}.grid,.docgrid{grid-template-columns:1fr}.grid{gap:12px}.card{padding:23px}.card:before{margin-bottom:14px}section{padding:55px 0}.ai-layout{grid-template-columns:1fr;gap:25px}.ai-specs div{padding:20px}.contact-layout{display:block}.contact .btn{margin-top:15px}footer .wrap{display:block}footer img{margin-bottom:14px}.mobile-shortcuts{display:flex;gap:8px;overflow:auto;padding:15px 22px;background:#eef3f7;scrollbar-width:none}.mobile-shortcuts a{font-size:12px;white-space:nowrap;padding:9px 12px;border:1px solid #cfdae4;border-radius:20px;color:#12334c}.auth-box{padding:22px}.nav{flex-direction:row!important;align-items:center!important;flex-wrap:wrap}.nav nav{min-height:0;width:100%;gap:12px}.nav nav a{font-size:12px}.table{max-width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.page-ran .hero{min-height:auto;padding:70px 0}.page-ran .hero:after{display:none}.page-ran .hero h1{max-width:900px}.page-ran .hero p{max-width:800px}.page-ran .grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:700px){.page-ran .grid.two{grid-template-columns:1fr}.page-ran .hero{padding:40px 0}.page-ran .hero h1{font-size:40px}}
