:root{color-scheme:dark;--page:#0b1422;--text:#f5f8fc;--muted:#b5c3d4;--line:#26374b;--blue:#9ac4ff;font-family:Inter,system-ui,sans-serif}
*{box-sizing:border-box}
body{background:var(--page);color:var(--text);margin:0}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:2px solid var(--blue);outline-offset:5px}
.wrap{width:min(1240px,calc(100% - 64px));margin-inline:auto}
.site-header{border-bottom:1px solid var(--line)}
.header-inner,.footer{display:flex;justify-content:space-between;align-items:center;gap:14px}
.header-inner{min-height:74px}
.brand{display:flex;align-items:center;gap:10px;font-size:1.05rem;font-weight:750}
nav{display:flex;align-items:center;gap:24px;font-weight:650}
.overview-link,.footer a{color:var(--muted)}
.overview-link:hover,.footer a:hover{color:var(--text)}
.dealer-link,.primary{display:inline-flex;align-items:center;gap:10px;padding:11px 17px;border-radius:7px;font-weight:750}
.dealer-link{border:1px solid #4a6381}
.dealer-link:hover{border-color:var(--blue)}
.hero{min-height:560px;display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:clamp(24px,5vw,76px);align-items:center;padding-block:52px}
.eyebrow{color:var(--blue);font-size:.76rem;font-weight:750;letter-spacing:.13em;text-transform:uppercase;margin:0 0 20px}
h1{font-size:clamp(3.3rem,7vw,6.8rem);line-height:.98;letter-spacing:-.065em;margin:0;font-weight:790}
.hero-description{color:var(--muted);font-size:clamp(1rem,1.5vw,1.18rem);line-height:1.65;max-width:32rem;margin:24px 0}
.primary{background:var(--blue);color:#0b203a;min-height:48px}
.primary:hover{background:#c7dcff}
.hero-image{margin:0;overflow:hidden;aspect-ratio:1.34;background:#172638;border:1px solid #354760;border-radius:16px}
.hero-image img{width:100%;height:100%;display:block;object-fit:cover}
.workflow{border-top:1px solid var(--line);padding-block:42px 62px}
h2{margin:0 0 22px;font-size:clamp(1.65rem,3vw,2.6rem);letter-spacing:-.035em}
.services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.services article{border:1px solid var(--line);background:#111e2f;border-radius:10px;padding:22px}
.services h3{margin:0 0 8px;font-size:1.12rem}
.services p{margin:0;color:var(--muted);line-height:1.6}
.footer{padding-block:24px;border-top:1px solid var(--line);font-size:.9rem}
@media(max-width:760px){.wrap{width:calc(100% - 36px)}.hero{grid-template-columns:1fr;min-height:0;padding-block:36px;gap:28px}.hero-image{aspect-ratio:1.5}.services{grid-template-columns:1fr}.workflow{padding-block:32px 42px}}
@media(max-width:390px){.overview-link{display:none}.header-inner{min-height:65px}}

.hero-image{position:relative;container-type:size}
.desk-photo{position:absolute;left:50%;top:50%;width:max(100cqw,150cqh);aspect-ratio:1.5;transform:translate(-50%,-50%);container-type:inline-size}
.desk-photo .monitor-screen{
 position:absolute;inset:0;transform-origin:0 0;filter:brightness(.93);object-fit:fill;

 clip-path:polygon(0 0,100% 0,100% 100%,0 100%);
}

.contact-main{padding-block:clamp(56px,12vw,148px)}
.contact-main h1{font-size:clamp(2.55rem,7vw,5.5rem)}
.contact-main .primary{overflow-wrap:anywhere;max-width:100%}
.contact-link[aria-current="page"]{color:var(--text);text-decoration:underline;text-underline-offset:5px}
@media(max-width:480px){.header-inner nav{gap:10px}.header-inner .overview-link:not(.contact-link){display:none}.header-inner .contact-link{display:block}.header-inner .dealer-link{padding-inline:10px}.header-inner .brand{gap:6px;font-size:.9rem}}

.pricing-main{padding-block:clamp(42px,8vw,96px)}
.pricing-plan{margin-top:28px;max-width:36rem;border:1px solid #354760;border-radius:16px;background:#111e2f;padding:clamp(20px,5vw,36px)}
.pricing-plan h2{color:var(--blue);margin-bottom:12px}
.plan-price{color:var(--muted);margin:0;font-size:1.1rem}
.plan-price strong{color:var(--text);font-size:2.6rem}
.pricing-plan ul{color:var(--muted);line-height:1.65;margin:20px 0 26px;padding-inline-start:20px}
.pricing-link[aria-current="page"]{text-decoration:underline;text-underline-offset:5px}
@media(max-width:420px){.header-inner{flex-wrap:wrap;padding-block:12px}.header-inner nav{gap:14px;font-size:.9rem}}

.support-main{padding-block:clamp(42px,7vw,88px);max-width:960px}
.support-main h1{font-size:clamp(2.8rem,7vw,5.25rem)}
.support-topics{flex-wrap:wrap;gap:8px 18px;margin-bottom:24px}
.support-topics a,.support-section ol a{color:var(--blue);text-decoration:underline;text-underline-offset:4px}
.support-section{border-top:1px solid var(--line);padding-block:26px;scroll-margin-top:20px}
.support-section h2{margin:0 0 12px}
.support-section ol,.support-section p,.support-section figcaption{color:var(--muted);line-height:1.65}
.support-section ol{padding-inline-start:22px}
.support-section li+li{margin-top:7px}
.support-section figure{margin:20px 0 0}
.support-section figure a{display:block}
.support-section img{display:block;width:100%;height:auto;border:1px solid #526781;border-radius:10px}
.support-section figcaption{margin-top:7px;font-size:.9rem}
.site-header a[aria-current="page"]{text-decoration:underline;text-underline-offset:5px}
@media(max-width:540px){.header-inner{flex-wrap:wrap;padding-block:12px}.header-inner nav{flex-wrap:wrap;gap:8px 14px}.header-inner .overview-link:not(.contact-link){display:none}}

.hero h1{font-size:clamp(2.65rem,4.9vw,5rem);line-height:1.02}
.marketing-detail{padding-block:32px 44px}
.marketing-detail p,.marketing-faq dd{max-width:68ch;color:var(--muted);line-height:1.65}
.marketing-faq{margin:0}
.marketing-faq dt{font-weight:750;margin-top:19px}
.marketing-faq dd{margin:5px 0 0}