*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background-color:#fff;background-image:radial-gradient(circle,rgba(75,124,192,.28) 1px,transparent 1.1px);background-size:28px 28px;background-position:11px 13px;color:#122039;font-family:Arial,Helvetica,sans-serif;font-size:17px;line-height:1.6}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:3px solid #1267d6;outline-offset:5px}header,main,footer{max-width:1180px;margin:auto;padding:0 32px}header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e1e3ee}.brand{font-size:23px;font-weight:800;letter-spacing:-1px}.brand span{color:#1468d4}nav{display:flex;gap:28px;align-items:center;font-size:15px;font-weight:600}.button{display:inline-flex;padding:14px 24px;border-radius:8px;background:#14243b;color:white;font-weight:700;font-size:15px;align-items:center;justify-content:center}.button.primary{background:#1267d6;box-shadow:0 5px 16px #1267d622}.button.secondary{background:white;color:#14243b;border:1px solid #dddfea}.eyebrow{font-size:13px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#536b86}.hero{padding:96px 0 80px;display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center}h1{font-size:clamp(42px,5.5vw,72px);line-height:1.06;letter-spacing:-3px;margin:24px 0}h1 em{font-style:normal;color:#1468d4}p{color:#626579;max-width:570px}h2{font-size:38px;line-height:1.15;letter-spacing:-1.5px;margin:12px 0 24px}h3{font-size:22px;letter-spacing:-.5px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.hero-art{background:#e5f0ff;border-radius:20px;padding:42px 28px;transform:rotate(-2deg);border:1px solid #caddf5}.hero-art .slide{background:#fff;border-radius:12px;padding:36px;box-shadow:0 18px 30px #143c6420;min-height:300px;position:relative}.slide .num{font-size:13px;color:#53759b}.slide h3{font-size:38px;line-height:1.12;margin:38px 0 16px;max-width:280px}.slide b{color:#1267d6}.slide .bottom{border-top:1px solid #e0e9f4;margin-top:30px;padding-top:15px;font-size:13px;color:#647b97}.art-caption{font-size:12px;color:#5b7698;margin-top:18px;transform:rotate(2deg)}.section{padding:65px 0;border-top:1px solid #e1e3ee}.section-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:25px}.product{display:grid;grid-template-columns:1fr 1.1fr;border:1px solid #e0e2ec;border-radius:16px;overflow:hidden;background:white}.product-logo{display:flex;align-items:center;justify-content:center;background:#eaf2fd;padding:42px}.product-logo img{width:100%;max-width:380px;height:auto}.product-copy{padding:44px}.tag{font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:#526d8e}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.item{padding:24px 0}.item .number{color:#1267d6;font-size:14px;font-weight:700}.item p{font-size:16px}.banner{margin:60px 0;background:#14243b;color:white;padding:45px;border-radius:16px;display:flex;justify-content:space-between;align-items:center;gap:30px}.banner h2{font-size:32px;margin:0 0 12px}.banner p{color:#bfc0d5;margin:0}.banner .button{background:white;color:#14243b;flex-shrink:0}footer{display:flex;justify-content:space-between;gap:20px;padding-top:30px;padding-bottom:35px;border-top:1px solid #e1e3ee;font-size:14px;color:#6c6e82}details{border-bottom:1px solid #dfe1eb;padding:20px 0}summary{font-size:18px;cursor:pointer;font-weight:700}details p{max-width:760px}.intro{max-width:660px}.small{font-size:13px;color:#87899b;margin-top:18px}@media(max-width:760px){header,main,footer{padding-left:22px;padding-right:22px}header{height:85px}nav{gap:15px}nav .button{display:none}.hero{grid-template-columns:1fr;padding:58px 0;gap:35px}h1{letter-spacing:-2px}.hero-art{max-width:500px;transform:none}.product{grid-template-columns:1fr}.product-copy{padding:28px}.product-logo{padding:32px}.grid{grid-template-columns:1fr;gap:0}.section{padding:42px 0}.section-head{display:block}h2{font-size:32px}.banner{display:block;padding:30px;margin:35px 0}.banner .button{margin-top:25px}footer{flex-wrap:wrap}.slide h3{font-size:34px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
footer{flex-wrap:wrap}footer>span:last-child{max-width:100%;overflow-wrap:anywhere}

/* Continuous dotted background with subtle full-width separators. */
.header-shell,.footer-shell{background:transparent}.header-shell{border-bottom:1px solid #e1e3ee}.footer-shell{border-top:1px solid #e1e3ee}header,footer{border:0}