:root{ --bg:#0b1120;--bg-alt:#101729;--bg-card:#141d30; --text:#e4e8f1;--text-dim:#8892a8; --blue:#3b82f6;--blue-hover:#60a5fa;--blue-light:#93bbfc; --blue-soft:rgba(59,130,246,.1);--blue-glow:rgba(59,130,246,.08); --teal:#2dd4bf;--teal-soft:rgba(45,212,191,.08); --indigo:#818cf8;--indigo-soft:rgba(129,140,248,.08); --green:#4ade80;--green-soft:rgba(74,222,128,.1); --amber:#fbbf24;--amber-soft:rgba(251,191,36,.1); --border:rgba(255,255,255,.07);--border-light:rgba(255,255,255,.1); --card-sh:0 2px 8px rgba(0,0,0,.3),0 8px 32px rgba(0,0,0,.2); --card-sh-hover:0 4px 12px rgba(0,0,0,.35),0 16px 48px rgba(0,0,0,.25); --nav-bg:rgba(11,17,32,.92);--nav-border:rgba(255,255,255,.06); --radius:12px; --serif:'DM Serif Display',Georgia,'Times New Roman',serif; --sans:'DM Sans',system-ui,-apple-system,sans-serif; } *,*::before,*::after{box-sizing:border-box;margin:0;padding:0} body{background:var(--bg);color:var(--text);font-family:var(--sans);line-height:1.65;-webkit-font-smoothing:antialiased} @media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}} img{max-width:100%;display:block} a{color:inherit;text-decoration:none} button{font:inherit;cursor:pointer;border:none;background:none;color:inherit} h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.18;text-wrap:balance} h1{font-size:clamp(2rem,4.5vw,3.4rem)} h2{font-size:clamp(1.5rem,3.2vw,2.4rem);margin-bottom:.75rem} h3{font-size:clamp(1.1rem,1.8vw,1.35rem)} p{max-width:65ch} .wrap{max-width:1100px;margin:0 auto;padding:0 1.5rem} section{padding:5.5rem 0} .site-nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:.8rem 0;transition:background .3s,box-shadow .3s;border-bottom:1px solid transparent} .site-nav.scrolled{background:var(--nav-bg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom-color:var(--nav-border);box-shadow:0 1px 16px rgba(0,0,0,.3)} .nav-inner{display:flex;align-items:center;justify-content:space-between} .logo{font-family:var(--sans);font-weight:700;font-size:1.15rem;letter-spacing:-.02em} .nav-links{display:flex;gap:1.8rem;list-style:none;font-size:.88rem;font-weight:500} .nav-links a{position:relative;color:var(--text-dim);transition:color .2s} .nav-links a:hover{color:#fff} .nav-links a::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--blue);border-radius:1px;transition:width .25s} .nav-links a:hover::after{width:100%} .nav-cta{background:var(--blue);color:#fff!important;padding:.42rem 1.1rem;border-radius:50px;font-weight:600;font-size:.84rem;transition:background .2s,box-shadow .2s} .nav-cta:hover{background:var(--blue-hover);box-shadow:0 4px 16px rgba(59,130,246,.25)} .nav-cta::after{display:none!important} .burger{display:none;flex-direction:column;gap:5px;width:24px;padding:2px 0} .burger span{display:block;height:2px;background:var(--text);border-radius:2px;transition:transform .3s,opacity .3s} .nav-open .burger span:nth-child(1){transform:translateY(7px) rotate(45deg)} .nav-open .burger span:nth-child(2){opacity:0} .nav-open .burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)} .mobile-menu{display:none;position:fixed;inset:0;background:var(--bg);z-index:99;flex-direction:column;align-items:center;justify-content:center;gap:2rem;font-size:1.3rem;font-weight:600} .nav-open .mobile-menu{display:flex} @media(max-width:768px){ .nav-links{display:none} .burger{display:flex} } .cta-trust{display:flex;flex-direction:column;gap:.3rem} .cta-btn{display:inline-flex;align-items:center;gap:.5rem;background:var(--blue);color:#fff;font-weight:600;font-size:.95rem;padding:.8rem 1.8rem;border-radius:50px;transition:background .2s,box-shadow .2s} .cta-btn:hover{background:var(--blue-hover);box-shadow:0 4px 20px rgba(59,130,246,.3)} .cta-btn:active{transform:scale(.97)} .cta-btn:focus-visible{outline:2px solid var(--blue);outline-offset:3px} .cta-btn svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round} .cta-sec{font-size:.82rem;color:var(--text-dim);font-weight:500;display:flex;align-items:center;gap:.35rem} .proof{padding:2rem 0;border-bottom:1px solid var(--border)} .proof-inner{display:flex;align-items:center;justify-content:center;gap:2.2rem;flex-wrap:wrap} .proof-item{display:flex;align-items:center;gap:.45rem;opacity:.4} .proof-icon{width:30px;height:30px;border-radius:8px;background:rgba(255,255,255,.04);display:flex;align-items:center;justify-content:center} .proof-icon svg{width:16px;height:16px;stroke:var(--text-dim);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} .proof-label{font-size:.75rem;font-weight:600;letter-spacing:.02em} @media(max-width:600px){.proof-inner{gap:1.2rem}.proof-label{font-size:.7rem}} .stats{background:var(--bg-alt);position:relative;overflow:hidden} .stats::before{content:'';position:absolute;top:-80px;right:-40px;width:380px;height:380px;background:radial-gradient(circle,rgba(59,130,246,.08) 0%,transparent 60%);pointer-events:none} .stats-head{text-align:center;margin-bottom:3rem} .process{background:var(--bg-alt)} .showcase-head{margin-bottom:2rem} .showcase-head p{color:var(--text-dim);margin-top:.3rem} .contact-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:3rem;margin-top:2.2rem} .form-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.8rem;box-shadow:var(--card-sh)} .form-group{margin-bottom:1rem} .form-group label{display:block;font-size:.78rem;font-weight:600;margin-bottom:.3rem;letter-spacing:.02em;text-transform:uppercase;color:var(--text-dim)} .form-group input,.form-group textarea{width:100%;padding:.65rem .85rem;border:1px solid var(--border-light);border-radius:8px;background:var(--bg);color:var(--text);font:inherit;font-size:.95rem;transition:border-color .2s,box-shadow .2s;outline:none} .form-group input:focus,.form-group textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-glow)} .form-group textarea{resize:vertical;min-height:100px} .submit-btn{background:var(--blue);color:#fff;font-weight:600;padding:.75rem 1.8rem;border-radius:50px;font-size:.92rem;transition:background .2s,box-shadow .2s,transform .15s;border:none;cursor:pointer;width:100%} .submit-btn:hover{background:var(--blue-hover);box-shadow:0 4px 16px rgba(59,130,246,.25)} .submit-btn:active{transform:scale(.98)} .submit-btn:focus-visible{outline:2px solid var(--blue);outline-offset:3px} .contact-info{display:flex;flex-direction:column;justify-content:center;gap:1.8rem} .ci-item{display:flex;gap:.9rem;align-items:flex-start} .ci-icon{width:42px;height:42px;border-radius:10px;background:var(--blue-soft);display:flex;align-items:center;justify-content:center;flex-shrink:0} .ci-icon svg{width:18px;height:18px;stroke:var(--blue);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round} .ci-label{font-size:.72rem;color:var(--text-dim);font-weight:600;letter-spacing:.03em;text-transform:uppercase;margin-bottom:.1rem} .ci-value{font-weight:600;font-size:.98rem} .ci-value a{transition:color .2s} .ci-value a:hover{color:var(--blue)} .ci-note{margin-top:.8rem;padding:.9rem 1.1rem;background:var(--blue-soft);border-radius:var(--radius);font-size:.85rem;color:var(--text-dim);line-height:1.55;border:1px solid rgba(59,130,246,.1)} .ci-note strong{color:var(--text);font-weight:600} .form-success{display:none;text-align:center;padding:2.5rem 1.2rem} .form-success svg{width:52px;height:52px;stroke:var(--blue);fill:none;stroke-width:1.5;margin:0 auto .8rem} .form-success h3{margin-bottom:.4rem} .form-success p{color:var(--text-dim);margin:0 auto} @media(max-width:768px){.contact-grid{grid-template-columns:1fr;gap:2rem}} .site-footer{background:var(--bg-alt);padding:2.5rem 0 1.5rem;border-top:1px solid var(--border)} .footer-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem} .footer-links{display:flex;gap:1.3rem;list-style:none;font-size:.82rem} .footer-links a{color:var(--text-dim);transition:color .2s} .footer-links a:hover{color:var(--text)} .footer-copy{width:100%;text-align:center;margin-top:1.2rem;padding-top:1.2rem;border-top:1px solid var(--border);font-size:.78rem;color:var(--text-dim)} .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease} .reveal.revealed{opacity:1;transform:none} @media(prefers-reduced-motion:reduce){ .reveal{opacity:1;transform:none;transition:none} } img{height:auto} .ci-phone-list{display:flex;flex-direction:column;gap:.18rem} .ci-phone-person{display:flex;gap:.45rem;align-items:baseline;flex-wrap:wrap} .ci-phone-person span{color:var(--text-dim);font-size:.78rem;font-weight:500;min-width:48px} @media(max-width:560px){ .wrap{padding-left:1rem;padding-right:1rem} section{padding:4rem 0} .contact-grid{gap:1.5rem} .form-card{padding:1.25rem} } .switch-showcase-head{text-align:center;margin-bottom:1.35rem}.switch-showcase-head p{margin:.35rem auto 0;color:var(--text-dim);max-width:650px}.industry-tabs{display:flex;justify-content:center;gap:.6rem;flex-wrap:wrap;margin:0 auto 1.1rem}.industry-tab{border:1px solid rgba(255,255,255,.12);background:#121b2d;color:var(--text-dim);border-radius:9px;padding:.62rem 1.1rem;font-size:.88rem;font-weight:700}.industry-tab.active{color:#fff;background:rgba(59,130,246,.16);border-color:rgba(96,165,250,.65)} .device-controls{max-width:800px;margin:0 auto 1.65rem;min-height:52px;display:flex;justify-content:center;align-items:center}.device-switch{display:flex;justify-content:center;gap:.8rem}.device-switch-btn{width:52px;height:52px;border-radius:50%;border:1px solid rgba(255,255,255,.13);background:#121b2d;color:var(--text-dim);display:flex;align-items:center;justify-content:center}.device-switch-btn svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.device-switch-btn.active{color:#fff;background:rgba(59,130,246,.18);border-color:rgba(96,165,250,.72);box-shadow:0 0 0 4px rgba(59,130,246,.07)} .device-stage{width:100%;max-width:800px;margin:0 auto;display:flex;justify-content:center}.desktop-preview,.mobile-preview{width:100%;display:flex;justify-content:center}.mobile-preview[hidden]{display:none!important}.win-laptop{width:min(100%,780px);filter:drop-shadow(0 22px 27px rgba(0,0,0,.25))}.win-display-lid{position:relative;width:88%;margin:0 auto;background:linear-gradient(145deg,#202630,#0b0f15 48%,#171d26);border:1px solid rgba(255,255,255,.14);border-radius:10px 10px 4px 4px;padding:11px 11px 0}.win-camera{position:absolute;z-index:5;top:4px;left:50%;transform:translateX(-50%);width:15px;height:7px;border-radius:5px;background:#070a0f;display:flex;align-items:center;justify-content:center}.win-camera span{width:3px;height:3px;border-radius:50%;background:#182337}.win-screen-frame{background:#020407;border:1px solid #05070a;padding:2px}.win-screen{position:relative;width:100%;aspect-ratio:1440/900;overflow:hidden;background:#fff}.win-screen iframe{position:absolute;left:0;top:0;width:1440px!important;min-width:1440px!important;max-width:none!important;height:900px!important;border:0;background:#fff;transform-origin:top left}.win-display-chin{height:29px;display:flex;align-items:center;justify-content:center}.win-logo{width:15px;height:15px;display:grid;grid-template-columns:1fr 1fr;gap:1.4px;opacity:.72}.win-logo i{background:#bac3d1}.win-hinge-row{position:relative;width:82%;height:8px;margin:-1px auto 0}.win-hinge{position:absolute;width:24%;height:7px;background:linear-gradient(180deg,#080b10,#414957 48%,#0b0f15)}.win-hinge-left{left:7%}.win-hinge-right{right:7%}.win-base-wrap{width:100%;margin:-2px auto 0;transform-origin:top center;transform:perspective(850px) rotateX(53deg)}.win-base{position:relative;width:100%;height:135px;background:linear-gradient(180deg,#454d59,#303844 18%,#202731 70%,#141a22);clip-path:polygon(6% 0,94% 0,100% 100%,0 100%)}.win-speaker{position:absolute;top:15px;width:5.5%;height:49px;opacity:.45;background:radial-gradient(circle,#04070a 0 1px,transparent 1.2px) 0 0/5px 5px}.win-speaker-left{left:8.5%}.win-speaker-right{right:8.5%}.win-keyboard{position:absolute;top:14px;left:16%;right:16%;height:61px;display:flex;flex-direction:column;gap:4px}.win-key-row{height:9px;background:repeating-linear-gradient(90deg,#090d12 0 23px,#313844 23px 25px)}.row2{margin:0 1.6%}.row3{margin:0 2.8%}.row4{margin:0 4%}.row5{margin:0 7%}.win-touchpad{position:absolute;left:36%;bottom:9px;width:28%;height:40px;border:1px solid rgba(255,255,255,.13);border-radius:5px}.win-front-lip{width:100%;height:10px;margin-top:-2px;background:#0d1219;clip-path:polygon(0 0,100% 0,96% 100%,4% 100%)} .mobile-preview{padding-top:5px}.mobile-phone{position:relative;width:245px;padding:15px 8px 13px;background:linear-gradient(145deg,#242b35,#090d13 55%,#181e27);border:1px solid rgba(255,255,255,.16);border-radius:32px}.mobile-speaker{position:absolute;top:7px;left:50%;transform:translateX(-50%);width:45px;height:4px;background:#030508;border-radius:99px}.mobile-camera{position:absolute;top:7px;right:73px;width:5px;height:5px;border-radius:50%;background:#101a2a}.mobile-screen{position:relative;width:100%;aspect-ratio:390/844;overflow:hidden;background:#fff;border-radius:22px}.mobile-screen iframe{position:absolute;left:0;top:0;width:390px!important;min-width:390px!important;max-width:none!important;height:844px!important;border:0;background:#fff;transform-origin:top left}.mobile-homebar{width:58px;height:3px;border-radius:99px;background:rgba(255,255,255,.45);margin:8px auto -4px}.preview-info{margin:18px auto 0;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.35rem;color:var(--text-dim);font-size:.78rem}.preview-info p{margin:0}.preview-info p strong{color:var(--text);font-weight:700}.full-preview-link{display:inline-flex;align-items:center;gap:.42rem;color:#e4e8f1;font-size:.78rem;font-weight:600;opacity:0;pointer-events:none;transform:translateY(5px);transition:color .2s}.full-preview-link.visible{pointer-events:auto;animation:linkIn .32s ease-out forwards}.full-preview-link:hover{color:#fff}@keyframes linkIn{to{opacity:1;transform:translateY(0)}} @media(max-width:700px){.win-display-lid{width:98%;padding:6px 6px 0}.win-base{height:82px}.win-speaker{display:none}.win-keyboard{top:8px;height:38px}.win-key-row{height:6px}.mobile-phone{width:210px}.preview-info{font-size:.72rem;padding:0 .5rem}.full-preview-link{font-size:.72rem}} @media(min-width:1051px){ .proof{padding:1.35rem 0 1.7rem;border-top:1px solid rgba(255,255,255,.045)} } @media(min-width:1700px){ .wrap{max-width:1480px} } .proof{background:var(--bg)} .stats{background:var(--bg-alt)} .showcase{background:var(--bg-alt)} .process{background:var(--bg-alt)} .about{background:var(--bg)} .contact{background:var(--bg-alt)} .site-footer{background:var(--bg)} .showcase .industry-tab:not(.active),.showcase .device-switch-btn:not(.active){ background:var(--bg)!important; border-color:rgba(255,255,255,.13)!important; color:#9aa6bb!important; } .showcase .industry-tab:not(.active):hover,.showcase .device-switch-btn:not(.active):hover{ border-color:rgba(96,165,250,.38)!important; color:#dbe7f7!important; } @media(max-width:1050px){ .proof{padding:1.6rem 0} } @media(max-width:600px){ .proof{padding:1.35rem 0} .proof-inner{gap:.9rem 1.15rem} } .contact-form .form-group label:has(input[name="privacy-consent"]){ text-transform:none!important; letter-spacing:normal!important; font-weight:400!important; } .contact-form input:-webkit-autofill,.contact-form input:-webkit-autofill:hover,.contact-form input:-webkit-autofill:focus,.contact-form textarea:-webkit-autofill{ -webkit-text-fill-color:var(--text)!important; caret-color:var(--text)!important; -webkit-box-shadow:0 0 0 1000px var(--bg) inset!important; box-shadow:0 0 0 1000px var(--bg) inset!important; border-color:var(--border-light)!important; } .contact-form input:-webkit-autofill:focus,.contact-form textarea:-webkit-autofill:focus{ border-color:var(--blue)!important; -webkit-box-shadow:0 0 0 1000px var(--bg) inset,0 0 0 3px var(--blue-glow)!important; box-shadow:0 0 0 1000px var(--bg) inset,0 0 0 3px var(--blue-glow)!important; } .full-preview-link,.full-preview-link.visible{ opacity:1!important; pointer-events:auto!important; transform:none!important; animation:none!important; transition:color .2s ease,transform .2s ease!important; } .full-preview-link:hover{ transform:translate(2px,-2px)!important; } .win-screen iframe,.mobile-screen iframe{ visibility:visible!important; } :root{--bg:#101729;--bg-alt:#101729;--bg-card:#1b2943;--text:#f8f7f2;--text-dim:#bcc7d9;--blue:#8ab9ff;--blue-hover:#b7d3ff;--blue-light:#b7d3ff;--border:rgba(183,211,255,.19);--border-light:rgba(183,211,255,.28);--nav-bg:#101729;--paper:#f4f1e9;--ink:#101729;--ink-muted:#47556b;--sky:#b7d3ff} body,#main-page{background:var(--bg);color:var(--text)} #main-page .wrap,.site-nav .wrap,.site-footer .wrap{max-width:1280px;padding-inline:40px} #main-page section{position:relative;padding:88px 0;overflow:clip;background:var(--bg);color:var(--text)} #main-page .reveal{opacity:1;transform:none;transition:none} #main-page h1,#main-page h2,#main-page h3{font-family:var(--sans);font-weight:600;letter-spacing:-.045em;color:var(--text);text-wrap:balance} #main-page h2{font-size:clamp(2rem,3.4vw,3.6rem);line-height:1.12;margin-bottom:20px} #main-page h3{letter-spacing:-.025em;line-height:1.3} #main-page p{line-height:1.7} #main-page a:focus-visible,#main-page button:focus-visible,.site-nav a:focus-visible,.burger:focus-visible{outline:3px solid var(--sky);outline-offset:5px} .site-nav,.site-nav.scrolled{background:#101729;border-bottom:1px solid var(--border);box-shadow:none;backdrop-filter:none} .site-nav .logo,.site-footer .logo{color:var(--text);font-size:1.22rem} .site-nav .nav-links a{color:var(--text-dim)} .site-nav .nav-links a:hover{color:#fff} .site-nav .nav-cta{background:var(--sky);color:var(--ink)!important;border-radius:8px;padding:.6rem 1.1rem} .burger{width:30px;min-height:36px;justify-content:center} .burger span{background:var(--text)} .mobile-menu{background:var(--bg);color:var(--text)} #main-page .proof{background:var(--bg);border-block:1px solid var(--border);padding:24px 0} .proof-inner{justify-content:space-between;gap:20px} .proof-item,.proof-label{color:var(--text-dim)} .proof-icon{background:var(--bg-card);border-color:var(--border)} .proof-icon svg{stroke:var(--sky)} #main-page .stats{padding:66px 0 32px} #main-page .stats-head{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end;margin-bottom:30px} #main-page .stats-head h2{font-size:clamp(1.8rem,2.5vw,2.5rem);max-width:460px;margin:0} #main-page .process{padding:58px 0 82px;border-top:1px solid var(--border)} #main-page .process::after{display:none} #main-page .showcase{background:var(--paper);color:var(--ink);padding:76px 0 72px} #main-page .showcase::before,#main-page .showcase::after{display:none} #main-page .showcase .wrap{max-width:1400px} #main-page .showcase-head{display:grid;grid-template-columns:1fr .7fr;gap:54px;align-items:end;text-align:left;margin-bottom:32px} #main-page .showcase h2{color:var(--ink);max-width:650px} #main-page .showcase-head p{color:var(--ink-muted);font-size:.95rem;max-width:450px;margin:0 0 20px} #main-page .industry-tabs{justify-content:flex-start;gap:10px;margin-bottom:20px} #main-page .showcase .industry-tab,#main-page .showcase .device-switch-btn{background:transparent!important;color:var(--ink-muted)!important;border:1px solid #a0a7b1!important;box-shadow:none;border-radius:8px} #main-page .showcase .industry-tab.active,#main-page .showcase .device-switch-btn.active{background:var(--ink)!important;color:#fff!important;border-color:var(--ink)!important} #main-page .showcase .industry-tab:hover,#main-page .showcase .device-switch-btn:hover{border-color:var(--ink)!important} #main-page .device-controls{justify-content:flex-end;margin:0 0 20px;max-width:none;min-height:44px} #main-page .device-switch{gap:8px} #main-page .device-switch-btn{width:44px;height:44px} #main-page .device-stage{max-width:1140px;margin:0 auto;box-shadow:none} #main-page .win-laptop{width:100%;max-width:1140px;filter:none} #main-page .win-display-lid{width:96%;padding:10px 8px 0;border-radius:12px 12px 0 0} #main-page .win-display-chin{height:18px} #main-page .win-base-wrap{height:40px;transform:none;overflow:hidden} #main-page .win-base{height:28px;background:#273344;border-radius:0 0 50% 50%;clip-path:none} #main-page .win-keyboard,#main-page .win-speaker,#main-page .win-touchpad,#main-page .win-front-lip{display:none} #main-page .win-hinge-row{height:5px} #main-page .mobile-phone{width:320px;max-width:100%} #main-page .mobile-screen{width:100%;aspect-ratio:390/844;height:auto} #main-page .preview-info{max-width:1140px;display:flex;flex-direction:column;align-items:flex-start;gap:9px;margin:22px auto 0;text-align:left} #main-page .showcase .preview-info p,#main-page .showcase .preview-info strong{color:var(--ink-muted)!important;font-size:.84rem;line-height:1.6} #main-page .showcase .preview-info strong{font-weight:600} #main-page .showcase .full-preview-link{display:inline-flex;margin-top:12px;padding:14px 20px;background:var(--ink);color:#fff!important;opacity:1;border-radius:8px;font-size:.91rem;font-weight:600;box-shadow:none;transform:none!important} #main-page .showcase .full-preview-link:hover{background:#2a3e61} #main-page .showcase a:focus-visible,#main-page .showcase button:focus-visible{outline-color:var(--ink)} #main-page .about{padding:98px 0 80px} #main-page .about::before{display:none} #main-page .about h2{max-width:530px} #main-page .contact{padding:80px 0} #main-page .contact::before,#main-page .contact::after{display:none} .contact .wrap>p{color:var(--text-dim)} #main-page .contact-grid{gap:64px;align-items:start} #main-page .form-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;box-shadow:none;padding:28px} .contact-form label,.ci-label,.ci-note{color:var(--text-dim)} .contact-form input,.contact-form textarea{background:var(--bg);color:var(--text);border-color:var(--border-light)} .contact-form input::placeholder,.contact-form textarea::placeholder{color:#a9b7cc;opacity:1} #main-page .contact-form .submit-btn{background:var(--sky);color:var(--ink);border-radius:8px} #main-page .contact-form .submit-btn:hover{background:#d0e2ff} #main-page .contact-form input[type=checkbox]{accent-color:var(--sky)} #main-page #privacy-consent-error{color:#ffb2a8!important} .contact-info{padding-top:10px;gap:26px}.ci-note{background:var(--bg-card);border-color:var(--border)} .ci-icon{background:var(--bg-card)}.ci-icon svg{stroke:var(--sky)} .site-footer{background:var(--bg);border-color:var(--border)} .footer-links a,.footer-copy{color:var(--text-dim)} @media(min-width:1700px){#main-page .wrap,.site-nav .wrap,.site-footer .wrap{max-width:1400px}} @media(max-width:1100px){ #main-page .contact-grid{gap:36px} } @media(max-width:900px){ #main-page .wrap,.site-nav .wrap,.site-footer .wrap{padding-inline:28px} #main-page .showcase-head{grid-template-columns:1fr;gap:0} #main-page .showcase-head p{max-width:650px} } @media(max-width:760px){ #main-page section{padding:64px 0} #main-page .wrap,.site-nav .wrap,.site-footer .wrap{padding-inline:22px} #main-page .stats{padding:50px 0 20px} #main-page .stats-head{grid-template-columns:1fr;gap:14px;margin-bottom:24px} #main-page .process{padding:50px 0} #main-page .showcase{padding:54px 0 48px} #main-page .showcase-head{margin-bottom:16px} #main-page .showcase-head p{font-size:.9rem;margin-bottom:10px} #main-page .industry-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px} #main-page .industry-tab{padding:11px 8px;font-size:.78rem} #main-page .device-controls{justify-content:center;margin-bottom:18px} #main-page .win-display-lid{width:100%;padding:8px 4px 0} #main-page .win-base-wrap{height:20px} #main-page .win-base{height:16px} #main-page .win-display-chin{height:13px} #main-page .preview-info{gap:10px;margin-top:18px} #main-page .showcase .full-preview-link{width:100%;justify-content:center;text-align:center;font-size:.86rem;padding:15px 12px} #main-page .about{padding:64px 0 54px} #main-page .contact{padding:54px 0} #main-page .contact-grid{grid-template-columns:1fr;gap:32px} #main-page .form-card{padding:22px} .footer-inner{align-items:flex-start}.footer-links{flex-wrap:wrap;gap:12px 20px} } @media(prefers-reduced-motion:reduce){ #main-page *,#main-page *::before,#main-page *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important} } #main-page .contact-grid>*,#main-page .showcase-head>*{min-width:0} #main-page .ci-value a{overflow-wrap:anywhere} #main-page .full-preview-link{pointer-events:auto} :root{--dfd-panel:#17243a;--dfd-panel2:#1b2a44;--dfd-showcase:#18263e;--dfd-friendly:#d9e8ff} #main-page .usp-section h2,#main-page .stats-head h2,#main-page .showcase-head h2,#main-page .process>.wrap>h2,#main-page .about h2,#main-page .contact>.wrap>h2{font-size:clamp(2.25rem,3.4vw,3.6rem)!important;line-height:1.1!important;letter-spacing:-.045em!important;margin:0 0 20px!important;text-align:left!important} .site-nav .dfd-logo-link,.site-footer .dfd-logo-link{display:inline-flex;align-items:center;line-height:0}.site-nav .dfd-logo-link img{width:92px;height:auto;max-height:55px;object-fit:contain}.site-footer .dfd-logo-link img{width:124px;height:auto}.site-nav{padding:.45rem 0} #main-page .usp-section{padding:92px 0;background:#111b2f;border-block:1px solid var(--border)} #main-page .stats{padding:92px 0}.stats-head{display:block!important;max-width:760px;margin:0 0 34px!important}.stats-head h2{max-width:none!important}@media(max-width:760px){.site-nav .dfd-logo-link img{width:78px}.site-footer .dfd-logo-link img{width:105px}#main-page .usp-section,#main-page .stats{padding:62px 0}} .site-nav .dfd-logo-link img{width:108px!important;height:auto!important;max-height:58px!important}.site-footer .dfd-logo-link img{width:132px!important;height:auto!important} @media(max-width:760px){.site-nav .dfd-logo-link img{width:92px!important}.site-footer .dfd-logo-link img{width:116px!important}} .site-footer .dfd-logo-link img{width:108px!important} @media(max-width:760px){.site-footer .dfd-logo-link img{width:92px!important}} #main-page .usp-section{background:radial-gradient(circle at 82% 18%,rgba(183,211,255,.09),transparent 28%),#111b2f!important} #main-page .showcase{background:var(--dfd-showcase)!important;color:var(--text)!important;padding:92px 0 82px!important;border-block:1px solid rgba(183,211,255,.13)}#main-page .showcase .wrap{max-width:1280px!important}#main-page .showcase-head{display:block!important;text-align:left!important;max-width:780px;margin:0 0 30px!important}#main-page .showcase h2{color:var(--text)!important;max-width:none!important}#main-page .showcase-head p{color:var(--text-dim)!important;max-width:620px!important;margin:0!important}#main-page .industry-tabs{display:flex!important;justify-content:center!important;gap:.6rem!important;flex-wrap:wrap!important;margin:0 auto 1.1rem!important}#main-page .showcase .industry-tab{background:#121d31!important;color:var(--text-dim)!important;border:1px solid rgba(183,211,255,.2)!important;border-radius:9px!important;padding:.62rem 1.1rem!important;font-size:.84rem!important;font-weight:700!important}#main-page .showcase .industry-tab.active{background:var(--sky)!important;color:var(--ink)!important;border-color:var(--sky)!important}#main-page .showcase .industry-tab:hover{border-color:var(--sky)!important;color:#fff!important;transform:translateY(-2px)}#main-page .device-controls{max-width:800px!important;margin:0 auto 1.65rem!important;min-height:52px!important;justify-content:center!important}#main-page .device-switch{gap:.8rem!important}#main-page .showcase .device-switch-btn{width:52px!important;height:52px!important;border-radius:50%!important;background:#121d31!important;color:var(--text-dim)!important;border:1px solid rgba(183,211,255,.2)!important}#main-page .showcase .device-switch-btn.active{background:var(--sky)!important;color:var(--ink)!important;border-color:var(--sky)!important;box-shadow:0 0 0 4px rgba(183,211,255,.08)!important}#main-page .device-stage{max-width:800px!important}#main-page .win-laptop{width:min(100%,780px)!important;max-width:780px!important;filter:drop-shadow(0 22px 27px rgba(0,0,0,.25))!important}#main-page .win-display-lid{width:88%!important;padding:11px 11px 0!important;border-radius:10px 10px 4px 4px!important;background:linear-gradient(145deg,#202630,#0b0f15 48%,#171d26)!important}#main-page .win-display-chin{height:29px!important}#main-page .win-hinge-row{width:82%!important;height:8px!important}#main-page .win-base-wrap{height:auto!important;overflow:visible!important;transform:perspective(850px) rotateX(53deg)!important}#main-page .win-base{height:135px!important;border-radius:0!important;clip-path:polygon(6% 0,94% 0,100% 100%,0 100%)!important;background:linear-gradient(180deg,#454d59,#303844 18%,#202731 70%,#141a22)!important}#main-page .win-speaker{display:block!important}#main-page .win-keyboard{display:flex!important}#main-page .win-touchpad,#main-page .win-front-lip{display:block!important}#main-page .mobile-phone{width:245px!important}#main-page .preview-info{max-width:800px!important;align-items:center!important;text-align:center!important}#main-page .showcase .preview-info p,#main-page .showcase .preview-info strong{color:var(--text-dim)!important;font-size:.78rem!important}#main-page .showcase .preview-info p strong{color:#fff!important}#main-page .showcase .full-preview-link{display:inline-flex!important;width:auto!important;justify-content:flex-start!important;align-items:center!important;gap:.42rem!important;margin-top:.7rem!important;padding:0!important;background:none!important;color:var(--text)!important;font-size:.78rem!important;opacity:1!important;pointer-events:auto!important;transform:none!important} #main-page .process{background:var(--bg)!important;border-top:0!important;padding:86px 0 92px!important}@media(max-width:760px){#main-page .showcase{padding:62px 0!important}#main-page .win-display-lid{width:98%!important;padding:6px!important}#main-page .win-base{height:82px!important}#main-page .win-speaker{display:none!important}#main-page .win-keyboard{top:8px!important;height:38px!important}} :root{--dfd-light:#eef3f8;--dfd-light-card:#f8fbff;--dfd-light-line:#cbd8e8;--dfd-ink:#132238;--dfd-blue:#428bf0;--dfd-blue-soft:#dceaff} html,body{max-width:100%;overflow-x:clip} #main-page{overflow:clip} #main-page section{scroll-margin-top:84px} #main-page .showcase,#main-page .about{background:var(--dfd-light)!important;color:var(--dfd-ink)!important} #main-page .showcase,#main-page .about{border-color:var(--dfd-light-line)!important} #main-page .showcase h2,#main-page .about h2{color:var(--dfd-ink)!important} #main-page .showcase p{color:#53657c!important} #main-page .showcase .industry-tab,#main-page .showcase .device-switch-btn{background:#f8fbff!important;color:#52657d!important;border-color:#c9d7e8!important} #main-page .showcase .industry-tab.active,#main-page .showcase .device-switch-btn.active{background:#428bf0!important;color:#fff!important;border-color:#428bf0!important;box-shadow:none!important} #main-page .showcase .industry-tab:hover,#main-page .showcase .device-switch-btn:hover{color:#17304e!important;border-color:#428bf0!important} #main-page .showcase .preview-info p,#main-page .showcase .preview-info strong{color:#52657d!important} #main-page .showcase .preview-info p strong{color:#17304e!important} #main-page .showcase .full-preview-link{color:#17304e!important} #main-page .usp-section{background:#111b2f!important} #main-page .process{position:relative!important;overflow:hidden!important;background:#0b1424!important;padding:88px 0 96px!important} #main-page .process .wrap{position:relative!important;max-width:1280px!important} @media(max-width:620px){ #main-page .showcase,#main-page .about{padding-top:60px!important;padding-bottom:60px!important} } #main-page .impact-ui{padding:92px 0 104px!important;background:var(--dfd-light)!important;color:var(--dfd-ink)!important;border-top:1px solid var(--dfd-light-line)!important;border-bottom:1px solid var(--dfd-light-line)!important} #main-page .impact-ui .impact-anchor{scroll-margin-top:84px} #main-page .impact-ui .impact-wrap{max-width:1280px!important} #main-page .impact-ui .stats-head{display:block!important;text-align:left!important;margin:0 0 44px!important} #main-page .impact-ui .impact-head-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(320px,.72fr);gap:72px;align-items:end} #main-page .impact-ui .impact-head h2{max-width:760px!important;margin:0!important;color:#132238!important;font-size:clamp(2.7rem,4.3vw,4.7rem)!important;line-height:1.02!important;letter-spacing:-.058em!important} #main-page .impact-ui .impact-layout{display:grid;grid-template-columns:minmax(0,.92fr) minmax(470px,1.08fr);gap:54px;align-items:stretch} #main-page .impact-ui .impact-signal{position:relative;min-height:560px;padding:34px 38px 30px;background:#0b1424;border:1px solid rgba(138,185,255,.3);border-radius:12px;overflow:hidden;color:#f7f9fd;box-shadow:0 30px 75px rgba(29,55,88,.13)} #main-page .impact-ui .impact-signal::before{content:'';position:absolute;inset:-22% -22% auto auto;width:420px;height:420px;border:1px solid rgba(138,185,255,.15);border-radius:50%;pointer-events:none;transform:rotate(18deg)} #main-page .impact-ui .impact-signal::after{content:'';position:absolute;left:-12%;right:-10%;bottom:116px;height:1px;background:linear-gradient(90deg,transparent,rgba(138,185,255,.24),transparent);transform:rotate(-7deg);pointer-events:none} #main-page .impact-ui .impact-signal-top{display:flex;justify-content:space-between;gap:20px;align-items:center;position:relative;z-index:2} #main-page .impact-ui .impact-signal-kicker{font-size:.76rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#8ab9ff} #main-page .impact-ui .impact-signal-index{font-size:.72rem;color:#71839b;letter-spacing:.08em} #main-page .impact-ui .impact-number-row{display:flex;align-items:flex-start;position:relative;z-index:2;margin:64px 0 20px} #main-page .impact-ui .impact-number{font-size:clamp(7.2rem,12vw,10.8rem);font-weight:600;line-height:.72;letter-spacing:-.09em;color:#f7f4ed;font-variant-numeric:tabular-nums} #main-page .impact-ui .impact-percent{margin:2px 0 0 10px;font-size:clamp(2.6rem,4vw,4.4rem);line-height:1;color:#9bc6ff;font-weight:600} #main-page .impact-ui .impact-copy{position:relative;z-index:2;max-width:510px!important;margin:0!important;color:#d0d9e6!important;font-size:clamp(1rem,1.35vw,1.16rem)!important;line-height:1.6!important} #main-page .impact-ui .impact-meter{position:relative;z-index:2;height:5px;margin:30px 0 40px;background:rgba(255,255,255,.08);overflow:hidden} #main-page .impact-ui .impact-meter span{display:block;width:0;height:100%;background:#8ab9ff;box-shadow:0 0 18px rgba(138,185,255,.38);transition:width .75s cubic-bezier(.2,.8,.2,1)} #main-page .impact-ui .impact-signal-tabs{position:absolute;left:38px;right:38px;bottom:28px;z-index:3;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid rgba(138,185,255,.17)} #main-page .impact-ui .impact-tab{position:relative;min-height:72px;padding:16px 10px 4px 0;text-align:left;color:#6f8199;border:0;background:transparent;font-size:.72rem;font-weight:650;line-height:1.2;transition:color .2s ease,transform .2s ease} #main-page .impact-ui .impact-tab:not(:last-child){border-right:1px solid rgba(138,185,255,.12)} #main-page .impact-ui .impact-tab span{display:block;margin-bottom:6px;font-size:.64rem;letter-spacing:.1em;color:#52667e} #main-page .impact-ui .impact-tab::before{content:'';position:absolute;top:-1px;left:0;width:0;height:2px;background:#8ab9ff;transition:width .3s ease} #main-page .impact-ui .impact-tab:hover,#main-page .impact-ui .impact-tab:focus-visible,#main-page .impact-ui .impact-tab.is-active{color:#fff;transform:translateY(-2px)} #main-page .impact-ui .impact-tab.is-active::before{width:66%} #main-page .impact-ui .impact-tab.is-active span{color:#8ab9ff} #main-page .impact-ui .impact-services{display:flex;flex-direction:column;min-width:0;padding:6px 0 0} #main-page .impact-ui .impact-service-list{border-top:1px solid #bfcde0} #main-page .impact-ui .impact-service-item{border-bottom:1px solid #bfcde0} #main-page .impact-ui .impact-service-toggle{display:grid;width:100%;grid-template-columns:42px minmax(0,1fr) 30px;gap:12px;align-items:center;min-height:76px;padding:15px 0;background:transparent;color:#132238;text-align:left;font-size:clamp(1.12rem,1.65vw,1.5rem);font-weight:650;letter-spacing:-.025em} #main-page .impact-ui .impact-service-num{font-size:.7rem;font-weight:700;letter-spacing:.08em;color:#5e7490} #main-page .impact-ui .impact-service-plus{font-size:1.55rem;font-weight:400;color:#346eae;text-align:right} #main-page .impact-ui .impact-service-toggle:hover{color:#2869ad} #main-page .impact-ui .impact-service-body{max-height:0;opacity:0;transition:max-height .32s ease,opacity .24s ease,padding .32s ease;padding:0 42px 0 54px;overflow:hidden} #main-page .impact-ui .impact-service-body p{margin:0!important;color:#53657c!important;font-size:.95rem!important;line-height:1.65!important;max-width:620px!important} #main-page .impact-ui .impact-service-body span{display:block;margin-top:14px;color:#2869ad;font-size:.74rem;font-weight:700;letter-spacing:.02em} #main-page .impact-ui .impact-service-item.is-open .impact-service-body{max-height:220px;opacity:1;padding:0 42px 24px 54px} #main-page .impact-ui .impact-service-item.is-open .impact-service-toggle{color:#2869ad} #main-page .impact-ui .impact-service-note{margin:28px 0 0!important;padding:20px 0 0;border-top:0;color:#53657c!important;font-size:.9rem!important;line-height:1.6!important} #main-page .impact-ui .impact-service-note strong{color:#132238!important} #main-page .showcase-ui{padding:92px 0 96px!important;background:var(--dfd-light)!important;border-top:0!important;color:#132238!important} #main-page .showcase-ui .wrap{max-width:1280px!important} #main-page .showcase-ui .showcase-head{display:block!important;max-width:820px!important;margin:0 0 38px!important;text-align:left!important} #main-page .showcase-ui .showcase-head h2{max-width:780px!important;margin:0 0 18px!important;color:#132238!important;font-size:clamp(2.7rem,4.25vw,4.6rem)!important;line-height:1.03!important;letter-spacing:-.057em!important} #main-page .showcase-ui .showcase-head p{max-width:650px!important;margin:0!important;color:#53657c!important;font-size:1rem!important;line-height:1.65!important} #main-page .showcase-ui .showcase-toolbar-ui{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin:0 0 26px;padding:0 0 16px;border-bottom:1px solid #cbd8e8} #main-page .showcase-ui .industry-tabs{display:flex!important;justify-content:flex-start!important;flex-wrap:wrap!important;gap:9px!important;margin:0!important} #main-page .showcase-ui .device-controls{display:flex!important;align-items:center!important;justify-content:flex-end!important;min-height:0!important;margin:0!important;max-width:none!important;flex:none} #main-page .showcase-ui .industry-tab{border-radius:7px!important;padding:.68rem 1rem!important;background:transparent!important;color:#52657d!important;border:1px solid #b9c9dc!important;font-size:.78rem!important;font-weight:700!important} #main-page .showcase-ui .industry-tab.active{background:#132238!important;color:#fff!important;border-color:#132238!important} #main-page .showcase-ui .device-switch{display:flex!important;gap:8px!important;padding:4px;background:#e4ecf5;border:1px solid #c5d2e2;border-radius:9px} #main-page .showcase-ui .device-switch-btn{width:42px!important;height:38px!important;border:0!important;border-radius:6px!important;background:transparent!important;color:#60758d!important} #main-page .showcase-ui .device-switch-btn.active{background:#132238!important;color:#fff!important;box-shadow:none!important} #main-page .showcase-ui .device-stage{position:relative!important;max-width:1080px!important;margin:0 auto!important;padding:18px 20px 44px!important;border:1px solid #cbd8e8;border-radius:12px;background:#f8fbff;box-shadow:0 26px 70px rgba(30,61,97,.09)!important;overflow:visible} #main-page .showcase-ui .device-stage::before{content:'INTERAKTIVE VORSCHAU';display:block;margin:0 0 16px;color:#5f7895;font-size:.66rem;font-weight:800;letter-spacing:.13em} #main-page .showcase-ui .win-laptop{max-width:930px!important} #main-page .showcase-ui .mobile-phone{box-shadow:0 22px 55px rgba(22,47,78,.16)!important} #main-page .showcase-ui .showcase-full-cta{position:absolute!important;right:30px!important;bottom:18px!important;z-index:10!important;display:inline-flex!important;align-items:center!important;gap:16px!important;width:auto!important;margin:0!important;padding:13px 18px!important;background:#132238!important;color:#fff!important;border:1px solid #132238!important;border-radius:7px!important;font-size:.82rem!important;font-weight:750!important;box-shadow:0 12px 28px rgba(19,34,56,.16)!important;opacity:1!important;pointer-events:auto!important;transform:translateY(0)!important;transition:transform .2s ease,background .2s ease,box-shadow .2s ease!important} #main-page .showcase-ui .showcase-full-cta:focus-visible{transform:translateY(-4px)!important;background:#2869ad!important;border-color:#2869ad!important;box-shadow:0 18px 34px rgba(40,105,173,.2)!important} #main-page .showcase-ui .preview-info-ui{display:grid!important;grid-template-columns:1fr 1fr!important;gap:18px 42px!important;max-width:1080px!important;margin:20px auto 0!important;text-align:left!important;align-items:start!important} #main-page .showcase-ui .preview-info-ui p{margin:0!important;color:#64758a!important;font-size:.74rem!important;line-height:1.55!important} #main-page .showcase-ui .preview-info-ui p strong{color:#2b405d!important} #main-page .process{padding-top:92px!important} @media(max-width:1000px){ #main-page .impact-ui .impact-head-grid{grid-template-columns:1fr;gap:20px} #main-page .impact-ui .impact-layout{grid-template-columns:1fr;gap:42px} #main-page .impact-ui .impact-signal{min-height:520px} #main-page .showcase-ui .showcase-toolbar-ui{align-items:flex-start;flex-direction:column} #main-page .showcase-ui .device-controls{align-self:flex-end} } @media(max-width:760px){ #main-page .impact-ui{padding:68px 0 76px!important} #main-page .impact-ui .impact-head h2{font-size:clamp(2.35rem,11vw,3.2rem)!important} #main-page .impact-ui .impact-signal{min-height:500px;padding:26px 22px 24px} #main-page .impact-ui .impact-number-row{margin-top:52px} #main-page .impact-ui .impact-number{font-size:7rem} #main-page .impact-ui .impact-signal-tabs{left:22px;right:22px;bottom:22px;grid-template-columns:1fr 1fr} #main-page .impact-ui .impact-tab{min-height:58px;padding-top:10px;border-bottom:1px solid rgba(138,185,255,.1)} #main-page .impact-ui .impact-tab:nth-child(2){border-right:0} #main-page .impact-ui .impact-meter{margin-bottom:134px} #main-page .impact-ui .impact-service-toggle{grid-template-columns:34px minmax(0,1fr) 26px;min-height:68px;font-size:1.08rem} #main-page .impact-ui .impact-service-item.is-open .impact-service-body{padding:0 0 22px 46px} #main-page .impact-ui .impact-service-body{padding-left:46px;padding-right:0} #main-page .showcase-ui{padding:68px 0 74px!important} #main-page .showcase-ui .showcase-head h2{font-size:clamp(2.3rem,11vw,3.2rem)!important} #main-page .showcase-ui .showcase-toolbar-ui{gap:16px;margin-bottom:20px} #main-page .showcase-ui .industry-tabs{gap:7px!important} #main-page .showcase-ui .industry-tab{font-size:.7rem!important;padding:.58rem .72rem!important} #main-page .showcase-ui .device-controls{align-self:flex-start} #main-page .showcase-ui .device-stage{padding:14px 10px 16px!important} #main-page .showcase-ui .showcase-full-cta{position:relative!important;right:auto!important;bottom:auto!important;width:100%!important;justify-content:space-between!important;margin:16px 0 0!important;padding:15px 16px!important} #main-page .showcase-ui .preview-info-ui{grid-template-columns:1fr!important;gap:8px!important} } @media(max-width:430px){ #main-page .impact-ui .impact-number{font-size:5.8rem} #main-page .impact-ui .impact-percent{font-size:2.5rem} #main-page .impact-ui .impact-copy{font-size:.94rem!important} #main-page .showcase-ui .industry-tabs{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%} #main-page .showcase-ui .industry-tab{width:100%} } @media(prefers-reduced-motion:reduce){ #main-page .impact-ui .impact-meter span,#main-page .impact-ui .impact-service-body,#main-page .showcase-ui .showcase-full-cta{transition:none!important} } #main-page .impact-ui .impact-head-grid{grid-template-columns:minmax(0,1.28fr) minmax(290px,.62fr)!important;gap:58px!important;align-items:end!important} #main-page .impact-ui .impact-head h2{max-width:720px!important;font-size:clamp(2.45rem,3.75vw,4.15rem)!important;line-height:1.04!important} #main-page .impact-ui .impact-signal-tabs{display:none!important} #main-page .impact-ui .impact-signal{min-height:500px!important;padding-bottom:112px!important} #main-page .impact-ui .impact-signal-kicker{font-size:0!important} #main-page .impact-ui .impact-signal-kicker::after{content:'Wirkung Ihrer Webseite';font-size:.76rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#8ab9ff} #main-page .impact-ui .impact-service-note{display:grid!important;grid-template-columns:auto 1fr;gap:7px 10px;align-items:center;margin-top:30px!important;padding:20px 22px!important;border:1px solid #c8d8ea!important;border-radius:10px!important;background:#e8f0f9!important;color:#53657c!important;box-shadow:0 12px 30px rgba(49,86,126,.06)} #main-page .impact-ui .impact-service-note::before{content:'↗';grid-row:1 / span 2;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#d6e6f7;color:#2869ad;font-size:1rem;font-weight:800} #main-page .impact-ui .impact-service-note strong{display:block!important;font-size:1rem!important;color:#132238!important;line-height:1.2} #main-page .showcase-ui .showcase-toolbar-ui{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;margin-bottom:26px!important;padding-bottom:16px!important;border-bottom:1px solid #cbd8e8!important} #main-page .showcase-ui .showcase-controls-ui{display:flex;align-items:center;gap:14px;min-width:0;flex:1} #main-page .showcase-ui .industry-tabs{flex-wrap:wrap!important;gap:8px!important;min-width:0} #main-page .showcase-ui .device-controls{flex:none!important} #main-page .showcase-ui .device-stage{max-width:1050px!important;margin:12px auto 0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important} #main-page .showcase-ui .device-stage::before{display:none!important;content:none!important} #main-page .showcase-ui .desktop-preview,#main-page .showcase-ui .mobile-preview{width:100%;margin:0 auto!important} #main-page .showcase-ui .desktop-preview{display:flex;justify-content:center} #main-page .showcase-ui .mobile-preview:not([hidden]){display:flex!important;justify-content:center} #main-page .showcase-ui .win-laptop{margin:0 auto!important;max-width:940px!important} #main-page .showcase-ui .mobile-phone{margin:0 auto!important} #main-page .showcase-ui .showcase-full-cta-ui{position:relative!important;right:auto!important;bottom:auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:14px!important;flex:none!important;margin:0!important;padding:13px 19px!important;border:1px solid #2869ad!important;border-radius:8px!important;background:#2869ad!important;color:#fff!important;font-size:.8rem!important;font-weight:800!important;white-space:nowrap!important;box-shadow:0 12px 28px rgba(40,105,173,.22)!important;overflow:hidden!important;isolation:isolate!important;transform:none!important;transition:transform .22s ease,background .22s ease,box-shadow .22s ease,border-color .22s ease!important} #main-page .showcase-ui .showcase-full-cta-ui::before{content:'';position:absolute;inset:-40% auto -40% -35%;width:30%;background:rgba(255,255,255,.17);transform:skewX(-18deg) translateX(-220%);transition:transform .48s ease;z-index:-1} #main-page .showcase-ui .showcase-full-cta-ui span:last-child{display:inline-block;transition:transform .22s ease} #main-page .showcase-ui .showcase-full-cta-ui:hover,#main-page .showcase-ui .showcase-full-cta-ui:focus-visible{background:#1f5f9e!important;border-color:#1f5f9e!important;transform:translateY(-3px)!important;box-shadow:0 18px 38px rgba(40,105,173,.30)!important} #main-page .showcase-ui .showcase-full-cta-ui:hover::before,#main-page .showcase-ui .showcase-full-cta-ui:focus-visible::before{transform:skewX(-18deg) translateX(560%)} #main-page .showcase-ui .showcase-full-cta-ui:hover span:last-child,#main-page .showcase-ui .showcase-full-cta-ui:focus-visible span:last-child{transform:translate(3px,-3px)} #main-page .showcase-ui .preview-info-ui{display:block!important;max-width:940px!important;margin:18px auto 0!important;text-align:center!important} #main-page .showcase-ui .preview-info-ui .showcase-only-note-ui{display:block!important;margin:0 auto!important;color:#64758a!important;font-size:.74rem!important;line-height:1.55!important} #main-page .showcase-ui .preview-info-ui .showcase-only-note-ui strong{color:#2b405d!important} #main-page .process-ui{padding:92px 0 96px!important;background:#0b1424!important} #main-page .process-ui .wrap{max-width:1280px!important} #main-page .process-ui .wrap>h2{text-align:center!important;max-width:1000px!important;margin:0 auto 14px!important;font-size:clamp(2.6rem,4.1vw,4.45rem)!important;line-height:1.03!important} #main-page .process-ui .process-node-ui.is-active{color:#a9caff} #main-page .usp-ui .orbit-1{left:7%;top:25%} #main-page .usp-ui .orbit-2{left:34%;top:2%} #main-page .usp-ui .orbit-3{right:3%;top:25%} #main-page .usp-ui .orbit-4{right:13%;bottom:1%} #main-page .usp-ui .orbit-5{left:19%;bottom:0} @media(max-width:1120px){ #main-page .showcase-ui .showcase-toolbar-ui{align-items:flex-start!important;flex-wrap:wrap!important} #main-page .showcase-ui .showcase-controls-ui{flex-wrap:wrap} #main-page .showcase-ui .showcase-full-cta-ui{margin-left:auto!important} } @media(max-width:900px){ #main-page .impact-ui .impact-head-grid{grid-template-columns:1fr!important;gap:22px!important} #main-page .impact-ui .impact-layout{grid-template-columns:1fr!important} #main-page .impact-ui .impact-head h2{max-width:780px!important} } @media(max-width:760px){ #main-page .showcase-ui .showcase-controls-ui{width:100%;gap:10px} #main-page .showcase-ui .industry-tabs{width:100%;overflow-x:auto;flex-wrap:nowrap!important;padding-bottom:3px} #main-page .showcase-ui .device-controls{order:3;margin-left:auto!important} #main-page .showcase-ui .showcase-full-cta-ui{width:100%!important} #main-page .showcase-ui .device-stage{margin-top:4px!important} #main-page .showcase-ui .preview-info-ui{text-align:left!important} #main-page .impact-ui .impact-signal{min-height:450px!important;padding:28px 24px 106px!important} #main-page .impact-ui .impact-number-row{margin-top:52px!important} } @media(prefers-reduced-motion:reduce){ #main-page .showcase-ui .showcase-full-cta-ui,#main-page .showcase-ui .showcase-full-cta-ui::before{transition:none!important;animation:none!important} } #main-page .impact-ui{padding:56px 0 62px!important} #main-page .impact-ui .stats-head{margin:0 0 28px!important} #main-page .impact-ui .impact-head-grid{display:block!important} #main-page .impact-ui .impact-head h2{max-width:980px!important;font-size:clamp(2.35rem,3.45vw,3.85rem)!important;line-height:1.035!important} #main-page .impact-ui .impact-layout{grid-template-columns:minmax(0,.9fr) minmax(460px,1.1fr)!important;gap:48px!important;align-items:start!important} #main-page .impact-ui .impact-signal{min-height:448px!important;padding:30px 34px 104px!important} #main-page .impact-ui .impact-number-row{margin:48px 0 18px!important} #main-page .impact-ui .impact-meter{margin:24px 0 28px!important} #main-page .impact-ui .impact-services{padding-top:0!important} #main-page .impact-ui .impact-service-toggle{min-height:66px!important;padding:11px 0!important;font-size:clamp(1.05rem,1.45vw,1.34rem)!important} #main-page .impact-ui .impact-service-item.is-open .impact-service-body{max-height:190px!important;padding:0 42px 18px 54px!important} #main-page .impact-ui .impact-service-note{display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;grid-template-rows:auto auto!important;gap:3px 12px!important;align-items:center!important;margin-top:22px!important;padding:16px 18px!important} #main-page .impact-ui .impact-service-note::before{display:none!important;content:none!important} #main-page .impact-ui .impact-note-icon-ui{grid-row:1 / span 2;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#d6e6f7;color:#2869ad} #main-page .impact-ui .impact-note-icon-ui svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} #main-page .impact-ui .impact-note-title-ui{font-size:1rem;font-weight:750;color:#132238;line-height:1.2} #main-page .impact-ui .impact-note-copy-ui{font-size:.84rem;color:#53657c;line-height:1.45} #main-page .showcase-ui .showcase-controls-ui{gap:12px!important} #main-page .showcase-ui .preview-info-ui{margin-top:14px!important} #main-page .showcase-ui .showcase-only-note-ui{display:block!important;text-align:center!important} #main-page .process-ui{padding:68px 0 76px!important} #main-page .process-ui .process-node-ui{color:#7e94af!important} #main-page .process-ui .process-node-ui.is-active{color:#a9caff!important} #main-page .usp-ui .orbit-1{left:2%!important;top:34%!important} #main-page .usp-ui .orbit-2{left:34%!important;top:1%!important} #main-page .usp-ui .orbit-3{right:2%!important;top:34%!important} #main-page .usp-ui .orbit-4{right:17%!important;bottom:1%!important} #main-page .usp-ui .orbit-5{left:17%!important;bottom:1%!important} @media(max-width:1050px){ #main-page .impact-ui .impact-layout{grid-template-columns:1fr!important} #main-page .impact-ui .impact-signal{min-height:430px!important} } @media(max-width:760px){ #main-page .impact-ui{padding:48px 0 54px!important} #main-page .impact-ui .impact-head h2{font-size:clamp(2.15rem,10vw,3.2rem)!important} #main-page .showcase-ui .showcase-only-note-ui{text-align:left!important} #main-page .process-ui{padding:56px 0 62px!important} #main-page .usp-ui .orbit-1{left:0!important;top:34%!important} #main-page .usp-ui .orbit-2{left:33%!important} #main-page .usp-ui .orbit-3{right:0!important;top:34%!important} #main-page .usp-ui .orbit-4{right:16%!important} #main-page .usp-ui .orbit-5{left:16%!important} } :root{--ui-navy:#0b1424;--ui-white:#fff;--ui-ink:#132238;--ui-copy:#53657c;--ui-blue:#428bf0;--ui-blue-light:#8ab9ff;--ui-line:#cbd8e8} #main-page .proof,#main-page .usp-section,#main-page .process,#main-page .contact{background:var(--ui-navy)!important} #main-page .impact-ui,#main-page .showcase,#main-page .about{background:var(--ui-white)!important;color:var(--ui-ink)!important} #main-page .impact-ui,#main-page .showcase,#main-page .about{border-color:#d9e3ee!important} #main-page .proof{border-color:rgba(255,255,255,.08)!important} #main-page .proof-item{opacity:.68!important} #main-page .proof-item:hover{opacity:1!important} #main-page .usp-ui{padding:86px 0 96px!important;background:var(--ui-navy)!important;color:#f7f9fd!important;overflow:hidden} #main-page .usp-ui>.wrap{max-width:1180px!important} #main-page .usp-head-ui{text-align:center;max-width:840px;margin:0 auto 30px} #main-page .usp-head-ui h2{margin:0!important;color:#f8f6ef!important;font-size:clamp(2.7rem,4vw,4.25rem)!important;line-height:1.02!important;letter-spacing:-.055em!important} #main-page .usp-system-ui{position:relative;width:min(100%,760px);aspect-ratio:1/1;margin:0 auto;isolation:isolate} #main-page .usp-system-ui::before,#main-page .usp-system-ui::after{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none} #main-page .usp-system-ui::before{width:84%;height:84%;border:1px dashed rgba(101,168,245,.17)} #main-page .usp-system-ui::after{width:67%;height:67%;border:1px solid rgba(101,168,245,.10)} #main-page .usp-circle-ui{position:absolute;width:31.5%;aspect-ratio:1;border:0;border-radius:50%;padding:0;background:transparent;perspective:900px;z-index:2;color:#fff} #main-page .usp-circle-ui.orbit-1{left:1.5%;top:34%}#main-page .usp-circle-ui.orbit-2{left:34.25%;top:1%}#main-page .usp-circle-ui.orbit-3{right:1.5%;top:34%}#main-page .usp-circle-ui.orbit-4{right:17.3%;bottom:1.3%}#main-page .usp-circle-ui.orbit-5{left:17.3%;bottom:1.3%} #main-page .usp-flip-ui{position:absolute;inset:0;display:block;border-radius:50%;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.2,.75,.2,1),filter .3s ease} #main-page .usp-circle-ui:hover .usp-flip-ui,#main-page .usp-circle-ui:focus-visible .usp-flip-ui{filter:brightness(1.12)} #main-page .usp-face-ui{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:17%;border-radius:50%;backface-visibility:hidden;border:2px solid rgba(108,177,255,.64);background:radial-gradient(circle at 44% 30%,#254f83 0%,#17385f 55%,#10243e 100%);box-shadow:0 15px 34px rgba(0,0,0,.16),inset 0 0 30px rgba(100,168,245,.08);transition:border-color .3s ease,box-shadow .3s ease,background .3s ease} #main-page .usp-circle-ui:hover .usp-face-ui,#main-page .usp-circle-ui:focus-visible .usp-face-ui,#main-page .usp-circle-ui.is-active .usp-face-ui{border-color:#a9d3ff;box-shadow:0 0 0 3px rgba(66,139,240,.12),0 0 42px rgba(66,139,240,.42),inset 0 0 36px rgba(100,168,245,.16);background:radial-gradient(circle at 44% 30%,#3473b9 0%,#21548b 52%,#17385f 100%)} #main-page .usp-back-ui{transform:rotateY(180deg);background:radial-gradient(circle at 50% 30%,#3d88dd 0%,#285f9d 56%,#173a63 100%)} #main-page .usp-face-ui strong{display:block;max-width:12ch;color:#fff;font-size:clamp(.9rem,1.5vw,1.18rem);line-height:1.15;letter-spacing:-.02em} #main-page .usp-face-ui p{margin:10px 0 0!important;max-width:20ch!important;color:#edf5ff!important;font-size:clamp(.62rem,.9vw,.78rem)!important;line-height:1.48!important} #main-page .usp-core-ui{position:absolute;left:50%;top:50%;z-index:6;display:grid;place-items:center;width:25%;aspect-ratio:1;transform:translate(-50%,-50%);background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;pointer-events:none} #main-page .usp-core-ui img{position:relative;z-index:2;display:block;width:58%;height:auto;object-fit:contain;filter:drop-shadow(0 8px 18px rgba(0,0,0,.28))} #main-page .usp-core-halo-ui{position:absolute;left:50%;top:50%;width:105%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(129,190,255,.68);background:radial-gradient(circle,rgba(67,143,241,.27) 0%,rgba(67,143,241,.12) 42%,rgba(67,143,241,0) 72%);box-shadow:0 0 0 12px rgba(66,139,240,.045),0 0 54px rgba(66,139,240,.42);animation:v11LogoHalo 4.8s ease-in-out infinite} @keyframes v11LogoHalo{0%,100%{opacity:.68;transform:translate(-50%,-50%) scale(.94)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.04)}} #main-page .impact-ui{padding:62px 0 68px!important;background:#fff!important} #main-page .impact-ui .stats-head{margin-bottom:30px!important} #main-page .impact-ui .impact-layout{align-items:stretch!important} #main-page .impact-ui .impact-signal{min-height:0!important;height:100%!important;padding:30px 34px 34px!important} #main-page .impact-ui .impact-number-row{margin:46px 0 20px!important} #main-page .impact-ui .impact-meter{margin:24px 0 0!important} #main-page .impact-ui .impact-service-note{margin-top:20px!important} #main-page .showcase-ui{background:#fff!important;padding-top:78px!important} #main-page .showcase-ui .showcase-toolbar-ui{align-items:center!important} #main-page .showcase-ui .showcase-only-note-ui{display:block!important;margin:13px auto 0!important;text-align:center!important;white-space:nowrap!important;color:#64758a!important;font-size:clamp(.58rem,.8vw,.72rem)!important;line-height:1.3!important} #main-page .showcase-ui .showcase-only-note-ui strong{color:#2b405d!important} #main-page .showcase-ui .device-stage{padding-bottom:0!important} #main-page .showcase-ui .win-laptop{max-width:980px!important} #main-page .showcase-ui .win-base-wrap{height:44px!important;min-height:44px!important;margin-top:0!important;overflow:visible!important} #main-page .showcase-ui .win-base{height:30px!important;min-height:30px!important;padding:0!important;border-radius:0 0 18px 18px!important} #main-page .showcase-ui .win-keyboard,#main-page .showcase-ui .win-speaker,#main-page .showcase-ui .win-touchpad{display:none!important} #main-page .showcase-ui .win-hinge-row{height:8px!important} #main-page .showcase-ui .win-front-lip{height:7px!important;min-height:7px!important} #main-page .showcase-ui .preview-info-ui{margin-top:10px!important} #main-page .process-ui{padding:72px 0 84px!important;background:var(--ui-navy)!important;overflow:hidden} #main-page .process-ui .wrap{max-width:1240px!important} #main-page .process-ui .wrap>h2{margin-bottom:12px!important;text-align:center!important} #main-page .process-shell-ui{margin-top:42px} #main-page .process-route-ui{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:start;width:100%;min-width:0;padding:0 2% 42px} #main-page .process-line-ui{position:absolute;left:10%;right:10%;top:22px;height:7px;border-radius:999px;background:#1a3558;border:1px solid rgba(139,194,255,.28);box-shadow:0 0 0 1px rgba(255,255,255,.03),0 0 24px rgba(66,139,240,.16);overflow:hidden} #main-page .process-line-ui span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#3f8ff1,#8ac1ff);box-shadow:0 0 24px rgba(66,139,240,.65);transition:width .35s ease} #main-page .process-node-ui{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:10px;min-width:0;color:#8199b8;text-align:center} #main-page .process-dot-ui{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:2px solid #45698f;background:#0b1424;color:#8da8c9;font-size:.78rem;font-weight:800;box-shadow:0 0 0 5px #0b1424;transition:.25s ease} #main-page .process-node-ui>span:last-child{font-size:.76rem;font-weight:750;line-height:1.2;white-space:nowrap} #main-page .process-node-ui.is-passed .process-dot-ui{background:#17375e;border-color:#4f9ff7;color:#fff} #main-page .process-node-ui.is-active{color:#fff} #main-page .process-node-ui.is-active .process-dot-ui{transform:scale(1.14);background:#428bf0;border-color:#b7d9ff;color:#fff;box-shadow:0 0 0 6px #0b1424,0 0 0 10px rgba(66,139,240,.14),0 0 32px rgba(66,139,240,.52)} #main-page .process-node-ui:focus-visible{outline:2px solid #8bc4ff;outline-offset:7px;border-radius:8px} #main-page .process-card-ui{position:relative;display:grid;grid-template-columns:50px minmax(0,1fr) 50px;gap:28px;align-items:center;max-width:1060px;min-height:300px;margin:2px auto 0;padding:38px 44px;border:1px solid rgba(105,174,250,.52);border-radius:14px;background:linear-gradient(135deg,#10233d,#0d1c31);box-shadow:0 22px 58px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.04)} #main-page .process-card-content-ui{min-width:0} #main-page .process-card-heading-ui{display:flex;align-items:center;gap:16px;margin-bottom:13px} #main-page .process-card-number-ui{display:grid;place-items:center;width:48px;height:48px;flex:none;border-radius:50%;background:#428bf0;color:#fff;font-size:.78rem;font-weight:800;box-shadow:0 0 28px rgba(66,139,240,.38)} #main-page .process-card-heading-ui h3{margin:0!important;color:#f7f4ed!important;font-size:clamp(1.55rem,2.2vw,2.2rem)!important;line-height:1!important} #main-page .process-card-lead-ui{margin:0 0 12px!important;color:#dfeaff!important;font-size:clamp(1.15rem,1.7vw,1.48rem)!important;font-weight:650;line-height:1.25!important;white-space:nowrap!important;max-width:none!important} #main-page .process-card-copy-ui{max-width:820px!important;margin:0!important;color:#a8b8cd!important;font-size:.93rem!important;line-height:1.63!important} #main-page .process-card-points-ui{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 18px;list-style:none;margin:24px 0 0;padding:20px 0 0;border-top:1px solid rgba(138,185,255,.15)} #main-page .process-card-points-ui li{display:flex;align-items:flex-start;gap:8px;color:#dce7f4;font-size:.78rem;line-height:1.4} #main-page .process-card-points-ui li span{display:grid;place-items:center;width:18px;height:18px;flex:none;margin-top:1px;border-radius:50%;background:#327fd9;color:#fff;font-size:.58rem} #main-page .process-card-nav-ui{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;border:1px solid rgba(124,183,250,.34);background:#0b1a2e;color:#9bc9ff;font-size:1.2rem;transition:.2s ease} #main-page .process-card-nav-ui:hover:not(:disabled),#main-page .process-card-nav-ui:focus-visible{transform:translateY(-2px);border-color:#80bcff;background:#17395f;color:#fff} #main-page .process-card-nav-ui:disabled{opacity:.25;cursor:default} #main-page .about-ui{padding:88px 0 96px!important;background:#fff!important;color:#132238!important} #main-page .about-ui .wrap{max-width:1160px!important;text-align:center!important} #main-page .about-ui h2{max-width:880px!important;margin:0 auto 34px!important;color:#132238!important;font-size:clamp(2.7rem,4vw,4.25rem)!important;line-height:1.02!important;letter-spacing:-.055em!important} @media(max-width:900px){ #main-page .impact-ui .impact-layout{grid-template-columns:1fr!important;gap:30px!important} #main-page .impact-ui .impact-signal{min-height:360px!important} } @media(max-width:760px){ #main-page section{scroll-margin-top:72px} #main-page .proof{padding:1.5rem 0!important} #main-page .proof-inner{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;width:100%!important;padding:0 1.25rem!important} #main-page .proof-item{display:grid!important;grid-template-columns:32px 1fr!important;gap:9px!important;align-items:center!important;justify-content:start!important;min-width:0!important;width:100%!important;opacity:.76!important} #main-page .proof-label{font-size:.69rem!important;line-height:1.25!important;text-align:left!important} #main-page .usp-ui{padding:68px 0 76px!important;overflow:hidden!important} #main-page .usp-ui>.wrap{padding-left:1rem!important;padding-right:1rem!important} #main-page .usp-head-ui{margin-bottom:20px!important;padding:0 .25rem!important} #main-page .usp-head-ui h2{font-size:clamp(2.35rem,11vw,3.25rem)!important;line-height:1.02!important;overflow:visible!important} #main-page .usp-system-ui{width:min(100%,500px)!important;aspect-ratio:1/1.08!important;overflow:visible!important} #main-page .usp-circle-ui{width:35%!important} #main-page .usp-circle-ui.orbit-1{left:-1%!important;top:33%!important}#main-page .usp-circle-ui.orbit-2{left:32.5%!important;top:0!important}#main-page .usp-circle-ui.orbit-3{right:-1%!important;top:33%!important}#main-page .usp-circle-ui.orbit-4{right:14.5%!important;bottom:0!important}#main-page .usp-circle-ui.orbit-5{left:14.5%!important;bottom:0!important} #main-page .usp-face-ui{padding:14%!important} #main-page .usp-face-ui strong{font-size:clamp(.66rem,2.7vw,.9rem)!important} #main-page .usp-face-ui p{font-size:clamp(.48rem,1.9vw,.63rem)!important;line-height:1.35!important;margin-top:6px!important} #main-page .usp-core-ui{width:27%!important}#main-page .usp-core-ui img{width:62%!important} #main-page .impact-ui{padding:52px 0 58px!important} #main-page .impact-ui .impact-head h2{font-size:clamp(2.2rem,10.4vw,3.15rem)!important} #main-page .impact-ui .impact-signal{min-height:330px!important;padding:26px 24px 28px!important} #main-page .impact-ui .impact-number-row{margin:38px 0 16px!important} #main-page .showcase-ui{padding:66px 0 72px!important} #main-page .showcase-ui .showcase-head h2{font-size:clamp(2.25rem,10.5vw,3.25rem)!important} #main-page .showcase-ui .showcase-toolbar-ui{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:16px!important} #main-page .showcase-ui .showcase-controls-ui{display:flex!important;flex-direction:column!important;align-items:stretch!important;width:100%!important;gap:14px!important} #main-page .showcase-ui .industry-tabs{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;gap:9px!important;overflow:visible!important} #main-page .showcase-ui .industry-tab{width:100%!important;min-width:0!important;text-align:center!important;padding:.7rem .55rem!important} #main-page .showcase-ui .device-controls{order:2!important;display:flex!important;justify-content:center!important;width:100%!important;margin:0 auto!important} #main-page .showcase-ui .showcase-full-cta-ui{order:3!important;width:100%!important;margin:0!important} #main-page .showcase-ui .win-base-wrap{height:32px!important;min-height:32px!important}#main-page .showcase-ui .win-base{height:22px!important;min-height:22px!important}#main-page .showcase-ui .win-front-lip{height:5px!important} #main-page .showcase-ui .showcase-only-note-ui{font-size:clamp(.48rem,2.05vw,.59rem)!important;white-space:nowrap!important;text-align:center!important;letter-spacing:-.01em!important} #main-page .process-ui{padding:62px 0 70px!important} #main-page .process-ui .wrap{padding-left:1rem!important;padding-right:1rem!important} #main-page .process-ui .wrap>h2{font-size:clamp(2.25rem,10.5vw,3.15rem)!important} #main-page .process-shell-ui{margin-top:32px!important;overflow:visible!important} #main-page .process-route-ui{grid-template-columns:repeat(5,minmax(0,1fr))!important;width:100%!important;min-width:0!important;padding:0 0 34px!important;overflow:visible!important} #main-page .process-line-ui{left:10%!important;right:10%!important;top:17px!important;height:5px!important} #main-page .process-dot-ui{width:36px!important;height:36px!important;box-shadow:0 0 0 4px #0b1424!important;font-size:.68rem!important} #main-page .process-node-ui.is-active .process-dot-ui{box-shadow:0 0 0 4px #0b1424,0 0 0 7px rgba(66,139,240,.14),0 0 24px rgba(66,139,240,.46)!important} #main-page .process-node-ui>span:last-child{font-size:.58rem!important;white-space:normal!important;line-height:1.1!important;max-width:62px!important} #main-page .process-card-ui{grid-template-columns:36px minmax(0,1fr) 36px!important;gap:10px!important;min-height:0!important;padding:24px 12px!important} #main-page .process-card-nav-ui{width:34px!important;height:34px!important;font-size:1rem!important} #main-page .process-card-heading-ui{gap:10px!important}.process-card-number-ui{width:40px!important;height:40px!important} #main-page .process-card-heading-ui h3{font-size:1.4rem!important} #main-page .process-card-lead-ui{font-size:1rem!important;white-space:normal!important} #main-page .process-card-copy-ui{font-size:.82rem!important;line-height:1.55!important} #main-page .process-card-points-ui{grid-template-columns:1fr!important;gap:8px!important;margin-top:18px!important;padding-top:16px!important} #main-page .about-ui{padding:68px 0 74px!important} #main-page .about-ui .wrap{padding-left:1rem!important;padding-right:1rem!important} #main-page .about-ui h2{font-size:clamp(2.35rem,11vw,3.25rem)!important;margin-bottom:26px!important} } @media(max-width:390px){ #main-page .usp-face-ui strong{font-size:.62rem!important}#main-page .usp-face-ui p{font-size:.46rem!important} #main-page .showcase-ui .showcase-only-note-ui{font-size:.46rem!important} #main-page .process-node-ui>span:last-child{font-size:.53rem!important} } @media(prefers-reduced-motion:reduce){ .usp-core-halo-ui,#main-page .usp-flip-ui,#main-page .process-line-ui span,#main-page .process-dot-ui{animation:none!important;transition:none!important} } #main-page section>.wrap>h2,#main-page .stats-head h2,#main-page .showcase-head h2,#main-page .usp-head-ui h2,#main-page .about-ui h2{ width:min(100%,1080px)!important; max-width:1080px!important; margin-left:auto!important; margin-right:auto!important; text-align:center!important; text-wrap:balance!important; } #main-page .showcase-head,#main-page .stats-head{max-width:1080px!important;margin-left:auto!important;margin-right:auto!important;text-align:center!important} #main-page .showcase-head p{margin-left:auto!important;margin-right:auto!important;text-align:center!important} #main-page .usp-ui>.wrap{display:block!important;max-width:1120px!important} #main-page .usp-head-ui{display:block!important;width:100%!important;max-width:960px!important;margin:0 auto 34px!important;text-align:center!important} #main-page .usp-head-ui h2{font-size:clamp(2.45rem,3.7vw,3.8rem)!important;line-height:1.04!important} #main-page .usp-system-ui{position:relative!important;width:min(100%,620px)!important;height:590px!important;margin:0 auto!important;overflow:visible!important} #main-page .usp-circle-ui{position:absolute!important;z-index:4!important;width:188px!important;height:188px!important;min-width:0!important;min-height:0!important;border-radius:50%!important;border:2px solid #4f97e6!important;background:linear-gradient(145deg,#214f80,#102b4c)!important;color:#fff!important;box-shadow:0 15px 32px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.08)!important;perspective:900px!important;transition:filter .22s ease,border-color .22s ease,box-shadow .22s ease,transform .22s ease!important} #main-page .usp-circle-ui.orbit-1{left:216px!important;top:22px!important;right:auto!important;bottom:auto!important} #main-page .usp-circle-ui.orbit-2{left:34px!important;top:202px!important;right:auto!important;bottom:auto!important} #main-page .usp-circle-ui.orbit-3{right:34px!important;top:202px!important;left:auto!important;bottom:auto!important} #main-page .usp-circle-ui.orbit-4{right:113px!important;bottom:18px!important;left:auto!important;top:auto!important} #main-page .usp-circle-ui.orbit-5{left:113px!important;bottom:18px!important;right:auto!important;top:auto!important} #main-page .usp-circle-ui:hover,#main-page .usp-circle-ui:focus-visible{border-color:#9dccff!important;box-shadow:0 0 0 4px rgba(91,160,238,.14),0 0 34px rgba(70,145,232,.34),inset 0 1px 0 rgba(255,255,255,.1)!important;outline:none!important} #main-page .usp-circle-ui.is-active{border-color:#b9dcff!important;box-shadow:0 0 0 5px rgba(108,177,255,.16),0 0 42px rgba(72,151,243,.43)!important} #main-page .usp-flip-ui{position:relative!important;display:block!important;width:100%!important;height:100%!important;transform-style:preserve-3d!important;transition:transform .48s cubic-bezier(.2,.75,.2,1)!important} #main-page .usp-face-ui{position:absolute!important;inset:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:21px 18px!important;border-radius:50%!important;text-align:center!important;backface-visibility:hidden!important;-webkit-backface-visibility:hidden!important;overflow:hidden!important} #main-page .usp-face-ui strong{display:block!important;max-width:145px!important;margin:0 auto 7px!important;color:inherit!important;font-size:1rem!important;line-height:1.13!important;text-align:center!important} #main-page .usp-back-ui{transform:rotateY(180deg)!important;background:#edf6ff!important;color:#112945!important;border:2px solid #8dc6ff!important} #main-page .usp-back-ui p{max-width:146px!important;margin:0 auto 10px!important;color:#34536f!important;font-size:.68rem!important;line-height:1.38!important;text-align:center!important} #main-page .usp-core-ui{position:absolute!important;left:50%!important;top:50%!important;z-index:3!important;width:118px!important;height:118px!important;transform:translate(-50%,-50%)!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;display:grid!important;place-items:center!important} #main-page .usp-core-ui img{position:relative!important;z-index:3!important;width:82px!important;height:82px!important;object-fit:contain!important;filter:drop-shadow(0 8px 18px rgba(0,0,0,.28))!important} #main-page .usp-core-halo-ui{position:absolute!important;left:50%!important;top:50%!important;z-index:1!important;width:210px!important;height:210px!important;transform:translate(-50%,-50%)!important;border-radius:50%!important;border:1px solid rgba(117,183,250,.48)!important;background:radial-gradient(circle,rgba(55,130,215,.28) 0%,rgba(28,73,127,.18) 45%,rgba(18,45,79,0) 72%)!important;box-shadow:0 0 48px rgba(58,139,231,.32),inset 0 0 28px rgba(79,157,244,.12)!important;animation:uspCoreGlow 4.8s ease-in-out infinite!important} @keyframes uspCoreGlow{0%,100%{opacity:.72;transform:translate(-50%,-50%) scale(.96)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.04)}} #main-page .impact-ui .impact-layout{align-items:start!important} #main-page .impact-ui .impact-signal{align-self:start!important;height:430px!important;min-height:430px!important;max-height:430px!important;overflow:hidden!important} #main-page .impact-ui .impact-number-row{margin-top:44px!important} #main-page .impact-ui .impact-services{align-self:start!important} #main-page .showcase-ui .device-stage{background:#fff!important} #main-page .showcase-ui .win-laptop{max-width:850px!important;margin:0 auto!important} #main-page .showcase-ui .win-display-lid{border-radius:18px 18px 2px 2px!important;border-bottom:0!important;box-shadow:0 12px 38px rgba(20,42,67,.14)!important} #main-page .showcase-ui .win-display-chin{display:none!important} #main-page .showcase-ui .win-hinge-row{display:none!important} #main-page .showcase-ui .win-base-wrap{margin-top:-1px!important;transform:none!important} #main-page .showcase-ui .win-base{min-height:92px!important;height:92px!important;margin:0!important;border-radius:0 0 16px 16px!important;border-top:1px solid #26384a!important;background:linear-gradient(180deg,#202b37,#121b25)!important;box-shadow:0 18px 34px rgba(21,40,62,.16)!important} #main-page .showcase-ui .win-keyboard{top:13px!important;left:13%!important;right:13%!important;bottom:26px!important;opacity:.72!important} #main-page .showcase-ui .win-touchpad{height:19px!important;bottom:5px!important} #main-page .showcase-ui .win-front-lip{display:none!important} #main-page .showcase-ui .showcase-only-note-ui{white-space:nowrap!important;text-align:center!important;margin-left:auto!important;margin-right:auto!important;width:max-content!important;max-width:100%!important} #main-page .process-ui .wrap>h2{text-align:center!important} #main-page .process-ui .process-shell-ui{max-width:1120px!important;margin-left:auto!important;margin-right:auto!important} #main-page .process-ui .process-card-lead-ui{white-space:normal!important;text-wrap:balance!important} #main-page .about-ui{padding:84px 0 92px!important;background:#fff!important;color:#132238!important} #main-page .about-ui .wrap{max-width:1120px!important} #main-page .about-ui h2{margin:0 auto 30px!important;text-align:center!important;color:#132238!important;font-size:clamp(2.4rem,3.8vw,3.8rem)!important;line-height:1.04!important;letter-spacing:-.05em!important;text-wrap:balance!important} #main-page .about-coming-ui{position:relative;display:grid;place-items:center;width:min(100%,920px);aspect-ratio:16/8.4;margin:0 auto;border:1px solid #bcd0e5;border-radius:14px;overflow:hidden;background:linear-gradient(135deg,#0d1b2e,#17365d);box-shadow:0 22px 58px rgba(35,67,104,.13)} #main-page .about-coming-ui::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 25% 20%,rgba(92,161,238,.18),transparent 34%),radial-gradient(circle at 80% 75%,rgba(92,161,238,.13),transparent 30%)} #main-page .about-coming-ui::after{content:'';position:absolute;left:-10%;right:-10%;top:52%;height:1px;background:linear-gradient(90deg,transparent,rgba(138,185,255,.32),transparent);transform:rotate(-8deg)} #main-page .about-coming-inner-ui{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;text-align:center;color:#fff} #main-page .about-coming-icon-ui{display:grid;place-items:center;width:68px;height:68px;margin-bottom:16px;border:1px solid rgba(157,207,255,.62);border-radius:50%;background:rgba(59,130,220,.16);color:#9dceff;font-size:1.35rem;box-shadow:0 0 32px rgba(60,143,238,.18)} #main-page .about-coming-inner-ui strong{font-size:clamp(1.35rem,2.3vw,2rem);line-height:1.15} #main-page .about-coming-inner-ui span{margin-top:8px;color:#a9bfd7;font-size:.84rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase} #main-page .about-mobile-break-ui{display:none} @media(max-width:760px){ #main-page section>.wrap>h2,#main-page .stats-head h2,#main-page .showcase-head h2,#main-page .usp-head-ui h2,#main-page .about-ui h2{max-width:100%!important;text-align:center!important} #main-page .proof-inner{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px 14px!important;align-items:stretch!important} #main-page .proof-item{width:100%!important;margin:0!important;justify-content:flex-start!important} #main-page .usp-ui{padding-top:66px!important;padding-bottom:74px!important} #main-page .usp-head-ui{margin-bottom:24px!important} #main-page .usp-system-ui{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;width:100%!important;height:auto!important;max-width:390px!important;padding:0!important} #main-page .usp-core-ui{position:relative!important;left:auto!important;top:auto!important;grid-column:1/-1!important;grid-row:1!important;order:-1!important;width:92px!important;height:92px!important;margin:0 auto 6px!important;transform:none!important} #main-page .usp-core-halo-ui{width:142px!important;height:142px!important} #main-page .usp-core-ui img{width:66px!important;height:66px!important} #main-page .usp-circle-ui{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:100%!important;height:auto!important;aspect-ratio:1!important;max-width:178px!important;margin:0 auto!important} #main-page .usp-face-ui{padding:16px 12px!important} #main-page .usp-face-ui strong{font-size:.88rem!important;max-width:125px!important} #main-page .usp-back-ui p{font-size:.61rem!important;max-width:125px!important} #main-page .impact-ui .impact-signal{height:390px!important;min-height:390px!important;max-height:390px!important} #main-page .showcase-ui .showcase-toolbar-ui{display:block!important} #main-page .showcase-ui .industry-tabs{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;gap:10px!important} #main-page .showcase-ui .device-controls{justify-content:center!important;margin:16px auto 0!important} #main-page .showcase-ui .showcase-only-note-ui{white-space:normal!important;width:auto!important;text-align:center!important} #main-page .showcase-ui .win-base{height:58px!important;min-height:58px!important} #main-page .showcase-ui .win-keyboard{top:8px!important;bottom:18px!important} #main-page .process-ui .process-route-ui{width:100%!important;min-width:0!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;padding-left:0!important;padding-right:0!important;overflow:visible!important} #main-page .process-ui .process-node-ui>span:last-child{font-size:.58rem!important;white-space:normal!important;text-align:center!important} #main-page .process-ui .process-dot-ui{width:34px!important;height:34px!important;font-size:.72rem!important} #main-page .about-coming-ui{aspect-ratio:4/3!important} #main-page .about-mobile-break-ui{display:block} } @media(prefers-reduced-motion:reduce){.usp-core-halo-ui,.usp-flip-ui{animation:none!important;transition:none!important}} #main-page .usp-ui .usp-circle-ui{cursor:default!important;transform:none!important;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease!important} #main-page .usp-ui .usp-circle-ui:hover{transform:none!important;border-color:#75afea!important;box-shadow:0 14px 30px rgba(0,0,0,.19),0 0 20px rgba(64,139,225,.14)!important;filter:none!important} #main-page .usp-ui .usp-circle-ui:focus-within{border-color:#9dccff!important;box-shadow:0 0 0 3px rgba(91,160,238,.12),0 0 26px rgba(70,145,232,.23)!important} #main-page .usp-ui .usp-flip-ui{transform:none!important;transform-style:flat!important;transition:none!important} #main-page .usp-ui .usp-face-ui{backface-visibility:visible!important;-webkit-backface-visibility:visible!important;transition:opacity .16s ease,visibility .16s ease!important} #main-page .usp-ui .usp-front-ui{opacity:1!important;visibility:visible!important;transform:none!important} #main-page .usp-ui .usp-back-ui{opacity:0!important;visibility:hidden!important;transform:none!important;background:#eef6ff!important;color:#112945!important} #main-page .usp-ui .usp-circle-ui.is-open .usp-front-ui{opacity:0!important;visibility:hidden!important} #main-page .usp-ui .usp-circle-ui.is-open .usp-back-ui{opacity:1!important;visibility:visible!important} #main-page .usp-ui .usp-back-ui p{display:block!important;max-width:148px!important;margin:0 auto!important;color:#24435f!important;font-size:.7rem!important;line-height:1.42!important;text-align:center!important} #main-page .usp-ui .usp-more-ui{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;min-height:29px!important;margin:1px auto 0!important;padding:6px 10px!important;border:1px solid rgba(166,211,255,.68)!important;border-radius:999px!important;background:rgba(8,29,54,.22)!important;color:#dceeff!important;font:800 .58rem/1 var(--sans)!important;letter-spacing:.06em!important;text-transform:uppercase!important;cursor:pointer!important;transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease!important} #main-page .usp-ui .usp-more-ui:hover,#main-page .usp-ui .usp-more-ui:focus-visible{transform:translateY(-2px)!important;background:#397fc7!important;border-color:#a9d4ff!important;color:#fff!important;box-shadow:0 8px 18px rgba(44,119,198,.3)!important;outline:none!important} #main-page .showcase-ui .win-laptop{width:min(100%,820px)!important;max-width:820px!important;margin:0 auto!important} #main-page .showcase-ui .win-display-lid{position:relative!important;border-radius:13px 13px 0 0!important;border:2px solid #273544!important;border-bottom:0!important;background:#151d27!important;box-shadow:0 14px 34px rgba(19,38,60,.16)!important;overflow:hidden!important} #main-page .showcase-ui .win-screen-frame{margin:10px 10px 8px!important;border-radius:3px!important;overflow:hidden!important} #main-page .showcase-ui .win-display-chin{display:block!important;height:19px!important;min-height:19px!important;padding:0!important;background:#171f29!important;border:0!important} #main-page .showcase-ui .win-display-chin .win-logo{transform:scale(.62)!important;opacity:.58!important} #main-page .showcase-ui .win-hinge-row{display:none!important;height:0!important;margin:0!important} #main-page .showcase-ui .win-base-wrap{position:relative!important;margin:-1px 0 0!important;transform:none!important;padding:0!important} #main-page .showcase-ui .win-base{position:relative!important;height:108px!important;min-height:108px!important;margin:0!important;border:2px solid #273544!important;border-top:1px solid #273544!important;border-radius:0 0 9px 9px!important;background:linear-gradient(180deg,#283442 0%,#1c2733 56%,#151e28 100%)!important;box-shadow:0 13px 25px rgba(17,34,53,.16)!important} #main-page .showcase-ui .win-keyboard{top:11px!important;left:11%!important;right:11%!important;bottom:31px!important;opacity:.82!important} #main-page .showcase-ui .win-speaker{top:13px!important;bottom:31px!important;width:7%!important;opacity:.5!important} #main-page .showcase-ui .win-touchpad{width:31%!important;height:23px!important;bottom:5px!important;border-color:rgba(170,190,211,.2)!important} #main-page .showcase-ui .win-front-lip{display:block!important;height:7px!important;margin:-1px auto 0!important;width:101%!important;border-radius:0 0 70% 70%!important;background:#111923!important;box-shadow:0 8px 12px rgba(0,0,0,.12)!important} @media(max-width:760px){ #main-page .usp-ui .usp-system-ui{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:auto!important;gap:14px!important;width:100%!important;height:auto!important;max-width:390px!important;margin:0 auto!important;padding:0 4px!important;align-items:center!important;justify-items:center!important} #main-page .usp-ui .usp-core-ui{position:relative!important;left:auto!important;top:auto!important;grid-column:1/-1!important;grid-row:2!important;width:94px!important;height:94px!important;margin:2px auto!important;transform:none!important} #main-page .usp-ui .usp-core-halo-ui{width:144px!important;height:144px!important} #main-page .usp-ui .usp-core-ui img{width:67px!important;height:67px!important} #main-page .usp-ui .usp-circle-ui{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:min(43vw,158px)!important;height:min(43vw,158px)!important;transform:none!important} #main-page .usp-ui .usp-circle-ui.orbit-1{grid-column:1!important;grid-row:1!important} #main-page .usp-ui .usp-circle-ui.orbit-2{grid-column:2!important;grid-row:1!important} #main-page .usp-ui .usp-circle-ui.orbit-3{grid-column:1!important;grid-row:3!important} #main-page .usp-ui .usp-circle-ui.orbit-4{grid-column:2!important;grid-row:3!important} #main-page .usp-ui .usp-circle-ui.orbit-5{grid-column:1/-1!important;grid-row:4!important} #main-page .usp-ui .usp-face-ui{padding:16px 12px!important} #main-page .usp-ui .usp-face-ui strong{font-size:.91rem!important;max-width:122px!important} #main-page .usp-ui .usp-back-ui p{max-width:125px!important;font-size:.62rem!important;line-height:1.36!important} #main-page .usp-ui .usp-more-ui{padding:5px 8px!important;font-size:.52rem!important} #main-page .showcase-ui .showcase-toolbar-ui{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;margin-bottom:30px!important;padding-bottom:0!important} #main-page .showcase-ui .industry-tabs{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;width:100%!important} #main-page .showcase-ui .device-controls{display:flex!important;justify-content:center!important;width:100%!important;margin:27px auto 0!important} #main-page .showcase-ui .device-switch{margin:0 auto!important} #main-page .showcase-ui .device-stage{margin-top:0!important;padding-top:14px!important} #main-page .showcase-ui .showcase-full-cta{margin-top:30px!important} #main-page .showcase-ui .win-laptop{width:100%!important;max-width:100%!important} #main-page .showcase-ui .win-display-lid{border-radius:9px 9px 0 0!important} #main-page .showcase-ui .win-screen-frame{margin:6px 6px 5px!important} #main-page .showcase-ui .win-base{height:64px!important;min-height:64px!important} #main-page .showcase-ui .win-keyboard{top:7px!important;bottom:19px!important} #main-page .showcase-ui .win-touchpad{height:13px!important;bottom:3px!important} } @media(prefers-reduced-motion:reduce){ #main-page .usp-ui .usp-face-ui,#main-page .usp-ui .usp-more-ui{transition:none!important} } #main-page .usp-core-ui{width:154px!important;height:154px!important} #main-page .usp-core-ui img{width:123px!important;height:123px!important;max-width:none!important} #main-page .usp-core-halo-ui{width:225px!important;height:225px!important} #main-page .usp-ui .usp-front-ui strong{margin-bottom:15px!important} #main-page .usp-ui .usp-more-ui .usp-more-arrow-ui{display:inline-block;font-size:.78rem;line-height:1;transition:transform .18s ease} #main-page .usp-ui .usp-more-ui:hover .usp-more-arrow-ui,#main-page .usp-ui .usp-more-ui:focus-visible .usp-more-arrow-ui{transform:translate(2px,-2px)} #main-page .impact-service-plus{font-size:0!important;position:relative!important;width:24px!important;height:24px!important;display:grid!important;place-items:center!important} #main-page .impact-service-plus::before{content:'';display:block;width:8px;height:8px;border-right:2px solid #346eae;border-bottom:2px solid #346eae;transform:translateY(-2px) rotate(45deg);transition:transform .22s ease} #main-page .impact-service-item.is-open .impact-service-plus::before{transform:translateY(2px) rotate(225deg)} @media(min-width:761px){ #main-page .showcase-head{max-width:900px!important;margin-left:0!important;margin-right:auto!important;text-align:left!important} #main-page .showcase-head h2,#main-page .showcase-head p{margin-left:0!important;margin-right:0!important;text-align:left!important} #main-page .showcase-head h2{max-width:900px!important} #main-page .showcase-head p{max-width:690px!important} #main-page .showcase .win-laptop{width:min(100%,780px)!important;max-width:780px!important;margin:0 auto!important;filter:drop-shadow(0 22px 27px rgba(0,0,0,.25))!important} #main-page .showcase .win-display-lid{position:relative!important;width:88%!important;margin:0 auto!important;background:linear-gradient(145deg,#202630,#0b0f15 48%,#171d26)!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:10px 10px 4px 4px!important;padding:11px 11px 0!important;overflow:visible!important;box-shadow:none!important} #main-page .showcase .win-screen-frame{background:#020407!important;border:1px solid #05070a!important;padding:2px!important;margin:0!important;border-radius:0!important;overflow:hidden!important} #main-page .showcase .win-display-chin{display:flex!important;height:29px!important;min-height:29px!important;align-items:center!important;justify-content:center!important;background:transparent!important} #main-page .showcase .win-display-chin .win-logo{transform:none!important;opacity:.72!important} #main-page .showcase .win-hinge-row{display:block!important;position:relative!important;width:82%!important;height:8px!important;margin:-1px auto 0!important} #main-page .showcase .win-hinge{display:block!important;position:absolute!important;width:24%!important;height:7px!important;background:linear-gradient(180deg,#080b10,#414957 48%,#0b0f15)!important} #main-page .showcase .win-hinge-left{left:7%!important}.showcase .win-hinge-right{right:7%!important} #main-page .showcase .win-base-wrap{width:100%!important;margin:-2px auto 0!important;transform-origin:top center!important;transform:perspective(850px) rotateX(53deg)!important;padding:0!important} #main-page .showcase .win-base{position:relative!important;width:100%!important;height:135px!important;min-height:135px!important;margin:0!important;border:0!important;border-radius:0!important;background:linear-gradient(180deg,#454d59,#303844 18%,#202731 70%,#141a22)!important;clip-path:polygon(6% 0,94% 0,100% 100%,0 100%)!important;box-shadow:none!important} #main-page .showcase .win-speaker{display:block!important;position:absolute!important;top:15px!important;width:5.5%!important;height:49px!important;opacity:.45!important;background:radial-gradient(circle,#04070a 0 1px,transparent 1.2px) 0 0/5px 5px!important} #main-page .showcase .win-speaker-left{left:8.5%!important}.showcase .win-speaker-right{right:8.5%!important} #main-page .showcase .win-keyboard{position:absolute!important;top:14px!important;left:16%!important;right:16%!important;height:61px!important;bottom:auto!important;display:flex!important;flex-direction:column!important;gap:4px!important;opacity:1!important} #main-page .showcase .win-key-row{height:9px!important;background:repeating-linear-gradient(90deg,#090d12 0 23px,#313844 23px 25px)!important} #main-page .showcase .win-touchpad{position:absolute!important;left:36%!important;bottom:9px!important;width:28%!important;height:40px!important;border:1px solid rgba(255,255,255,.13)!important;border-radius:5px!important} #main-page .showcase .win-front-lip{display:block!important;width:100%!important;height:10px!important;margin-top:-2px!important;background:#0d1219!important;border-radius:0!important;clip-path:polygon(0 0,100% 0,96% 100%,4% 100%)!important;box-shadow:none!important} #main-page .showcase .preview-info-ui{position:relative!important;z-index:5!important;margin-top:24px!important} } @media(max-width:760px){ #main-page .showcase-head,#main-page .showcase-head h2,#main-page .showcase-head p{text-align:center!important;margin-left:auto!important;margin-right:auto!important} #main-page .usp-core-ui{width:116px!important;height:116px!important} #main-page .usp-core-ui img{width:100px!important;height:100px!important} #main-page .usp-core-halo-ui{width:154px!important;height:154px!important} #main-page .showcase-ui .showcase-toolbar-ui{gap:0!important;margin-bottom:30px!important} #main-page .showcase-ui .industry-tabs{margin-bottom:0!important} #main-page .showcase-ui .device-controls{margin:28px auto!important} #main-page .showcase-ui .showcase-full-cta-ui{margin:0!important} } #main-page .showcase .preview-info,#main-page .showcase .preview-info-ui{ position:relative!important; z-index:5!important; display:block!important; width:100%!important; max-width:1050px!important; margin:var(--dfd-device-note-offset,24px) auto 0!important; padding:0 18px!important; text-align:center!important; pointer-events:none!important; } #main-page .showcase .showcase-only-note-ui,#main-page .showcase [data-dfd-ai-image-note="true"]{ display:block!important; width:max-content!important; max-width:100%!important; margin:0 auto!important; color:#64758a!important; line-height:1.5!important; text-align:center!important; white-space:nowrap!important; } #main-page .showcase .showcase-only-note-ui strong,#main-page .showcase [data-dfd-ai-image-note="true"] strong{color:#2b405d!important} .site-nav .logo{transform:scale(.8)!important;transform-origin:left center!important} .site-footer .logo{transform:scale(.8)!important;transform-origin:left center!important} #main-page .process-ui .process-card-ui{ box-sizing:border-box!important; height:286px!important; min-height:286px!important; max-height:286px!important; align-items:stretch!important; overflow:hidden!important; } #main-page .process-ui .process-card-content-ui{ align-self:stretch!important; display:grid!important; grid-template-rows:50px 28px 82px minmax(0,1fr)!important; align-content:start!important; min-width:0!important; } #main-page .process-ui .process-card-heading-ui{ display:flex!important; align-items:center!important; min-height:50px!important; margin:0!important; } #main-page .process-ui .process-card-heading-ui h3{ margin:0!important; line-height:1.12!important; } #main-page .process-ui .process-card-lead-ui{ display:flex!important; align-items:center!important; min-height:28px!important; margin:0!important; white-space:nowrap!important; } #main-page .process-ui .process-card-copy-ui{ align-self:start!important; min-height:82px!important; margin:0!important; } #main-page .process-ui .process-card-points-ui{ align-self:start!important; margin:0!important; } #main-page .google-review-ui{ padding:34px 0!important; background:#0b1424!important; border-top:1px solid rgba(138,185,255,.16)!important; border-bottom:1px solid rgba(138,185,255,.16)!important; } #main-page .google-review-ui .wrap{ display:grid!important; grid-template-columns:auto minmax(0,1fr) auto!important; align-items:center!important; gap:24px!important; max-width:1120px!important; } #main-page .google-review-brand-ui{ display:flex; align-items:center; gap:10px; min-width:max-content; } #main-page .google-review-brand-ui>img{ display:block; width:34px; height:34px; flex:none; } #main-page .google-review-label-ui{ display:block; margin-bottom:5px; color:#fff; font-size:.72rem; font-weight:800; letter-spacing:.04em; line-height:1; } #main-page .google-review-stars-ui{ display:flex; gap:3px; color:#f7b928; font-size:.92rem; letter-spacing:.01em; line-height:1; white-space:nowrap; } #main-page .google-review-copy-ui strong{ display:block; margin:0 0 3px; color:#fff; font:700 1.05rem/1.2 var(--sans); } #main-page .google-review-copy-ui span{ display:block; color:#9fb0c7; font-size:.82rem; line-height:1.45; } #main-page .google-review-cta-ui{ display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:44px; padding:11px 16px; border:1px solid #5ea5f4; border-radius:8px; background:#2d73bb; color:#fff; font-size:.8rem; font-weight:800; white-space:nowrap; box-shadow:0 10px 25px rgba(33,104,178,.22); transition:transform .2s ease,background .2s ease,box-shadow .2s ease,border-color .2s ease; } #main-page .google-review-cta-ui>img{ display:block; width:18px; height:18px; flex:none; padding:2px; border-radius:50%; background:#fff; } #main-page .google-review-cta-ui:hover,#main-page .google-review-cta-ui:focus-visible{ transform:translateY(-2px); background:#1f5f9e; border-color:#9dccff; box-shadow:0 15px 30px rgba(33,104,178,.3); outline:none; } #main-page .google-review-cta-ui span:last-child{transition:transform .2s ease} #main-page .google-review-cta-ui:hover span:last-child,#main-page .google-review-cta-ui:focus-visible span:last-child{transform:translate(2px,-2px)} @media(max-width:760px){ #main-page .showcase .preview-info,#main-page .showcase .preview-info-ui{ max-width:100%!important; padding:0 12px!important; } #main-page .showcase .showcase-only-note-ui,#main-page .showcase [data-dfd-ai-image-note="true"]{ width:100%!important; white-space:normal!important; font-size:.7rem!important; } #main-page .process-ui .process-card-ui{ height:auto!important; min-height:310px!important; max-height:none!important; overflow:visible!important; } #main-page .process-ui .process-card-content-ui{ grid-template-rows:auto auto auto auto!important; gap:9px!important; } #main-page .process-ui .process-card-lead-ui{white-space:normal!important;min-height:0!important} #main-page .process-ui .process-card-copy-ui{min-height:0!important} #main-page .google-review-ui{padding:28px 0!important} #main-page .google-review-ui .wrap{ grid-template-columns:1fr!important; gap:11px!important; text-align:center!important; } #main-page .google-review-brand-ui{justify-content:center;min-width:0} #main-page .google-review-stars-ui{justify-content:center} #main-page .google-review-copy-ui span{max-width:34ch;margin:0 auto} #main-page .google-review-cta-ui{width:min(100%,320px);margin:4px auto 0} } @media(prefers-reduced-motion:reduce){ #main-page .google-review-cta-ui,#main-page .google-review-cta-ui span:last-child{transition:none!important} } #main-page .usp-ui .usp-circle-ui{ transition:border-color .18s ease,box-shadow .18s ease!important; } #main-page .usp-ui .usp-circle-ui:hover{ border-color:rgba(117,175,234,.42)!important; box-shadow:0 10px 22px rgba(0,0,0,.12),0 0 8px rgba(64,139,225,.045)!important; } #main-page .usp-ui .usp-circle-ui:hover .usp-flip-ui{ filter:brightness(1.01)!important; } #main-page .usp-ui .usp-circle-ui:hover .usp-front-ui{ border-color:rgba(126,187,245,.62)!important; background:radial-gradient(circle at 44% 30%,#265286 0%,#18385e 55%,#10243e 100%)!important; box-shadow:0 12px 26px rgba(0,0,0,.14),inset 0 0 18px rgba(100,168,245,.05)!important; } #main-page .usp-ui .usp-circle-ui.is-open{ cursor:pointer!important; } #main-page .usp-ui .usp-circle-ui.is-open:hover{ box-shadow:0 10px 22px rgba(0,0,0,.12),0 0 7px rgba(64,139,225,.04)!important; } #main-page .usp-ui .usp-circle-ui.is-open .usp-back-ui{ cursor:pointer!important; } @media(max-width:760px){ #main-page .usp-ui .usp-core-ui{ width:clamp(100px,27vw,108px)!important; height:clamp(100px,27vw,108px)!important; margin:10px auto!important; } #main-page .usp-ui .usp-core-ui img{ width:80%!important; height:80%!important; max-width:none!important; object-fit:contain!important; } #main-page .usp-ui .usp-core-halo-ui{ width:clamp(145px,39vw,156px)!important; height:clamp(145px,39vw,156px)!important; } #main-page .usp-ui .usp-system-ui{ row-gap:18px!important; } } @media(prefers-reduced-motion:reduce){ #main-page .usp-ui .usp-circle-ui,#main-page .usp-ui .usp-flip-ui{transition:none!important} } @media(max-width:760px){ #main-page .showcase .win-laptop{ width:100%!important; max-width:100%!important; margin:0 auto!important; filter:drop-shadow(0 16px 22px rgba(0,0,0,.22))!important; } #main-page .showcase .win-display-lid{ position:relative!important; width:98%!important; margin:0 auto!important; padding:6px 6px 0!important; overflow:visible!important; border:1px solid rgba(255,255,255,.14)!important; border-bottom:1px solid rgba(255,255,255,.14)!important; border-radius:8px 8px 3px 3px!important; background:linear-gradient(145deg,#202630,#0b0f15 48%,#171d26)!important; box-shadow:none!important; } #main-page .showcase .win-screen-frame{ margin:0!important; padding:2px!important; overflow:hidden!important; border:1px solid #05070a!important; border-radius:0!important; background:#020407!important; } #main-page .showcase .win-display-chin{ display:flex!important; align-items:center!important; justify-content:center!important; height:24px!important; min-height:24px!important; padding:0!important; border:0!important; background:transparent!important; } #main-page .showcase .win-display-chin .win-logo{ transform:scale(.78)!important; opacity:.72!important; } #main-page .showcase .win-hinge-row{ display:block!important; position:relative!important; width:82%!important; height:7px!important; margin:-1px auto 0!important; } #main-page .showcase .win-hinge{ display:block!important; position:absolute!important; width:24%!important; height:6px!important; background:linear-gradient(180deg,#080b10,#414957 48%,#0b0f15)!important; } #main-page .showcase .win-hinge-left{left:7%!important} #main-page .showcase .win-hinge-right{right:7%!important} #main-page .showcase .win-base-wrap{ position:relative!important; width:100%!important; height:auto!important; min-height:0!important; margin:-2px auto 0!important; padding:0!important; overflow:visible!important; transform-origin:top center!important; transform:perspective(850px) rotateX(53deg)!important; } #main-page .showcase .win-base{ position:relative!important; width:100%!important; height:82px!important; min-height:82px!important; margin:0!important; border:0!important; border-radius:0!important; background:linear-gradient(180deg,#454d59,#303844 18%,#202731 70%,#141a22)!important; clip-path:polygon(6% 0,94% 0,100% 100%,0 100%)!important; box-shadow:none!important; } #main-page .showcase .win-speaker{display:none!important} #main-page .showcase .win-keyboard{ display:flex!important; position:absolute!important; top:8px!important; left:16%!important; right:16%!important; bottom:auto!important; height:38px!important; flex-direction:column!important; gap:3px!important; opacity:1!important; } #main-page .showcase .win-key-row{ height:6px!important; background:repeating-linear-gradient(90deg,#090d12 0 15px,#313844 15px 17px)!important; } #main-page .showcase .win-touchpad{ display:block!important; position:absolute!important; left:36%!important; bottom:5px!important; width:28%!important; height:24px!important; border:1px solid rgba(255,255,255,.13)!important; border-radius:4px!important; } #main-page .showcase .win-front-lip{ display:block!important; width:100%!important; height:7px!important; margin-top:-2px!important; border-radius:0!important; background:#0d1219!important; clip-path:polygon(0 0,100% 0,96% 100%,4% 100%)!important; box-shadow:none!important; } } @media(max-width:420px){ #main-page .showcase .win-display-lid{width:99%!important;padding:5px 5px 0!important} #main-page .showcase .win-base{height:74px!important;min-height:74px!important} #main-page .showcase .win-keyboard{top:7px!important;height:34px!important} #main-page .showcase .win-touchpad{height:21px!important;bottom:4px!important} } #ueber-uns{scroll-margin-top:96px} @media(max-width:768px){ #main-page .form-group input,#main-page .form-group textarea{ font-size:16px!important; } #main-page .process-ui .process-node-ui>span:last-child{ display:flex!important; align-items:flex-start!important; justify-content:center!important; width:100%!important; max-width:70px!important; min-height:2.3em!important; margin:0 auto!important; font-size:.64rem!important; line-height:1.15!important; text-align:center!important; white-space:normal!important; overflow-wrap:normal!important; word-break:normal!important; } } @media(max-width:560px){ .site-footer{ padding:2.2rem 0 1.35rem!important; } .site-footer .footer-inner{ display:flex!important; flex-direction:column!important; align-items:center!important; justify-content:center!important; gap:1rem!important; width:100%!important; text-align:center!important; } .site-footer .dfd-logo-link,.site-footer .logo{ align-self:center!important; margin:0 auto!important; transform-origin:center center!important; } .site-footer .dfd-logo-link img,.site-footer .logo img{ margin:0 auto!important; } .site-footer .footer-links{ display:flex!important; flex-wrap:wrap!important; align-items:center!important; justify-content:center!important; width:100%!important; max-width:350px!important; margin:0 auto!important; gap:.5rem 1.25rem!important; padding:0!important; } .site-footer .footer-links li{ flex:0 0 auto!important; margin:0!important; } .site-footer .footer-links a{ display:inline-flex!important; align-items:center!important; justify-content:center!important; min-height:36px!important; padding:3px 1px!important; text-align:center!important; } .site-footer .footer-copy{ width:100%!important; max-width:340px!important; margin:1rem auto 0!important; padding:1rem .45rem 0!important; font-size:.75rem!important; line-height:1.55!important; text-align:center!important; } } @media(max-width:390px){ #main-page .process-ui .process-node-ui>span:last-child{ max-width:64px!important; font-size:.60rem!important; } .site-footer .footer-links{ gap:.4rem 1rem!important; } } #main-page section:not(.hero):not(.contact) > .wrap > h2,#main-page .stats-head h2,#main-page .showcase-head h2,#main-page .usp-head-ui h2,#main-page .about h2{ width:100%!important; max-width:100%!important; margin-left:auto!important; margin-right:auto!important; text-align:center!important; text-wrap:balance!important; } #main-page .impact-ui .stats-head,#main-page .impact-ui .impact-head,#main-page .impact-ui .impact-head-grid{ width:100%!important; max-width:none!important; margin-left:auto!important; margin-right:auto!important; text-align:center!important; } #main-page .impact-ui .impact-head h2{ width:100%!important; max-width:100%!important; margin-left:auto!important; margin-right:auto!important; text-align:center!important; text-wrap:balance!important; } #main-page .showcase-ui .showcase-head,#main-page .showcase-ui .showcase-head,#main-page .showcase-ui .showcase-head,#main-page .showcase-ui .showcase-head,#main-page .showcase .showcase-head{ display:block!important; width:100%!important; max-width:none!important; margin:0 auto 38px!important; text-align:center!important; } #main-page .showcase-ui .showcase-head h2,#main-page .showcase-ui .showcase-head h2,#main-page .showcase-ui .showcase-head h2,#main-page .showcase-ui .showcase-head h2,#main-page .showcase .showcase-head h2{ width:100%!important; max-width:none!important; margin:0 auto 18px!important; text-align:center!important; text-wrap:balance!important; } #main-page .showcase-ui .showcase-head p,#main-page .showcase-ui .showcase-head p,#main-page .showcase-ui .showcase-head p,#main-page .showcase-ui .showcase-head p,#main-page .showcase .showcase-head p{ margin-left:auto!important; margin-right:auto!important; text-align:center!important; } #main-page .stats-head,#main-page .usp-head-ui{ margin-left:auto!important; margin-right:auto!important; text-align:center!important; } #main-page .contact > .wrap > h2,#main-page .contact > .wrap > p{ margin-left:0!important; margin-right:auto!important; text-align:left!important; } @media(min-width:1051px){ #main-page .impact-ui .impact-layout{ grid-template-columns:minmax(300px,.65fr) minmax(560px,1.35fr)!important; gap:44px!important; } } #main-page .impact-ui .impact-services{ min-width:0!important; } #main-page .impact-service-toggle > span:nth-child(2){ color:#132238!important; font-family:'DM Serif Display',Georgia,'Times New Roman',serif!important; font-weight:400!important; letter-spacing:-.015em!important; } #main-page .impact-ui .impact-service-body{ display:flex!important; flex-direction:column!important; max-height:34px!important; opacity:1!important; overflow:hidden!important; padding:0 42px 12px 54px!important; } #main-page .impact-ui .impact-service-body > span{ order:-1!important; flex:none!important; display:block!important; margin:0!important; color:#2869ad!important; font-family:'DM Sans',system-ui,-apple-system,sans-serif!important; font-size:.72rem!important; font-weight:700!important; line-height:1.35!important; letter-spacing:.02em!important; } #main-page .impact-ui .impact-service-body > p{ margin-top:12px!important; opacity:0!important; visibility:hidden!important; transition:opacity .2s ease,visibility .2s ease!important; } #main-page .impact-ui .impact-service-item.is-open .impact-service-body{ max-height:230px!important; opacity:1!important; padding:0 42px 18px 54px!important; } #main-page .impact-ui .impact-service-item.is-open .impact-service-body > p{ opacity:1!important; visibility:visible!important; } #main-page .impact-ui .impact-signal{ height:400px!important; min-height:400px!important; max-height:400px!important; padding:26px 28px 28px!important; border-color:rgba(138,185,255,.22)!important; box-shadow:0 18px 44px rgba(29,55,88,.09)!important; } #main-page .impact-ui .impact-signal::before{opacity:.55!important} #main-page .impact-ui .impact-signal::after{opacity:.5!important} #main-page .impact-ui .impact-number-row{ margin:34px 0 18px!important; } #main-page .impact-ui .impact-number{ font-size:clamp(5.6rem,7.5vw,7.4rem)!important; opacity:.94!important; } #main-page .impact-ui .impact-percent{ margin-top:0!important; font-size:clamp(2rem,3vw,3.2rem)!important; opacity:.9!important; } #main-page .impact-ui .impact-copy{ max-width:460px!important; color:#c4cfdd!important; font-size:clamp(.9rem,1.05vw,1rem)!important; line-height:1.52!important; } #main-page .impact-ui .impact-meter{ height:3px!important; margin:20px 0 0!important; opacity:.78!important; } #main-page .process-ui .process-card-lead-ui{ margin-top:.85rem!important; margin-bottom:.2rem!important; } #main-page .process-ui .process-card-copy-ui{ margin-top:.25rem!important; } #main-page .process-ui .process-card-points-ui li{ align-items:center!important; } @media(max-width:760px){ #main-page section:not(.hero):not(.contact) > .wrap > h2,#main-page .stats-head h2,#main-page .showcase-head h2,#main-page .usp-head-ui h2,#main-page .about h2{ width:100%!important; max-width:100%!important; text-align:center!important; } #main-page .impact-ui .impact-service-body{ max-height:50px!important; padding:0 30px 12px 42px!important; } #main-page .impact-ui .impact-service-body > span{ font-size:.68rem!important; line-height:1.35!important; } #main-page .impact-ui .impact-service-item.is-open .impact-service-body{ max-height:260px!important; padding:0 30px 18px 42px!important; } #main-page .impact-ui .impact-signal{ height:390px!important; min-height:390px!important; max-height:390px!important; } #main-page .impact-ui .impact-number{ font-size:clamp(5rem,25vw,6.6rem)!important; } #main-page .contact > .wrap > h2,#main-page .contact > .wrap > p{ text-align:left!important; } } #main-page .process-ui .process-card-lead-ui{ margin-top:.9rem!important; margin-bottom:.65rem!important; } #main-page .process-ui .process-card-copy-ui{ margin-top:0!important; line-height:1.63!important; } #main-page .process-ui .process-card-points-ui li{ position:relative!important; display:flex!important; align-items:center!important; min-height:22px!important; padding-left:30px!important; gap:0!important; } #main-page .process-ui .process-card-points-ui li > span:first-child{ position:absolute!important; left:0!important; top:50%!important; margin:0!important; transform:translateY(-50%)!important; } #main-page .impact-ui .impact-service-toggle{ min-height:58px!important; padding:8px 0 3px!important; } #main-page .impact-ui .impact-service-body{ max-height:27px!important; margin-top:-3px!important; padding:0 42px 6px 54px!important; } #main-page .impact-ui .impact-service-item.is-open .impact-service-body{ max-height:230px!important; padding:0 42px 18px 54px!important; } @media(min-width:1051px){ #main-page .impact-ui .impact-services{ display:flex!important; flex-direction:column!important; min-height:400px!important; } #main-page .impact-ui .impact-service-note{ width:100%!important; margin:0!important; margin-top:auto!important; } } @media(max-width:760px){ #main-page .impact-ui .impact-service-toggle{ min-height:56px!important; padding:8px 0 3px!important; } #main-page .impact-ui .impact-service-body{ max-height:38px!important; margin-top:-2px!important; padding:0 30px 7px 42px!important; } #main-page .impact-ui .impact-service-item.is-open .impact-service-body{ max-height:260px!important; padding:0 30px 18px 42px!important; } } #main-page .process-ui .process-card-content-ui{ grid-template-rows:auto auto auto auto!important; align-content:start!important; } #main-page .process-ui .process-card-heading-ui{ margin:0 0 15px!important; } #main-page .process-ui .process-card-lead-ui{ display:block!important; min-height:0!important; margin:0 0 12px!important; line-height:1.28!important; } #main-page .process-ui .process-card-copy-ui{ display:block!important; min-height:0!important; margin:0!important; line-height:1.63!important; } #main-page .process-ui .process-card-points-ui{ margin:25px 0 0!important; } #main-page .impact-ui .impact-service-note{ grid-template-columns:36px minmax(0,1fr)!important; gap:2px 10px!important; padding:12px 15px!important; } #main-page .impact-ui .impact-note-icon-ui{ width:36px!important; height:36px!important; } #main-page .impact-ui .impact-note-icon-ui svg{ width:18px!important; height:18px!important; } #main-page .impact-ui .impact-note-title-ui{ font-size:.94rem!important; } #main-page .impact-ui .impact-note-copy-ui{ font-size:.79rem!important; line-height:1.4!important; } .win-screen iframe,.mobile-screen iframe{visibility:visible!important} /* PROCESS TIMELINE CANONICAL FIX */ #main-page .process-ui .process-shell-ui{ width:100%!important; max-width:1120px!important; margin:42px auto 0!important; overflow:visible!important; } #main-page .process-ui .process-route-ui{ position:relative!important; display:grid!important; grid-template-columns:repeat(5,minmax(0,1fr))!important; grid-template-rows:auto!important; align-items:start!important; width:100%!important; min-width:0!important; margin:0!important; padding:0 0 42px!important; overflow:visible!important; } #main-page .process-ui .process-line-ui{ position:absolute!important; left:10%!important; right:10%!important; top:22px!important; z-index:0!important; display:block!important; width:auto!important; height:7px!important; margin:0!important; border:1px solid rgba(139,194,255,.28)!important; border-radius:999px!important; background:#1a3558!important; box-shadow:0 0 0 1px rgba(255,255,255,.03),0 0 24px rgba(66,139,240,.16)!important; overflow:hidden!important; pointer-events:none!important; transform:none!important; } #main-page .process-ui .process-line-ui span{ display:block!important; height:100%!important; border-radius:inherit!important; background:linear-gradient(90deg,#3f8ff1,#8ac1ff)!important; box-shadow:0 0 24px rgba(66,139,240,.65)!important; transition:width .35s ease!important; } #main-page .process-ui .process-node-ui{ position:relative!important; inset:auto!important; top:auto!important; right:auto!important; bottom:auto!important; left:auto!important; z-index:2!important; display:flex!important; flex-direction:column!important; align-items:center!important; justify-content:flex-start!important; justify-self:stretch!important; gap:10px!important; width:auto!important; min-width:0!important; margin:0!important; padding:0!important; color:#8199b8!important; background:transparent!important; border:0!important; text-align:center!important; transform:none!important; } #main-page .process-ui .process-node-ui[data-step="0"]{grid-column:1!important;grid-row:1!important} #main-page .process-ui .process-node-ui[data-step="1"]{grid-column:2!important;grid-row:1!important} #main-page .process-ui .process-node-ui[data-step="2"]{grid-column:3!important;grid-row:1!important} #main-page .process-ui .process-node-ui[data-step="3"]{grid-column:4!important;grid-row:1!important} #main-page .process-ui .process-node-ui[data-step="4"]{grid-column:5!important;grid-row:1!important} #main-page .process-ui .process-dot-ui{ display:grid!important; place-items:center!important; width:46px!important; height:46px!important; flex:0 0 46px!important; margin:0!important; border:2px solid #45698f!important; border-radius:50%!important; background:#0b1424!important; color:#8da8c9!important; font-size:.78rem!important; font-weight:800!important; line-height:1!important; box-shadow:0 0 0 5px #0b1424!important; transform:none!important; transition:transform .25s ease,background .25s ease,border-color .25s ease,box-shadow .25s ease!important; } #main-page .process-ui .process-node-ui>span:last-child{ display:block!important; width:100%!important; max-width:120px!important; margin:0 auto!important; color:inherit!important; font-size:.76rem!important; font-weight:750!important; line-height:1.2!important; text-align:center!important; white-space:nowrap!important; } #main-page .process-ui .process-node-ui.is-passed .process-dot-ui{ background:#17375e!important; border-color:#4f9ff7!important; color:#fff!important; } #main-page .process-ui .process-node-ui.is-active{color:#a9caff!important} #main-page .process-ui .process-node-ui.is-active .process-dot-ui{ background:#428bf0!important; border-color:#b7d9ff!important; color:#fff!important; box-shadow:0 0 0 6px #0b1424,0 0 0 10px rgba(66,139,240,.14),0 0 32px rgba(66,139,240,.52)!important; transform:scale(1.14)!important; } @media(max-width:760px){ #main-page .process-ui .process-shell-ui{margin-top:32px!important} #main-page .process-ui .process-route-ui{padding-bottom:34px!important} #main-page .process-ui .process-line-ui{top:17px!important;height:5px!important} #main-page .process-ui .process-dot-ui{width:36px!important;height:36px!important;flex-basis:36px!important;font-size:.68rem!important;box-shadow:0 0 0 4px #0b1424!important} #main-page .process-ui .process-node-ui.is-active .process-dot-ui{box-shadow:0 0 0 4px #0b1424,0 0 0 7px rgba(66,139,240,.14),0 0 24px rgba(66,139,240,.46)!important} #main-page .process-ui .process-node-ui>span:last-child{max-width:70px!important;font-size:.58rem!important;line-height:1.1!important;white-space:normal!important} } @media(max-width:390px){ #main-page .process-ui .process-node-ui>span:last-child{max-width:64px!important;font-size:.60rem!important} } @media(prefers-reduced-motion:reduce){ #main-page .process-ui .process-line-ui span,#main-page .process-ui .process-dot-ui{transition:none!important} } /* Device switch: only render the selected preview. */ #main-page .showcase-ui .desktop-preview[hidden],#main-page .showcase-ui .mobile-preview[hidden]{display:none!important} /* ========================================================================== Hero — single source of truth ========================================================================== */ #main-page .hero-ui{ position:relative; isolation:isolate; overflow:hidden; min-height:min(920px,100svh); padding:7.4rem 0 5.2rem; background:rgba(8,17,31,.93); } #main-page .hero-ui::before{ content:''; position:absolute; inset:0; z-index:-2; pointer-events:none; background:linear-gradient(100deg,rgba(7,16,30,.98) 0%,rgba(9,23,42,.94) 50%,rgba(13,36,67,.58) 100%); } #main-page .hero-ui .hero-inner{ position:relative; z-index:3; display:grid; grid-template-columns:minmax(0,1.05fr) minmax(390px,.95fr); gap:clamp(48px,6vw,92px); align-items:center; width:100%; max-width:1280px; } #main-page .hero-ui .hero-left{ min-width:0; text-align:left; } #main-page .hero-ui .hero-kicker{ display:block; margin:0 0 28px; color:var(--sky); font-size:.73rem; font-weight:600; letter-spacing:.09em; text-transform:uppercase; } #main-page .hero-ui .hero-title-wrap{ min-height:0; margin:0; } #main-page .hero-ui .hero-title-wrap h1{ max-width:100%; margin:0 0 28px; font-size:clamp(4rem,6.25vw,6.3rem); line-height:.94; letter-spacing:-.068em; } #main-page .hero-ui .hero-title-line{ display:block; } #main-page .hero-ui .hero-title-accent{ color:#8ab9ff; -webkit-text-fill-color:#8ab9ff; font-family:var(--serif); font-style:italic; font-weight:400; letter-spacing:-.04em; } #main-page .hero-ui .hero-sub{ max-width:560px; margin:24px 0 32px; color:#b6c4d8; font-size:clamp(1rem,1.35vw,1.14rem); line-height:1.65; opacity:1; transform:none; } #main-page .hero-ui .hero-points{ display:flex; flex-wrap:wrap; gap:18px; margin:0 0 34px; padding:0; list-style:none; } #main-page .hero-ui .hero-points li{ position:relative; display:flex; align-items:center; padding-left:22px; color:#f3f6fb; font-size:.78rem; font-weight:600; white-space:nowrap; } #main-page .hero-ui .hero-points li::before{ content:''; position:absolute; left:0; top:50%; width:14px; height:2px; border-radius:99px; background:var(--sky); box-shadow:0 0 12px rgba(183,211,255,.26); transform:translateY(-50%); } #main-page .hero-ui .hero-btns{ display:flex; flex-direction:column; align-items:flex-start; gap:14px; width:auto; opacity:1; transform:none; } #main-page .hero-ui .cta-btn{ border-radius:7px; background:#8ab9ff; color:#101729; box-shadow:0 12px 32px rgba(66,139,240,.18); transform-origin:center; transition:transform .2s ease,box-shadow .2s ease,background .2s ease; } #main-page .hero-ui .cta-btn:hover{ background:#b7d3ff; transform:translateY(-3px) scale(1.02); box-shadow:0 18px 42px rgba(66,139,240,.28); } #main-page .hero-ui .hero-right{ position:relative; display:block; min-width:0; min-height:560px; margin:0; padding:0; } #main-page .hero-ui .hero-image-shape{ position:relative; width:min(100%,530px); margin-left:auto; aspect-ratio:.86; overflow:hidden; border:1px solid rgba(138,185,255,.42); border-radius:8px 72px 8px 8px; background:#17304e url('/assets/ueber-uns-leon-marvin.webp') center 44%/cover no-repeat; box-shadow:0 34px 90px rgba(0,0,0,.36); } #main-page .hero-ui .hero-image-shape picture{ display:block; width:100%; height:100%; overflow:hidden; border-radius:inherit; } #main-page .hero-ui .hero-image-shape img{ display:block; width:100%; height:100%; object-fit:cover; object-position:center 44%; filter:contrast(1.035) saturate(.99); } @media(max-width:1180px){ #main-page .hero-ui .hero-inner{ grid-template-columns:minmax(0,1fr) minmax(350px,.82fr); gap:44px; } #main-page .hero-ui .hero-title-wrap h1{ font-size:clamp(3.65rem,6vw,5.4rem); } } @media(max-width:900px){ #main-page .hero-ui{ min-height:auto; padding:6.2rem 0 4.2rem; } #main-page .hero-ui .hero-inner{ grid-template-columns:1fr; gap:38px; max-width:760px; } #main-page .hero-ui .hero-left{ width:100%; text-align:left; } #main-page .hero-ui .hero-title-wrap h1{ font-size:clamp(3.7rem,11vw,5.3rem); } #main-page .hero-ui .hero-sub{ margin-left:0; margin-right:0; } #main-page .hero-ui .hero-right{ width:100%; max-width:560px; min-height:0; margin:0 auto; } #main-page .hero-ui .hero-image-shape{ margin:0 auto; } } @media(max-width:760px){ #main-page .hero-ui{ min-height:auto; padding:6.4rem 0 3.5rem; } #main-page .hero-ui .hero-inner{ display:flex; flex-direction:column; gap:0; padding-inline:1.25rem; } #main-page .hero-ui .hero-left{ display:contents; } #main-page .hero-ui .hero-kicker{ order:1; width:100%; margin:0 0 20px; font-size:.7rem; letter-spacing:.11em; text-align:left; } #main-page .hero-ui .hero-title-wrap{ order:2; width:100%; margin:0 0 11px; } #main-page .hero-ui .hero-title-wrap h1{ max-width:100%; margin:0; font-size:clamp(3.2rem,15vw,4.6rem); line-height:.92; text-align:left; } #main-page .hero-ui .hero-right{ order:3; display:block; width:100%; max-width:430px; min-height:0; margin:0 auto 24px; } #main-page .hero-ui .hero-image-shape{ width:100%; max-width:430px; margin:0 auto; aspect-ratio:1.16; border-radius:7px 42px 7px 7px; } #main-page .hero-ui .hero-image-shape img{ object-position:center 42%; } #main-page .hero-ui .hero-sub{ order:4; width:100%; margin:0 0 26px; font-size:.98rem; line-height:1.58; text-align:left; } #main-page .hero-ui .hero-points{ order:5; width:100%; flex-direction:column; align-items:flex-start; flex-wrap:nowrap; gap:10px; margin:0 0 28px; } #main-page .hero-ui .hero-points li{ width:auto; font-size:.76rem; } #main-page .hero-ui .hero-btns{ order:6; width:100%; align-items:flex-start; } } @media(max-width:430px){ #main-page .hero-ui .hero-image-shape{ aspect-ratio:1.08; } } @media(max-width:390px){ #main-page .hero-ui .hero-title-wrap h1{ font-size:clamp(3rem,15.5vw,3.85rem); } } @media(prefers-reduced-motion:reduce){ #main-page .hero-ui .cta-btn{ transition:none; } }