:root{--navy-900:#0a1230;--navy-800:#0d1733;--navy-700:#142046;--navy-600:#1a2a5c;--navy-500:#243a7e;--navy-line:#2a3a6e;--yellow:#ffd233;--yellow-bright:#ffe066;--orange:#ff8a3d;--red:#ec4b3c;--sky:#56c1ee;--paper:#f3ecd6;--paper-dim:#e6dcc0;--ink:#0a1230;--ink-soft:#1f2a4d;--font-hero:"Bowlby One","Trebuchet MS",system-ui,sans-serif;--font-display:"Space Grotesk","Trebuchet MS",system-ui,sans-serif;--font-pixel:"Silkscreen","Courier New",monospace;--font-mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace;--container:1180px;--gutter:clamp(20px,5vw,56px);--radius:14px;--radius-lg:22px;--border:3px;--shadow-hard:6px 6px 0 0 var(--navy-900);--shadow-hard-yellow:6px 6px 0 0 var(--yellow)}*{box-sizing:border-box}html,body{background:var(--navy-800);color:var(--paper);font-family:var(--font-mono);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;margin:0;padding:0;font-size:16px;line-height:1.55}body{overflow-x:hidden;background-image:radial-gradient(circle at 20% 0%,#56c1ee1a,#0000 45%),radial-gradient(circle at 90% 30%,#ff8a3d14,#0000 50%),linear-gradient(90deg,#ffffff06 1px,#0000 1px),linear-gradient(#ffffff06 1px,#0000 1px);background-size:auto,auto,32px 32px,32px 32px;background-attachment:fixed;min-height:100vh}a{color:var(--yellow);text-decoration:none;transition:color .15s}a:hover{color:var(--yellow-bright)}img{display:block;max-width:100%}button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:none}.container{max-width:var(--container);padding-inline:var(--gutter);width:100%;margin-inline-start:auto;margin-inline-end:auto}.section{position:relative;padding-block-start:clamp(72px,10vw,128px);padding-block-end:clamp(72px,10vw,128px)}.section+.section{border-top:1px solid var(--navy-line)}.eyebrow{display:inline-block;font-family:var(--font-pixel);letter-spacing:.12em;color:var(--yellow);border:2px solid var(--yellow);text-transform:uppercase;background:#ffd2331a;border-radius:6px;padding:6px 10px;font-size:12px}.section-title{font-family:var(--font-display);color:var(--paper);letter-spacing:-.005em;margin:18px 0 14px;font-size:clamp(36px,5vw,56px);font-weight:700;line-height:1.05}.section-sub{font-family:var(--font-mono);color:#f3ecd6c7;max-width:640px;margin:0;font-size:clamp(15px,1.4vw,18px)}.btn{display:inline-flex;font-family:var(--font-display);letter-spacing:.02em;border:3px solid var(--navy-900);white-space:nowrap;border-radius:10px;align-items: center;gap:10px;padding:16px 22px;transition:transform .12s,box-shadow .12s,background .12s;font-size:16px;font-weight:600}.btn-primary{background:var(--yellow);color:var(--navy-900);box-shadow:var(--shadow-hard)}.btn-primary:hover{box-shadow:8px 8px 0 0 var(--navy-900);background:var(--yellow-bright);color:var(--navy-900);transform:translate(-2px,-2px)}.btn-primary:active{box-shadow:2px 2px 0 0 var(--navy-900);transform:translate(3px,3px)}.btn-ghost{color:var(--paper);border-color:var(--paper);box-shadow:none;background:0 0}.btn-ghost:hover{background:var(--paper);color:var(--navy-900)}.btn-block{justify-content:center;width:100%}.btn .arrow{display:inline-block;transition:transform .18s}.btn:hover .arrow{transform:translate(4px)}.nav{position:sticky;z-index:40;backdrop-filter:blur(10px);border-bottom:1px solid var(--navy-line);background:#0d1733c7;top:0}.nav-inner{display:flex;justify-content:space-between;align-items: center;padding-block-start:14px;padding-block-end:14px}.nav-brand{display:flex;font-family:var(--font-hero);letter-spacing:.01em;color:var(--yellow);text-decoration:none;align-items: center;gap:10px;font-size:20px}.nav-brand img{image-rendering:pixelated;width:36px;height:36px}.nav-links{display:flex;align-items: center;gap:22px}.nav-links a{font-family:var(--font-mono);color:var(--paper);font-size:14px;font-weight:500}.nav-links a:hover{color:var(--yellow)}.nav .btn{box-shadow:4px 4px 0 0 var(--navy-900);border-width:2px;padding:10px 16px;font-size:14px}.nav .btn-primary{color:var(--navy-900)}.nav .btn-primary:hover{color:var(--navy-900);box-shadow:6px 6px 0 0 var(--navy-900)}.nav .btn-primary:active{box-shadow:2px 2px 0 0 var(--navy-900)}@media (max-width:720px){.nav-links a:not(.btn){display:none}}.hero{position:relative;overflow:hidden;padding-top:clamp(64px,10vw,120px);padding-bottom:clamp(64px,10vw,128px)}.hero-grid{display:grid;grid-template-columns:1.2fr 1fr;align-items: center;gap:clamp(36px,6vw,80px)}@media (max-width:900px){.hero-grid{grid-template-columns:1fr}}.hero-tag{font-family:var(--font-pixel);letter-spacing:.16em;color:var(--sky);text-transform:uppercase;display:inline-flex;align-items: center;gap:10px;margin-bottom:22px;font-size:12px}.hero-tag:before{content:"";background:var(--sky);box-shadow:12px 0 0 var(--yellow),24px 0 0 var(--orange);width:10px;height:10px;margin-right:24px}.hero-title{font-family:var(--font-hero);letter-spacing:.005em;color:var(--paper);margin:0 0 22px;font-size:clamp(36px,4.8vw,62px);line-height:1.05}.hero-title em{color:var(--yellow);position:relative;display:inline-block;font-style:normal}.hero-title em:after{content:"";position:absolute;background:var(--red);z-index:-1;height:10px;bottom:6%;left:0;right:0;transform:skewY(-1deg)}.hero-lead{color:#f3ecd6d9;max-width:560px;margin:0 0 32px;font-size:clamp(16px,1.6vw,19px)}.hero-ctas{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:28px}.hero-trust{display:flex;font-family:var(--font-mono);color:#f3ecd6b3;flex-wrap:wrap;gap:22px;font-size:13px}.hero-trust span{display:inline-flex;align-items: center;gap:8px}.hero-trust .dot{background:var(--yellow);display:inline-block;width:8px;height:8px}.hero-art{position:relative;display:flex;justify-content:center;align-items: center}.hero-art-frame{position:relative;aspect-ratio:1;background:var(--navy-700);border:3px solid var(--navy-900);border-radius:var(--radius-lg);box-shadow:var(--shadow-hard-yellow);overflow:hidden;width:min(420px,100%)}.hero-art-frame:before{content:"";position:absolute;background-color:#0000;background-image:linear-gradient(90deg,#ffffff0a 1px,#0000 1px),linear-gradient(#ffffff0a 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:20px 20px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;inset:0}.hero-art-logo{position:absolute;display:flex;justify-content:center;align-items: center;padding:24px;inset:0}.hero-art-logo img{image-rendering:pixelated;filter:drop-shadow(6px 6px 0 #0006);animation:bob 4s ease-in-out infinite;width:75%;height:auto}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hero-art-sticker{position:absolute;font-family:var(--font-pixel);letter-spacing:.08em;border:2px solid var(--navy-900);text-transform:uppercase;box-shadow:3px 3px 0 0 var(--navy-900);border-radius:8px;padding:8px 12px;font-size:11px}.hero-art-sticker.s1{background:var(--orange);color:var(--navy-900);top:20px;left:20px;transform:rotate(-6deg)}.hero-art-sticker.s2{background:var(--sky);color:var(--navy-900);bottom:24px;right:20px;transform:rotate(5deg)}.hero-art-sticker.s3{background:var(--red);color:var(--paper);top:40%;right:-10px;transform:rotate(8deg)}.services{background:var(--navy-900)}.services-head{text-align:center}.services-head .section-sub{margin-inline-start:auto;margin-inline-end:auto}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:56px}@media (max-width:900px){.services-grid{grid-template-columns:1fr}}.service-card{background:var(--navy-700);border:3px solid var(--navy-900);border-radius:var(--radius);box-shadow:6px 6px 0 var(--accent,var(--yellow));position:relative;padding:28px 26px;transition:transform .15s,box-shadow .15s}.service-card:hover{box-shadow:9px 9px 0 var(--accent,var(--yellow));transform:translate(-3px,-3px)}.service-icon{display:grid;background:var(--accent,var(--yellow));border:3px solid var(--navy-900);color:var(--navy-900);border-radius:10px;place-items: center;width:56px;height:56px;margin-bottom:18px}.service-icon svg{width:28px;height:28px}.service-title{font-family:var(--font-display);letter-spacing:-.005em;color:var(--paper);margin:0 0 10px;font-size:22px;font-weight:700}.service-body{color:#f3ecd6c7;margin:0;font-size:14.5px}.service-list{list-style:none;display:grid;gap:6px;margin:16px 0 0;padding:0}.service-list li{font-family:var(--font-mono);color:var(--paper);display:flex;align-items: flex-start;gap:8px;font-size:13px}.service-list li:before{content:"▸";color:var(--accent,var(--yellow));font-family:var(--font-pixel);margin-top:1px}.portfolio-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items: end;gap:24px;margin-bottom:48px}.portfolio-head .section-title{margin-bottom:8px}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media (max-width:1000px){.portfolio-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.portfolio-grid{grid-template-columns:1fr}}.project{background:var(--navy-700);border:3px solid var(--navy-900);border-radius:var(--radius);position:relative;overflow:hidden;text-decoration:none;color:inherit;display:flex;box-shadow:5px 5px 0 var(--accent,var(--yellow));flex-direction:column;gap:14px;min-height:240px;padding:26px 24px 22px;transition:transform .15s,box-shadow .15s}.project:hover{box-shadow:9px 9px 0 var(--accent,var(--yellow));transform:translate(-3px,-3px)}.project-head{display:flex;justify-content:space-between;align-items: center;gap:12px}.project-badge{font-family:var(--font-pixel);letter-spacing:.12em;background:var(--accent,var(--yellow));color:var(--navy-900);text-transform:uppercase;border-radius:4px;padding:4px 8px;font-size:10px}.project-link{font-family:var(--font-mono);color:#f3ecd699;display:inline-flex;align-items: center;gap:6px;font-size:12px}.project-name{font-family:var(--font-display);letter-spacing:-.01em;color:var(--paper);margin:4px 0 0;font-size:clamp(26px,2.6vw,34px);font-weight:700;line-height:1.05}.project-desc{font-family:var(--font-mono);color:#f3ecd6c7;margin:0;font-size:14px}.project-foot{display:flex;justify-content:space-between;align-items: center;gap:12px;margin-top:auto}.project-url{font-family:var(--font-mono);color:var(--accent,var(--yellow));font-size:13px;font-weight:500}.project-arrow{border:2px solid var(--accent,var(--yellow));display:grid;color:var(--accent,var(--yellow));border-radius:8px;place-items: center;width:36px;height:36px;transition:transform .15s,background .15s,color .15s}.project:hover .project-arrow{background:var(--accent,var(--yellow));color:var(--navy-900);transform:rotate(-45deg)}.cost{background:var(--navy-900)}.cost-head{text-align:center;max-width:720px;margin-inline-start:auto;margin-inline-end:auto}.cost-head .section-sub{margin-inline-start:auto;margin-inline-end:auto}.cost-grid{display:grid;grid-template-columns:repeat(3,1fr);align-items:stretch;gap:24px;margin-top:56px}@media (max-width:1000px){.cost-grid{grid-template-columns:1fr}}.cost-card{background:var(--navy-700);border:3px solid var(--navy-900);border-radius:var(--radius);display:flex;position:relative;box-shadow:6px 6px 0 var(--accent,var(--yellow));flex-direction:column;gap:12px;padding:28px 26px 24px;transition:transform .15s,box-shadow .15s}.cost-card.is-cost{opacity:.92}.cost-card.is-win{background:linear-gradient(180deg,var(--navy-600)0%,var(--navy-700)100%);box-shadow:9px 9px 0 var(--accent,var(--yellow))}.cost-card.is-win:hover{box-shadow:12px 12px 0 var(--accent,var(--yellow));transform:translate(-3px,-3px)}.cost-tag{display:inline-block;font-family:var(--font-pixel);letter-spacing:.14em;background:var(--accent,var(--yellow));color:var(--navy-900);text-transform:uppercase;border-radius:4px;align-self: flex-start;padding:4px 8px;font-size:10px}.cost-title{font-family:var(--font-display);letter-spacing:-.005em;color:var(--paper);margin:6px 0 0;font-size:22px;font-weight:700;line-height:1.15}.cost-lead{font-family:var(--font-mono);color:#f3ecd6c7;margin:0;font-size:14px}.cost-list{list-style:none;display:grid;gap:8px;margin:6px 0 0;padding:0}.cost-list li{font-family:var(--font-mono);color:var(--paper);display:flex;align-items: flex-start;gap:8px;font-size:13.5px;line-height:1.5}.cost-list li:before{content:"▸";color:var(--accent,var(--yellow));font-family:var(--font-pixel);margin-top:1px}.cost-foot{border-top:1px dashed #f3ecd62e;margin-top:auto;padding-top:14px}.cost-price{font-family:var(--font-mono);letter-spacing:0;color:var(--accent,var(--yellow));font-size:13.5px;font-weight:700}.inquiry{background:linear-gradient(180deg,var(--navy-800)0%,var(--navy-900)100%)}.inquiry-grid{display:grid;grid-template-columns:1fr 1.1fr;align-items: start;gap:clamp(36px,5vw,72px)}@media (max-width:900px){.inquiry-grid{grid-template-columns:1fr}}.inquiry-pitch .section-title{font-size:clamp(36px,5.2vw,60px)}.value-stack{list-style:none;display:grid;gap:14px;margin:28px 0 0;padding:0}.value-stack li{display:flex;font-family:var(--font-mono);color:var(--paper);align-items: flex-start;gap:14px;font-size:15px}.value-stack .check{border:2px solid var(--navy-900);background:var(--yellow);color:var(--navy-900);display:grid;font-family:var(--font-pixel);border-radius:6px;flex:0 0 26px;place-items: center;width:26px;height:26px;font-size:12px}.risk-reversal{font-family:var(--font-pixel);letter-spacing:.12em;color:var(--sky);text-transform:uppercase;margin-top:28px;font-size:11px}.form-card{background:var(--paper);color:var(--ink);border:3px solid var(--navy-900);border-radius:var(--radius-lg);box-shadow:10px 10px 0 var(--yellow);position:relative;padding:clamp(24px,3vw,40px)}.form-card:before{content:"INQUIRY.SYS";position:absolute;background:var(--navy-900);color:var(--yellow);font-family:var(--font-pixel);letter-spacing:.14em;border:2px solid var(--yellow);border-radius:4px;padding:5px 10px;font-size:11px;top:-14px;left:24px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width:600px){.form-row{grid-template-columns:1fr}}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.field label{font-family:var(--font-pixel);letter-spacing:.12em;color:var(--ink-soft);text-transform:uppercase;font-size:11px}.field input,.field textarea{font:inherit;font-family:var(--font-mono);color:var(--ink);border:2px solid var(--navy-700);outline:none;background:#fff;border-radius:8px;width:100%;padding:12px 14px;transition:border-color .15s,box-shadow .15s;font-size:15px}.field input:focus,.field textarea:focus{border-color:var(--orange);box-shadow:0 0 0 3px #ff8a3d40}.field textarea{resize:vertical;min-height:130px}.field .optional{font-family:var(--font-mono);color:#1f2a4d8c;letter-spacing:0;text-transform:none;margin-left:8px;font-size:10px;font-weight:400}.form-foot{display:grid;gap:12px;margin-top:8px}.form-msg{font-family:var(--font-mono);border:2px solid;border-radius:8px;padding:10px 12px;font-size:13px}.form-msg.ok{color:#2c5400;background:#e9f7d8;border-color:#6aa128}.form-msg.err{color:#8a1a0d;border-color:var(--red);background:#ffe2dd}.captcha-note{font-family:var(--font-mono);color:#1f2a4d99;text-align:center;margin:4px 0 0;font-size:11px}.captcha-note a{color:var(--ink-soft);text-decoration:underline}.footer{border-top:1px solid var(--navy-line);background:var(--navy-900);padding-block-start:40px;padding-block-end:40px}.footer-inner{display:flex;flex-wrap:wrap;justify-content:space-between;align-items: center;gap:24px}.footer-brand{display:flex;font-family:var(--font-hero);letter-spacing:.01em;color:var(--yellow);align-items: center;gap:12px;font-size:20px}.footer-brand img{image-rendering:pixelated;width:36px;height:36px}.footer-text{font-family:var(--font-mono);color:#f3ecd699;font-size:12.5px}.footer-link{font-family:var(--font-mono);color:var(--paper);font-size:13px}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}