@font-face{font-family:Spray Warriors;src:url(/fonts/SprayWarriors.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Onder;src:url(/fonts/Onder-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+20-7E}:root{--color-bg:#0a0b08;--color-bg-alt:#101208;--color-bone:#e9e3d1;--color-white:#fff;--color-bone-dim:#a39d8a;--color-olive:#4a5a34;--color-olive-bright:#8ba05a;--color-neon:#6fff8f;--color-blood:#7a1f1f;--color-line:#e9e3d124;--color-ink:#0e0f0b;--font-display:"Chakra Petch", "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--font-brand:"Spray Warriors", var(--font-display);--font-title:"Onder", var(--font-display);--font-body:-apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{background:var(--color-bg)}body{background:var(--color-bg);color:var(--color-bone);font-family:var(--font-mono);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-title);letter-spacing:.01em;margin:0;font-weight:400}p{line-height:1.6;font-family:var(--font-body);color:var(--color-bone-dim);margin:0}a{color:inherit}button{font-family:var(--font-mono)}::selection{background:var(--color-neon);color:#06110a}.eyebrow{font-family:var(--font-mono);letter-spacing:.32em;text-transform:uppercase;color:var(--color-olive-bright);font-size:.72rem}.nav{z-index:50;font-family:var(--font-mono);letter-spacing:.08em;justify-content:space-between;align-items:center;padding:1.4rem clamp(1.25rem,4vw,3rem);font-size:.78rem;display:flex;position:fixed;top:0;left:0;right:0}.nav-mark{font-family:var(--font-brand);color:var(--color-white);letter-spacing:.02em;align-items:center;gap:.5rem;font-size:1.35rem;text-decoration:none;display:flex}.nav-mark-logo{width:1.6rem;height:auto}.nav-links{gap:2rem;display:flex}.nav-links a{color:var(--color-bone-dim);text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--color-bone)}.nav-cta{font-family:var(--font-mono);letter-spacing:.08em;color:var(--color-bone);border:1px solid var(--color-line);cursor:pointer;background:0 0;border-radius:999px;padding:.5rem 1rem;font-size:.78rem;text-decoration:none;transition:border-color .2s,background .2s}.nav-cta:hover{border-color:var(--color-olive-bright);background:#8ba05a1f}@media (width<=720px){.nav-links{display:none}}.paint-reveal{z-index:200;cursor:crosshair;display:none;position:fixed;inset:0}.paint-reveal canvas{width:100%;height:100%;display:block}.hero{text-align:center;background:radial-gradient(ellipse at 50% 30%, #4a5a3447, transparent 60%), var(--color-bg);flex-direction:column;justify-content:flex-start;align-items:center;gap:1.25rem;min-height:100svh;padding:clamp(6.5rem,13vw,10rem) 2rem 2rem;display:flex;position:relative;overflow:hidden}.hero-mark{width:clamp(12rem,28vw,18rem);height:auto}.hero-wordmark{font-family:var(--font-brand);color:var(--color-white);text-transform:none;font-size:clamp(5rem,18vw,13rem);font-weight:400;line-height:.9}.hero-tagline{text-align:center}.section{border-top:1px solid var(--color-line);background:var(--color-bg);padding:clamp(4rem,10vw,8rem) clamp(1.25rem,6vw,6rem);position:relative}.section-head{flex-direction:column;gap:.75rem;margin-bottom:clamp(2.5rem,6vw,4rem);display:flex}.section-title{max-width:20ch;font-size:clamp(1.2rem,2.7vw,2.05rem)}.section--about{background:radial-gradient(ellipse at 20% 0%, #4a5a3429, transparent 55%), var(--color-bg)}.section--clients{background:radial-gradient(ellipse at 80% 0%, #6fff8f14, transparent 55%), var(--color-bg)}.section--pricing{background:radial-gradient(ellipse at 20% 100%, #7a1f1f29, transparent 55%), var(--color-bg);background-position:0 100%,0 0;background-size:220% 220%,100% 100%;animation:18s ease-in-out infinite alternate pricing-drift}@keyframes pricing-drift{0%{background-position:0 100%,0 0}to{background-position:100% 40%,0 0}}.about-grid{grid-template-columns:repeat(12,1fr);gap:1.5rem;display:grid}.about-lede{color:var(--color-bone);font-size:clamp(1.15rem,2vw,1.6rem);font-family:var(--font-body);grid-column:span 8;line-height:1.5}.about-side{flex-direction:column;grid-column:span 4;gap:1.5rem;display:flex}@media (width<=900px){.about-lede,.about-side{grid-column:span 12}}.testimonial-grid{perspective:900px;max-width:34rem;transform-style:preserve-3d;flex-direction:column;gap:0;margin:0 auto;transition:gap .5s;display:flex}.testimonial-grid:hover{gap:1.1rem}.testimonial-card{border:1px solid var(--color-line);background:var(--color-bg);transition:transform .5s,filter .5s,opacity .5s,border-color .5s;transition-delay:calc(var(--i) * 50ms);border-radius:4px;flex-direction:column;justify-content:space-between;gap:1.25rem;margin:0;padding:1.75rem;display:flex}.testimonial-card:first-child{opacity:.6;filter:blur(4px);transform:translateZ(-70px)translateY(16px)}.testimonial-card:nth-child(2){opacity:.88;filter:blur(1.5px)}.testimonial-card:nth-child(3){filter:blur(1px);transform:translateZ(55px)translateY(-22px)}.testimonial-grid:hover .testimonial-card{opacity:1;filter:blur();border-color:var(--color-olive-bright);transform:translateZ(0)translateY(0)}.testimonial-quote{color:var(--color-bone);font-size:.98rem;line-height:1.55}.testimonial-author{font-family:var(--font-mono);letter-spacing:.05em;flex-direction:column;gap:.15rem;font-size:.72rem;display:flex}.testimonial-name{color:var(--color-olive-bright)}.testimonial-role{color:var(--color-bone-dim)}.plan-grid{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:1.5rem;display:grid}.plan-name{font-size:clamp(.95rem,1.5vw,1.15rem)}.plan-card{border:1px solid var(--color-line);border-radius:4px;flex-direction:column;gap:1rem;padding:2rem;animation:6s ease-in-out infinite plan-float;display:flex;position:relative;overflow:hidden}.plan-card:nth-child(2){animation-delay:.6s}.plan-card:nth-child(3){animation-delay:1.2s}@keyframes plan-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.plan-card:after{content:"";pointer-events:none;background:linear-gradient(120deg,#0000,#ffffff29,#0000);width:35%;height:100%;transition:left .9s;position:absolute;top:0;left:-60%;transform:skew(-20deg)}.plan-card:hover:after{left:130%}.plan-card--highlight{border-color:var(--color-olive-bright);background:#8ba05a0f}.plan-timeline{font-family:var(--font-mono);letter-spacing:.05em;color:var(--color-bone-dim);font-size:.72rem}.plan-features{color:var(--color-bone);flex-direction:column;flex-grow:1;gap:.5rem;margin:0;padding:0;font-size:.9rem;list-style:none;display:flex}.plan-features li{padding-left:1rem;position:relative}.plan-features li:before{content:"—";color:var(--color-olive-bright);position:absolute;left:0}.plan-price{font-family:var(--font-display);color:var(--color-bone);font-size:1.25rem}.plan-cta{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-bone);border:1px solid var(--color-line);cursor:pointer;background:0 0;border-radius:999px;align-self:flex-start;padding:.55rem 1.3rem;font-size:.78rem;transition:border-color .2s,background .2s}.plan-cta:hover{border-color:var(--color-olive-bright);background:#8ba05a1f}@media (width<=900px){.plan-grid{grid-template-columns:1fr}}.section--touch{background:linear-gradient(160deg, var(--color-olive-bright), #b7c98a);flex-direction:column;gap:3rem;display:flex}.touch-inner{flex-direction:column;align-items:flex-start;gap:1.5rem;display:flex}.eyebrow--dark,.touch-title{color:var(--color-ink)}.touch-cta{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--color-bone);background:var(--color-ink);cursor:pointer;border:none;border-radius:999px;padding:.85rem 1.75rem;font-size:.85rem;transition:filter .2s}.touch-cta:hover{filter:brightness(1.3)}.footer{letter-spacing:.08em;border-top:1px solid #0e0f0b40;justify-content:space-between;padding-top:2rem;font-size:.72rem;display:flex}.footer--dark{color:#0e0f0bbf}@media (width<=640px){.touch-inner{align-items:stretch}.footer{flex-direction:column;gap:.5rem}}.service-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.service-card{border:1.5px solid var(--color-bone);background:linear-gradient(160deg,#4a5a3424,#0000 60%);border-radius:4px;flex-direction:column;gap:.75rem;min-height:14rem;padding:2rem;transition:border-color .3s;display:flex;position:relative;overflow:hidden}.service-card:hover{border-color:var(--color-olive-bright)}.service-card:before,.service-card:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;transition:opacity .4s;position:absolute;inset:0}.service-card:before{background:radial-gradient(220px circle at var(--mx,50%) var(--my,50%), var(--color-olive-bright), transparent 70%);-webkit-mask-composite:xor;padding:1.5px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.service-card:after{background:radial-gradient(280px circle at var(--mx,50%) var(--my,50%), #8ba05a24, transparent 70%)}.service-card:hover:before,.service-card:hover:after{opacity:1}.service-card-index{font-family:var(--font-mono);color:var(--color-olive-bright);font-size:.85rem}.service-card-name{font-size:clamp(.95rem,1.5vw,1.15rem)}.service-card-desc{font-size:.92rem}@media (width<=720px){.service-grid{grid-template-columns:1fr}}.contact-modal-scrim{z-index:300;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#060704b8;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0;overflow-y:auto}.contact-modal{aspect-ratio:642/954;color:#241f16;background-image:url(/img/contact-sheet.png);background-position:94.74%;background-repeat:no-repeat;background-size:120.72% 100.63%;flex-direction:column;width:min(26rem,92vw);padding:3rem 2rem 2rem 2.5rem;display:flex;position:relative}.contact-modal-close{color:#241f16;cursor:pointer;background:0 0;border:1px solid #241f1640;border-radius:50%;width:2rem;height:2rem;transition:border-color .2s,background .2s;position:absolute;top:1rem;right:1.25rem}.contact-modal-close:hover{background:#241f160f;border-color:#241f1680}.contact-modal-title{font-family:var(--font-title);color:#241f16;margin-bottom:1.25rem;font-size:clamp(1.1rem,2.4vw,1.45rem)}.contact-form{flex-direction:column;flex:1;gap:.85rem;max-width:18.5rem;min-height:0;display:flex;overflow:hidden auto}.contact-form label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:#241f16a6;flex-direction:column;gap:.35rem;font-size:.68rem;display:flex}.contact-form input,.contact-form select,.contact-form textarea{box-sizing:border-box;width:100%;max-width:100%;font-family:var(--font-body);color:#241f16;resize:vertical;background:#241f160b;border:1px solid #241f1638;border-radius:3px;padding:.55rem .65rem;font-size:.92rem}.contact-form textarea{max-height:6rem}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{outline:2px solid var(--color-olive);outline-offset:1px}.contact-form-submit{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink);background:var(--color-olive-bright);cursor:pointer;border:none;border-radius:999px;align-self:flex-start;margin-top:.4rem;padding:.65rem 1.5rem;font-size:.78rem;transition:filter .2s}.contact-form-submit:hover{filter:brightness(1.1)}
