#idea,#hubapps,#workhub,#hellohub,#audithub,#sharehub,#hubai,#uzmanliklar,#isler,#ekosistem,#iletisim { scroll-margin-top: 105px; }
.products-intro { position:relative;z-index:2;padding:100px var(--gutter) 75px;border-top:1px solid #ffffff18; }
.products-intro-top { display:flex;justify-content:space-between;gap:25px;margin-bottom:52px;font:400 12px/1.5 var(--secondary);letter-spacing:.13em;color:#9b9ea8; }
.products-intro h2 { font:300 clamp(50px,6.8vw,112px)/1.04 'Helvetica Neue',Helvetica,sans-serif;letter-spacing:-.055em; }
.products-intro h2 span { color:#999da6; }
.products-intro-bottom { margin-top:35px;display:flex;gap:50px;align-items:end;justify-content:space-between; }
.products-intro-bottom p { max-width:665px;font:400 20px/1.6 var(--secondary);color:#b0b3bc; }
.products-intro-bottom a { font:400 16px/1.5 var(--secondary);white-space:nowrap;padding-bottom:10px; }
.products-intro-bottom a span{margin-left:40px}
.product-jump-links { display:flex;flex-wrap:wrap;gap:12px 32px;margin-top:45px;padding-top:30px;border-top:1px solid #ffffff16;font:400 17px/1.5 var(--secondary); }
.product-jump-links a{color:#9096a2;padding:8px 0;transition:color .2s}.product-jump-links a:hover{color:#fff}
.floating-nav .nav-film { display:none; }
.floating-nav { gap:20px;font-size:13px; }
@media(min-width:761px) and (max-width:1150px){.floating-nav{gap:16px}.floating-nav .nav-ecosystem{display:none}.floating-nav .nav-approach{display:none}}
@media(max-width:760px){.products-intro{padding:70px 24px 45px}.products-intro-top{font-size:10px;margin-bottom:36px}.products-intro-top>span{display:none}.products-intro h2{font-size:clamp(46px,10.5vw,72px)}.products-intro-bottom{display:block}.products-intro-bottom p{font-size:18px}.products-intro-bottom a{display:inline-block;margin-top:25px}.product-jump-links{gap:10px 26px;font-size:16px}.floating-nav{gap:0}}
/* The approach already has room for the fixed navigation. Its anchor must reach the film's docking endpoint. */
#idea { scroll-margin-top: 0; }