body{margin:0;background:#F3F5F8}
.lp,.doc{--night:#000E21;--page:#F3F5F8;--raised:#FFFFFF;--line:#D8DEE6;--input:#74808F;--muted:#556172;--action:#0573C4;--action-h:#04599A;--accent:#0696F9;--sel:#D8EDFE;--strong:#7CC4FC;--slate7:#3E4858;--teal:#0B6E79;
 font-family:'Barlow',system-ui,-apple-system,'Segoe UI',sans-serif;font-size:15px;line-height:22px;color:var(--night);background:var(--page);-webkit-font-smoothing:antialiased}
.lp{container-type:inline-size;container-name:lp;width:100%;box-sizing:border-box;position:relative}
.lp *,.doc *{box-sizing:border-box}
.disp{font-family:'Barlow Condensed','Barlow',system-ui,sans-serif}
.mono{font-family:'JetBrains Mono',ui-monospace,monospace}
.lp a{color:var(--action)}
.lp a:hover{color:var(--action-h)}
.lp :focus-visible,.lp .f{outline:2px solid var(--night);outline-offset:2px;border-radius:4px}
.lp .dark :focus-visible,.lp .dark .f{outline-color:var(--strong)}
.wrap{max-width:1216px;margin:0 auto;padding-inline:32px}
ul.plain,ol.plain{list-style:none;margin:0;padding:0}
.skip{position:absolute;left:16px;top:-80px;z-index:10;background:#FFFFFF;color:var(--night)!important;font-weight:600;padding:12px 16px;min-height:44px;display:inline-flex;align-items:center;border-radius:6px;text-decoration:none}
.skip.show,.skip:focus{top:12px}
.dark{background:var(--night);color:#F3F5F8}
/* header */
.hdr{position:relative;border-bottom:1px solid #1D355C}
.hdr-in{display:flex;align-items:center;gap:8px 32px;min-height:72px;flex-wrap:wrap;padding-block:8px}
.brand{font-family:'Barlow Condensed','Barlow',system-ui,sans-serif;font-weight:600;font-size:24px;line-height:28px;color:#FFFFFF!important;text-decoration:none;display:inline-flex;align-items:center;gap:10px;min-height:44px;padding-inline:2px;letter-spacing:.005em}
.brand-dot{width:10px;height:10px;border-radius:2px;background:var(--accent);flex:none}
.nav{flex:1 1 auto}
.nav ul{display:flex;flex-wrap:wrap;gap:4px 4px}
.nav a,.langs a{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;color:#E8ECF1!important;text-decoration:none;font-weight:500;font-size:15px;border-radius:4px}
.nav a:hover,.langs a:hover{color:var(--strong)!important;text-decoration:underline;text-underline-offset:4px}
.langs ul{display:flex;gap:2px;align-items:center}
.langs a{font-size:14px;padding:0 10px;color:#B8C1CD!important}
.langs a[aria-current]{color:#FFFFFF!important;font-weight:600;box-shadow:inset 0 -2px 0 var(--strong);border-radius:0}
.langs-label{font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#8297B9;margin-right:6px}
.langs{display:flex;align-items:center}
/* hero */
.hero{padding-block:72px 80px;position:relative;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:48px;align-items:center}
.eyebrow{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0 0 20px;font-size:16px;line-height:24px;color:#D8DEE6;font-weight:500}
.pill{display:inline-flex;align-items:center;gap:6px;font-size:12px;line-height:16px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:4px 10px;border-radius:4px;white-space:nowrap}
.pill svg{flex:none}
.slogan{margin:0;font-family:'Barlow Condensed','Barlow',system-ui,sans-serif;font-weight:700;font-size:88px;line-height:88px;letter-spacing:-.01em;color:#FFFFFF}
.slogan .dot{color:var(--accent)}
.hero h1{margin:20px 0 0;font-family:'Barlow Condensed','Barlow',system-ui,sans-serif;font-weight:600;font-size:34px;line-height:40px;max-width:24ch;text-wrap:balance;color:#FFFFFF}
.hero-body{margin:16px 0 0;font-size:18px;line-height:28px;color:#D8DEE6;max-width:60ch;text-wrap:pretty}
.ctas{display:flex;flex-wrap:wrap;gap:12px 16px;margin-top:32px;align-items:center}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border-radius:6px;font-weight:600;font-size:16px;text-decoration:none;border:1px solid transparent}
.btn-primary{background:var(--action);color:#FFFFFF!important;border-color:#3DAAFA}
.btn-primary:hover{background:var(--action-h)}
.btn-ghost{color:#FFFFFF!important;border-color:#8297B9}
.btn-ghost:hover{border-color:#FFFFFF}
.hero-note{display:flex;gap:8px;align-items:flex-start;margin:28px 0 0;font-size:14px;line-height:20px;color:#B8C1CD;max-width:60ch}
.hero-note svg{flex:none;margin-top:2px}
.hero-art{justify-self:end;width:100%;max-width:440px}
.hero-art svg{display:block;width:100%;height:auto}
/* sections */
.sec{padding-block:72px}
.sec + .sec{border-top:1px solid var(--line)}
.sec-head{display:flex;flex-direction:column;gap:12px;max-width:760px;margin-bottom:36px}
.sec-head h2{margin:0;font-family:'Barlow Condensed','Barlow',system-ui,sans-serif;font-weight:600;font-size:44px;line-height:52px;letter-spacing:-.01em;text-wrap:balance}
.sec-head p{margin:0;font-size:17px;line-height:26px;color:var(--muted);text-wrap:pretty}
.kicker{font-size:12px;line-height:16px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--action)}
.grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.card{background:var(--raised);border:1px solid var(--line);border-radius:10px;padding:24px;display:flex;flex-direction:column;gap:12px}
.card h3{margin:0;font-size:18px;line-height:24px;font-weight:600}
.card p{margin:0;color:#3E4858;font-size:15px;line-height:22px}
.card .tagrow{margin-top:auto;padding-top:4px}
.ico{width:44px;height:44px;border-radius:6px;background:#EEF7FF;display:flex;align-items:center;justify-content:center;color:var(--action);flex:none}
.ico svg{display:block}
.card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
/* modules */
.mod-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}
.mod-grid > li{grid-column:span 2}
.mod-grid > li:nth-child(4){grid-column:2 / span 2}
.mod-grid > li:nth-child(5){grid-column:4 / span 2}
/* workflow */
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;counter-reset:s}
.step{position:relative;background:var(--raised);border:1px solid var(--line);border-radius:10px;padding:24px;display:flex;flex-direction:column;gap:12px}
.step-num{font-size:12px;line-height:16px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--action)}
.step-txt{display:flex;flex-direction:column;gap:8px}
.step-num b{font-family:'Barlow Condensed','Barlow',system-ui,sans-serif;font-size:28px;line-height:28px;font-weight:600;color:var(--action);font-variant-numeric:tabular-nums}
.step h3{margin:0;font-size:18px;line-height:24px;font-weight:600}
.step p{margin:0;color:#3E4858}
.step-art{height:96px;border-radius:6px;background:#F3F5F8;display:flex;align-items:center;justify-content:center;color:#324C78}
.step .arrow{position:absolute;right:-17px;top:50%;width:14px;height:14px;color:#8297B9;transform:translateY(-50%)}
.step:last-child .arrow{display:none}
/* status */
.status-card{background:var(--raised);border:1px solid var(--line);border-radius:10px;overflow:hidden}
.status-sum{display:flex;gap:16px;align-items:flex-start;padding:24px 28px;background:#EEF7FF;border-bottom:1px solid #B3DCFD}
.status-sum h3{margin:0;font-size:20px;line-height:28px;font-weight:600}
.status-sum p{margin:4px 0 0;color:#3E4858}
.status-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.status-col{padding:24px 28px;display:flex;flex-direction:column;gap:14px}
.status-col + .status-col{border-left:1px solid var(--line)}
.status-col h4{margin:0;display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:16px;line-height:24px;font-weight:600}
.status-col li{display:flex;gap:10px;align-items:flex-start;padding:6px 0}
.status-col li svg{flex:none;margin-top:2px}
.status-note{margin:0;font-size:14px;line-height:20px;color:var(--muted)}
/* footer */
.ftr{padding-block:48px 40px}
.ftr-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,4fr) minmax(0,3fr);gap:32px}
.ftr .brand{font-size:28px}
.ftr p{margin:8px 0 0;color:#B8C1CD;font-size:14px;line-height:20px}
.ftr h2{margin:0 0 8px;font-size:12px;line-height:16px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#8297B9}
.ftr .nav ul{flex-direction:column;gap:0}
.ftr .nav a{padding:0 8px;margin-left:-8px}
.ftr .langs ul{flex-direction:column;align-items:flex-start;gap:0}
.ftr .langs a{padding:0 8px;margin-left:-8px;font-size:15px}
.ftr .langs a[aria-current]{box-shadow:none;text-decoration:underline;text-underline-offset:4px}
.ftr-bottom{margin-top:32px;padding-top:20px;border-top:1px solid #1D355C;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;align-items:center}
.ftr-bottom a{color:#E8ECF1!important;display:inline-flex;min-height:44px;align-items:center;font-weight:500}
.ftr-bottom p{margin:0}
/* r2: panorama + challenges */
.hero{padding-bottom:0}
.hero-grid{grid-template-columns:minmax(0,1fr)}
.hero-text{max-width:820px}
.hero h1{font-size:46px;line-height:52px;max-width:20ch;margin-top:20px}
.slogan-sm{font-size:28px;line-height:32px}
.pano{display:block;width:100%;height:240px;margin-top:40px}
.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.ch{background:var(--raised);border:1px solid var(--line);border-radius:10px;padding:28px;display:flex;flex-direction:column;gap:12px}
.ch h3{margin:0;font-family:'Barlow Condensed','Barlow',system-ui,sans-serif;font-weight:600;font-size:30px;line-height:34px}
.ch > p{margin:0;font-size:17px;line-height:26px;color:#3E4858}
.ch-plan{margin-top:auto;border-top:1px solid var(--line);padding-top:16px;display:flex;flex-direction:column;gap:8px}
.ch-plan-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.ch-plan-head span.k{font-size:12px;line-height:16px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--action)}
.ch-plan p{margin:0;font-size:16px;line-height:24px;font-weight:500;color:var(--night)}
/* mobile section nav (no toggle) */
.mnav{display:none}

@container lp (max-width: 1023px){
 .wrap{padding-inline:24px}
 .hdr-in{min-height:0;padding-block:12px}
 .hdr .nav{order:3;flex-basis:100%;margin-left:-12px}
 .hdr .langs{margin-left:auto}
 .hero{padding-block:56px 0}
 .hero-grid{grid-template-columns:minmax(0,1fr)}
 .hero-art{display:none}
 .slogan{font-size:72px;line-height:72px}
 .hero h1{font-size:38px;line-height:44px}
 .pano{height:180px}
 .sec{padding-block:56px}
 .sec-head h2{font-size:36px;line-height:44px}
 .grid4{grid-template-columns:repeat(2,minmax(0,1fr))}
 .mod-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .mod-grid > li,.mod-grid > li:nth-child(4),.mod-grid > li:nth-child(5){grid-column:auto}
 .steps{grid-template-columns:minmax(0,1fr);gap:16px}
 .step{flex-direction:row;flex-wrap:wrap;align-items:flex-start;column-gap:20px}
 .step-art{width:120px;height:88px;flex:none}
 .step-txt{flex:1 1 260px;display:flex;flex-direction:column;gap:8px}
 .step .arrow{display:none}
 .ftr-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .ftr-grid > :first-child{grid-column:1 / -1}
}
@container lp (max-width: 599px){
 .wrap{padding-inline:16px}
 .hdr-in{gap:4px 12px}
 .hdr .nav{display:none}
 .hdr .langs{margin-left:0;flex-basis:100%;margin-left:-10px}
 .langs-label{display:none}
 .mnav{display:block;padding-block:12px 16px;border-top:1px solid #1D355C}
 .mnav .mnav-label{display:block;font-size:12px;line-height:16px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#8297B9;margin:0 0 8px}
 .mnav ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .mnav li:last-child:nth-child(odd){grid-column:1 / -1}
 .mnav a{display:flex;align-items:center;min-height:44px;padding:8px 12px;border:1px solid #324C78;border-radius:6px;color:#FFFFFF!important;text-decoration:none;font-weight:500;line-height:20px;hyphens:auto;overflow-wrap:anywhere}
 .hero{padding-block:36px 0}
 .eyebrow{font-size:15px;line-height:22px;margin-bottom:16px}
 .slogan{font-size:min(52px,12cqi);line-height:1.08}
 .hero h1{font-size:30px;line-height:34px;margin-top:16px}
 .pano{height:120px;margin-top:32px}
 .grid2{grid-template-columns:minmax(0,1fr);gap:12px}
 .ch{padding:20px}
 .ch h3{font-size:26px;line-height:30px}
 .hero-body{font-size:16px;line-height:24px}
 .ctas{flex-direction:column;align-items:stretch}
 .btn{width:100%}
 .sec{padding-block:44px}
 .sec-head{margin-bottom:24px}
 .sec-head h2{font-size:30px;line-height:36px}
 .sec-head p{font-size:16px;line-height:24px}
 .grid4,.mod-grid{grid-template-columns:minmax(0,1fr);gap:12px}
 .card{padding:20px}
 .qual{max-width:none;align-items:flex-start}
 .step{padding:20px}
 .step-art{display:none}
 .status-sum{padding:20px;flex-direction:column;gap:10px}
 .status-cols{grid-template-columns:minmax(0,1fr)}
 .status-col{padding:20px}
 .status-col + .status-col{border-left:0;border-top:1px solid var(--line)}
 .ftr-grid{grid-template-columns:minmax(0,1fr)}
}
@media (prefers-reduced-motion: no-preference){html{scroll-behavior:smooth}}

@font-face{font-family:"Barlow";src:url(/fonts/barlow/Barlow-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Barlow";src:url(/fonts/barlow/Barlow-Medium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Barlow";src:url(/fonts/barlow/Barlow-SemiBold.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Barlow";src:url(/fonts/barlow/Barlow-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Barlow Condensed";src:url(/fonts/barlow/BarlowCondensed-Medium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Barlow Condensed";src:url(/fonts/barlow/BarlowCondensed-SemiBold.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Barlow Condensed";src:url(/fonts/barlow/BarlowCondensed-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}