:root{color:#f6f4f5;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#111524;font-family:Manrope,Arial,Helvetica,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth;background:#111524}body{background:#111524;min-width:320px;min-height:100vh;margin:0}a{color:inherit}.site-shell{background:#111524;min-height:100vh}.animated-section{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(34px)}.animated-section.is-visible{opacity:1;transform:translateY(0)}.animated-section .service-card,.animated-section .portfolio-card,.animated-section .process-list li,.animated-section .hero-summary div{opacity:0;transition:opacity .62s,transform .62s,background .18s;transform:translateY(22px)}.animated-section.is-visible .service-card,.animated-section.is-visible .portfolio-card,.animated-section.is-visible .process-list li,.animated-section.is-visible .hero-summary div{opacity:1;transform:translateY(0)}.animated-section.is-visible .service-card:nth-child(2),.animated-section.is-visible .portfolio-card:nth-child(2),.animated-section.is-visible .process-list li:nth-child(2),.animated-section.is-visible .hero-summary div:nth-child(2){transition-delay:90ms}.animated-section.is-visible .service-card:nth-child(3),.animated-section.is-visible .portfolio-card:nth-child(3),.animated-section.is-visible .process-list li:nth-child(3),.animated-section.is-visible .hero-summary div:nth-child(3){transition-delay:.18s}.animated-section.is-visible .process-list li:nth-child(4){transition-delay:.27s}.site-header{z-index:20;background:#111524;border-bottom:1px solid #f54f1c;justify-content:space-between;align-items:center;gap:28px;width:min(1180px,100% - 40px);margin:0 auto;padding:22px 0;display:flex;position:sticky;top:0}.logo{color:#f6f4f5;letter-spacing:0;text-transform:uppercase;white-space:nowrap;font-size:1rem;font-weight:900;text-decoration:none}.main-nav{align-items:center;gap:clamp(16px,2.5vw,34px);display:flex}.main-nav a,.text-button{color:#f6f4f5;font-size:.95rem;font-weight:800;text-decoration:none}.main-nav a:hover,.main-nav a:focus-visible,.text-button:hover,.text-button:focus-visible{color:#f54f1c;outline:none}.hero,.section{width:min(1180px,100% - 40px);margin:0 auto}.hero{grid-template-columns:minmax(0,1fr) minmax(300px,380px);align-items:center;gap:clamp(36px,6vw,82px);min-height:calc(100vh - 77px);padding:clamp(64px,10vw,120px) 0;display:grid}.hero-inner{max-width:790px}.eyebrow,.section-label{color:#f54f1c;letter-spacing:0;text-transform:uppercase;border-left:4px solid #f54f1c;width:fit-content;margin:0 0 18px;padding-left:12px;font-size:.78rem;font-weight:900}h1,h2,h3,p{margin-top:0}h1{color:#f6f4f5;letter-spacing:0;max-width:860px;margin-bottom:28px;font-size:clamp(3rem,7vw,6.7rem);line-height:.98}h1 .accent-word{color:#f54f1c}.typewriter-title{position:relative}.typewriter-title .slogan-reserve{visibility:hidden;display:block}.typewriter-title .slogan-typed{display:block;position:absolute;inset:0}.typewriter-title .slogan-typed:after{content:"";background:#f54f1c;width:.08em;height:.78em;margin-left:.06em;animation:.76s steps(2,end) infinite cursor-blink;display:inline-block;transform:translateY(.08em)}.typewriter-title.typing-done .slogan-typed:after{content:none}h2{color:#f6f4f5;letter-spacing:0;max-width:820px;margin-bottom:18px;font-size:clamp(2rem,4.6vw,4.15rem);line-height:1.04}h3{color:#f6f4f5;letter-spacing:0;margin-bottom:14px;font-size:clamp(1.25rem,2vw,1.55rem);line-height:1.18}p{color:#f6f4f5}.hero-text,.intro-section p,.service-card p,.portfolio-card p,.process-list p,.contact-section p{font-size:clamp(1rem,1.8vw,1.15rem)}.hero-text{max-width:690px;margin-bottom:34px}.hero-actions{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.primary-button{color:#f6f4f5;background:#f54f1c;border:2px solid #f54f1c;border-radius:4px;justify-content:center;align-items:center;min-height:54px;padding:14px 24px;font-size:1rem;font-weight:900;text-decoration:none;transition:background .18s,color .18s,transform .18s;display:inline-flex}.primary-button:hover,.primary-button:focus-visible{color:#f54f1c;background:#111524;outline:none;transform:translateY(-2px)}.hero-summary{gap:14px;display:grid}.hero-summary div{border:1px solid #f54f1c;border-radius:4px;grid-template-columns:42px minmax(0,1fr);align-items:start;gap:6px 18px;padding:20px;transition:opacity .62s,transform .62s,background .18s;display:grid}.hero-summary div:hover{background:#f54f1c;transform:translateY(-3px)}.hero-summary div:hover span,.hero-summary div:hover strong,.hero-summary div:hover p{color:#f6f4f5}.hero-summary span{color:#f54f1c;grid-row:span 2;font-size:.82rem;font-weight:900;line-height:1.1}.hero-summary strong{color:#f6f4f5;font-size:1.12rem;line-height:1.2}.hero-summary p{color:#f6f4f5;margin:0;font-size:.95rem;font-weight:700}.section{padding:clamp(68px,10vw,112px) 0}.intro-section{border-top:1px solid #f54f1c;border-bottom:1px solid #f54f1c}.section-heading{margin-bottom:36px}.intro-content{max-width:760px}.service-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.service-card{background:#111524;border:1px solid #f54f1c;border-radius:4px;min-height:250px;padding:28px}.service-card:before{content:"";background:#f54f1c;width:44px;height:5px;margin-bottom:46px;display:block}.portfolio-section{border-top:1px solid #f54f1c;border-bottom:1px solid #f54f1c}.portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.portfolio-card{background:#111524;border:1px solid #f54f1c;border-radius:4px;min-height:280px;padding:28px;transition:opacity .62s,transform .62s,background .18s}.portfolio-card:hover{background:#f54f1c;transform:translateY(-4px)}.portfolio-card span{color:#f54f1c;text-transform:uppercase;margin-bottom:58px;font-size:.82rem;font-weight:900;display:block}.portfolio-card h3,.portfolio-card p{margin-bottom:0}.portfolio-card h3{margin-bottom:14px}.portfolio-card:hover span,.portfolio-card:hover h3,.portfolio-card:hover p{color:#f6f4f5}.process-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:0;padding:0;list-style:none;display:grid}.process-list li{border:1px solid #f54f1c;border-radius:4px;min-height:230px;padding:26px}.process-list strong{color:#f54f1c;margin-bottom:52px;font-size:2.15rem;line-height:1;display:block}.process-list p{margin-bottom:0;font-weight:800}.contact-section{border-top:1px solid #f54f1c;justify-items:start;padding-bottom:clamp(80px,12vw,132px);display:grid}.contact-section p:not(.section-label){max-width:650px;margin-bottom:30px}@media (width<=940px){.site-header,.hero,.section{width:min(100% - 28px,720px)}.main-nav{display:none}.hero,.intro-section{grid-template-columns:1fr}.hero{min-height:auto;padding-top:58px}.hero-summary{max-width:100%}.service-grid,.portfolio-grid,.process-list{grid-template-columns:1fr}}@media (width<=560px){.logo{white-space:normal}.hero-actions,.primary-button,.text-button{width:100%}.text-button{text-align:center}.service-card,.portfolio-card,.process-list li{min-height:auto}}@keyframes cursor-blink{0%,45%{opacity:1}46%,to{opacity:0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.animated-section,.animated-section .service-card,.animated-section .portfolio-card,.animated-section .process-list li,.animated-section .hero-summary div,.typewriter-title .slogan-typed:after,.primary-button,.hero-summary div,.portfolio-card{opacity:1;transition:none;animation:none;transform:none}}
