*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0b1015;color:#f2f5f8;font:16px/1.7 system-ui,Arial,sans-serif}a{color:inherit}.nav{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px max(24px,calc((100vw - 1140px)/2));border-bottom:1px solid #26313a}.nav img{width:155px;max-width:100%;height:auto}.nav nav{display:flex;flex-wrap:wrap;gap:18px;font-size:14px}.nav a{text-decoration:none}main{max-width:1140px;margin:auto;padding:0 24px}section{padding:72px 0}.hero{padding:100px 0 78px;background:radial-gradient(ellipse at 75% 20%,#143a42 0,transparent 55%)}h1,h2,h3{font-family:Manrope,system-ui,sans-serif;line-height:1.16;letter-spacing:-.035em}h1{font-size:clamp(38px,6vw,72px);max-width:850px;margin:18px 0}h2{font-size:clamp(30px,4vw,44px);margin:12px 0}h3{font-size:21px;margin:16px 0 12px}.lead{font-size:20px;max-width:740px;color:#c3d0d6}.eyebrow,.type{font-size:12px;letter-spacing:.14em;font-weight:700;color:#7ee0d2}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.button{display:inline-block;background:#65ddca;color:#071819;text-decoration:none;padding:13px 20px;border-radius:10px;font-weight:700}.button.secondary{background:#22313a;color:white}.heading{max-width:760px;margin-bottom:28px}.heading p,.card p,.next p{color:#bdcbd2}.video{aspect-ratio:16/9;max-width:100%;background:#000;border:1px solid #34434c;border-radius:18px;overflow:hidden}.video iframe{border:0;width:100%;height:100%}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card{min-width:0;border:1px solid #293943;border-radius:16px;background:#131d24;padding:24px}.card p{margin:0}.next{border-top:1px solid #2d3c45;max-width:850px}footer{text-align:center;padding:35px;color:#9badb5;border-top:1px solid #28343d}@media(max-width:760px){.cards{grid-template-columns:1fr}.nav{align-items:flex-start;flex-direction:column}.hero{padding:65px 0 35px}section{padding:48px 0}}
/* Rich component catalogue: no decorative counters */
.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.card{padding:0;overflow:hidden}.component-image{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#08141b}.card-content{padding:25px 28px 30px}.card-content h3{margin:0 0 12px;font-size:25px}.card-content h4{color:#7ee0d2;font-size:14px;letter-spacing:.025em;margin:23px 0 6px}.card-content p{line-height:1.65}.card-content .intro{color:#f1f5f7;font-size:17px}.component-note{border-left:3px solid #65ddca;background:#1a2931;border-radius:0 8px 8px 0;padding:12px 15px;margin-top:24px!important}.component-note strong{color:#dffbf4}.card .type{display:none!important}@media(max-width:800px){.cards{grid-template-columns:1fr}.card-content{padding:20px}.card-content h3{font-size:23px}}