:root{color-scheme:dark;--navy:#07192f;--ink:#0b233d;--blue:#0d84ff;--muted:#b7c7d8;--line:#28405a;--paper:#f3f7fb}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--navy);color:#fff;font-family:"Geist","Inter","SF Pro Text",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:1.125rem;line-height:1.65}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}a:focus-visible{outline:3px solid #5bb8ff;outline-offset:6px}.skip{position:absolute;left:20px;top:-100px;background:#fff;color:var(--navy);padding:12px;z-index:10}.skip:focus{top:10px}.wrap,.header{width:min(1320px,calc(100% - 96px));margin:auto}.header{display:flex;align-items:center;justify-content:space-between;padding:24px 0;border-bottom:1px solid var(--line);gap:24px}.brand{display:block;flex-shrink:0}.brand img{width:240px}.header nav{display:flex;align-items:center;gap:32px;font-size:15px;font-weight:600}.header nav>a:not(.button):hover,.text-link:hover,footer>a:last-child:hover{color:#70bcff}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;background:var(--blue);color:var(--navy);padding:16px 24px;border-radius:7px;font-size:16px;font-weight:700;line-height:1.5;transition:background .2s}.button:hover{background:#0879e8}.button.small{padding:11px 18px;font-size:14px}.hero{display:grid;grid-template-columns:1fr 1.08fr;gap:50px;align-items:center;padding:88px 0 72px}.eyebrow{text-transform:uppercase;letter-spacing:.17em;font-size:.875rem;line-height:1.6;color:#64b6ff;font-weight:700;margin:0 0 22px}h1,h2,h3,p,figure{margin:0}h1{font-size:clamp(3rem,4.9vw,4.375rem);line-height:1.08;letter-spacing:-.045em;font-weight:600}h1 em{font-style:normal;color:#57adff}.intro{color:var(--muted);font-size:19px;line-height:1.75;max-width:490px;margin-top:28px}.actions{display:flex;gap:24px;align-items:center;margin-top:32px;flex-wrap:wrap}.text-link{font-size:15px;font-weight:600}.demo-note{font-size:.875rem;color:#a4b7cd;margin-top:18px;line-height:1.6}.hero-figure{background:#0e2945;border:1px solid #254663;padding:15px;border-radius:12px;box-shadow:0 26px 70px #0005;transform:translateY(16px)}.screen-label{display:flex;justify-content:space-between;gap:12px;font-size:.75rem;letter-spacing:.09em;color:#aac1d9;padding:3px 5px 14px}.hero-figure img{border-radius:5px;width:100%}.hero-figure figcaption{font-size:14px;color:#bfd2e5;padding:17px 5px 4px}.index-bar{display:flex;justify-content:space-between;gap:22px;border-top:1px solid var(--line);padding:27px 0 34px;color:#b8cbdf;font-size:14px;letter-spacing:.06em}.light-section{background:var(--paper);color:var(--ink);color-scheme:light}.platform{padding:96px 0 100px}.section-heading{max-width:780px;margin-bottom:56px}h2{font-size:clamp(2.125rem,3.5vw,3.0625rem);line-height:1.16;font-weight:600;letter-spacing:-.035em}.light-section .eyebrow{color:#0775d6}.section-heading>p:last-child{font-size:19px;color:#52677f;max-width:680px;margin-top:25px}.feature-layout{display:grid;grid-template-columns:1.18fr 1fr;gap:70px;align-items:center}.product-image img{border-radius:8px;box-shadow:0 15px 50px #16344c18;border:1px solid #dce5ef}.product-image figcaption{font-size:13px;color:#61748a;margin-top:14px}.feature-copy article{position:relative;padding:0 0 26px 42px;margin-bottom:26px;border-bottom:1px solid #d8e2ec}.feature-copy article:last-child{border:0;margin:0;padding-bottom:0}.number{position:absolute;left:0;top:1px;color:#1683e5;font-size:14px;font-weight:700}h3{font-size:22px;line-height:1.3;font-weight:600;letter-spacing:-.02em}.feature-copy p{font-size:17px;color:#52677f;margin-top:10px}.calendar{display:grid;grid-template-columns:.85fr 1.15fr;gap:65px;align-items:center;padding:100px 0}.section-body{color:var(--muted);font-size:18px;margin-top:24px}.calendar-detail{border-left:2px solid var(--blue);padding-left:20px;color:#d8e6f5;font-size:16px;margin-top:30px}.calendar figure{min-width:0}.calendar img{border-radius:8px;border:1px solid #36526e}.calendar figcaption{color:#a4b7cd;font-size:13px;margin-top:13px}.workflow{padding:90px 0}.steps{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin:0;padding:0}.steps li{border-top:1px solid #c7d5e3;padding-top:24px}.steps span{display:block;color:#0678df;font-size:14px;margin-bottom:20px}.steps h3{font-size:20px}.steps p{font-size:16px;color:#52677f;margin-top:12px}.closing{text-align:center;padding:100px 0 94px}.closing h2{font-size:clamp(2.25rem,4vw,3.5rem)}.closing>p:not(.eyebrow):not(.demo-note){color:var(--muted);max-width:590px;margin:24px auto 30px}.closing .button{margin:auto}footer{display:flex;align-items:center;gap:30px;border-top:1px solid var(--line);padding:28px 0 36px}footer p{font-size:13px;color:#a4b7cd;flex:1}footer>a:last-child{font-size:14px;font-weight:600;white-space:nowrap}footer .brand img{width:180px}@media(min-width:1500px){.hero{gap:80px}}@media(max-width:1000px){.wrap,.header{width:calc(100% - 48px)}.hero{gap:28px;grid-template-columns:1fr 1fr}.hero h1{font-size:clamp(2.5rem,4.7vw,3.125rem)}.header nav{gap:18px}.brand img{width:200px}.feature-layout{gap:35px}.calendar{gap:36px}.steps{gap:24px}}@media(max-width:760px){body{font-size:17px}.wrap,.header{width:calc(100% - 40px)}.header{padding:17px 0;gap:12px}.brand img{width:174px}.header nav>a:not(.button){display:inline-flex}.header .button.small{font-size:13px;padding:10px 12px;gap:8px}.hero{display:block;padding:52px 0 38px}.hero h1{font-size:clamp(2.25rem,10vw,4rem)}.eyebrow{font-size:.875rem;margin-bottom:18px}.intro{font-size:18px;margin-top:24px}.actions{gap:18px;margin-top:25px}.hero-figure{margin-top:40px;transform:none;padding:10px}.screen-label{font-size:.75rem}.index-bar{gap:10px;flex-wrap:wrap;justify-content:flex-start;font-size:13px;padding:22px 0}.index-bar span{margin-right:16px}.platform,.workflow{padding:60px 0}.section-heading{margin-bottom:36px}.section-heading>p:last-child{font-size:18px}.feature-layout{display:flex;flex-direction:column;gap:35px}.feature-copy article{padding-left:34px}.feature-copy p{font-size:17px}.calendar{display:block;padding:60px 0}.calendar figure{margin-top:34px}.steps{grid-template-columns:1fr 1fr;gap:32px 24px}.steps h3{font-size:20px}.steps p{font-size:16px}.closing{padding:62px 0}.closing .button{width:100%;max-width:360px}footer{flex-wrap:wrap;gap:16px;padding:25px 0}footer p{flex-basis:100%;order:3}footer>a:last-child{margin-left:auto}.demo-note{font-size:13px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
:root .header .brand img{width:360px;height:auto}
:root footer .brand img{width:260px;height:auto}
@media(max-width:1000px){:root .header .brand img{width:300px}}
@media(max-width:760px){.header{flex-wrap:wrap;gap:18px;padding:22px 0}.header .brand{max-width:100%}:root .header .brand img{width:min(320px,100%)}.header nav{width:100%;justify-content:flex-start}.header .button.small{font-size:14px;padding:11px 16px}:root footer .brand img{width:240px}}

/* Shared Azuris typography, accessible navigation and responsive refinements. */
h1,h2,h3 { text-wrap: balance; }
.hero > *, .feature-layout > *, .calendar > * { min-width: 0; }
.header nav { flex-wrap: wrap; justify-content: flex-end; gap: .75rem 1.5rem; }
.header nav > a, .text-link, footer > a:last-child {
  display: inline-flex; align-items: center; min-height: 44px;
}
.button { min-height: 48px; text-align: center; }
.button:hover { background: #43a1ff; }
.button span { flex-shrink: 0; }
.header .brand { max-width: 100%; }
.index-bar { flex-wrap: wrap; }
.screen-label { flex-wrap: wrap; }
.steps { grid-template-columns: repeat(4,minmax(0,1fr)); }
.skip { top: 0; transform: translateY(-150%); }
.skip:focus { transform: translateY(0); }
#main:focus { outline: none; }
@media(max-width:760px) {
  .header nav { justify-content: flex-start; gap: .5rem 1.25rem; }
  .header nav > a:not(.button) { font-size: .9375rem; }
  .header .button.small { margin-left: auto; }
  .actions { align-items: stretch; gap: .75rem 1.25rem; }
  .actions .button { flex: 1 1 100%; }
  .steps { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media(max-width:420px) {
  .header .button.small { margin-left: 0; }
  .steps { grid-template-columns: 1fr; gap: 1.75rem; }
  .hero h1 { overflow-wrap: break-word; }
  .closing h2 { font-size: 2rem; }
  footer .brand { max-width: 100%; }
}