:root{color:#f5f4ed;font-synthesis:none;text-rendering:optimizelegibility;--bg:#0b0c0f;--surface:#111319;--surface-2:#161920;--text:#f5f4ed;--muted:#a8adb7;--line:#ffffff1c;--line-strong:#fff3;--accent:#d8ff48;--max:1240px;background:#0b0c0f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg);scroll-padding-top:90px}body{background:radial-gradient(circle at 80% -10%, #d8ff4812, transparent 28rem), var(--bg);min-width:320px;color:var(--text);margin:0}body,a,button{-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}::selection{color:#0b0c0f;background:var(--accent)}.site-shell{width:min(100%,1600px);margin:0 auto;overflow:clip}.site-header{z-index:50;width:min(calc(100% - 40px), var(--max));border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0b0c0fd1;grid-template-columns:1fr auto 1fr;align-items:center;height:78px;margin:0 auto;display:grid;position:sticky;top:0}.brand{letter-spacing:.05em;text-transform:uppercase;justify-self:start;align-items:center;gap:12px;font-size:.93rem;font-weight:720;display:inline-flex}.brand-mark{color:#0b0c0f;background:var(--accent);letter-spacing:-.06em;border-radius:4px;place-items:center;width:36px;height:36px;font-size:.78rem;font-weight:900;display:grid}.main-nav{color:#c6c8ce;align-items:center;gap:34px;font-size:.86rem;display:flex}.main-nav a,.site-footer a{transition:color .16s}.main-nav a:hover,.site-footer a:hover{color:var(--accent)}.header-cta{color:var(--accent);justify-self:end;align-items:center;gap:8px;font-size:.86rem;font-weight:720;display:inline-flex}.header-cta span,.button span,.project-link span,.contact-email span{transition:transform .18s}.header-cta:hover span,.button:hover span,.project-link:hover span,.contact-email:hover span{transform:translate(3px,-3px)}.hero,.section,.site-footer{width:min(calc(100% - 40px), var(--max));margin-inline:auto}.hero{padding-top:clamp(74px,8vw,122px)}.hero-grid{grid-template-columns:minmax(0,1.12fr) minmax(390px,.88fr);align-items:center;gap:clamp(38px,7vw,110px);min-height:620px;display:grid}.eyebrow{color:#c7cacf;letter-spacing:.14em;text-transform:uppercase;margin:0 0 24px;font-size:.75rem;font-weight:760}.status-dot{background:var(--accent);vertical-align:1px;border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block;box-shadow:0 0 0 5px #d8ff4814}.hero h1{letter-spacing:-.072em;max-width:840px;margin:0;font-size:clamp(3rem,6.2vw,6.6rem);font-weight:760;line-height:.94}.hero h1 em{color:var(--accent);font-style:normal}.hero-lead{max-width:700px;color:var(--muted);margin:34px 0 0;font-size:clamp(1.08rem,1.35vw,1.3rem);line-height:1.65}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:38px;display:flex}.button{border:1px solid var(--line-strong);border-radius:4px;justify-content:center;align-items:center;gap:10px;min-height:52px;padding:0 20px;font-size:.9rem;font-weight:760;transition:background .16s,border-color .16s,color .16s;display:inline-flex}.button-primary{color:#0b0c0f;background:var(--accent);border-color:var(--accent)}.button-primary:hover{background:#e4ff7d}.button-secondary:hover{background:#ffffff0a;border-color:#fff6}.hero-visual{place-items:center;min-height:530px;display:grid;position:relative}.visual-orbit{border:1px solid var(--line);border-radius:50%;position:absolute}.visual-orbit-one{aspect-ratio:1;width:440px}.visual-orbit-two{aspect-ratio:1;border-color:#d8ff4838;width:290px}.hero-visual:after{content:"";background:var(--accent);border-radius:50%;width:10px;height:10px;position:absolute;top:20%;right:11%;box-shadow:0 0 28px #d8ff48b3}.hero-card{z-index:2;background:#121419f2;border:1px solid #fff3;border-radius:6px;width:min(100%,420px);position:relative;transform:rotate(-3deg);box-shadow:0 36px 90px #00000057}.hero-card-top,.hero-card-tags{color:#818792;letter-spacing:.07em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:12px;padding:15px 18px;font-size:.67rem;font-weight:730;display:flex}.hero-card-top{border-bottom:1px solid var(--line)}.available{color:var(--accent)}.available:before{content:"";vertical-align:1px;background:currentColor;border-radius:50%;width:5px;height:5px;margin-right:7px;display:inline-block}.hero-card-main{padding:50px 34px 46px}.hero-card-label{color:#737984;letter-spacing:.13em;margin-bottom:16px;font-size:.66rem;font-weight:800;display:block}.hero-card-main strong{letter-spacing:-.06em;max-width:280px;font-size:clamp(2.15rem,4vw,3.45rem);line-height:.98;display:block}.hero-card-bars{grid-template-columns:1.7fr .8fr 1.15fr;gap:6px;margin-top:36px;display:grid}.hero-card-bars i{background:#313640;height:4px}.hero-card-bars i:first-child{background:var(--accent)}.hero-card-tags{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:flex-start}.hero-card-tags span{border-right:1px solid var(--line);padding-right:10px}.hero-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:#8f949e;letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:20px;min-height:85px;margin-top:36px;font-size:.71rem;font-weight:760;display:flex}.hero-strip i{background:var(--accent);border-radius:50%;width:4px;height:4px}.section{border-bottom:1px solid var(--line);padding:clamp(96px,10vw,158px) 0}.section-heading{max-width:800px;margin-bottom:62px}.section-heading h2,.about-copy h2,.contact-inner h2{letter-spacing:-.065em;margin:0;font-size:clamp(2.5rem,5vw,5rem);font-weight:740;line-height:1}.section-heading>p:last-child,.section-heading-row>p,.about-copy>p,.contact-inner>p{color:var(--muted);line-height:1.7}.section-heading>p:last-child{max-width:650px;margin:24px 0 0;font-size:1.05rem}.section-heading-row{grid-template-columns:minmax(0,1.5fr) minmax(280px,.5fr);align-items:end;gap:80px;max-width:none;display:grid}.section-heading-row>p{max-width:440px;margin:0 0 6px}.service-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(2,1fr);display:grid}.service-card{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:320px;padding:34px;transition:background .18s;position:relative}.service-card:hover{background:#ffffff06}.card-number,.project-index,.reason>span,.process-step>span{color:#69707c;letter-spacing:.12em;font-size:.7rem;font-weight:800}.service-card h3{letter-spacing:-.045em;margin:56px 0 14px;font-size:clamp(1.7rem,2.3vw,2.3rem)}.service-card p{max-width:500px;color:var(--muted);margin:0;line-height:1.72}.card-arrow{color:var(--accent);font-size:1.2rem;position:absolute;top:31px;right:34px}.projects-section{padding-bottom:0}.projects-list{gap:18px;padding-bottom:clamp(96px,10vw,158px);display:grid}.project-card{border:1px solid var(--line);background:#0e1014;grid-template-columns:58px minmax(300px,.85fr) minmax(380px,1.15fr);align-items:center;gap:34px;min-height:420px;padding:30px;display:grid;overflow:hidden}.project-index{align-self:start;padding-top:6px}.project-type{color:#7b818c;letter-spacing:.11em;text-transform:uppercase;margin:0 0 16px;font-size:.7rem;font-weight:780}.project-copy h3{letter-spacing:-.055em;margin:0;font-size:clamp(2rem,3.5vw,3.5rem)}.project-description{max-width:560px;color:var(--muted);margin:20px 0 0;font-size:.98rem;line-height:1.68}.tag-list{flex-wrap:wrap;gap:7px;margin-top:24px;display:flex}.tag-list span{border:1px solid var(--line);color:#b7bbc2;border-radius:3px;padding:7px 9px;font-size:.67rem;font-weight:700}.project-link{color:var(--text);align-items:center;gap:8px;margin-top:30px;font-size:.8rem;font-weight:770;display:inline-flex}.project-link:hover{color:var(--accent)}.project-visual{border-radius:4px;place-items:center;min-height:330px;display:grid;overflow:hidden}.project-green .project-visual{background:#1a291f}.project-orange .project-visual{background:#2b2118}.project-blue .project-visual{background:#19242b}.project-ui{background:#0a0c0fdb;border:1px solid #ffffff29;border-radius:5px;width:min(84%,470px);min-height:215px;padding:24px;box-shadow:0 35px 55px #0000003d}.project-ui-score{transform:rotate(2.5deg)}.mini-topline,.mini-stats{color:#8d939d;letter-spacing:.08em;justify-content:space-between;font-size:.58rem;font-weight:760;display:flex}.mini-topline span:last-child{color:#7ee39b}.score-line{text-align:center;grid-template-columns:1fr auto auto auto 1fr;align-items:center;gap:13px;margin:36px 0;display:grid}.score-line span:first-child{text-align:right}.score-line span:last-child{text-align:left}.score-line strong{letter-spacing:-.08em;font-size:2.8rem}.score-line .score-divider{color:#5e646d}.project-ui-market{grid-template-columns:1.2fr .8fr;align-items:center;gap:22px;display:grid;transform:rotate(-2deg)}.market-card{color:#15171a;background:#f0eee5;border-radius:3px;flex-direction:column;justify-content:flex-end;min-height:160px;padding:18px;display:flex}.market-card span{color:#925c35;letter-spacing:.1em;margin-bottom:auto;font-size:.55rem;font-weight:850}.market-card strong{letter-spacing:-.06em;font-size:2.15rem}.market-card small{color:#6d6e6b;margin-top:4px}.market-lines{gap:11px;display:grid}.market-lines i{border:1px solid #30343a;border-radius:3px;height:38px;display:block}.market-lines i:nth-child(2){width:76%}.project-ui-sites{min-height:240px;box-shadow:none;background:0 0;border:0;position:relative}.site-window{border-radius:4px;width:74%;height:72%;padding:18px;position:absolute;box-shadow:0 24px 44px #00000040}.site-window-back{background:#273a45;gap:10px;display:grid;top:6px;right:0;transform:rotate(4deg)}.site-window-back span{background:#ffffff1f;height:8px}.site-window-back span:first-child{width:45%}.site-window-front{color:#15171a;background:#eeeade;flex-direction:column;display:flex;bottom:0;left:0;transform:rotate(-3deg)}.site-window-front b{text-transform:uppercase;letter-spacing:.08em;margin-bottom:auto;font-size:.58rem}.site-window-front strong{letter-spacing:-.05em;max-width:190px;font-size:1.55rem;line-height:1}.site-window-front span{background:#1e6074;width:46%;height:5px;margin-top:16px}.compact-heading{max-width:720px}.reason-grid{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.reason{border-right:1px solid var(--line);min-height:270px;padding:30px 28px 20px 0}.reason+.reason{padding-left:28px}.reason:last-child{border-right:0}.reason h3{letter-spacing:-.035em;margin:60px 0 12px;font-size:1.35rem}.reason p,.process-step p{color:var(--muted);margin:0;line-height:1.65}.process-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}.process-step{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:245px;padding:27px}.process-step h3{letter-spacing:-.03em;margin:58px 0 10px;font-size:1.13rem}.about-grid{grid-template-columns:minmax(300px,.85fr) minmax(0,1.15fr);align-items:center;gap:clamp(50px,9vw,130px);display:grid}.about-mark{border:1px solid var(--line);background:linear-gradient(90deg, transparent 49.9%, var(--line) 50%, transparent 50.1%), linear-gradient(0deg, transparent 49.9%, var(--line) 50%, transparent 50.1%), #0f1116;min-height:530px;color:var(--accent);letter-spacing:-.12em;grid-template-columns:1fr;place-items:center;font-size:clamp(7rem,12vw,11rem);font-weight:850;display:grid;position:relative;overflow:hidden}.about-mark img{width:60%;height:auto}.about-mark:after{content:"WEB / SYSTEMS / DEVELOPMENT";color:#636a75;letter-spacing:.13em;font-size:.58rem;font-weight:800;position:absolute;bottom:18px;left:18px}.about-mark span:first-child{transform:translate(17%)}.about-mark span:last-child{transform:translate(-17%)}.about-copy h2{max-width:760px}.about-copy .about-lead{color:#d0d2d6;margin-top:30px;font-size:1.08rem}.about-copy>p:last-child{margin-bottom:0}.stack-row{border-top:1px solid var(--line);flex-wrap:wrap;gap:8px;margin-top:58px;padding-top:24px;display:flex}.stack-row span{border:1px solid var(--line);color:#959ba5;letter-spacing:.03em;padding:8px 11px;font-size:.67rem;font-weight:730}.contact-section{width:min(calc(100% - 40px), var(--max));background:var(--accent);color:#0c0d0f;align-items:center;min-height:560px;margin:clamp(18px,2vw,30px) auto;padding:clamp(50px,8vw,100px);display:flex;position:relative;overflow:hidden}.contact-inner{z-index:2;max-width:860px;position:relative}.contact-inner .eyebrow,.contact-inner>p{color:#0c0d0fb3}.contact-inner>p{max-width:700px;margin:28px 0 38px;font-size:1.05rem}.contact-email{letter-spacing:-.035em;border-bottom:2px solid;align-items:center;gap:14px;padding-bottom:5px;font-size:clamp(1.3rem,3vw,2.5rem);font-weight:760;display:inline-flex}.contact-corner{color:#0c0d0f14;letter-spacing:-.13em;pointer-events:none;font-size:clamp(14rem,33vw,31rem);font-weight:900;line-height:.8;position:absolute;bottom:-104px;right:-42px}.site-footer{color:#777e89;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;min-height:110px;font-size:.7rem;display:grid}.site-footer span:nth-child(2){text-align:center}.site-footer a{justify-self:end}@media (width<=1050px){.site-header{grid-template-columns:1fr auto}.main-nav{display:none}.hero-grid{grid-template-columns:1fr;min-height:0}.hero-copy{max-width:900px}.hero-visual{min-height:470px}.section-heading-row{grid-template-columns:1fr;gap:24px}.project-card{grid-template-columns:42px 1fr}.project-visual{grid-column:1/-1;min-height:360px}.about-grid{grid-template-columns:1fr}.about-mark{min-height:400px}.process-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=760px){.site-header,.hero,.section,.site-footer,.contact-section{width:min(calc(100% - 28px), var(--max))}.site-header{height:68px}.brand-name{display:none}.hero{padding-top:64px}.hero h1{font-size:clamp(3rem,14.5vw,5.2rem)}.hero-actions{flex-direction:column;align-items:stretch}.button{width:100%}.hero-visual{min-height:400px}.visual-orbit-one{width:350px}.visual-orbit-two{width:220px}.hero-card{width:min(92%,390px)}.hero-card-main{padding:42px 26px 38px}.hero-strip{flex-wrap:wrap;justify-content:flex-start;padding:24px 0}.service-grid,.reason-grid,.process-grid{grid-template-columns:1fr}.service-card{min-height:280px;padding:28px}.service-card h3{margin-top:48px}.reason{border-right:0;border-bottom:1px solid var(--line);min-height:230px;padding:28px 0}.reason+.reason{padding-left:0}.reason h3{margin-top:44px}.project-card{padding:22px;display:block}.project-copy{padding-top:34px}.project-visual{min-height:290px;margin-top:36px}.project-ui{width:90%}.project-ui-market{grid-template-columns:1fr}.market-lines{display:none}.about-mark{min-height:330px;font-size:8rem}.contact-section{min-height:500px;padding:42px 26px}.contact-email{font-size:clamp(1.05rem,5.5vw,1.65rem)}.site-footer{grid-template-columns:1fr auto;padding:26px 0}.site-footer span:nth-child(2){display:none}}@media (width<=420px){.header-cta{font-size:.78rem}.hero-card-top .available{display:none}.score-line{gap:8px}.score-line strong{font-size:2.2rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important}}.hero h1{text-wrap:balance;max-width:720px;font-size:clamp(2.9rem,4.5vw,5rem)}@media (width<=1050px){.hero h1{max-width:900px;font-size:clamp(3rem,8.8vw,5.8rem)}}@media (width<=760px){.hero h1{font-size:clamp(2.25rem,8.2vw,3.8rem)}}.project-visual{padding:0;position:relative;background:#0b0c0f!important}.project-screenshot-link{width:100%;height:100%;min-height:inherit;display:block;overflow:hidden}.project-screenshot{width:100%;height:100%;min-height:inherit;object-fit:cover;object-position:top center;transition:transform .26s;display:block}.project-card:hover .project-screenshot{transform:scale(1.015)}@media (width<=760px){.project-screenshot-link,.project-screenshot{min-height:290px}}.contact-section{min-height:0;padding:clamp(52px,7vw,88px);display:block}.contact-layout{z-index:2;grid-template-columns:minmax(0,.82fr) minmax(420px,1fr);align-items:start;gap:clamp(42px,7vw,92px);display:grid;position:relative}.contact-inner{max-width:none}.contact-inner>p{margin-bottom:32px}.contact-details{border-top:1px solid #0c0d0f38;gap:18px;margin-top:44px;padding-top:26px;display:grid}.contact-detail{gap:5px;display:grid}.contact-detail span{color:#0c0d0f99;letter-spacing:.11em;text-transform:uppercase;font-size:.68rem;font-weight:800}.contact-detail strong{letter-spacing:-.025em;font-size:clamp(1.05rem,1.7vw,1.45rem);font-weight:720}.contact-detail-placeholder strong{color:#0c0d0f9e}.contact-form{color:var(--text);background:#0c0d0f;border:1px solid #ffffff1c;border-radius:6px;gap:20px;padding:clamp(24px,3vw,38px);display:grid;position:relative;box-shadow:0 36px 80px #0c0d0f2e}.contact-form-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:20px;padding-bottom:18px;display:flex}.contact-form-heading>span{letter-spacing:-.035em;font-size:1.2rem;font-weight:760}.contact-form-heading small{color:#818792;font-size:.7rem}.contact-form-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.contact-field{gap:8px;display:grid}.contact-field>span{color:#c4c7cd;letter-spacing:.055em;font-size:.72rem;font-weight:760}.contact-field>span small{color:#717781;font-size:.65rem;font-weight:650}.contact-field input,.contact-field textarea{border:1px solid var(--line-strong);width:100%;color:var(--text);font:inherit;background:#13151a;border-radius:4px;outline:none;transition:border-color .16s,background .16s,box-shadow .16s}.contact-field input{min-height:50px;padding:0 14px}.contact-field textarea{resize:vertical;min-height:150px;padding:14px;line-height:1.55}.contact-field input::placeholder,.contact-field textarea::placeholder{color:#676d77}.contact-field input:focus,.contact-field textarea:focus{border-color:var(--accent);background:#16191e;box-shadow:0 0 0 3px #d8ff4814}.contact-form-footer{align-items:center;gap:12px;display:grid}.contact-submit{border:1px solid var(--accent);background:var(--accent);color:#0b0c0f;width:fit-content;min-height:52px;font:inherit;cursor:pointer;border-radius:4px;justify-content:center;align-items:center;gap:10px;padding:0 20px;font-size:.88rem;font-weight:780;transition:background .16s,opacity .16s;display:inline-flex}.contact-submit:hover:not(:disabled){background:#e4ff7d}.contact-submit:disabled{cursor:wait;opacity:.7}.contact-submit span{transition:transform .18s}.contact-submit:hover:not(:disabled) span{transform:translate(3px,-3px)}.contact-status{color:#8f949e;min-height:1.35em;margin:0;font-size:.78rem;line-height:1.5}.contact-status-success{color:#cde97a}.contact-status-error{color:#ff9c9c}.contact-honeypot{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=980px){.contact-layout{grid-template-columns:1fr}.contact-inner{max-width:760px}}@media (width<=760px){.contact-section{min-height:0;padding:42px 24px}.contact-form-row{grid-template-columns:1fr}.contact-form-heading{flex-direction:column;align-items:flex-start;gap:7px}.contact-submit{width:100%}}