@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(../media/instrument-sans-latin-ext-wght-normal.2jfp7v6ns64yg.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(../media/instrument-sans-latin-wght-normal.3h2wr6o8p949u.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(../media/jetbrains-mono-cyrillic-ext-wght-normal.1ladf10s224e1.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(../media/jetbrains-mono-cyrillic-wght-normal.0x7cg5h5x34js.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(../media/jetbrains-mono-greek-wght-normal.1k07jbkicvzf3.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(../media/jetbrains-mono-vietnamese-wght-normal.0a13tgqsi9z78.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(../media/jetbrains-mono-latin-ext-wght-normal.3rxtet6g9i1k3.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(../media/jetbrains-mono-latin-wght-normal.2rmhnsrc80fag.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(../media/space-grotesk-vietnamese-wght-normal.0da2o5sn3utep.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(../media/space-grotesk-latin-ext-wght-normal.0ww4yqxbk72bj.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(../media/space-grotesk-latin-wght-normal.092gko6h6levo.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--page:#05030f;--void:#030110;--surface:#0e0b1e;--raised:#161230;--border:#221b3d;--border-strong:#322857;--violet:#8b44fc;--violet-light:#a67bff;--violet-hover:#c7abff;--text:#eceaf5;--muted:#a29fb8;--send:#5fd4dc;--volley:#f2a65a;--font-heading:"Space Grotesk Variable";--font-body:"Instrument Sans Variable";--font-mono:"JetBrains Mono Variable"}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--page);color:var(--text);font:400 17px/1.6 var(--font-body),sans-serif;min-width:320px;margin:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--violet-hover);outline-offset:3px}::selection{color:#fff;background:#533294}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--violet);color:#fff;border-radius:8px;padding:8px 14px;position:absolute;top:-60px;left:12px}.skip-link:focus{top:12px}.container{max-width:1200px;margin-inline:auto;padding-inline:clamp(20px,4vw,40px)}.site-header{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#05030fe6;position:sticky;top:0}.nav{justify-content:space-between;align-items:center;gap:16px;min-height:69px;padding-block:10px;display:flex}.brand{flex-shrink:0;display:flex}.brand img{width:auto;height:44px}.nav-links{align-items:center;gap:clamp(14px,3vw,32px);font-size:15px;font-weight:500;display:flex}.nav-links>a:not(.button):hover,.footer-links a:hover{color:var(--violet-hover)}.button{text-align:center;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;min-height:48px;padding:12px 24px;font-size:16px;font-weight:600;line-height:1.35;transition:background .16s,border-color .16s,color .16s,transform .16s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button-primary{background:var(--violet);color:#fff}.button-primary:hover{background:#9a5cff}.button-secondary{border-color:var(--border-strong);color:var(--text)}.button-secondary:hover{border-color:var(--violet-light);color:var(--violet-hover)}.nav-cta{min-height:42px;padding:10px 18px;font-size:15px}.hero{background:radial-gradient(ellipse 70% 80% at 15% 0%,#1e1046 0%,var(--page) 65%)}.hire-hero{background:radial-gradient(ellipse 70% 80% at 85% 0%,#1e1046 0%,var(--page) 65%)}.hero-inner{flex-direction:column;align-items:flex-start;gap:28px;padding-block:clamp(64px,12vw,140px) clamp(56px,9vw,110px);display:flex}.hire-hero .hero-inner{gap:24px;padding-block:clamp(56px,10vw,112px) clamp(48px,8vw,88px)}.eyebrow{color:#aaa6bf;font:500 12px/1.4 var(--font-mono),monospace;letter-spacing:.1em;text-transform:uppercase;margin:0}.eyebrow.accent,.number{color:var(--violet-light)}h1,h2,h3,p{margin-top:0}.hero h1{max-width:900px;font:700 clamp(40px,7vw,84px)/1.02 var(--font-heading),sans-serif;letter-spacing:-.04em;text-wrap:balance;margin:0}.hire-hero h1{font-size:clamp(38px,6.5vw,72px)}.gradient-text{color:#0000;background:linear-gradient(135deg,#c7abff,#8b44fc 60%);-webkit-background-clip:text;background-clip:text}.hero-lead{max-width:640px;color:var(--muted);text-wrap:pretty;margin:0;font-size:20px;line-height:1.5}.actions{flex-wrap:wrap;gap:14px;display:flex}.section{padding-block:clamp(56px,8vw,96px)}.section-heading{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:40px;display:flex}.section-heading h2,.faq-section h2{max-width:780px;font:700 clamp(30px,4vw,44px)/1.1 var(--font-heading),sans-serif;letter-spacing:-.025em;text-wrap:balance;margin:0}.section-heading>p:not(.eyebrow){color:var(--muted);max-width:600px;margin:0}#products,#enquiry{scroll-margin-top:72px}.product-stack{gap:24px;display:grid}.product-card{background:var(--surface);border:1px solid var(--border);border-top:3px solid;border-radius:14px;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:clamp(24px,4vw,56px);padding:clamp(24px,4vw,48px);transition:box-shadow .16s;display:grid}.send-card{border-top-color:var(--send)}.volley-card{border-top-color:var(--volley)}.product-card.send-card:hover{box-shadow:0 0 48px #5fd4dc1f}.product-card.volley-card:hover{box-shadow:0 0 48px #f2a65a1f}.product-copy{flex-direction:column;align-items:flex-start;gap:16px;display:flex}.product-copy h3{font:500 clamp(26px,3vw,34px)/1.15 var(--font-heading),sans-serif;margin:0}.product-copy p{color:var(--muted);margin:0}.product-copy .product-note{font-size:15px}.badge{font:500 11px/1.5 var(--font-mono),monospace;letter-spacing:.08em;text-transform:uppercase;border:1px solid;border-radius:999px;padding:4px 12px;display:inline-block}.badge-send{color:var(--send);border-color:var(--send)}.badge-volley{color:var(--volley);border-color:var(--volley)}.screenshot-placeholder{aspect-ratio:4/3;border:1px solid var(--border);background:repeating-linear-gradient(135deg,var(--raised) 0 12px,var(--surface) 12px 24px);text-align:center;min-height:180px;color:var(--muted);font:12px/1.6 var(--font-mono),monospace;border-radius:10px;place-items:center;padding:16px;display:grid}.text-link{border-bottom:1px solid;padding-bottom:2px;font-weight:600}.volley-link{color:var(--volley)}.volley-link:hover{color:#ffc58a}.principles-band{border-block:1px solid var(--border);background:#0a0716}.principles-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;display:grid}.principle{border-top:1px solid var(--border-strong);padding-top:20px}.number{font:500 13px var(--font-mono),monospace}.principle h3,.service-card h3,.portfolio-card h3{font:500 22px/1.3 var(--font-heading),sans-serif;margin:10px 0}.principle p,.service-card p,.step p,.portfolio-card p{color:var(--muted);margin:0}.hire-teaser{border:1px solid var(--border-strong);background:radial-gradient(ellipse at 100% 0%,#1e1046 0%,var(--surface) 60%);border-radius:16px;justify-content:space-between;align-items:center;gap:32px;padding:clamp(28px,5vw,56px);display:flex}.hire-teaser h2{max-width:620px;font:700 clamp(28px,4vw,40px)/1.1 var(--font-heading),sans-serif;margin:0 0 12px}.hire-teaser p{max-width:620px;color:var(--muted);margin:0}.hire-teaser .button{flex-shrink:0}.services-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.service-card,.portfolio-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:28px}.service-card{transition:border-color .16s,box-shadow .16s}.service-card:hover{border-color:var(--violet);box-shadow:0 0 40px #8b44fc24}.steps-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;display:grid}.step{border-top:2px solid var(--violet);padding-top:16px}.step h3{font:500 20px/1.3 var(--font-heading),sans-serif;margin:8px 0}.step p{font-size:15px}.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.portfolio-card{border-top:3px solid}.portfolio-card h3{margin-top:18px}.enquiry-band{border-top:1px solid var(--border);background:radial-gradient(ellipse 60% 80% at 0% 100%,#1e1046 0%,var(--page) 70%)}.enquiry-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(32px,5vw,72px);display:grid}.enquiry-grid .section-heading{margin:0}.enquiry-form{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:18px;padding:clamp(20px,3vw,32px);display:flex}.enquiry-form label{font-size:14px;font-weight:500;display:block}.enquiry-form input,.enquiry-form textarea,.enquiry-form select{background:var(--raised);border:1px solid var(--border-strong);width:100%;color:var(--text);border-radius:8px;margin-top:6px;padding:13px 14px;font-size:16px;line-height:1.5;display:block}.enquiry-form textarea{resize:vertical}.enquiry-form :is(input,textarea,select):focus-visible{border-color:var(--violet-light);outline:none;box-shadow:0 0 0 3px #8b44fc4d}.optional{color:var(--muted);font-weight:400}.form-message{color:#8de5a7;margin:0;font-size:14px}.form-message a{text-decoration:underline}.faq-section{max-width:860px}.faq-section h2{margin-bottom:24px}.faq-list{border-top:1px solid var(--border)}.faq-list details{border-bottom:1px solid var(--border);padding:20px 0}.faq-list summary{cursor:pointer;justify-content:space-between;gap:16px;font-size:18px;font-weight:500;list-style:none;display:flex}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:var(--violet-light);font-size:24px;line-height:1;transition:transform .16s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{color:var(--muted);margin:12px 0 0}.site-footer{background:var(--void);border-top:1px solid var(--border)}.footer-inner{justify-content:space-between;align-items:flex-start;gap:32px;padding-block:40px;display:flex}.footer-brand{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.footer-brand img{width:auto;height:40px}.footer-brand small{color:#aaa6bf;font-size:14px}.footer-links{color:var(--muted);flex-wrap:wrap;gap:28px;font-size:15px;display:flex}@media (max-width:900px){.services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.steps-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hire-teaser{flex-direction:column;align-items:flex-start}.enquiry-grid{grid-template-columns:1fr}}@media (max-width:700px){.nav{flex-direction:column;align-items:flex-start}.nav-links{justify-content:space-between;gap:10px;width:100%}.nav-cta{display:none}.product-card{grid-template-columns:1fr}.product-card .screenshot-placeholder{order:2}.product-card .product-copy{order:1}.principles-grid,.portfolio-grid{grid-template-columns:1fr}.steps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-inner{flex-direction:column}.hero-inner{gap:22px}}@media (max-width:480px){.services-grid,.steps-grid{grid-template-columns:1fr}.actions,.actions .button{width:100%}.hero-lead{font-size:18px}.nav-links>a{font-size:14px}.product-card{padding:24px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
