/* Additive ecosystem navigation and editorial pages */
:root{--u-accent:#ef394c;--u-muted:#a7b0c4}html{scroll-behavior:smooth;scroll-padding-top:110px}.u-header{position:sticky!important;top:0;z-index:80;display:flex;align-items:center;gap:22px;padding:17px max(24px,calc((100vw - 1440px)/2))!important;width:100%!important;max-width:none!important;margin:0!important;background:#080d19e8;border-bottom:1px solid #ffffff15;backdrop-filter:blur(20px)}.u-brand{font-size:22px;font-weight:750;white-space:nowrap;color:#f2f5ff;text-decoration:none}.u-brand span{color:var(--u-accent)}.u-nav{display:flex;gap:19px;align-items:center;margin-left:auto}.u-nav a,.u-langs a{color:#bcc5d8;text-decoration:none;font-size:13px;white-space:nowrap;padding:10px 0;position:relative}.u-nav a:hover,.u-nav a[aria-current=page]{color:white}.u-nav a:after{content:'';height:2px;background:var(--u-accent);position:absolute;left:0;right:100%;bottom:2px;transition:right .25s}.u-nav a:hover:after,.u-nav a[aria-current=page]:after{right:0}.u-langs{display:flex;gap:12px}.u-langs [aria-current=page]{color:var(--u-accent)}.u-menu{display:none;background:transparent;border:1px solid #ffffff30;color:white;border-radius:12px;padding:11px;font-size:20px}.u-skip{position:fixed;top:-100px;left:20px;z-index:1000;background:#fff;color:#000;padding:12px}.u-skip:focus{top:12px}.u-page{width:min(1180px,calc(100% - 48px));margin:auto}.u-hero{padding:95px 0 65px;display:grid;grid-template-columns:1.4fr 1fr;gap:65px;align-items:center}.u-kicker{font:12px monospace;letter-spacing:.2em;color:var(--u-accent);text-transform:uppercase}.u-hero h1{font-size:clamp(36px,5.5vw,76px);line-height:1.08;letter-spacing:-.045em;margin:24px 0}.u-hero p,.u-block p{color:var(--u-muted);line-height:1.85;max-width:820px}.u-visual{border-radius:26px;overflow:hidden;position:relative;border:1px solid #ffffff22;box-shadow:0 15px 100px #18336b35;transform:perspective(900px) rotateY(-5deg)}.u-visual img{display:block;width:100%;height:auto;max-height:430px;object-fit:contain}.u-block{padding:50px 0;border-top:1px solid #ffffff16}.u-block h2{font-size:clamp(26px,3vw,40px);letter-spacing:-.03em;line-height:1.2}.u-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:28px}.u-card{background:linear-gradient(135deg,#17223480,#080d1980);border:1px solid #ffffff18;border-radius:20px;padding:28px;transition:transform .25s,border-color .25s}.u-card:hover{transform:translateY(-4px);border-color:var(--u-accent)}.u-card small{font:12px monospace;color:var(--u-accent)}.u-card h3{font-size:22px;margin:20px 0 12px}.u-actions{display:flex;flex-wrap:wrap;gap:14px;margin:26px 0}.u-button{display:inline-flex;align-items:center;gap:12px;border:1px solid #ffffff35;border-radius:12px;padding:14px 21px;background:#ffffff08;color:#f6f7ff;text-decoration:none;font-weight:600}.u-button:hover{border-color:var(--u-accent);background:#ffffff10}.u-footer-nav{display:flex;gap:20px;flex-wrap:wrap;padding:30px 0;border-top:1px solid #ffffff15}.u-footer-nav a{color:#b4bed2;font-size:14px;text-decoration:none}.u-promo{padding:48px!important;border:1px solid #ffffff20;border-radius:28px;margin-top:50px;margin-bottom:70px;background:radial-gradient(ellipse at right,#ad234025,transparent 65%)}.u-table-wrap{overflow-x:auto;border:1px solid #ffffff20;border-radius:18px}.u-table{border-collapse:collapse;width:100%;min-width:560px}.u-table th,.u-table td{padding:20px;text-align:left;border-bottom:1px solid #ffffff15}.u-table thead{background:#ffffff09}.u-table th{color:#f4f6ff}.u-table td{color:#b8c3d2}.u-page a:focus-visible,.u-header a:focus-visible,.u-menu:focus-visible{outline:2px solid var(--u-accent);outline-offset:5px}.u-bike .u-hero{grid-template-columns:1fr 1.2fr}.u-bike .u-visual{transform:none}.u-forge .u-hero{min-height:650px}.u-forge{--u-accent:#468aff}.u-bike{--u-accent:#72e7c5}
@media(max-width:1250px){.u-nav{gap:12px}.u-nav a{font-size:12px}.u-header{gap:15px}}
@media(max-width:1050px){.u-menu{display:block;margin-left:auto}.u-nav{display:none;position:absolute;top:100%;left:0;right:0;padding:24px;background:#090f1bf7;border-bottom:1px solid #ffffff25;max-height:80dvh;overflow:auto}.u-nav.is-open{display:flex;flex-direction:column;align-items:stretch;animation:u-in .2s ease}.u-nav a{font-size:18px;padding:12px}.u-hero{gap:30px}.u-langs{margin-left:0}}
@media(max-width:650px){.u-header{padding:14px 20px!important}.u-brand{font-size:19px}.u-hero,.u-bike .u-hero{grid-template-columns:1fr;padding:55px 0 40px}.u-cards{grid-template-columns:1fr}.u-page{width:calc(100% - 36px)}.u-block{padding:35px 0}.u-promo{padding:27px!important}.u-visual{max-width:380px;transform:none}.u-forge .u-hero{min-height:0}.u-table th,.u-table td{padding:14px}}
@keyframes u-in{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important}.u-card,.u-nav{transition:none!important;animation:none!important}}