:root{--bg:#080808;--panel:#111;--text:#f4f1ea;--muted:#96958f;--line:#292929;--acid:#d9ff45;--max:1380px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;overflow-x:hidden}::selection{background:var(--acid);color:#000}.shell{width:min(calc(100% - 64px),var(--max));margin:auto}
.cursor-glow{position:fixed;width:460px;height:460px;border-radius:50%;pointer-events:none;z-index:-1;background:radial-gradient(circle,rgba(217,255,69,.07),transparent 68%);transform:translate(-50%,-50%)}
.nav{height:88px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;position:relative;z-index:20}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-size:13px;font-weight:700;letter-spacing:.04em}.mark{display:grid;place-items:center;width:31px;height:31px;border-radius:8px;background:var(--acid);color:#080808;font:800 14px Manrope}.nav-links{display:flex;gap:30px}.nav-links a,.nav-cta{font-size:13px;text-decoration:none}.nav-links a{color:#9c9c96}.nav-cta{justify-self:end;border:1px solid #343434;padding:12px 17px;border-radius:99px}.menu,.mobile-menu{display:none}
.hero{min-height:calc(100vh - 88px);display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:30px;position:relative;padding:80px 0 100px}.eyebrow{font:500 11px "DM Mono";letter-spacing:.15em;color:var(--acid);text-transform:uppercase}.hero-title{font:800 clamp(70px,8.2vw,132px)/.84 Manrope;letter-spacing:-.07em;margin:20px 0 28px}.hero-title .line{display:block;overflow:hidden}.hero-title .accent-line{color:#85857f}.hero-sub{max-width:660px;color:#b7b7b0;line-height:1.7;font-size:18px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.btn{padding:14px 19px;border-radius:99px;text-decoration:none;font-size:13px;font-weight:700;display:inline-flex}.primary{background:var(--acid);color:#080808}.secondary{border:1px solid #353535}
.motion-stage{height:620px;position:relative;perspective:1200px}.stage-grid{position:absolute;inset:7%;border:1px solid #1e1e1e;border-radius:34px;background:linear-gradient(90deg,#151515 1px,transparent 1px),linear-gradient(#151515 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 80%,transparent);transform:rotateY(-10deg) rotateX(4deg)}.floating-card,.floating-chip{position:absolute;border:1px solid #343434;background:rgba(17,17,17,.92);box-shadow:0 26px 80px rgba(0,0,0,.48);backdrop-filter:blur(14px);animation:float 6s ease-in-out infinite}.floating-card{border-radius:18px}.card-code{left:7%;top:12%;width:310px;padding:16px;transform:rotate(-4deg)}.card-top{display:flex;gap:6px;align-items:center;border-bottom:1px solid #2b2b2b;padding-bottom:11px}.card-top span{width:7px;height:7px;background:#444;border-radius:50%}.card-top b{margin-left:auto;color:#63635f;font:500 9px "DM Mono"}.card-code pre{font:12px/1.7 "DM Mono";color:#bdbdb6}.card-code pre i{color:#89a8ff}.card-code pre em{color:var(--acid);font-style:normal}.card-metric{right:3%;top:33%;width:220px;padding:21px;animation-delay:-2s}.card-metric small,.card-flow small{font:500 9px "DM Mono";color:#666;letter-spacing:.12em}.card-metric strong{display:block;font:700 31px Manrope;margin:9px 0}.card-metric>span{font-size:10px;color:var(--acid)}.spark{height:55px;display:flex;align-items:end;gap:5px;margin:10px 0}.spark i{flex:1;background:var(--acid);border-radius:3px;opacity:.8}.spark i:nth-child(1){height:20%}.spark i:nth-child(2){height:36%}.spark i:nth-child(3){height:30%}.spark i:nth-child(4){height:54%}.spark i:nth-child(5){height:44%}.spark i:nth-child(6){height:72%}.spark i:nth-child(7){height:92%}.card-flow{left:20%;bottom:8%;width:390px;padding:18px;animation-delay:-4s}.flow{display:flex;align-items:center;gap:10px;margin-top:15px}.flow b,.nodes b{font:500 9px "DM Mono";padding:9px 11px;border:1px solid #343434;border-radius:99px}.flow i,.nodes i{height:1px;flex:1;background:#444}.floating-chip{border-radius:99px;padding:10px 13px;font:500 9px "DM Mono";letter-spacing:.1em}.chip-one{right:13%;top:10%;color:var(--acid);animation-delay:-1s}.chip-two{left:0;top:48%;animation-delay:-3s}.chip-three{right:4%;bottom:10%;animation-delay:-5s}.orb{position:absolute;border-radius:50%;filter:blur(2px);opacity:.8}.orb-a{width:110px;height:110px;background:radial-gradient(circle at 30% 30%,#efffa6,#a1bd22 35%,#222 72%);right:18%;top:5%;animation:orb 8s ease-in-out infinite}.orb-b{width:60px;height:60px;background:#333;left:8%;bottom:18%;animation:orb 9s ease-in-out infinite reverse}@keyframes float{50%{transform:translateY(-16px) rotate(1deg)}}@keyframes orb{50%{transform:translate(20px,-26px) scale(1.08)}}.scroll-cue{position:absolute;bottom:28px;left:0;display:flex;align-items:center;gap:11px;color:#575753;font:500 9px "DM Mono";letter-spacing:.13em}.scroll-cue i{display:block;width:48px;height:1px;background:#444;position:relative;overflow:hidden}.scroll-cue i:after{content:"";position:absolute;width:18px;height:1px;background:var(--acid);animation:scan 1.8s infinite}@keyframes scan{from{left:-20px}to{left:52px}}
.marquee{border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden}.marquee-track{display:flex;gap:28px;width:max-content;padding:18px 0;font:700 13px Manrope;letter-spacing:.12em;animation:marquee 25s linear infinite}.marquee-track i{color:var(--acid);font-style:normal}@keyframes marquee{to{transform:translateX(-50%)}}
.section{padding:150px 0}.section-head{margin-bottom:62px}.section-head h2,.about h2,.contact h2{font:700 clamp(50px,6vw,90px)/.98 Manrope;letter-spacing:-.055em;margin:15px 0 0}.section-head h2 span,.about h2 span,.contact h2 span{color:#777772}.split{display:flex;justify-content:space-between;align-items:end;gap:40px}.split>p{max-width:420px;color:#8d8d87;line-height:1.7}
.services{border-top:1px solid var(--line)}.service{display:grid;grid-template-columns:70px 1fr .7fr 40px;gap:28px;align-items:start;padding:32px 0;border-bottom:1px solid var(--line);transition:.25s}.service:hover{padding-left:12px}.num{font:500 10px "DM Mono";color:var(--acid);padding-top:7px}.service h3{font:700 30px Manrope;letter-spacing:-.03em;margin:0 0 10px}.service p{max-width:610px;color:#989892;line-height:1.65;margin:0}.tags{display:flex;gap:7px;flex-wrap:wrap}.tags span{border:1px solid #303030;border-radius:99px;padding:8px 10px;color:#868681;font-size:11px}.arrow{color:#666;font-size:22px}
.project{border:1px solid var(--line);background:#101010;border-radius:24px;overflow:hidden}.featured{display:grid;grid-template-columns:1.35fr .65fr}.project-ui{min-height:590px;display:flex;align-items:center;justify-content:center;position:relative;padding:55px;background:radial-gradient(circle at 70% 18%,#2b3021,#171817 32%,#0c0c0c 70%)}.ui-window{width:100%;height:455px;border:1px solid #333;background:#0c0c0c;border-radius:18px;overflow:hidden;box-shadow:0 35px 100px #0008;transform:perspective(1000px) rotateY(-6deg) rotateX(2deg);transition:.25s}.project-ui:hover .ui-window{transform:perspective(1000px) rotateY(-2deg) rotateX(0deg) scale(1.01)}.ui-top{height:46px;border-bottom:1px solid #252525;display:flex;align-items:center;justify-content:space-between;padding:0 14px}.ui-top>div{display:flex;gap:6px}.ui-top i{width:7px;height:7px;border-radius:50%;background:#444}.ui-top small{font:500 9px "DM Mono";color:#5c5c58}.ui-top b{font:500 8px "DM Mono";color:var(--acid);border:1px solid #374022;padding:5px 7px;border-radius:99px}.ui-body{display:grid;grid-template-columns:90px 1fr;height:calc(100% - 46px)}.ui-body aside{border-right:1px solid #242424;padding:18px}.ui-logo{width:27px;height:27px;border-radius:7px;background:var(--acid);margin-bottom:30px}.ui-body aside span{display:block;height:8px;background:#292929;border-radius:99px;margin:16px 0}.ui-body aside span.active{background:#68752f}.dashboard{padding:24px}.dashboard header{display:flex;justify-content:space-between}.dashboard header strong{display:block;font-size:18px}.dashboard header small{display:block;color:#60605c;margin-top:5px}.dashboard button{border:1px solid #333;background:#161616;color:#aaa;border-radius:9px;padding:8px 11px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:22px 0}.metrics>div{border:1px solid #272727;border-radius:10px;padding:14px}.metrics small,.metrics em{display:block;color:#666;font-size:8px;font-style:normal}.metrics b{display:block;font-size:17px;margin:8px 0}.chart{height:210px;border:1px solid #272727;border-radius:12px;padding:15px;background:linear-gradient(180deg,#d9ff4508,transparent)}.bars{height:100%;display:flex;align-items:end;gap:7px;border-bottom:1px solid #2c2c2c}.bars i{flex:1;background:linear-gradient(#d9ff45,#73852d);border-radius:4px 4px 0 0}.project-float{position:absolute;background:#131313;border:1px solid #353535;padding:10px 12px;border-radius:99px;font:500 9px "DM Mono";box-shadow:0 12px 40px #0008;animation:float 6s ease-in-out infinite}.pf-one{right:8%;top:11%;color:var(--acid)}.pf-two{left:5%;bottom:9%;animation-delay:-2.4s}.project-copy{padding:46px;align-self:end}.project-copy h3,.mini-copy h3{font:700 38px/1.05 Manrope;letter-spacing:-.04em;margin:14px 0}.project-copy>p:not(.eyebrow),.mini-copy p{color:#979791;line-height:1.7}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.mini-project{border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#101010;transition:transform .25s}.poster{height:400px;position:relative;padding:30px}.acid{background:var(--acid);color:#080808}.poster small{font:500 9px "DM Mono";letter-spacing:.12em}.acid strong{position:absolute;bottom:25px;left:28px;font:800 clamp(64px,7vw,105px)/.76 Manrope;letter-spacing:-.08em}.mini-browser{position:absolute;right:25px;top:26px;background:#080808;color:#eee;padding:9px 12px;border-radius:99px;font:500 9px "DM Mono"}.dark{background:radial-gradient(circle at 60% 40%,#272727,#101010 55%)}.nodes{position:absolute;inset:0;display:flex;align-items:center;gap:14px;padding:55px}.nodes b{white-space:nowrap}.nodes b:nth-of-type(2){color:var(--acid);border-color:#58612f}.mini-copy{padding:28px}.mini-copy h3{font-size:30px}.process{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.process article{min-height:320px;border:1px solid var(--line);border-radius:20px;padding:30px;background:linear-gradient(#111,#0c0c0c)}.process article>span{font:500 10px "DM Mono";color:var(--acid)}.process h3{font:700 27px Manrope;margin:75px 0 14px}.process p{color:#8d8d87;line-height:1.65}.about{display:grid;grid-template-columns:1fr .8fr;gap:90px;border-top:1px solid var(--line)}.about-copy{padding-top:38px}.about-copy p{font-size:19px;line-height:1.75;color:#aaa9a3}.contact{position:relative;text-align:center;padding:170px 0 130px;border-top:1px solid var(--line);overflow:hidden}.contact>p:not(.eyebrow){max-width:650px;margin:28px auto;color:#999993;font-size:18px;line-height:1.7}.contact-btn{display:inline-flex;margin-top:16px;padding:15px 20px;border-radius:99px;background:var(--acid);color:#080808;text-decoration:none;font-weight:700}.contact small{display:block;margin-top:18px;color:#555}.contact-orbit{position:absolute;inset:30px 0 auto;height:120px;pointer-events:none}.contact-orbit span{position:absolute;border:1px solid #2e2e2e;border-radius:99px;padding:9px 12px;font:500 8px "DM Mono";color:#676762;animation:float 7s ease-in-out infinite}.contact-orbit span:nth-child(1){left:10%;top:20px}.contact-orbit span:nth-child(2){right:13%;top:55px;animation-delay:-2s}.contact-orbit span:nth-child(3){left:28%;top:88px;animation-delay:-4s}footer{border-top:1px solid var(--line);padding:25px 0 38px;display:flex;justify-content:space-between;font:500 9px "DM Mono";letter-spacing:.09em;color:#5c5c58}footer a{text-decoration:none;color:#81817b}.reveal{opacity:0;transform:translateY(26px)}.reveal.in{opacity:1;transform:none;transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1)}
@media(max-width:1000px){.shell,.nav{width:calc(100% - 32px)}.nav{grid-template-columns:1fr auto}.nav-links,.nav-cta{display:none}.menu{display:block;background:none;border:1px solid #333;color:#eee;border-radius:99px;padding:10px 13px;font:500 9px "DM Mono"}.mobile-menu{position:fixed;z-index:30;top:78px;left:16px;right:16px;background:#111;border:1px solid #303030;border-radius:18px;padding:10px;flex-direction:column}.mobile-menu.open{display:flex}.mobile-menu a{padding:14px;text-decoration:none;border-bottom:1px solid #292929}.hero{grid-template-columns:1fr;padding-top:80px}.motion-stage{height:520px}.service{grid-template-columns:50px 1fr}.service .tags{grid-column:2}.service .arrow{display:none}.featured{grid-template-columns:1fr}.project-grid,.process,.about{grid-template-columns:1fr}.split{display:block}.split>p{margin-top:20px}.about{gap:30px}}
@media(max-width:650px){.hero-title{font-size:clamp(54px,17vw,82px)}.motion-stage{height:440px}.card-code{width:250px;left:0}.card-flow{width:300px;left:6%}.card-metric{width:180px}.floating-chip{display:none}.section{padding:105px 0}.section-head h2,.about h2,.contact h2{font-size:clamp(44px,13vw,66px)}.service{grid-template-columns:1fr}.service .tags{grid-column:1}.project-ui{padding:20px;min-height:450px}.ui-window{transform:none;height:410px}.ui-body{grid-template-columns:60px 1fr}.dashboard{padding:14px}.metrics{grid-template-columns:1fr 1fr}.chart{height:125px}.project-copy{padding:30px}.poster{height:310px}.process article{min-height:250px}.process h3{margin-top:50px}footer{flex-direction:column;gap:9px}}


.tools-section{border-top:1px solid var(--line)}
.tool-feature{display:grid;grid-template-columns:1.2fr .8fr;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:#101010;text-decoration:none;color:inherit;transition:.25s}
.tool-feature:hover{transform:translateY(-4px);border-color:#3b3b3b}
.tool-visual{min-height:470px;padding:55px;display:flex;align-items:center;background:radial-gradient(circle at 64% 22%,#2b3021,#171817 32%,#0c0c0c 72%)}
.compress-demo{width:100%;border:1px solid #343434;border-radius:19px;padding:18px;background:#0b0b0b;box-shadow:0 34px 90px #0009;transform:rotate(-2deg);transition:.25s}
.tool-feature:hover .compress-demo{transform:rotate(0deg) scale(1.015)}
.compress-demo-top{display:flex;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid #282828;font:500 9px "DM Mono";color:#666}
.compress-demo-top b{color:var(--acid);font-weight:500}
.compress-file{display:grid;grid-template-columns:55px 1fr 70px 1fr;gap:14px;align-items:center;padding:34px 5px}
.compress-icon{width:50px;height:50px;border-radius:12px;background:var(--acid);color:#080808;display:grid;place-items:center;font:800 10px "DM Mono"}
.compress-file strong,.compress-file small{display:block}.compress-file strong{font:700 14px Manrope}.compress-file small{font:500 9px "DM Mono";color:#666;margin-top:5px}
.compress-file>i{height:1px;background:#3a3a3a;position:relative}.compress-file>i:after{content:"";position:absolute;right:0;top:-3px;border-left:6px solid #555;border-top:3px solid transparent;border-bottom:3px solid transparent}
.compress-result strong{color:var(--acid);font-size:20px}
.compress-bar{height:7px;border-radius:99px;background:#1d1d1d;overflow:hidden}.compress-bar span{display:block;width:89%;height:100%;background:var(--acid);border-radius:99px}
.compress-targets{display:flex;gap:7px;flex-wrap:wrap;margin-top:18px}.compress-targets b{font:500 8px "DM Mono";border:1px solid #303030;padding:8px 9px;border-radius:99px;color:#777}.compress-targets b.active{background:var(--acid);color:#080808;border-color:var(--acid)}
.tool-feature-copy{padding:45px;align-self:center}.tool-feature-copy h3{font:700 clamp(38px,4vw,62px)/1 Manrope;letter-spacing:-.05em;margin:14px 0 18px}.tool-feature-copy>p:not(.eyebrow){color:#999993;line-height:1.7}.tool-open{display:inline-flex;margin-top:28px;font:500 10px "DM Mono";letter-spacing:.12em;color:var(--acid)}
.tools-coming{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-top:14px;border:1px solid var(--line);border-radius:18px;padding:16px 18px;background:#0d0d0d}.tools-coming>span{margin-right:auto;color:#595955;font:500 9px "DM Mono";letter-spacing:.12em}.tools-coming b{border:1px solid #292929;border-radius:99px;padding:9px 11px;font:500 8px "DM Mono";color:#73736e}
@media(max-width:1000px){.tool-feature{grid-template-columns:1fr}.tool-visual{min-height:380px}.tool-feature-copy{padding:32px}}
@media(max-width:650px){.tool-visual{padding:20px;min-height:310px}.compress-file{grid-template-columns:48px 1fr}.compress-file>i{display:none}.compress-result{grid-column:2}.tool-feature-copy{padding:26px}.tools-coming>span{width:100%;margin-bottom:5px}}
.tools-coming a{color:inherit;text-decoration:none;font-weight:inherit}.tools-coming a:hover{color:var(--acid)}

/* Compact n0de tool library */
.tool-feature{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;border:0;border-radius:0;overflow:visible;background:transparent;transition:none}
.tool-feature:hover{transform:none;border-color:transparent}
.tool-tile{min-height:250px;border:1px solid var(--line);border-radius:18px;background:#0d0d0d;padding:22px;text-decoration:none;color:inherit;display:flex;flex-direction:column;transition:transform .2s,border-color .2s,background .2s;overflow:hidden;position:relative}
.tool-tile:hover{transform:translateY(-3px);border-color:#41413c;background:#101010}
.tool-tile-top{display:flex;align-items:center;justify-content:space-between;font:500 9px "DM Mono";letter-spacing:.1em;color:#6d6d67}.tool-tile-top b{font-weight:500;color:var(--acid)}
.tool-icon-preview{width:64px;height:64px;border-radius:15px;margin:30px 0 22px;border:1px solid #34342f;background:#151515;display:grid;place-items:center;position:relative;box-shadow:inset 0 0 0 1px rgba(255,255,255,.015)}
.tool-icon-preview.shrink:before{content:"IMG";font:600 11px "DM Mono";color:#090909;background:var(--acid);width:35px;height:39px;border-radius:8px;display:grid;place-items:center;transform:translate(-7px,-5px)}
.tool-icon-preview.shrink:after{content:"↓";position:absolute;right:8px;bottom:7px;color:var(--acid);font:700 17px Manrope}
.tool-icon-preview.heic:before{content:"HEIC";font:600 9px "DM Mono";color:#a7a79f;border:1px solid #3b3b36;border-radius:7px;padding:9px 6px;transform:translate(-7px,-4px)}
.tool-icon-preview.heic:after{content:"JPG";position:absolute;right:5px;bottom:7px;background:var(--acid);color:#080808;border-radius:6px;padding:5px;font:700 8px "DM Mono"}
.tool-tile h3{font:700 30px/1 Manrope;letter-spacing:-.045em;margin:0 0 9px}.tool-tile p{font-size:13px;line-height:1.55;color:#8e8e88;margin:0;max-width:430px}.tool-tile .tool-open{margin-top:auto;padding-top:22px}
.tools-coming{margin-top:14px}
@media(max-width:700px){.tool-feature{grid-template-columns:1fr}.tool-tile{min-height:230px}.tool-icon-preview{margin:24px 0 20px}}


/* Dedicated tools-page teaser on homepage */
.tools-teaser{border-top:1px solid var(--line);padding-top:105px;padding-bottom:110px}
.tools-teaser-copy{display:grid;grid-template-columns:1fr .72fr;gap:80px;align-items:end}
.tools-teaser h2{font:700 clamp(48px,5.6vw,82px)/.98 Manrope;letter-spacing:-.055em;margin:15px 0 0}
.tools-teaser h2 span{color:#777772}
.tools-teaser-side{max-width:520px;justify-self:end}
.tools-teaser-side p{color:#93938d;line-height:1.7;margin:0 0 23px}
.tools-page-link{display:inline-flex;padding:13px 16px;border:1px solid #343434;border-radius:99px;color:var(--acid);text-decoration:none;font:500 10px "DM Mono";letter-spacing:.11em;transition:.2s}
.tools-page-link:hover{border-color:#666;transform:translateY(-2px)}
.teaser-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:40px}
.teaser-tool{position:relative;min-height:150px;border:1px solid var(--line);border-radius:18px;background:#0d0d0d;padding:22px 24px;text-decoration:none;color:inherit;display:grid;grid-template-columns:1fr auto;align-content:space-between;transition:.2s;overflow:hidden}
.teaser-tool:after{content:"";position:absolute;width:190px;height:190px;border-radius:50%;right:-70px;top:-95px;background:radial-gradient(circle,rgba(217,255,69,.09),transparent 67%);transition:.25s}
.teaser-tool:hover{transform:translateY(-3px);border-color:#41413c}.teaser-tool:hover:after{transform:scale(1.2)}
.teaser-tool span{font:500 9px "DM Mono";letter-spacing:.1em;color:#686862}.teaser-tool b{font:500 9px "DM Mono";color:var(--acid);letter-spacing:.09em;justify-self:end}
.teaser-tool strong{font:700 28px Manrope;letter-spacing:-.04em;align-self:end}.teaser-tool em{font-style:normal;color:#85857f;font-size:12px;align-self:end;justify-self:end;text-align:right}
.footer-links{display:flex;gap:22px}
@media(max-width:1000px){.tools-teaser-copy{grid-template-columns:1fr;gap:26px}.tools-teaser-side{justify-self:start}.teaser-cards{grid-template-columns:1fr}}
@media(max-width:650px){.tools-teaser{padding-top:85px;padding-bottom:85px}.teaser-tool{grid-template-columns:1fr auto;min-height:135px}.teaser-tool em{grid-column:1/-1;justify-self:start;text-align:left;margin-top:12px}.footer-links{gap:14px}}