:root{--bg:#05060a;--bg2:#080c12;--panel:#0c1119;--panel2:#111925;--ink:#f3f7fc;--muted:#9daaba;--dim:#8d9fb6;--line:#1b2938;--blue:#007bb2;--cyan:#3dc3ff;--max:1240px;--gut:clamp(20px, 5vw, 64px);--ease:cubic-bezier(.2, .7, .2, 1)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:clamp(15px,1.05vw,17px);line-height:1.6;overflow-x:hidden}body:before{display:none}a{color:inherit;text-decoration:none}img{width:100%;display:block}button{font:inherit}::selection{background:var(--blue);color:#fff}:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}.wrap{width:min(100%, var(--max));padding-inline:var(--gut);margin-inline:auto}.skip{z-index:500;background:var(--cyan);color:var(--bg);padding:10px 16px;position:fixed;top:-80px;left:12px}.skip:focus{top:12px}h1,h2,h3,h4{text-transform:uppercase;letter-spacing:.012em;margin:0;font-family:Bebas Neue,Inter,sans-serif;font-weight:400;line-height:.9}h1{font-size:clamp(70px,8.9vw,132px)}h2{font-size:clamp(58px,7.7vw,110px)}h3{font-size:clamp(52px,6vw,82px)}h4{font-size:clamp(42px,4vw,62px)}h1 span,h2 span,h3 span{color:var(--cyan)}p{margin:0}.eyebrow{color:var(--cyan);letter-spacing:.22em;text-transform:uppercase;align-items:center;margin-bottom:18px;font-size:11px;font-weight:650;display:flex}.button{border:1px solid var(--blue);background:var(--blue);color:#fff;min-height:49px;transition:transform .25s var(--ease), box-shadow .25s;border-radius:999px;justify-content:center;align-items:center;gap:12px;padding:12px 22px;font-size:13px;font-weight:650;display:inline-flex}.button:hover{transform:translateY(-2px);box-shadow:0 14px 36px -14px #3dc3ffcc}.button span{transition:transform .25s var(--ease)}.button:hover span{transform:translate(4px)}.text-link{color:#c7d3df;align-items:center;gap:10px;font-size:13px;font-weight:650;display:inline-flex}.text-link span{color:var(--cyan)}.reveal{opacity:0;transition:opacity .75s var(--ease), transform .75s var(--ease);transform:translateY(26px)}.reveal.in{opacity:1;transform:none}.site-header{z-index:200;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#05060a59;transition:background .3s,box-shadow .3s;position:fixed;inset:0 0 auto}.site-header.stuck{background:#05060ae8;box-shadow:0 18px 45px #00000029}.bar{height:74px;max-width:var(--max);padding-inline:var(--gut);align-items:center;gap:30px;margin:auto;display:flex}.logo{flex:none;align-items:center;gap:12px;display:flex}.logo img{width:auto;height:38px}.logo span{border:1px solid var(--line);color:var(--muted);letter-spacing:.17em;text-transform:uppercase;padding:3px 7px;font-size:9px;font-weight:700}.main-nav{gap:25px;margin-left:auto;display:flex}.main-nav a{color:var(--muted);font-size:12.5px;transition:color .2s}.main-nav a:hover{color:var(--ink)}.header-cta{margin-left:12px}.menu-toggle{color:var(--ink);background:0 0;border:0;margin-left:auto;font-size:22px;display:none}.hero{flex-direction:column;justify-content:center;min-height:100svh;padding-top:74px;display:flex;position:relative;overflow:hidden}.hero:before{content:"";background:radial-gradient(circle at 79% 44%,#007bb21f,#0000 34%),linear-gradient(135deg,#ffffff05,#0000 40%);position:absolute;inset:0}.hero-glow{aspect-ratio:1;filter:blur(90px);background:#007bb20f;border-radius:50%;width:35vw;position:absolute;top:18%;right:7vw}.hero-grid{z-index:2;grid-template-columns:minmax(0,.95fr) minmax(420px,.78fr);align-items:center;gap:clamp(36px,6vw,96px);width:100%;display:grid;position:relative}.hero-copy{padding-block:80px}.hero-copy h1{max-width:8.8ch}.hero-lead{color:#bdc8d5;max-width:51ch;margin-top:28px;font-size:clamp(16px,1.4vw,20px)}.hero-actions{flex-wrap:wrap;align-items:center;gap:25px;margin-top:34px;display:flex}.bulb-stage{place-items:center;min-height:min(69svh,700px);display:grid;position:relative}.bulb-stage:before,.bulb-stage:after{content:"";border:1px solid #3dc3ff1c;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bulb-stage:before{aspect-ratio:1;width:84%}.bulb-stage:after{aspect-ratio:1;width:59%}.bulb-stage canvas{width:100%;height:100%;position:absolute;inset:0}.orbit{border:1px solid #3dc3ff2e;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(28deg)}.orbit-a{width:94%;height:31%}.orbit-b{width:72%;height:24%;transform:translate(-50%,-50%)rotate(-39deg)}.orbit:after{content:"";background:var(--cyan);width:6px;height:6px;box-shadow:0 0 16px var(--cyan);border-radius:50%;position:absolute;top:2px;left:18%}.bulb-note{color:var(--muted);letter-spacing:.18em;text-transform:uppercase;align-items:center;gap:10px;font-size:10px;display:flex;position:absolute;bottom:12%;right:4%}.bulb-note span{background:var(--cyan);width:6px;height:6px;box-shadow:0 0 12px var(--cyan);border-radius:50%}.hero-foot{z-index:3;color:var(--dim);letter-spacing:.17em;text-transform:uppercase;align-items:center;gap:16px;font-size:9px;font-weight:650;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.hero-foot i{background:var(--blue);border-radius:50%;width:4px;height:4px}.span{background:var(--bg2);padding-block:clamp(96px,12vw,170px);position:relative;overflow:hidden}.span:after{content:"SPANNWEITE";color:#ffffff05;pointer-events:none;font-family:Bebas Neue,sans-serif;font-size:clamp(130px,23vw,350px);line-height:1;position:absolute;bottom:-.25em;right:-.06em}.span-grid{z-index:2;grid-template-columns:minmax(0,.82fr) minmax(450px,1.18fr);align-items:center;gap:clamp(48px,8vw,126px);display:grid;position:relative}.span-copy h2{max-width:8.5ch;font-size:clamp(57px,6.2vw,88px)}.span-copy>p:last-child{max-width:42ch;color:var(--muted);margin-top:26px}.span-lines{border:1px solid var(--line);background:#05060ab3;min-height:325px;padding:34px;position:relative;box-shadow:0 30px 70px #0000003d}.span-line{opacity:0;transition:opacity .6s var(--ease), transform .6s var(--ease);flex-direction:column;justify-content:center;display:flex;position:absolute;inset:34px 34px 55px;transform:translateY(18px)}.span-line.active{opacity:1;transform:none}.span-line small{color:var(--cyan);letter-spacing:.2em;font-size:11px;position:absolute;top:0;left:0}.span-line span,.span-line b{text-transform:uppercase;font-family:Bebas Neue,sans-serif;font-size:clamp(42px,5vw,72px);font-weight:400;line-height:.95;display:block}.span-line span{color:var(--muted)}.span-line b{color:var(--ink)}.span-meter{background:var(--line);height:1px;position:absolute;bottom:30px;left:34px;right:34px}.span-meter i{background:var(--cyan);width:20%;height:100%;transition:transform .55s var(--ease);transform:translateX(calc(var(--span-index,0) * 100%));display:block}.catalog{background:var(--bg);padding-block:clamp(100px,12vw,170px)}.catalog-head{margin-bottom:110px}.catalog-head h2{font-size:clamp(62px,7.2vw,104px)}.catalog-head>p{color:var(--muted);max-width:43ch;padding-bottom:8px}.service-consultation{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px 52px;margin-bottom:90px;scroll-margin-top:120px;display:grid}.service-consultation .group-head{align-self:center;margin-bottom:0}.service-consultation .service-group-visual{height:220px;margin:0}.service-consultation .service-group-visual img{object-fit:cover;height:100%}.service-consultation .service-list{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.service-consultation .service{display:block}.service-consultation .service-project-links{grid-column:1/-1;margin-top:0}@media (width<=760px){.service-consultation,.service-consultation .service-list{grid-template-columns:minmax(0,1fr)}.service-consultation{gap:24px;margin-bottom:65px}}.catalog-layout{grid-template-columns:315px minmax(0,1fr);align-items:start;gap:clamp(54px,7vw,106px);display:grid}.catalog-nav{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0;position:sticky;top:112px}.catalog-nav>p{color:var(--dim);letter-spacing:.2em;text-transform:uppercase;margin-bottom:18px;font-size:9px;font-weight:700}.catalog-nav>a{color:#738195;border-top:1px solid #ffffff0b;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;padding:14px 0;transition:color .25s;display:grid}.catalog-nav>a:first-of-type{border-top:0}.catalog-nav>a:hover,.catalog-nav>a.active{color:var(--ink)}.catalog-nav>a span{color:#8ed2f3;font-family:Bebas Neue,sans-serif;font-size:18px}.catalog-nav>a b{font-size:12px;font-weight:550}.catalog-nav>a em{border:1px solid var(--line);border-radius:50%;place-items:center;width:25px;height:25px;font-size:10px;font-style:normal;display:grid}.catalog-nav>a.active em{border-color:var(--cyan);color:var(--cyan);box-shadow:0 0 16px #3dc3ff26}.catalog-total{border-top:1px solid var(--line);align-items:end;gap:12px;margin-top:28px;padding-top:24px;display:flex}.catalog-total strong{color:var(--cyan);font-family:Bebas Neue,sans-serif;font-size:60px;font-weight:400;line-height:.75}.catalog-total span{color:var(--muted);letter-spacing:.15em;text-transform:uppercase;font-size:9px}.service-group{padding-bottom:140px;scroll-margin-top:100px}.service-group:last-child{padding-bottom:0}.group-head{margin-bottom:38px;padding-top:8px;position:relative}.group-head>p:first-child{color:var(--muted);letter-spacing:.18em;text-transform:uppercase;align-items:center;gap:14px;font-size:11px;display:flex}.group-head>p span{color:var(--cyan);font-family:Bebas Neue,sans-serif;font-size:24px}.group-head>p b{color:var(--cyan);border:1px solid #3dc3ff4d;margin-left:auto;padding:5px 9px;font-size:8px}.group-head h3{margin-top:18px}.group-intro{color:#bdd0df;max-width:52ch;margin-top:24px}.service-list{gap:14px;display:grid}.service{border:1px solid var(--line);background:var(--panel);min-height:270px;transition:border-color .3s, transform .3s var(--ease);grid-template-columns:minmax(230px,.75fr) minmax(260px,1fr);display:grid;overflow:hidden}.service:hover{border-color:#2e506b;transform:translateY(-3px)}.service>img,.service-image-placeholder{object-fit:cover;height:100%;min-height:270px}.service>img{filter:saturate(.78)contrast(1.05);transition:filter .4s, transform .7s var(--ease)}.service:hover>img{filter:saturate();transform:scale(1.02)}.service-image-placeholder{border-right:1px solid var(--line);background:linear-gradient(145deg,#007bb23d,#060d15eb),repeating-linear-gradient(135deg,#0000 0 18px,#3dc3ff14 18px 19px);justify-content:flex-end!important;align-items:flex-start!important;padding:28px!important;display:flex!important}.service-image-placeholder span{letter-spacing:.2em;text-transform:uppercase;color:var(--cyan)!important;font-size:9px!important}.service-image-placeholder strong{color:var(--ink);letter-spacing:.02em;margin-top:8px;font-family:Bebas Neue,sans-serif;font-size:34px;font-weight:400}.service>div:not(.service-image-placeholder){flex-direction:column;justify-content:center;padding:clamp(24px,3vw,42px);display:flex}.service>div:not(.service-image-placeholder)>span{color:var(--cyan);letter-spacing:.2em;font-size:9px}.service h4{margin-top:12px}.service h4.long-title{font-size:clamp(30px,3vw,46px)}.service p{max-width:42ch;color:var(--muted);margin-top:14px;font-size:14px}.service ul{color:#748395;letter-spacing:.14em;text-transform:uppercase;flex-wrap:wrap;gap:8px 14px;margin:22px 0 0;padding:0;font-size:9px;font-weight:650;list-style:none;display:flex}.service ul li:before{content:"+";color:var(--blue);margin-right:6px}.group-digital{background:linear-gradient(145deg,#007bb22e,#080c12f2 40%);border:1px solid #3dc3ff33;margin-inline:clamp(-34px,-2.5vw,-16px);padding:clamp(34px,3vw,48px) clamp(16px,2.5vw,34px) 150px;position:relative}.group-digital:before{content:"";background:linear-gradient(transparent, var(--cyan), transparent);width:3px;position:absolute;inset:-1px auto -1px -1px}.group-digital .service{background:#09131d}.group-digital .service-feature{grid-template-columns:1.15fr .85fr;min-height:430px}.group-digital .service-feature>img{min-height:430px}.group-digital .group-intro{font-size:16px}@keyframes marquee{to{transform:translate(-100%)}}.contact{isolation:isolate;border-top:1px solid var(--line);background:#05060a;padding-block:clamp(110px,14vw,190px);position:relative;overflow:hidden}.contact:before{content:"";z-index:-1;background:radial-gradient(circle at 22% 45%,#007bb229,#0000 44%),linear-gradient(135deg,#07131fd6,#05060af0 62%);position:absolute;inset:0}.contact-backdrop{z-index:-2;object-fit:cover;object-position:center 54%;opacity:.22;filter:saturate(.68)contrast(1.08);pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.contact-grid{grid-template-columns:minmax(0,1.25fr) minmax(300px,.55fr);align-items:end;gap:clamp(50px,9vw,130px);display:grid;position:relative}.contact h2{font-size:clamp(70px,9vw,134px)}.contact-copy>p{max-width:39ch;color:var(--muted);font-size:18px}.contact-copy .button{margin-top:30px}.phone{color:var(--cyan);margin-top:22px;font-family:Bebas Neue,sans-serif;font-size:28px;display:block}footer{border-top:1px solid var(--line);background:#030407}.footer-grid{align-items:center;gap:30px;min-height:110px;display:flex}.footer-grid p{color:var(--dim);letter-spacing:.12em;text-transform:uppercase;margin-left:auto;font-size:10px}.footer-grid>a:last-child{color:var(--muted);font-size:12px}.span-lines,.catalog-nav,.contact,footer{border:0}.catalog-nav>a,.catalog-total{border-top:0}.group-digital:before{display:none}.group-digital .service-feature.service-websites{min-height:0;display:block}@media (width<=1000px){.main-nav{border:1px solid var(--line);background:#080c12fa;flex-direction:column;gap:0;padding:12px;display:none;position:absolute;top:68px;left:20px;right:20px}.main-nav.open{display:flex}.main-nav a{padding:12px}.menu-toggle{display:block}.header-cta{display:none}.hero-grid{grid-template-columns:1fr 1fr;gap:10px}.hero-copy h1{font-size:clamp(66px,10vw,98px)}.bulb-stage{min-height:570px}.catalog-layout{grid-template-columns:240px minmax(0,1fr);gap:35px}.service{grid-template-columns:1fr}.service>img{height:260px;min-height:0}}@media (width<=760px){.catalog-nav{border-block:0}h1{font-size:clamp(61px,19vw,88px)}h2{font-size:clamp(54px,16vw,78px)}.bar{height:66px}.logo img{height:33px}.hero{min-height:auto;padding-top:92px}.hero-grid{grid-template-columns:1fr}.hero-copy{padding-block:50px 10px}.hero-copy h1{font-size:clamp(66px,18vw,88px)}.hero-lead{margin-top:20px}.bulb-stage{min-height:520px;margin-inline:-10px}.hero-foot{display:none}.span{padding-block:90px}.span-grid{grid-template-columns:1fr}.span-copy h2{font-size:clamp(55px,15vw,76px)}.span-lines{min-height:300px;padding:24px}.span-line{inset:24px 24px 48px}.span-line span,.span-line b{font-size:clamp(40px,11vw,58px)}.span-meter{bottom:24px;left:24px;right:24px}.catalog{padding-block:95px}.catalog-head{grid-template-columns:1fr;margin-bottom:55px}.catalog-head h2{font-size:clamp(57px,15vw,78px)}.service-group{padding-bottom:95px}.group-head h3{font-size:clamp(51px,14vw,70px)}.group-digital{margin-inline:-8px;padding:28px 8px 100px}.service,.group-digital .service-feature{grid-template-columns:1fr;min-height:0}.service>img,.group-digital .service-feature>img{height:245px;min-height:0}.service>div{padding:25px}.service h4{font-size:46px}.contact-grid{grid-template-columns:1fr}.contact h2{font-size:clamp(65px,18vw,92px)}.footer-grid{flex-direction:column;align-items:flex-start;gap:18px;padding-block:30px}.footer-grid p{margin-left:0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transition:none;transform:none}.button,.service,.service img{transition:none}}@media (width<=760px){.catalog-nav{border-block:0!important}}.service-group{padding-bottom:80px}.service-group-visual{background:#0f1b25;border-radius:6px;margin:0 0 24px;overflow:hidden}.service-group-visual img{object-fit:cover;width:100%;height:280px;display:block}.service-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 28px}.service,.group-digital .service,.group-digital .service-feature{border:0;background:#09131d;border-top:1px solid #b2d5ef26;min-height:0;display:block;transform:none}.service:hover{transform:none}.service>div:not(.service-image-placeholder){justify-content:flex-start;height:100%;padding:24px clamp(20px,2vw,32px) 28px}.service h4,.service h4.long-title{overflow-wrap:anywhere;font-size:clamp(26px,2.7vw,36px)}.service p{font-size:13px;line-height:1.8}.service ul{gap:7px 10px;margin-top:17px;font-size:8px}.group-digital{background:0 0;border:0;margin-inline:0;padding:0 0 80px}.group-digital:before,.group-digital:after{display:none}.service-project-links{flex-wrap:wrap;gap:16px 26px;margin-top:28px;display:flex}.service-project-links a{color:#8ed2f3;text-underline-offset:5px;font:12px/1.7 Sora,sans-serif}.service-project-links a:focus-visible{outline-offset:5px;outline:2px solid #83cdef}.service-anchor{scroll-margin-top:100px;display:block}.service-proof-link{border-top:1px solid #b2d5ef26;justify-content:space-between;align-items:center;gap:36px;padding-block:48px;display:flex}.service-proof-link h2{margin:12px 0;font-size:clamp(36px,4vw,56px)}.service-proof-link p:not(.eyebrow){color:#b1c3d2;max-width:55ch;font-size:13px}.service-proof-link .button{flex-shrink:0}@media (width<=760px){.service-group{padding-bottom:60px}.service-group-visual img{height:220px}.service-list{grid-template-columns:1fr}.service>div:not(.service-image-placeholder){padding:22px 20px}.service h4,.service h4.long-title{font-size:34px}.service-proof-link{flex-direction:column;align-items:flex-start;gap:22px}.group-digital{margin-inline:0;padding:0 0 60px}}@media (width>=761px) and (width<=1100px){.service-list{grid-template-columns:minmax(0,1fr)}}.service p{overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.hero-foot,.catalog-nav>p{font-size:11px}@media (width<=760px),(width>=761px) and (height<=650px){.catalog-layout{display:block}.catalog-nav{overscroll-behavior-x:contain;scrollbar-width:thin;border:0;gap:8px;width:100%;min-width:0;max-width:100%;margin:0 0 44px;padding:14px 8px;scroll-padding-inline:8px;display:flex;position:relative;top:auto;overflow:auto hidden}.catalog-nav>p,.catalog-total{display:none}.catalog-nav>a{border-radius:999px;flex:none;grid-template-columns:auto;min-height:44px;padding:9px 12px;border:1px solid var(--line)!important}.catalog-nav>a span,.catalog-nav>a em{display:none}.catalog-nav>a b{white-space:nowrap;font-size:11px}.catalog-nav>a.active{border-color:var(--cyan)!important}}