.pixel-hero{position:relative;overflow:hidden;& .pixel-scene{width:100%;max-width:var(--block-text-width);margin-inline:auto;margin-bottom:4rem;& img{width:100%;height:auto;image-rendering:pixelated;opacity:1}@media (width<=1024px){flex-shrink:1;min-height:0;margin-bottom:1rem;padding:0 1.5rem}@media (width>=2561px) and (height>=1440px){max-width:1440px}}}.typing-container{text-align:center;--text-clamp:clamp(1.25rem, 5vw, 3rem);margin-top:2rem;@media (width<=1024px){flex-shrink:1;margin-top:1rem}& .typing-animation{justify-content:center;align-items:baseline;display:flex}& .typing-text{font-family:var(--header-font);font-size:var(--text-clamp);color:var(--amber);text-shadow:var(--neon-intense);line-height:1.1}& .typing-cursor{font-family:var(--header-font);font-size:var(--text-clamp);color:#0000;margin-left:4px;line-height:1.1;position:relative}& .typing-cursor:before{content:"";background:var(--amber);box-shadow:var(--neon-intense);animation:1s infinite blink;position:absolute;inset:0 0 .18em}& .typing-subtitle{color:var(--text-dim);text-shadow:var(--neon-strong);letter-spacing:.2em;text-transform:uppercase;margin-top:1.5rem;font-size:.875rem;@media (width<=768px){font-size:.75rem}}}.scroll-indicator{color:var(--text-dim);text-transform:uppercase;letter-spacing:.2em;flex-direction:column;align-items:center;gap:8px;font-size:.625rem;animation:2s infinite bounce;display:flex;position:absolute;bottom:2rem;left:50%;transform:translate(-50%);&:after{content:"↓";font-size:1rem}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes bounce{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(10px)}}.terminal{--terminal-line-font-size:.8125rem;width:100%;max-width:var(--block-text-width);background:var(--bg-deep);border:1px solid var(--border-color);box-shadow:var(--neon-medium);position:relative;@media (width<=768px){max-width:100%}& .terminal-header{border-bottom:1px solid var(--border-color);color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.6875rem;display:flex;& .terminal-dot{width:.5rem;height:.5rem;box-shadow:0 0 .5rem var(--amber-glow-strong);border-radius:50%;&.active{background:var(--amber)}&:not(.active){border:1px solid var(--amber-dim);border-radius:50%}}}& .terminal-body{min-height:300px;padding:1.5rem;position:relative}}.terminal-line{font-size:var(--terminal-line-font-size);margin-bottom:.5rem;&.output{color:var(--text-medium);padding-left:1rem}& .prompt{color:var(--amber)}& .command{color:var(--amber-bright)}}.terminal-ascii-art{color:var(--text-amber);text-shadow:var(--neon-strong);white-space:pre;font-variant-ligatures:none;letter-spacing:0;font-feature-settings:"liga" 0;gap:2px;margin-top:1.5rem;font-family:Fira Code,monospace;font-size:.75rem;line-height:1.4;display:flex;@media (width<=768px){font-size:.4375rem}}.terminal-cursor{background:var(--amber);vertical-align:middle;width:.5rem;height:.875rem;margin-left:.25rem;animation:1s infinite terminal-cursor-blink;display:inline-block}@keyframes terminal-cursor-blink{0%,50%{opacity:1}51%,to{opacity:0}}.martin-code-terminal{& .ascii-art-intro{border:1px solid var(--amber-dark);border-radius:.25rem;align-items:center;width:fit-content;padding:1rem;display:flex;& .icon{width:1rem;height:1rem;margin-right:.75rem;& svg{width:100%;height:100%;filter:var(--neon-strong-filter);display:block}}}& .suggestion{color:var(--text-muted);font-size:.8125rem}& .interface{& .prompt{color:var(--text-brightest);font-weight:900}}}.expertise-card{text-align:center;background:var(--border-color);z-index:1;padding:3rem;position:relative;&:before{content:"";z-index:-1;background:linear-gradient(0deg, var(--bg-dark) 0%, #ffb00012 100%);width:100%;height:100%;position:absolute;inset:0}&:nth-child(2n){background:var(--bg-dark);&:before{content:"";z-index:-1;opacity:.06;background:repeating-linear-gradient(-45deg, var(--amber), var(--amber) 5px, transparent 2px, transparent 12px);width:100%;height:100%;position:absolute;inset:0}}& .card-title{font-family:var(--header-font);margin-bottom:var(--h1-margin-bottom);hyphens:auto;overflow-wrap:break-word;color:var(--text-amber);text-shadow:var(--neon-strong);font-size:2rem;font-weight:700;line-height:1.8}html.js & .card-title{visibility:hidden}html.js & .card-title.animated{visibility:visible}& .card-subtitle{letter-spacing:.15em;text-transform:uppercase;color:var(--text-dim);margin-top:.5rem}}@keyframes expertise-flash{0%{color:var(--text-amber);text-shadow:var(--neon-strong);transform:scale(1)}40%{color:#fff8e0;text-shadow:var(--neon-intense);transform:scale(1.15)}to{color:var(--text-amber);text-shadow:var(--neon-strong);transform:scale(1)}}.expertise-card .card-title.flash{animation:.6s ease-out expertise-flash}.competency-card{text-align:center;&:nth-child(2n){background:var(--bg-deep);&:after{content:"";opacity:.1;background:repeating-linear-gradient(-45deg, var(--amber), var(--amber) 2px, transparent 2px, transparent 12px);width:100%;height:100%;position:absolute;inset:0}}& .card-icon{width:4rem;height:4rem;color:var(--amber);margin:0 auto 1.25rem}& .card-title{font-family:var(--header-font);color:var(--text-amber);text-shadow:var(--neon-strong);margin-bottom:.75rem;font-size:.75rem}& .card-description{color:var(--text-medium);font-size:.875rem;line-height:1.7}}.service-card{text-align:center;flex-direction:column;height:100%;display:flex;&:after{content:"";z-index:1;background:repeating-linear-gradient(0deg, var(--amber-dark), #ffb0001a 2px, transparent 2px, transparent 8px);height:6rem;position:absolute;inset:0;mask-image:linear-gradient(#000 0%,#0000 100%)}& .card-icon{width:4rem;height:4rem;color:var(--amber);margin:0 auto 1.25rem}& .card-title{font-family:var(--header-font);color:var(--text-amber);text-shadow:var(--neon-strong);margin-bottom:.75rem;font-size:.75rem}& .card-description{color:var(--text-medium);font-size:.875rem;line-height:1.7}& .card-link{color:var(--text-amber);margin-top:auto;padding-top:1rem;font-size:.8125rem;text-decoration:none;transition:text-shadow .2s;display:inline-block;&:hover{text-shadow:var(--neon-soft)}}}.logo-row[data-astro-cid-wqhyhcgq]{overflow:hidden;mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.logo-track[data-astro-cid-wqhyhcgq]{gap:3rem;width:max-content;display:flex}.logo-track[data-astro-cid-wqhyhcgq].marquee-left{animation:marquee-left var(--duration) linear infinite}.logo-track[data-astro-cid-wqhyhcgq].marquee-right{animation:marquee-right var(--duration) linear infinite}.logo-item[data-astro-cid-wqhyhcgq]{opacity:.5;flex-direction:column;flex-shrink:0;align-items:center;gap:.5rem;width:8rem;height:7.5rem;padding:0 1rem;transition:opacity .3s;display:flex;&:hover{opacity:1}& img{object-fit:contain;filter:grayscale()brightness(.8);flex-shrink:0;width:auto;max-width:100%;height:3rem;transition:filter .3s}&:hover img[data-astro-cid-wqhyhcgq]{filter:grayscale()brightness()}}.logo-name[data-astro-cid-wqhyhcgq]{text-transform:uppercase;letter-spacing:.05em;color:var(--amber-dim);text-align:center;overflow-wrap:break-word;hyphens:auto;-webkit-line-clamp:3;-webkit-box-orient:vertical;max-width:100%;font-size:.85rem;line-height:1.3;display:-webkit-box;overflow:hidden}@keyframes marquee-left{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes marquee-right{0%{transform:translate(-50%)}to{transform:translate(0)}}.client-logo-marquee[data-astro-cid-ppevhhg6]{margin-top:var(--page-section-padding-y);flex-direction:column;gap:1rem;display:flex;&>:nth-child(3){@media (width<=768px){display:none}}}.testimonial-card{padding:4rem;&:nth-child(2),&:nth-child(3){background:var(--bg-medium);&:after{content:"";background:linear-gradient(135deg,#0000 0%,#ffb0000d 100%);position:absolute;inset:0}}& .quote{font-family:var(--header-font);color:var(--text-dim);margin-bottom:2rem;font-size:.75rem;position:relative;&:before{content:"\"";color:var(--amber);text-shadow:var(--neon-soft);margin-right:.5rem;font-size:1.5rem;line-height:0}}& .name{letter-spacing:.1em;color:var(--amber);text-shadow:var(--neon-soft);font-size:.75rem}& .role{color:var(--text-muted);margin-top:.25rem;font-size:.6875rem}}.cta-terminal{text-align:left;& .disclaimer{text-align:center;padding:0}& .cta-ascii-art{text-shadow:none;color:var(--text-amber);background-image:linear-gradient(to right, var(--amber-dark), var(--amber) 50%, var(--amber-dark) 100%);-webkit-text-fill-color:transparent;background-clip:text;justify-content:center;font-size:.5625rem;&.mobile{display:none}@media (width<=768px){&.desktop{display:none}&.mobile{font-size:.375rem;display:flex}}}& .chat{margin-top:1rem;& .response-container{background:var(--bg-dark);border:1px solid var(--border-color);border-radius:.5rem;flex-direction:column;width:100%;height:250px;padding:1rem;display:flex;overflow-y:auto}& .chat-interface{background:var(--bg-medium);width:100%;min-height:2.5rem;font-size:var(--terminal-line-font-size);color:var(--text-amber);border-radius:.5rem;margin-top:.5rem;padding:1rem;& .next-dialogue{all:unset;cursor:pointer;opacity:.6;transition:opacity .2s;&:hover{opacity:1}}}& .chat-entry{font-size:.6875rem;&.prompt{background:var(--amber-faintest);border-radius:.5rem;align-self:flex-end;margin:.5rem 0;padding:.625rem}&.thinking,&.reasoning{color:var(--text-muted)}&.thinking{cursor:pointer;&.active .dot{animation:.9s infinite dot-glow;&:nth-child(2){animation-delay:.3s}&:nth-child(3){animation-delay:.6s}}}&.reasoning{margin-bottom:.25rem;line-height:1.3;display:none;&.expanded{display:block}}&.response{color:var(--text-medium);line-height:1.45;& h1{color:var(--text-amber);margin:.5rem 0;font-size:1.1em}& ul,& ol{margin:.25rem 0;list-style-position:inside;& li p{display:inline}}& img{filter:grayscale()sepia()saturate(3)hue-rotate(5deg)brightness(.6);mix-blend-mode:screen;max-width:100%;height:200px;margin:2rem auto 0;display:block}}}}}@keyframes dot-glow{0%,40%,to{color:var(--text-muted)}20%{color:var(--text-amber);text-shadow:0 0 4px var(--amber-brightest)}}.index-page{& .intro-section{padding:200px var(--padding-x)!important;@media (width<=768px){padding:100px var(--padding-x)!important}& .section-aside{justify-content:center;display:flex}}& .expertise-cards{grid-template-columns:repeat(4,1fr);gap:.25rem 0;display:grid;position:relative;@media (width<=1024px){grid-template-columns:repeat(2,1fr)}@media (width<=768px){grid-template-columns:1fr}&:before{content:"";z-index:2;background:linear-gradient(90deg, transparent, var(--amber), transparent);width:100%;height:2px;margin-bottom:2rem;position:absolute;top:0;left:0}}& .competency-grid{margin-top:var(--section-grid-margin-top);grid-template-columns:repeat(3,1fr);justify-content:center;gap:3rem 1.5rem;display:grid;@media (width<=1024px){grid-template-columns:repeat(2,1fr)}@media (width<=768px){grid-template-columns:1fr}}& .services-grid{margin-top:var(--section-grid-margin-top);grid-template-columns:repeat(4,1fr);justify-content:center;gap:3rem 1.5rem;display:grid;@media (width<=1024px){grid-template-columns:repeat(2,1fr)}@media (width<=768px){grid-template-columns:1fr}}& .testimonials-grid{margin-top:var(--section-grid-margin-top);background:var(--border-color);grid-template-columns:1fr 1fr;gap:2px;display:grid;@media (width<=768px){grid-template-columns:1fr}}& .cta-section{text-align:center;& .flex-wrapper{max-width:var(--block-text-width);flex-direction:column;align-items:center;gap:4rem;margin:0 auto;display:flex}& .cta-description{color:var(--text-dim);font-size:1rem;line-height:1.8}& .cta-buttons{justify-content:center;gap:1.5rem;display:flex}}}
