:root{--navy:#081b30;--panel:#102b46;--blue:#acd0ef;--yellow:#ffdd42;--red:#db2348;--white:#f5f6f1}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--navy);color:var(--white);font:16px/1.6 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--yellow);outline-offset:5px}header{max-width:1440px;padding:22px 5%;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff22;gap:25px}.brand{display:flex;align-items:center;gap:20px}.brand img{width:138px;height:auto}.brand span{font-size:10px;letter-spacing:2px;color:var(--blue);max-width:100px}nav{display:flex;gap:30px;font-size:13px;color:#ccd8e4}nav a:hover{color:var(--yellow)}main>section{padding:80px 6%;max-width:1600px;margin:auto}.hero{display:grid;grid-template-columns:0.92fr 1.15fr;align-items:center;gap:50px;min-height:690px;background:radial-gradient(ellipse at 90% 50%,#1b3b5d66,transparent 65%)}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:750;color:var(--yellow);margin:0 0 20px}h1{font-size:clamp(36px,3.5vw,59px);line-height:1.08;letter-spacing:-2.5px;margin:0 0 26px;font-weight:800}h1 span{display:block;color:var(--yellow);margin-top:8px}.lead{font-size:18px;line-height:1.7;color:#c1d0df;max-width:490px}.button{display:inline-flex;gap:36px;align-items:center;background:var(--red);padding:14px 23px;margin-top:22px;border-radius:4px;font-size:14px;font-weight:700;box-shadow:0 5px 0 #85142d}.button:hover{background:#ed3459}.small{font-size:12px;color:#8ba5be;margin-top:25px}.hero-visual{border:1px solid #6685a1;border-radius:9px;overflow:hidden;box-shadow:0 30px 70px #0006;transform:rotate(-1.5deg);background:#102940}.screen-top,.screen-bottom{padding:12px 15px;font-size:9px;letter-spacing:1.4px;display:flex;align-items:center;gap:10px;color:#bbd0e2}.screen-top span:last-child,.screen-bottom span:last-child{margin-left:auto}.dot{background:var(--yellow);width:6px;height:6px;border-radius:50%}.image-button{display:block;background:transparent;border:0;padding:0;cursor:zoom-in;max-width:100%;text-align:left}.image-button img{width:100%;display:block}.overview{background:var(--yellow);color:var(--navy)}.overview .eyebrow{color:#574500}h2{font-size:clamp(30px,3.1vw,46px);line-height:1.15;letter-spacing:-1.7px;margin:0 0 25px}.overview-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;align-items:start;gap:40px}.overview-grid p{margin:0;font-size:15px;max-width:390px}.overview-grid>div{font-size:17px;font-weight:750;border-top:1px solid #16324b55;padding-top:15px}.overview-grid span{display:block;font-size:12px;margin-bottom:12px;opacity:.6}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:35px}.section-heading>p{color:#9bb1c6;font-size:14px;max-width:250px}.tour{display:grid;grid-template-columns:310px 1fr;border:1px solid #36536e;border-radius:8px;overflow:hidden}.feature-list{max-height:680px;overflow:auto;background:#0c2137;scrollbar-color:#6585a1 #0c2137}.feature-list button{display:flex;gap:15px;align-items:center;width:100%;border:0;border-bottom:1px solid #ffffff12;background:transparent;color:#b6cadd;text-align:left;padding:17px 20px;cursor:pointer;font-size:14px}.feature-list button span{font-size:10px;color:#86a5c2}.feature-list button:hover{background:#1d3b56}.feature-list button[aria-pressed=true]{background:var(--yellow);color:var(--navy);font-weight:750}.feature-list button[aria-pressed=true] span{color:#4a4831}.feature-detail{background:var(--panel);padding:40px;min-width:0;min-height:630px}.feature-detail h3{font-size:32px;line-height:1.2;letter-spacing:-1px;margin:0 0 17px}.feature-detail>p:not(.eyebrow){color:#bed1e2;max-width:670px}.feature-detail .image-button{margin-top:32px;background:#081b30;border:1px solid #42627e;border-radius:5px;overflow:hidden;padding:12px;width:100%;display:flex;justify-content:center}.feature-detail .image-button img{width:auto;max-width:100%;max-height:385px;object-fit:contain}.image-hint{font-size:11px;color:#8daac3!important}.workflow{background:#10263b}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:50px}.steps article{border-top:1px solid #567087;padding-top:20px}.steps span{color:var(--yellow);font-size:11px;letter-spacing:1.4px}.steps h3{font-size:23px;margin:18px 0 12px;line-height:1.25}.steps p{color:#aac0d3;font-size:15px;min-height:110px}.steps img{max-width:100%;height:220px;object-fit:contain;object-position:left top}.closing{text-align:center;padding-top:100px;padding-bottom:110px;background:radial-gradient(ellipse at center,#1b3b5d,transparent 70%)}.closing h2{font-size:clamp(40px,5vw,70px)}footer{border-top:1px solid #ffffff22;padding:30px 6%;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:12px;color:#91abc2}footer>a:first-child{font-weight:800;color:var(--white)}dialog{max-width:96vw;max-height:95vh;background:#081b30;color:var(--white);border:1px solid #7898b3;border-radius:8px;padding:18px}dialog::backdrop{background:#000d}dialog img{display:block;max-width:90vw;max-height:80vh;object-fit:contain;margin:auto}.dialog-header{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:16px}.dialog-header button{background:var(--red);border:0;border-radius:4px;color:white;padding:8px 16px;cursor:pointer}@media(max-width:1000px){header nav{gap:15px}.brand span{display:none}.hero{grid-template-columns:1fr;min-height:auto;gap:45px}.hero-visual{transform:none}.intro{max-width:700px}.overview-grid{grid-template-columns:repeat(3,1fr)}.overview-grid p{grid-column:1/-1;max-width:700px}.tour{grid-template-columns:240px 1fr}.feature-detail{padding:25px}.steps{gap:24px}.steps p{min-height:145px}footer{flex-wrap:wrap}}@media(max-width:650px){header{align-items:start;padding:15px 6%}.brand img{width:110px}nav{flex-direction:column;gap:6px!important;font-size:11px}main>section{padding:55px 6%}h1{letter-spacing:-1.5px}.lead{font-size:16px}.screen-top,.screen-bottom{font-size:7px;padding:10px}.overview-grid{gap:18px}.overview-grid>div{font-size:14px}.section-heading{display:block}.tour{grid-template-columns:1fr}.feature-list{display:flex;max-height:none;overflow-x:auto;align-items:stretch}.feature-list button{width:auto;min-width:170px;border-right:1px solid #ffffff22;padding:16px}.feature-detail{min-height:440px;padding:24px}.feature-detail h3{font-size:28px}.feature-detail .image-button img{max-height:320px}.steps{grid-template-columns:1fr;gap:35px}.steps p{min-height:0}.steps img{height:auto;max-height:235px}.dialog-header strong{font-size:13px}footer{display:block}footer p{margin:16px 0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}