.page{color:#161616;background-color:#f7f6f2;flex-direction:column;display:flex}.hero{box-sizing:border-box;flex-direction:column;gap:28px;width:100%;margin:0;padding:48px 5vw 32px;display:flex}.headline{letter-spacing:-.05em;margin:0;font-size:clamp(36px,5.5vw,96px);font-weight:600;line-height:1.02}.hero-text{flex-direction:column;align-items:flex-start;gap:20px;padding:0;display:flex}.description{color:#161616b3;max-width:360px;margin:0;font-size:clamp(16px,1.3vw,20px);line-height:1.5}.cta{color:#f7f6f2;cursor:pointer;background-color:#161616;border:none;border-radius:999px;align-self:flex-start;padding:12px 24px;font-size:14px;font-weight:500;transition:opacity .2s}.cta:hover{opacity:.85}.video-wrapper{box-sizing:border-box;justify-content:center;width:100%;margin:0;padding:0 5vw 32px;display:flex}.video{aspect-ratio:16/9;object-fit:cover;border-radius:16px;width:100%;display:block}@media (min-width:640px){.hero{gap:40px;padding:64px 5vw 48px}.hero-text{gap:24px}.video-wrapper{padding:0 5vw 48px}}@media (min-width:768px){.hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:5vw;margin-top:40px;padding:64px 5vw 80px;display:grid}.headline{font-size:clamp(48px,5.5vw,96px)}.hero-text{border-left:1px solid #16161626;padding-left:3vw}.description{max-width:380px}.video-wrapper{padding:0 5vw 64px}}@media (min-width:1440px){.hero{gap:6vw;padding-top:80px}.video-wrapper{padding-bottom:80px}}
.way-of-working{box-sizing:border-box;color:#161616;background-color:#f7f6f2;width:100%;padding:120px 5vw 64px}.way-heading{text-align:center}.section-label,.service-label{color:#16161673;letter-spacing:.02em;justify-content:center;font-size:13px;font-weight:500;display:flex}.way-heading h2{letter-spacing:-.05em;margin:20px 0 0;font-size:clamp(42px,5.5vw,96px);font-weight:600;line-height:1.02}.way-layout{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(180px,.7fr);align-items:center;gap:5vw;margin-top:100px;display:grid}.way-visual{aspect-ratio:1;justify-content:center;align-items:center;min-width:0;display:flex}.graphic{aspect-ratio:1;justify-content:center;align-items:center;width:min(100%,460px);display:flex;position:relative}.graphic-mobile{gap:20px}.mobile-frame{box-sizing:border-box;border:2px solid #161616;border-radius:20px;flex-direction:column;gap:12px;width:36%;height:68%;padding:14px 10px;display:flex;transform:rotate(-6deg)}.mobile-frame.small{opacity:.3;width:28%;height:52%;transform:rotate(8deg)translateY(20px)}.mobile-top{background:#161616;border-radius:5px;width:35%;height:4px;margin:0 auto 8px}.mobile-line{opacity:.25;background:#161616;border-radius:4px;width:85%;height:5px}.mobile-line.large{opacity:1;width:100%;height:9px}.mobile-line.short{width:55%}.mobile-block{opacity:.12;background:#161616;border-radius:8px;flex:1;min-height:40px}.mobile-bottom{background:#161616;border-radius:5px;width:30%;height:4px;margin:0 auto}.graphic-hosting{flex-direction:column;gap:16px}.server{box-sizing:border-box;border:2px solid #161616;border-radius:10px;align-items:center;gap:10px;width:58%;height:25%;padding:14px;display:flex}.server-light{background:#161616;border-radius:50%;width:10px;height:10px}.server-line{opacity:.25;background:#161616;border-radius:5px;flex:1;height:5px}.server-connection{opacity:.4;background:#161616;width:1px;height:50px}.server-cloud{scale:2}.server-status{letter-spacing:.1em;opacity:.5;font-size:11px}.graphic-support{border:1px solid #16161633;border-radius:50%}.support-circle{border:2px solid #161616;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:45%;height:45%;display:flex}.support-head{aspect-ratio:1;background:#161616;border-radius:50%;width:28%}.support-body{background:#161616;border-radius:50% 50% 0 0;width:45%;height:25%}.support-bubble{aspect-ratio:1;color:#f7f6f2;background:#161616;border-radius:50%;place-items:center;width:55px;font-size:24px;display:grid;position:absolute;top:20%;right:20%}.support-wave{background:#161616;width:30%;height:1px;position:absolute;bottom:15%}.graphic-design{transform:rotate(-5deg)}.design-window{background:#f7f6f2;border:2px solid #161616;border-radius:10px;width:75%;height:58%;overflow:hidden}.design-header{border-bottom:1px solid #1616164d;gap:6px;padding:12px;display:flex}.design-header span{opacity:.4;background:#161616;border-radius:50%;width:7px;height:7px}.design-content{height:100%;display:flex}.design-sidebar{border-right:1px solid #16161633;width:22%}.design-main{flex:1;grid-template-columns:1fr 1fr;gap:12px;padding:18px;display:grid}.design-main div{opacity:.12;background:#161616;border-radius:4px}.design-main div:first-child{opacity:1;grid-column:span 2}.graphic-development{flex-direction:column;gap:25px}.code-window{border:2px solid #161616;border-radius:10px;width:72%;height:52%;overflow:hidden}.code-header{border-bottom:1px solid #16161633;gap:6px;padding:12px;display:flex}.code-header span{opacity:.4;background:#161616;border-radius:50%;width:7px;height:7px}.code-lines{flex-direction:column;gap:12px;padding:18px;display:flex}.code-lines i{opacity:.3;background:#161616;border-radius:4px;width:75%;height:5px;display:block}.code-lines i:nth-child(2n){opacity:.65;width:50%;margin-left:15%}.code-symbol{letter-spacing:-.08em;font-size:clamp(24px,3vw,44px);font-weight:600}.way-description{border-left:1px solid #16161626;padding-left:3vw}.way-description h3{letter-spacing:-.04em;margin:28px 0 20px;font-size:clamp(24px,2.3vw,38px);font-weight:500;line-height:1.1}.way-description p{color:#161616a6;max-width:360px;margin:0;font-size:clamp(16px,1.2vw,19px);line-height:1.5}.service-navigation{flex-direction:column;gap:0;display:flex}.service-item{color:#16161659;width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-bottom:1px solid #1616161f;justify-content:space-between;align-items:center;gap:12px;padding:18px 0;font-size:clamp(14px,1.1vw,17px);transition:color .25s;display:flex}.service-item:first-child{border-top:1px solid #1616161f}.service-item:hover,.service-item.selected{color:#161616}.service-arrow{opacity:0;transition:opacity .25s}.service-item:hover .service-arrow,.service-item.selected .service-arrow{opacity:1}@media (max-width:900px){.way-of-working{padding-top:96px}.way-layout{grid-template-columns:1fr 1fr;gap:6vw;margin-top:72px}.way-visual{grid-row:span 2}.service-navigation{grid-column:2}}@media (max-width:639px){.way-of-working{padding:80px 5vw 40px}.way-heading h2{font-size:clamp(38px,10vw,60px)}.way-layout{flex-direction:column;gap:40px;margin-top:56px;display:flex}.way-visual{aspect-ratio:1;width:100%}.way-description{box-sizing:border-box;width:100%;padding-left:20px}.service-navigation{width:100%}.service-item{padding:16px 0}}
.numbers-and-facts{box-sizing:border-box;color:#161616;background-color:#f7f6f2;width:100%;padding:96px 5vw 120px}.numbers-header{border-top:1px solid #161616b3;padding-top:28px}.numbers-label{color:#161616bf;margin-bottom:20px;font-size:14px;font-weight:400;display:block}.numbers-headline{letter-spacing:-.045em;max-width:1100px;margin:0;font-size:clamp(32px,4vw,64px);font-weight:600;line-height:1.08}.facts-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;margin-top:64px;margin-left:22%;display:grid}.fact{border-top:1px solid #161616b3;flex-direction:column;min-width:0;padding:18px 0 28px;display:flex}.fact-label{color:#161616cc;font-size:16px;line-height:1.4}.fact-value{letter-spacing:-.05em;margin-top:24px;font-size:clamp(64px,6vw,96px);font-weight:500;line-height:1;display:block}@media (max-width:900px){.numbers-and-facts{padding:80px 5vw 96px}.numbers-headline{font-size:clamp(32px,5vw,56px)}.facts-grid{margin-top:56px;margin-left:10%}.fact-value{font-size:clamp(56px,8vw,80px)}}@media (max-width:639px){.numbers-and-facts{padding:64px 5vw 72px}.numbers-header{padding-top:20px}.numbers-label{margin-bottom:18px;font-size:13px}.numbers-headline{font-size:clamp(32px,9vw,48px);line-height:1.08}.desktop-break{display:none}.facts-grid{grid-template-columns:1fr 1fr;gap:0 16px;margin:48px 0 0}.fact{padding:16px 0 24px}.fact-label{font-size:14px}.fact-value{margin-top:20px;font-size:clamp(48px,12vw,72px)}}@media (max-width:380px){.facts-grid{grid-template-columns:1fr}.fact-value{font-size:64px}}