*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#0b1117;background:#fff;font-family:"DM Sans",sans-serif;line-height:1.55}.wrap{width:min(1180px,calc(100% - 48px));margin:auto}.header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);border-bottom:1px solid #e9eef0}.nav{height:78px;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;text-decoration:none;color:#0b1117;font:800 21px Manrope,sans-serif;letter-spacing:-1px}.logo-box{display:grid;place-items:center;width:31px;height:28px;margin-right:2px;background:#08ccd5;border-radius:7px}.logo small{font:800 8px "DM Sans";letter-spacing:2px;color:#7c878f;margin-left:8px;align-self:flex-end;margin-bottom:4px}.navlinks{display:flex;align-items:center;gap:28px}.navlinks a{color:#56616a;text-decoration:none;font-size:13px;font-weight:600}.navlinks a:hover{color:#0b1117}.navbutton{border:1px solid #dce4e7;border-radius:99px;padding:10px 15px;color:#0b1117!important}.navbutton b,.btn b{font-size:17px;margin-left:12px}.menu{display:none;background:none;border:0;font-size:23px}.hero{min-height:730px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:55px}.eyebrow,.label{font-size:10px;letter-spacing:2px;text-transform:uppercase;font-weight:800;color:#65717a}.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow i{display:block;width:7px;height:7px;border-radius:50%;background:#08ccd5}.hero h1{font:800 clamp(62px,7vw,98px)/.93 Manrope,sans-serif;letter-spacing:-5px;margin:25px 0}.hero h1 span,.heading h2 span,.manifesto h2 span,.start h2 span,.about .big span{color:#00aeb8}.intro{max-width:540px;font-size:18px;color:#69747d;line-height:1.7}.actions{display:flex;align-items:center;gap:25px;margin-top:34px}.btn{display:inline-flex;align-items:center;text-decoration:none;font-weight:700;font-size:13px;border-radius:8px;padding:15px 20px}.btn.dark{background:#0b1117;color:#fff}.btn.light{background:#fff;color:#0b1117}.under{font-size:13px;font-weight:700;text-decoration:none;color:#0b1117}.under span{color:#00aeb8;margin-left:7px}.hero-art{height:520px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid #dce8ea;border-radius:50%}.o1{width:430px;height:430px}.o2{width:290px;height:290px}.cyan-block{width:235px;height:310px;background:#08ccd5;position:absolute;transform:rotate(9deg);border-radius:4px}.hero-word{position:relative;font:800 72px Manrope,sans-serif;letter-spacing:-6px;transform:rotate(-7deg);z-index:2}.floating{position:absolute;background:#fff;border:1px solid #dce4e7;border-radius:99px;padding:9px 14px;font-size:9px;letter-spacing:1.5px;font-weight:800;box-shadow:0 12px 30px rgba(10,30,40,.08);z-index:3}.f1{top:90px;right:60px}.f2{bottom:90px;left:40px}.f3{top:185px;left:10px}.manifesto{background:#f6f9fa;padding:115px 0}.manifesto-grid{display:grid;grid-template-columns:210px 1fr;gap:65px}.manifesto h2,.heading h2{font:800 clamp(42px,5vw,64px)/1.02 Manrope,sans-serif;letter-spacing:-3px;margin:0}.manifesto-grid>div>p{max-width:690px;color:#69747d;font-size:17px;margin-top:26px;line-height:1.8}.services{padding:120px 0}.heading{margin-bottom:55px}.service-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid #e5eaec;border-left:1px solid #e5eaec}.service-card{min-height:285px;padding:32px;border-right:1px solid #e5eaec;border-bottom:1px solid #e5eaec;transition:.2s}.service-card:hover{background:#f7fbfb}.service-card>span{font-size:10px;font-weight:800;letter-spacing:1.5px;color:#00aeb8}.service-card h3{font:700 31px Manrope,sans-serif;letter-spacing:-1px;margin:55px 0 10px}.service-card p{color:#69747d;max-width:470px;margin:0 0 18px}.service-card div{font-size:11px;color:#8a949b;letter-spacing:.2px}.audience{background:#0b1117;color:#fff;padding:120px 0}.light .label{color:#93a0a8}.light h2{color:#fff}.audience-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #29343b;border-left:1px solid #29343b}.audience-grid>div{padding:30px;min-height:230px;border-right:1px solid #29343b;border-bottom:1px solid #29343b}.audience-grid small{color:#08ccd5;font-size:9px;font-weight:800;letter-spacing:1.5px}.audience-grid h3{font:700 28px Manrope;margin:50px 0 8px;letter-spacing:-1px}.audience-grid p{color:#9ba6ad;font-size:14px;max-width:310px}.audience-cta{background:#08ccd5;color:#0b1117}.audience-cta p{color:#155b5e}.audience-cta a{color:#0b1117;font-weight:800;text-decoration:none}.audience-cta b{margin-left:10px}.work{padding:120px 0}.cases{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.case-visual{height:320px;border-radius:10px;display:flex;flex-direction:column;justify-content:space-between;padding:24px;overflow:hidden}.case-visual b{font-size:10px;letter-spacing:1px}.case-visual strong{font:800 36px/1 Manrope;letter-spacing:-2px}.cyan{background:#08ccd5}.dark{background:#0b1117;color:#fff}.pale{background:#edf4f5}.cases article>p{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:#7b868e;margin:17px 0 5px}.cases article h3{font:700 22px Manrope;margin:0;letter-spacing:-.8px}.coming{font-size:12px;color:#98a2a8;margin-top:35px}.process{padding:0 0 120px}.steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #e5eaec}.steps>div{padding:27px 20px 20px 0;border-bottom:1px solid #e5eaec}.steps b{font-size:10px;color:#00aeb8;letter-spacing:1px}.steps h3{font:700 23px Manrope;letter-spacing:-1px;margin:35px 0 7px}.steps p{color:#6f7a82;font-size:13px;max-width:240px}.about{padding:0 0 130px;display:grid;grid-template-columns:1fr 1fr;gap:100px}.about .big{font:800 clamp(40px,4.5vw,58px)/1.04 Manrope;letter-spacing:-3px;margin-top:25px}.about-copy{padding-top:27px}.about-copy p{font-size:16px;color:#65717a;line-height:1.8;margin:0 0 22px}.start{background:#08ccd5;padding:90px 0}.start-inner{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:end}.start h2{font:800 clamp(50px,6vw,78px)/.98 Manrope;letter-spacing:-4px;margin:15px 0 0}.start-right p{max-width:400px;color:#174d50;font-size:16px;margin:0 0 25px}.footer{padding:28px 0 40px;display:flex;align-items:center;justify-content:space-between;color:#879199;font-size:11px}.footer .logo{color:#0b1117}.footer p{margin:0}@media(max-width:800px){.wrap{width:calc(100% - 32px)}.nav{height:68px}.menu{display:block}.navlinks{display:none;position:absolute;top:68px;left:0;right:0;background:#fff;padding:14px 18px 20px;flex-direction:column;align-items:stretch;gap:3px;border-bottom:1px solid #e9eef0}.navlinks.open{display:flex}.navlinks a{padding:11px}.hero{grid-template-columns:1fr;min-height:auto;padding:70px 0 80px}.hero h1{font-size:62px}.hero-art{height:390px}.o1{width:310px;height:310px}.o2{width:210px;height:210px}.cyan-block{width:175px;height:240px}.hero-word{font-size:54px}.f1{right:10px}.f2{left:0}.f3{left:0}.manifesto,.services,.audience,.work{padding:80px 0}.manifesto-grid,.about,.start-inner{grid-template-columns:1fr;gap:30px}.service-grid,.audience-grid{grid-template-columns:1fr}.service-card{min-height:245px}.cases{grid-template-columns:1fr}.case-visual{height:270px}.steps{grid-template-columns:1fr 1fr}.about{padding-bottom:80px}.footer{flex-direction:column;align-items:flex-start;gap:10px}.start h2{font-size:55px}.start-right{margin-top:15px}}