:root{--navy:#102b4e;--blue:#087bee;--paper:#f5f7fa;--muted:#53667e}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:140px}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--navy);background:var(--paper)}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--blue);outline-offset:6px}.skip{position:fixed;left:12px;top:-80px;background:white;padding:12px;z-index:10}.skip:focus{top:12px}header,main,footer{max-width:1440px;margin:auto}header{height:114px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dce3ec}.logo{width:224px;height:auto}nav{display:flex;align-items:center;gap:34px;font-size:14px;font-weight:600}.button{background:var(--blue);color:white;display:inline-flex;align-items:center;justify-content:space-between;gap:34px;padding:19px 25px;border-radius:7px;font-size:14px;font-weight:700;transition:background .2s,transform .2s}.button:hover{background:#0567cc;transform:translateY(-2px)}.button span{font-size:22px;line-height:1}.button.small{padding:13px 21px;gap:26px}.hero{padding:80px 6% 78px;display:grid;grid-template-columns:1.2fr 1fr;gap:58px;align-items:center}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;margin:0 0 28px;display:flex;gap:9px;align-items:center}.eyebrow>span{height:7px;width:7px;background:var(--blue);border-radius:50%}h1{font-size:clamp(42px,4.9vw,70px);line-height:1.05;letter-spacing:-3.5px;font-weight:600;margin:0 0 26px}em{font-style:normal;color:var(--blue)}.intro{color:var(--muted);font-size:18px;line-height:1.7;max-width:480px}.actions{display:flex;align-items:center;gap:24px;margin-top:32px;flex-wrap:wrap}.text-link{font-size:13px;font-weight:600}.text-link span{margin-left:10px}.hero-note{font-size:12px;color:#6b7e94;margin-top:26px}.visual{position:relative;border:1px solid #c9d9ec;background:linear-gradient(140deg,#e6eef8,#ffffff);padding:28px;border-radius:14px;box-shadow:0 24px 60px #102b4e0b;transform:none}.visual-top{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.8px;font-weight:bold}.live-dot{height:8px;width:8px;border-radius:50%;background:var(--blue)}.sample-label{font-size:10px;color:var(--muted);margin-top:10px}.workflow-title{font-size:39px;line-height:1.15;letter-spacing:-1.6px;margin:32px 0 26px}.workflow-title span{color:var(--blue)}.work-row{background:#fff;border:1px solid #e4eaf1;border-radius:7px;padding:18px 14px;display:flex;gap:15px;align-items:center;margin-top:10px}.row-icon{width:35px;height:35px;background:#eaf3ff;color:var(--blue);border-radius:8px;display:grid;place-items:center;font-size:12px;font-weight:bold}.work-row small{font-size:8px;letter-spacing:1.1px;color:var(--muted);display:block;margin-bottom:7px}.work-row strong{font-size:14px}.row-arrow{margin-left:auto;color:#8293a7}.visual-foot{display:flex;align-items:center;gap:11px;margin-top:27px;font-size:11px;color:var(--muted)}.ribbon{margin:0 6%;border-top:1px solid #dce3ec;border-bottom:1px solid #dce3ec;padding:25px 0;display:flex;gap:40px;font-size:11px;font-weight:bold;letter-spacing:1.5px}.ribbon-end{margin-left:auto;color:var(--muted);letter-spacing:0;font-weight:normal}.ribbon-end span{margin-left:20px}.overview{padding:90px 6%}.section-heading{display:grid;grid-template-columns:1fr 1fr;gap:0 80px}.section-heading .eyebrow{grid-column:1/-1;margin-bottom:22px}h2{font-size:clamp(34px,3.6vw,48px);line-height:1.1;letter-spacing:-2px;margin:0;font-weight:600}.section-heading>p:last-child{font-size:17px;line-height:1.7;color:var(--muted);max-width:400px;margin:0;align-self:center}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:54px;gap:36px}.feature-grid article{border-top:2px solid var(--navy);padding-top:24px}.number{font-size:12px;letter-spacing:2px;color:var(--blue);font-weight:bold}h3{font-size:21px;letter-spacing:-.6px;margin:27px 0 14px}.feature-grid p{color:var(--muted);font-size:15px;line-height:1.8;min-height:105px}.feature-tag{display:inline-block;font-size:10px;letter-spacing:.7px;border:1px solid #cad5e3;border-radius:30px;padding:8px 12px;margin-top:16px}.process{margin:0 6% 85px;border-radius:12px;background:#e8eef6;padding:48px;display:grid;grid-template-columns:1fr 1fr;gap:60px}.process>div>p:last-child{font-size:15px;line-height:1.7;color:var(--muted);max-width:310px}.process ol{list-style:none;margin:0;padding:0}.process li{display:flex;gap:26px;border-bottom:1px solid #ced9e7;padding:23px 0}.process li:first-child{padding-top:0}.process li:last-child{border:0;padding-bottom:0}.process li>span{font-size:12px;color:var(--blue);font-weight:bold;padding-top:5px}.process h3{margin:0;font-size:18px}.process li p{font-size:13px;line-height:1.6;color:var(--muted);margin-bottom:0}.closing{background:var(--navy);color:white;display:flex;justify-content:space-between;align-items:center;padding:60px 6%;gap:30px}.closing .eyebrow{color:#8dbdfa;margin-bottom:22px}.closing p:last-child{font-size:14px;color:#bacce2;margin-top:24px}.light{background:white;color:var(--navy)}.light:hover{background:#deecff}footer{display:flex;align-items:center;padding:35px 6%;gap:35px}footer .logo{width:170px}footer p,footer>span{font-size:11px;color:var(--muted)}footer>span{margin-left:auto}@media(min-width:1500px){header,main,footer{border-left:1px solid #e5eaf1;border-right:1px solid #e5eaf1}}@media(max-width:1000px){.hero{gap:30px}.actions{gap:20px}.visual{padding:20px}.workflow-title{font-size:33px}.work-row strong{font-size:12px}h1{letter-spacing:-2px}.ribbon{gap:24px}.feature-grid{gap:24px}.process{padding:32px;gap:35px}}@media(max-width:720px){header{height:86px;padding:0 6%}.logo{width:180px}nav{gap:0}nav>a:not(.button){display:none}.button.small{padding:11px 16px;gap:12px}.hero{grid-template-columns:1fr;padding-top:48px;gap:42px}h1{font-size:clamp(40px,8vw,58px)}.intro{font-size:16px}.visual{transform:none;padding:26px;max-width:500px;width:100%;margin:auto}.workflow-title{font-size:38px}.work-row strong{font-size:14px}.ribbon{flex-wrap:wrap;gap:18px;font-size:9px}.ribbon-end{display:none}.overview{padding:60px 6%}.section-heading{grid-template-columns:1fr;gap:24px}.section-heading .eyebrow{margin:0}.feature-grid{grid-template-columns:1fr;gap:34px;margin-top:36px}.feature-grid p{min-height:0}.feature-tag{margin-top:6px}.process{grid-template-columns:1fr;padding:28px;gap:30px;margin-bottom:60px}.closing{flex-direction:column;align-items:flex-start;padding:48px 6%}.closing h2{font-size:40px}footer{flex-wrap:wrap;gap:10px 25px}footer p{width:100%;order:3;margin:0}footer>span{font-size:10px}.hero .eyebrow{font-size:9px;letter-spacing:1.5px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

.brand-tagline{font-size:18px;line-height:1.5;font-weight:600;max-width:480px;margin:0 0 20px;color:var(--navy)}

header{position:sticky;top:0;z-index:100;background:var(--paper);box-shadow:0 4px 16px #102b4e08}
@media(max-width:720px){html{scroll-padding-top:110px}}

.product-hero{margin:0;min-width:0}.product-hero img,.product-section img{display:block;width:100%;height:auto;border:1px solid #cad5e3;border-radius:10px;background:#fff;box-shadow:0 15px 40px #102b4e0b}figcaption{font-size:12px;line-height:1.6;color:var(--muted);margin-top:14px}.product-tour{padding:0 6% 80px}.product-section{display:grid;grid-template-columns:1fr 2fr;align-items:center;gap:40px;margin-top:64px}.product-section figure{margin:0;min-width:0}.product-section h3{font-size:30px;line-height:1.2}.product-section p{font-size:16px;line-height:1.75;color:var(--muted)}.product-hero a,.product-section figure a{display:block;border-radius:10px}.hero{grid-template-columns:1fr 1.2fr}.hero h1{font-size:clamp(40px,4.3vw,60px)}@media(max-width:900px){.hero{grid-template-columns:1fr}.product-hero{max-width:760px}.product-section{grid-template-columns:1fr;gap:24px}.product-section h3{margin-top:16px}.product-section p{max-width:620px}.product-tour{padding-bottom:60px}.product-section{margin-top:45px}}

.button{background:#066CD2}.number{color:#066CD2}.light{background:white;color:var(--navy)}

.product-section{align-items:start}.product-copy{position:relative}.product-copy>.number{position:absolute;top:-24px;left:0}.product-section h3{margin-top:0}

.hero{align-items:start}.hero-copy{position:relative}.hero-copy>.eyebrow{position:absolute;top:-32px;left:0;margin:0}.hero h1{margin-top:0}@media(max-width:900px){.hero-copy>.eyebrow{position:static;margin-bottom:28px}}

.product-tour>.section-heading{grid-template-columns:1fr}.product-section{align-items:start}.product-section h3{margin-top:0}

.product-section{align-items:center}.product-copy>.number{position:static;display:block;margin-bottom:16px}.product-section h3{margin-top:0}.product-intro{align-items:stretch;margin-top:0}.product-intro>.product-copy{display:flex;flex-direction:column}.product-title{flex:none}.feature-copy{flex:1;display:flex;flex-direction:column;justify-content:center}.feature-copy>.number{display:block;margin-bottom:16px}.product-intro figure{align-self:start}@media(max-width:900px){.product-title{margin-bottom:40px}.feature-copy{display:block}}

@media(min-width:901px){.product-section{align-items:start}.product-section>.product-copy{aspect-ratio:1440/2000;display:flex;flex-direction:column;justify-content:center}.product-section:last-child>.product-copy{aspect-ratio:1425/2000}.product-intro .product-title{position:absolute;top:0;left:0}.product-intro .feature-copy{flex:0;display:block}}

.button.demo{background:transparent;color:var(--navy);border:1px solid #b6c8dd}.button.demo:hover{background:#e7eff9}@media(max-width:720px){nav{gap:8px}nav>a.demo{display:inline-flex}.logo{width:150px}.button.small{padding:11px 12px;font-size:12px}}@media(max-width:390px){header{padding:0 4%}.logo{width:130px}.button.small{padding:10px 9px}nav{gap:6px}}

/* Text participates in layout independently of screenshot proportions. */
.hero-copy>.eyebrow{position:static;margin-bottom:28px}
.product-section>.product-copy,.product-section:last-child>.product-copy{aspect-ratio:auto;min-width:0}
.product-intro .product-title{position:static;margin-bottom:32px}
.product-intro .feature-copy{flex:none}
.product-section{align-items:start}
header{height:auto;min-height:114px;gap:20px;padding-top:20px;padding-bottom:20px}
header>a{min-width:0;flex-shrink:1}
header nav{flex-wrap:wrap;justify-content:flex-end;min-width:0;gap:16px}
header .logo{max-width:100%;height:auto}
@media(max-width:720px){header{min-height:86px;gap:12px;padding-top:14px;padding-bottom:14px}header nav{gap:8px}.product-intro .product-title{margin-bottom:32px}}
@media(max-width:390px){header{flex-wrap:wrap}header nav{justify-content:flex-start;flex:1 1 auto}}
@media(max-height:500px){header{position:static}}