*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#08090b;color:#f4f4f0;font-family:"DM Sans",sans-serif;line-height:1.6;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 75% 10%,rgba(255,255,255,.055),transparent 25%),radial-gradient(circle at 10% 55%,rgba(255,255,255,.035),transparent 22%);pointer-events:none}.noise{position:fixed;inset:0;opacity:.035;pointer-events:none;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='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid #202226;position:fixed;top:0;left:0;right:0;z-index:20;background:rgba(8,9,11,.78);backdrop-filter:blur(18px)}.brand{display:flex;gap:12px;align-items:center;color:#fff;text-decoration:none}.brand>span{width:34px;height:34px;display:grid;place-items:center;border:1px solid #fff;border-radius:50%;font-size:10px;font-weight:700;letter-spacing:-.5px}.brand b{font:600 16px "Space Grotesk"}.brand b span{color:#777}.desktop-nav{display:flex;gap:34px}.desktop-nav a,.top-cta{color:#a7a8aa;text-decoration:none;font-size:13px}.desktop-nav a:hover{color:#fff}.top-cta{color:#fff;border:1px solid #37393d;border-radius:100px;padding:10px 16px}.top-cta i{font-style:normal;margin-left:10px}.section{padding:120px 7vw;max-width:1500px;margin:auto}.hero{min-height:100vh;padding-top:160px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:5vw}.eyebrow,.section-label{font:600 10px "Space Grotesk";letter-spacing:.22em;color:#818388}.eyebrow{display:flex;align-items:center;gap:10px}.pulse{width:7px;height:7px;border-radius:50%;background:#e9e9e4;box-shadow:0 0 0 5px #22252a}.hero h1{font:600 clamp(62px,8vw,128px)/.9 "Space Grotesk";letter-spacing:-.07em;margin:30px 0}.hero h1 em,.section-heading h2 em,.about h2 em,.contact h2 em{font-style:normal;color:#777}.hero-lead{max-width:610px;color:#a4a5a8;font-size:17px}.hero-actions{display:flex;gap:12px;margin:34px 0}.btn{display:inline-flex;gap:22px;align-items:center;text-decoration:none;padding:14px 20px;border-radius:5px;font-size:13px}.btn.primary{background:#f2f2ee;color:#090a0c}.btn.primary span{font-size:18px}.btn.ghost{border:1px solid #35373b;color:#ddd}.hero-meta{display:flex;gap:24px;color:#6d6f73;font-size:11px}.hero-meta strong{color:#d8d8d3}.hero-visual{height:580px;position:relative;display:grid;place-items:center}.orb{width:360px;height:360px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#555 0,#202225 28%,#0c0d0f 68%);box-shadow:inset -30px -35px 80px #000,0 0 120px rgba(255,255,255,.05);animation:float 7s ease-in-out infinite}.code-card{position:absolute;width:min(410px,90%);background:#111317;border:1px solid #303238;border-radius:12px;box-shadow:0 25px 80px #000;transform:rotate(-5deg);overflow:hidden}.code-head{height:35px;border-bottom:1px solid #292b2f;display:flex;align-items:center;gap:6px;padding:0 12px}.code-head span{width:7px;height:7px;border-radius:50%;background:#555}.code-head label{margin-left:auto;color:#666;font:10px monospace}.code-card pre{padding:24px;margin:0;overflow:auto;font:13px/1.8 monospace;color:#c7c8c5}.code-card code b{color:#aaa}.code-card code i{color:#fff;font-style:normal}.code-card code s{text-decoration:none;color:#777}.floating-card{position:absolute;background:#121417cc;border:1px solid #33363a;border-radius:8px;padding:13px 16px;backdrop-filter:blur(10px);box-shadow:0 15px 40px #000}.floating-card small,.contact-card small{display:block;color:#686a6e;font:9px "Space Grotesk";letter-spacing:.16em}.floating-card b{display:block;font:600 16px "Space Grotesk";margin:3px 0}.floating-card span{color:#777;font-size:10px}.fc-one{top:17%;right:0}.fc-two{bottom:15%;left:0}.marquee{overflow:hidden;border-block:1px solid #202226;color:#606267;white-space:nowrap;font:600 13px "Space Grotesk";letter-spacing:.16em;padding:17px 0}.marquee div{display:inline-block;animation:marquee 24s linear infinite}.marquee span{color:#ccc;margin:0 25px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw;padding-top:55px}.about h2,.section-heading h2,.contact h2{font:600 clamp(44px,5vw,78px)/.98 "Space Grotesk";letter-spacing:-.06em;margin:0}.about-text{max-width:590px;color:#96979b;font-size:16px}.facts{display:flex;gap:50px;border-top:1px solid #292b2f;margin-top:45px;padding-top:22px}.facts b{font:600 28px "Space Grotesk";display:block;color:#eee}.facts span{font-size:10px;color:#666}.section-heading{display:flex;justify-content:space-between;align-items:end;padding:45px 0}.section-heading p{color:#6e7074;max-width:310px;font-size:13px}.expertise-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #292b2f}.expertise-grid article{min-height:300px;padding:28px 25px;border-right:1px solid #292b2f;border-bottom:1px solid #292b2f;transition:.3s}.expertise-grid article:hover{background:#101114;transform:translateY(-3px)}.expertise-grid article span,.project-top span,.service-list span{font:10px monospace;color:#666}.expertise-grid h3{font:600 23px "Space Grotesk";margin:70px 0 10px}.expertise-grid p{color:#777;font-size:13px;max-width:320px}.tags{display:flex;flex-wrap:wrap;gap:6px}.tags i{font-style:normal;border:1px solid #303236;padding:3px 7px;border-radius:100px;color:#74767a;font-size:9px}.projects{display:grid;grid-template-columns:1.35fr 1fr;gap:20px}.project{color:#fff;text-decoration:none}.project.large{grid-row:span 2}.project-top{display:flex;justify-content:space-between;color:#777;margin-bottom:10px}.project-top b{font-size:18px;color:#ddd}.project-art{height:290px;border:1px solid #292b2f;border-radius:5px;overflow:hidden;position:relative;background:#101114}.project.large .project-art{height:620px}.art-one{background:linear-gradient(145deg,#151619,#050607)}.mini-window{position:absolute;inset:14%;border:1px solid #36383d;background:#0a0b0d;padding:18px;box-shadow:0 30px 70px #000}.mini-window div{display:inline-block;width:6px;height:6px;border-radius:50%;background:#555;margin-right:4px}.mini-window strong{display:block;font:700 90px "Space Grotesk";color:#222;margin-top:25%;text-align:center}.art-two{display:grid;place-items:center}.grid-lines{position:absolute;inset:0;background:linear-gradient(#24262a 1px,transparent 1px),linear-gradient(90deg,#24262a 1px,transparent 1px);background-size:30px 30px;opacity:.5}.art-two strong{position:relative;font:600 30px/.9 "Space Grotesk";letter-spacing:-.05em}.art-three{display:grid;place-items:center;background:#deded9;color:#0a0b0d}.ad-shape{font:700 52px/.8 "Space Grotesk";letter-spacing:-.07em;transform:rotate(-8deg)}.project h3{font:600 19px "Space Grotesk";margin:14px 0 0}.project p{margin:2px 0 30px;color:#666;font-size:11px}.services .section-label{margin-bottom:45px}.service-list{border-top:1px solid #292b2f}.service-list>div{display:grid;grid-template-columns:70px 1.2fr 1fr 40px;gap:20px;align-items:center;padding:26px 0;border-bottom:1px solid #292b2f}.service-list h3{font:500 23px "Space Grotesk";margin:0}.service-list p{color:#707175;font-size:12px;margin:0;max-width:380px}.service-list b{font-size:20px;text-align:right}.toolbox{display:flex;flex-wrap:wrap;gap:10px;margin-top:45px}.toolbox span{border:1px solid #2c2e32;padding:10px 15px;border-radius:100px;color:#a2a3a5;font-size:11px}.contact{border-top:1px solid #202226}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw;padding-top:55px}.contact h2{font-size:clamp(48px,6vw,90px)}.contact> .contact-grid>div:first-child p{color:#74767a;max-width:500px;margin-top:30px}.contact-card{border-top:1px solid #292b2f}.contact-card>a,.address{display:grid;grid-template-columns:100px 1fr 25px;gap:20px;align-items:center;padding:23px 0;border-bottom:1px solid #292b2f;text-decoration:none;color:#fff}.contact-card b{font:500 15px "Space Grotesk"}.contact-card a span{color:#777}.address{grid-template-columns:100px 1fr}.address span{color:#777;font-size:11px}footer{border-top:1px solid #202226;margin:0 7vw;padding:30px 0 100px;display:flex;justify-content:space-between;color:#666;font-size:11px}footer b{color:#eee;font-family:"Space Grotesk"}footer a{color:#aaa;text-decoration:none}.mobile-nav{display:none}.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}.delay{transition-delay:.15s}@keyframes float{50%{transform:translateY(-13px) rotate(3deg)}}@keyframes marquee{to{transform:translateX(-50%)}}@media(max-width:850px){.topbar{height:65px;padding:0 20px}.desktop-nav,.top-cta{display:none}.section{padding:90px 20px}.hero{padding-top:120px;display:block;min-height:auto}.hero h1{font-size:62px;margin:25px 0}.hero-lead{font-size:15px}.hero-meta{flex-wrap:wrap;gap:12px}.hero-visual{height:470px;margin-top:20px}.orb{width:270px;height:270px}.code-card{width:92%}.fc-one{right:-2px}.fc-two{left:-2px}.about-grid,.contact-grid{grid-template-columns:1fr;gap:40px}.section-heading{display:block}.section-heading p{margin-top:20px}.expertise-grid{grid-template-columns:1fr}.expertise-grid h3{margin-top:45px}.projects{grid-template-columns:1fr}.project.large{grid-row:auto}.project.large .project-art,.project-art{height:400px}.service-list>div{grid-template-columns:35px 1fr 20px}.service-list p{grid-column:2;margin-top:-12px}.service-list b{grid-column:3;grid-row:1}.toolbox{margin-top:30px}.mobile-nav{position:fixed;display:flex;bottom:12px;left:12px;right:12px;z-index:30;background:#111317ee;border:1px solid #303238;border-radius:14px;padding:8px;backdrop-filter:blur(18px);justify-content:space-around}.mobile-nav a{color:#73757a;text-decoration:none;text-align:center;font-size:8px}.mobile-nav a span{display:block;color:#ddd;font-size:16px;line-height:18px;margin-bottom:2px}footer{margin:0 20px 85px;gap:15px;flex-wrap:wrap}.hero-actions{flex-wrap:wrap}.hero-actions .btn{flex:1;justify-content:center}.facts{gap:20px}.facts b{font-size:24px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}