:root{--black:#080a0d;--panel:#101419;--line:#272c31;--white:#f4f4ed;--muted:#9ba2a6;--amber:#f29a38;--cyan:#42d5c5;--font:Manrope,Arial,sans-serif;--mono:'DM Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:var(--font);overflow-x:hidden}.noise{pointer-events:none;position:fixed;inset:0;opacity:.035;z-index:10;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}a{text-decoration:none;color:inherit}header{height:82px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:absolute;z-index:2;width:100%}.logo{font:800 14px var(--font);letter-spacing:.5px}.logo i{display:inline-grid;place-items:center;width:27px;height:27px;border-radius:50%;font:700 10px var(--mono);font-style:normal;background:var(--amber);color:#111;margin-right:7px}.logo b{color:var(--amber)}nav{display:flex;gap:31px}nav a{font-size:12px;color:#bcc2c4}nav a:hover{color:var(--amber)}.nav-cta,.primary{font-size:12px;font-weight:800;background:var(--amber);color:#101214;padding:13px 16px;display:inline-flex;gap:26px;align-items:center}.nav-cta span,.primary b{font-size:18px}.hamburger{display:none;background:none;border:0;color:white;font-size:21px}.hero{height:850px;position:relative;overflow:hidden;padding:180px 5vw 50px}.grid-bg{position:absolute;inset:0;background:linear-gradient(#13171b 1px,transparent 1px),linear-gradient(90deg,#13171b 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(to bottom,black,transparent 75%);opacity:.7}.hero-content{position:relative;z-index:1}.kicker,.index{font:500 10px var(--mono);letter-spacing:1.5px;color:var(--muted)}.kicker span{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--cyan);margin-right:8px;box-shadow:0 0 14px var(--cyan)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(92px,14vw,210px);letter-spacing:-12px;line-height:.76;margin:42px 0 0;font-weight:800}h1 em,h2 em{font-style:normal;color:var(--amber)}.hero-bottom{display:flex;align-items:end;gap:65px;margin-top:48px}.hero-bottom p{max-width:385px;font-size:14px;line-height:1.65;color:#bec5c4}.marketing-scene{position:absolute;right:5vw;bottom:70px;width:50vw;height:620px}.signal{position:absolute;right:0;top:35px;width:260px;background:#11171a;border:1px solid #26363a;padding:16px;box-shadow:0 22px 60px #0008;animation:drift 7s ease-in-out infinite}.signal small{font:500 8px var(--mono);letter-spacing:1px;color:var(--cyan)}.signal strong{display:block;font-size:45px;letter-spacing:-3px;margin-top:8px}.signal sup{color:var(--cyan);font-size:20px}.signal svg{width:100%;height:65px}.signal path{fill:none;stroke:var(--cyan);stroke-width:3}.ring{position:absolute;border:1px solid #24413f;border-radius:50%}.r1{width:500px;height:270px;right:40px;top:175px;transform:rotate(-23deg)}.r2{width:310px;height:500px;right:145px;top:72px;transform:rotate(40deg)}.core{position:absolute;top:305px;right:265px;width:110px;height:110px;background:var(--amber);border-radius:50%;color:#15110b;display:flex;align-items:center;justify-content:center;gap:5px;font-size:34px;font-weight:800;box-shadow:0 0 65px #f29a3866}.core span{font:600 8px/1.2 var(--mono);letter-spacing:1px}.ads-orb{position:absolute;right:90px;bottom:40px;width:102px;height:102px;border:1px solid var(--cyan);border-radius:50%;display:grid;place-items:center;color:var(--cyan);font:500 10px var(--mono);letter-spacing:1px;animation:drift 6s -2s ease-in-out infinite}.ads-orb b{font-size:35px}.search-card{position:absolute;left:2%;top:190px;background:#e9efe7;color:#151817;padding:12px 16px;font-size:34px;display:flex;gap:12px;align-items:center;transform:rotate(-6deg);box-shadow:8px 8px 0 #f29a38}.search-card span{font:600 9px/1.3 var(--mono);letter-spacing:.6px}.funnel{position:absolute;left:12%;bottom:70px;width:130px;height:130px;animation:spin 16s linear infinite}.funnel i{position:absolute;left:0;border:1px solid var(--amber);border-radius:50%;height:22px}.funnel i:nth-child(1){width:130px}.funnel i:nth-child(2){top:50px;left:25px;width:80px}.funnel i:nth-child(3){top:98px;left:50px;width:30px}.funnel b{position:absolute;top:53px;left:37px;font:500 8px var(--mono);color:var(--amber)}.scroll{position:absolute;bottom:32px;font:500 9px var(--mono);letter-spacing:1.2px;color:var(--muted)}.scroll i{display:inline-block;width:45px;height:1px;background:var(--amber);margin:0 12px 3px}.proof{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px 5vw 0}.proof>p{font:500 9px var(--mono);letter-spacing:1.2px;color:var(--muted)}.proof-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:25px}.proof-grid article{border-left:1px solid var(--line);padding:0 24px 25px}.proof-grid article:first-child{border-left:0;padding-left:0}.proof-grid strong{font-size:52px;letter-spacing:-4px;display:block}.proof-grid strong:after{content:'+';color:var(--amber);font-size:25px}.proof-grid span{font-size:11px;color:var(--muted)}.section{padding:140px 5vw}.section-intro{display:grid;grid-template-columns:150px 1fr;align-items:start}.section-intro h2,.about h2,.contact h2{font-size:clamp(42px,5.6vw,76px);letter-spacing:-5px;line-height:.95;margin:0}.lead{font-size:14px;line-height:1.7;color:var(--muted);max-width:300px;align-self:end;margin-left:auto}.service-list{margin-top:85px;border-top:1px solid var(--line)}.service-list article{min-height:112px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:140px 1fr 40px;align-items:center;transition:.25s}.service-list article:hover{padding-left:18px;background:linear-gradient(90deg,#171d20,transparent)}.service-list span{font:500 10px var(--mono);color:var(--amber)}.service-list h3{font-size:27px;letter-spacing:-1.5px;margin:0 0 7px}.service-list p{font-size:12px;color:var(--muted);margin:0;max-width:560px;line-height:1.55}.service-list>b{font-size:24px;color:var(--cyan)}.work{background:#0d1013}.cases{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:18px;margin-top:75px}.case-art{height:300px;position:relative;overflow:hidden;padding:19px}.case-art>span{font:500 9px var(--mono);letter-spacing:1px}.seo .case-art{background:#17433e}.rank-lines{position:absolute;bottom:0;left:35px;right:35px;height:210px;display:flex;align-items:end;gap:14px}.rank-lines i{display:block;flex:1;background:var(--cyan)}.rank-lines i:nth-child(1){height:35%}.rank-lines i:nth-child(2){height:55%}.rank-lines i:nth-child(3){height:43%}.rank-lines i:nth-child(4){height:78%;background:#c2f4e7}.rank-lines i:nth-child(5){height:100%;background:var(--amber)}.seo .case-art strong{position:absolute;right:19px;bottom:19px;text-align:right;font-size:47px;line-height:.8;letter-spacing:-4px}.case-art strong small{font:500 8px var(--mono);letter-spacing:1px}.ads .case-art{background:#442d18}.ad-circle{border:1px solid var(--amber);border-radius:50%;width:170px;height:170px;display:grid;place-items:center;align-content:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-42%);font-size:47px;font-weight:800;letter-spacing:-4px;color:var(--amber)}.ad-circle small{font:500 9px var(--mono);letter-spacing:1px}.dots{position:absolute;bottom:25px;color:#ffbd78;letter-spacing:13px}.email .case-art{background:#202538}.mail{position:absolute;left:50%;top:47%;transform:translate(-50%,-50%) rotate(-8deg);width:170px;height:190px;background:#e4edf2;color:#15181c;padding:15px;font-size:27px;box-shadow:11px 11px 0 #ee9937}.mail b{display:block;margin-top:40px;font-size:20px;line-height:.93}.case h3{font-size:19px;letter-spacing:-.8px;margin:16px 0 8px}.case>p{font-size:12px;color:var(--muted);line-height:1.5}.about{background:linear-gradient(135deg,#141314,#202217);display:grid;grid-template-columns:1fr 1.2fr;gap:10vw;align-items:center}.about-mark{font-size:clamp(130px,20vw,290px);font-weight:800;letter-spacing:-20px;color:#f0a149;line-height:.8}.about-mark span{color:#e6ebe4}.about-copy{color:#bbc4c0;max-width:510px;line-height:1.7;font-size:14px;margin:26px 0}.tools{display:flex;gap:8px;flex-wrap:wrap}.tools span{border:1px solid #48504c;border-radius:30px;padding:8px 12px;font:500 9px var(--mono);letter-spacing:.5px;color:#ccd7d2}.posts{margin-top:75px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.posts article{min-height:270px;padding:25px 28px 25px 0;margin-right:28px;border-right:1px solid var(--line);display:flex;flex-direction:column}.posts article:last-child{border-right:0}.posts span{font:500 9px var(--mono);letter-spacing:1px;color:var(--cyan)}.posts h3{font-size:22px;line-height:1.2;letter-spacing:-1.3px;margin-top:23px}.posts a{color:var(--amber);font-size:11px;font-weight:700;margin-top:auto}.contact{background:#e7e7dc;color:#15181b;display:grid;grid-template-columns:1fr 1fr;gap:10vw}.contact .index{color:#59625f}.contact h2{margin:15px 0 22px}.contact h2 em{color:#a55512}.contact-copy>p:not(.index){font-size:14px;color:#52605b;line-height:1.65;max-width:370px}.socials{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:32px}.socials a{font-size:11px;font-weight:700;border-bottom:1px solid #aebbb5;padding-bottom:9px}.contact form{display:grid;grid-template-columns:1fr 1fr;gap:17px;align-content:start}.contact label{font:500 10px var(--mono);letter-spacing:.5px;color:#53615d}.contact input,.contact select,.contact textarea{display:block;width:100%;border:0;border-bottom:1px solid #abb8b0;background:transparent;padding:10px 0;color:#1a211e;font:500 13px var(--font);outline:0}.contact textarea{height:70px;resize:none}.contact label:nth-child(6),.contact form .primary,.contact form small{grid-column:span 2}.contact form .primary{border:0;justify-content:space-between;margin-top:8px;cursor:pointer}.contact form small{font-size:9px;color:#66736e}.agent{position:fixed;right:22px;bottom:22px;z-index:5}.agent-launch{border:0;background:var(--amber);padding:13px 16px;color:#161411;font:800 12px var(--font);cursor:pointer;box-shadow:0 11px 30px #0006}.chat{display:none;width:310px;background:#151a1e;border:1px solid #384047;padding:14px;margin-bottom:12px;box-shadow:0 20px 70px #0009}.agent.open .chat{display:block}.chat-head{display:flex;justify-content:space-between;border-bottom:1px solid #353c40;padding-bottom:12px;font-size:12px}.chat-head b{color:var(--cyan)}.chat-close{border:0;background:none;color:white;font-size:20px;cursor:pointer}.chat p{font-size:12px;line-height:1.55;color:#c5ceca;background:#20292b;padding:11px}.chat>button{display:block;width:100%;margin-top:7px;text-align:left;padding:9px;border:1px solid #384247;background:#151a1e;color:#dbe4e1;font-size:11px;cursor:pointer}.chat>button:hover{border-color:var(--cyan);color:var(--cyan)}footer{padding:28px 5vw;display:flex;justify-content:space-between;align-items:center;background:#080a0d;border-top:1px solid var(--line)}footer p{font-size:10px;color:var(--muted);margin:0}@keyframes drift{50%{transform:translateY(-14px)}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:780px){header{height:70px}nav,.nav-cta{display:none}.hamburger{display:block}.hero{height:720px;padding-top:145px}.marketing-scene{right:-155px;bottom:20px;width:650px;transform:scale(.75);transform-origin:bottom right}.hero-bottom{margin-top:40px;display:block}.hero-bottom .primary{margin-top:18px}.proof-grid{grid-template-columns:1fr 1fr}.proof-grid article:nth-child(3){border-left:0;padding-left:0;padding-top:20px}.proof-grid article:nth-child(4){padding-top:20px}.section-intro{display:block}.lead{margin:25px 0 0}.service-list{margin-top:50px}.service-list article{grid-template-columns:45px 1fr 25px}.cases{grid-template-columns:1fr}.about,.contact{grid-template-columns:1fr;gap:55px}.posts{grid-template-columns:1fr}.posts article{margin:0;border-right:0;border-bottom:1px solid var(--line);min-height:190px}.contact form{gap:14px}.agent-launch span{display:none}}@media(max-width:450px){.hero{padding-left:22px;padding-right:22px}.hero h1{font-size:84px;letter-spacing:-7px}.proof,.section,.contact{padding-left:22px;padding-right:22px}.proof-grid strong{font-size:42px}.service-list h3{font-size:22px}.about-mark{font-size:135px}.agent{right:14px;bottom:14px}.chat{width:calc(100vw - 28px)}footer{padding:25px 22px;display:block}footer p{margin-top:16px}}
