:root{--blue:#0d83f8;--text:#1f1f1f;--muted:#6f7075;--line:#dedede;--pale:#f3f5f8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);line-height:1.6}a{color:inherit;text-decoration:none}button,a,input,textarea{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #82bfff;outline-offset:4px}.container{max-width:1170px;margin:auto;padding:0 15px}header{position:fixed;top:0;z-index:10;width:100%;padding:30px 0;color:white;transition:.25s}header.scrolled{background:#fffffff5;color:var(--text);padding:10px 0;border-bottom:1px solid var(--line)}nav{display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:14px;font-size:27px;font-weight:600}.brand img{width:65px;border-radius:10px}#nav{display:flex;gap:30px}#nav a{font-size:12px;letter-spacing:2px;text-transform:uppercase;opacity:.75}#nav a:hover{opacity:1}#menu{display:none}#intro{background:linear-gradient(145deg,#0d83f8,#486da5);padding:160px 0 100px;overflow:hidden;color:white}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px}.intro h1{font-size:56px;line-height:1.2;font-weight:300;letter-spacing:2px;min-height:150px;margin:30px 0 10px}.intro p{font-size:22px;font-style:italic;letter-spacing:1px}.buttons{display:flex;gap:20px;flex-wrap:wrap;margin-top:30px}.pill{border:2px solid white;border-radius:50px;padding:10px 30px;color:white;transition:.2s}.pill:hover{background:white;color:var(--blue)}.phones,.perspective{position:relative}.phones img{width:100%;display:block}.front{position:absolute;top:0;left:0}.section{padding-top:110px;padding-bottom:110px}.heading{text-align:center;margin-bottom:70px}.heading h2{font-size:28px;font-weight:300;letter-spacing:2px;text-transform:uppercase;margin:0 0 15px}.heading p{font-style:italic;color:#898989;letter-spacing:1px;margin:0}.gallery{display:flex;gap:25px;overflow:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.gallery button{padding:0;background:none;border:0;flex:0 0 calc((100% - 75px)/4);scroll-snap-align:start}.gallery img{width:100%;display:block}.arrows{text-align:center;margin-top:28px}.arrows button{border:1px solid var(--line);border-radius:50%;background:white;color:var(--blue);font-size:23px;width:42px;height:42px;margin:0 8px}.preview-note{text-align:center;color:var(--muted);font-size:12px}.try{padding:100px 0;background:linear-gradient(90deg,#23578fcc,#23578f55),url('https://www.bestbrokers.de/img/bg-mockup.jpg') center/cover;color:white}.try .container>div{max-width:360px}.try h3{font-size:28px;font-weight:400}.try p{font-size:18px}.feature-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px;align-items:center}.feature-grid>img{width:100%}.feature-column:first-child{text-align:right}.feature-column article{margin:0 0 45px}.feature-column i{font-size:38px;color:var(--blue);font-style:normal}.feature-column h3{font-size:20px;font-weight:400;margin:10px 0}.feature-column p{font-size:15px;color:var(--muted)}#download{padding:110px 0;text-align:center;background:linear-gradient(#0d83f8ce,#486da5ed),url('https://www.bestbrokers.de/img/bg.jpg') center/cover;color:white}#download h2{font-size:48px;line-height:1.3;font-weight:400;margin:0 0 45px}#download .buttons{justify-content:center}#download .pill{font-size:22px;padding:14px 40px}#contact{padding-bottom:0}form{max-width:750px;margin:auto;text-align:center}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}input,textarea{width:100%;font:14px Arial;padding:14px;border:1px solid #d0d0d0;margin-bottom:24px;background:white;border-radius:0}input::placeholder,textarea::placeholder{font-size:12px;letter-spacing:2px}textarea{resize:vertical}.send,#retry{background:var(--blue);color:white;border:0;padding:15px 27px;letter-spacing:1px}#contactStatus{font-size:12px;color:var(--muted)}.perspective{margin-top:40px;overflow:hidden}.perspective img{width:100%;display:block}footer{background:#252932;color:white;padding:28px 0;font-size:14px}.footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px}.footer-grid>div:nth-child(2){text-align:center}.footer-grid>div:last-child{text-align:right}footer a:hover{text-decoration:underline}.legal{min-height:80vh;padding-top:140px;padding-bottom:70px;max-width:900px}.legal p{white-space:pre-wrap;overflow-wrap:anywhere}.legal>a{display:block;color:var(--blue);margin-top:30px}dialog{border:0;padding:35px 15px 15px;max-height:90vh;max-width:90vw}dialog::backdrop{background:#000b}dialog img{max-height:78vh;max-width:100%}#close{position:absolute;top:0;right:8px;border:0;background:white;font-size:28px}[hidden]{display:none!important}@media(max-width:800px){header{padding:10px 0;background:white;color:var(--text)}.brand{font-size:22px}.brand img{width:42px}#menu{display:block;border:0;background:none;font-size:26px}#nav{display:none;position:absolute;top:65px;left:0;width:100%;background:white;padding:25px;flex-direction:column}#nav.open{display:flex}.hero{grid-template-columns:1fr}.intro h1{font-size:42px;min-height:0}.intro p{font-size:19px}.phones{max-width:550px;margin:30px auto 0}#intro{padding:100px 0 60px}.section{padding-top:70px;padding-bottom:70px}.gallery button{flex-basis:calc((100% - 25px)/2)}.feature-grid{grid-template-columns:1fr}.feature-column,.feature-column:first-child{text-align:center}.feature-grid>img{max-width:300px;margin:auto}.feature-column article{max-width:350px;margin:0 auto 40px}#download h2{font-size:33px}.footer-grid{grid-template-columns:1fr;text-align:center}.footer-grid>div:last-child{text-align:center}.form-row{grid-template-columns:1fr;gap:0}.heading{margin-bottom:40px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}