:root{--ink:#101c3d;--paper:#f6f7f9;--lime:#ff7100;--line:#d9dce4;--muted:#626978}
html,body{max-width:100%;overflow-x:hidden}
.site-header{position:relative;height:88px;background:#fff;color:#101c3d;border-bottom:1px solid #e4e6eb}
.brand{display:flex;align-items:center}
.brand img{display:block;width:218px;height:68px;object-fit:contain;object-position:left center}
.header-cta{border-color:#d9dce4}
.hero{height:calc(100svh - 88px);min-height:680px;max-height:900px}
.hero-content{display:flex;min-height:calc(100% - 102px);padding:72px 5vw 62px;flex-direction:column;justify-content:center;max-width:760px}
.hero-content.reveal{opacity:1;transform:none}
.hero h1{font-size:clamp(58px,4.8vw,84px);margin-top:25px}
.hero-copy{margin-top:24px}
.hero-actions{margin-top:32px}
.hero-foot{min-height:102px;align-items:center}
.hero h1 em,.work-copy h2 em{color:#ff8a2b}
.button-primary{color:#fff}
.work{background:#101c3d}
.demo-sidebar{background:#101c3d}
.bars i{background:#ffb274}
.bars i:nth-child(6){background:#101c3d}
.stats strong:after,.arrow-link span,.principle-list article>span{color:#ff7100}
.contact h2 em{color:#fff}
.contact-orbit{color:#101c3d}
.contact-links{display:flex;align-items:center;gap:32px;flex-wrap:wrap}
.contact-links .contact-email{margin-top:35px}
footer{background:#fff;color:#101c3d;border-top:1px solid #e4e6eb}
footer p{color:#747b89}
footer a{color:#101c3d}
.footer-brand{background:#fff;padding:4px 10px}
.footer-brand img{width:190px;height:55px}
.product{padding-top:30px;padding-bottom:120px}
.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center;padding-top:70px}
.product-visual{position:relative;display:block;aspect-ratio:1/1;overflow:hidden;background:#ff7100}
.product-visual img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .5s ease}
.product-visual:hover img{transform:scale(1.025)}
.product-visual>span{position:absolute;left:24px;bottom:24px;background:#fff;color:#101c3d;padding:12px 16px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px}
.product-kicker{color:#ff7100;text-transform:uppercase;letter-spacing:2px;font-size:11px;font-weight:700}
.product-copy h2{font-size:clamp(58px,7vw,104px);line-height:.87;margin:28px 0 35px}
.product-copy h2 em{color:#ff7100}
.product-copy>p:not(.product-kicker){color:var(--muted);font-size:17px;line-height:1.7;max-width:530px}
.product-points{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0}
.product-points span{border:1px solid var(--line);padding:9px 12px;font-size:12px}
.product-button{background:#101c3d;color:#fff;margin-top:12px}
.product-launch{display:inline-flex;align-items:center;gap:24px;margin-top:12px;padding:16px 20px;background:#101c3d;color:#fff}
.product-launch span{color:#ff9a4a;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px}
.product-launch strong{font:600 14px Manrope}
@media(max-width:800px){
  .site-header{height:76px}.brand img{width:164px;height:56px}.menu-button{display:flex!important;position:absolute;right:24px;top:22px;z-index:2;width:32px;height:32px;margin:0}.menu-button span{background:#101c3d}
  .desktop-nav.open{top:76px;background:#101c3d;color:#fff}.hero{height:auto;min-height:720px}.hero-content{min-height:620px;width:100%;padding:64px 6vw 48px;justify-content:center}.hero h1{font-size:44px;line-height:1.02}.hero h1 em{display:block}.hero-foot{min-height:100px}
  .product-grid{grid-template-columns:1fr;gap:45px}.product{padding-top:10px}.product-copy h2{font-size:62px}
  .footer-brand img{width:170px}.footer-brand{padding:2px 8px}
  .contact-links{align-items:flex-start;gap:0;flex-direction:column}.contact-links .contact-email{margin-top:24px}footer>div{flex-wrap:wrap}
  .product-launch{align-items:flex-start;flex-direction:column;gap:5px}
}
@media(max-height:780px) and (min-width:801px){
  .hero{min-height:620px}.hero-content{padding-top:42px;padding-bottom:42px}.hero h1{font-size:64px;margin-top:18px}.hero-copy{font-size:16px;margin-top:18px}.hero-actions{margin-top:24px}.hero-foot{min-height:88px;padding-top:18px;padding-bottom:18px}
}
@media(max-width:420px){
  .hero h1{font-size:39px}.hero h1 em{display:block}.hero-content{padding-top:52px}.hero-copy{font-size:15px}.product-copy h2{font-size:54px}
}