:root{--bg:#0b1416;--bg-soft:#132126;--surface:#0a1c1fc7;--surface-strong:#0d2226f2;--card:#f4ecdc14;--card-strong:#f4ecdc1f;--text:#f4ecdc;--muted:#c7c1b3;--accent:#f3a65a;--accent-deep:#da7b1d;--line:#f4ecdc29;--shadow:0 24px 80px #00000052}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;color:var(--text);background:radial-gradient(circle at 0 0,#f3a65a26,#0000 32%),radial-gradient(circle at 100% 0,#518f8e38,#0000 28%),linear-gradient(160deg,#081012 0%,#0f1f23 45%,#12292d 100%);margin:0;font-family:Manrope,Segoe UI,sans-serif}img{max-width:100%;display:block}button,a{transition:transform .18s,background-color .18s,border-color .18s,color .18s,opacity .18s}a{color:inherit;text-decoration:none}.page-shell{position:relative;overflow:hidden}.ambient{z-index:0;filter:blur(40px);opacity:.28;pointer-events:none;border-radius:50%;width:28rem;height:28rem;position:fixed}.ambient-left{background:#f3a65a;top:-10rem;left:-10rem}.ambient-right{background:#4d8e8a;top:24rem;right:-8rem}.topbar,main,.footer{z-index:1;position:relative}.topbar{justify-content:space-between;align-items:center;gap:1rem;width:min(1180px,100% - 2rem);margin:0 auto;padding:1.5rem 0 0;display:flex}.brand,.hero h1,.section-heading h2,.capability-card h3,.solution-copy h3,.cta-panel h2{font-family:Syne,Arial Black,sans-serif}.brand{letter-spacing:.08em;text-transform:uppercase;font-size:1.2rem}.nav{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.nav a{color:var(--muted);font-size:.95rem}.nav a:hover,.contact-value:hover{color:var(--accent)}main{width:min(1180px,100% - 2rem);margin:0 auto;padding-bottom:4rem}.hero{grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);align-items:stretch;gap:2rem;min-height:calc(100vh - 7rem);padding:4.5rem 0 3rem;display:grid}.hero-copy,.hero-panel,.section,.footer{animation:.72s both fade-up}.reveal-delay-1{animation-delay:.12s}.eyebrow{border:1px solid var(--line);color:#ffe1bf;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;margin-bottom:1rem;padding:.35rem .7rem;font-size:.82rem;display:inline-flex}.hero h1{max-width:11ch;margin:0;font-size:clamp(3.4rem,8vw,6.6rem);line-height:.94}.hero-text,.about-card p,.capability-card p,.solution-copy p,.cta-panel p,.contact-card p,.footer p{color:var(--muted)}.hero-text{max-width:38rem;margin:1.5rem 0 0;font-size:1.08rem}.hero-actions{flex-wrap:wrap;gap:1rem;margin-top:2rem;display:flex}.button{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-height:3.25rem;padding:.85rem 1.35rem;font-weight:700;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-primary{background:linear-gradient(135deg, var(--accent), #ffc785);color:#221207;box-shadow:0 16px 40px #da7b1d4d}.button-secondary{border-color:var(--line);background:#ffffff05}.hero-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:2.5rem;display:grid}.hero-stats div,.hero-panel-card,.about-card,.capability-card,.solution-card,.cta-panel,.contact-card,.contact-visual{border:1px solid var(--line);background:var(--surface);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow)}.hero-stats div{border-radius:1.4rem;padding:1rem}.hero-stats strong,.contact-value{color:var(--text);font-size:1.2rem;font-weight:800;display:block}.hero-stats span{color:var(--muted);margin-top:.35rem;font-size:.92rem;display:block}.hero-panel{display:flex}.hero-panel-card{background:linear-gradient(180deg, #ffffff14, #ffffff05), var(--surface-strong);border-radius:2rem;flex-direction:column;justify-content:space-between;width:100%;padding:1.5rem;display:flex}.panel-label,.card-index,.contact-label{color:#ffd6ab;letter-spacing:.08em;text-transform:uppercase;font-size:.82rem}.panel-copy{color:var(--muted);margin:.5rem 0 1.5rem;line-height:1.7}.hero-panel-card img{width:min(100%,26rem);margin:0 auto}.section{padding:2rem 0 1rem}.section-dark{padding-top:1rem}.section-heading{flex-direction:column;gap:.4rem;margin-bottom:1.6rem;display:flex}.section-heading h2{max-width:16ch;margin:0;font-size:clamp(2rem,4vw,3.2rem);line-height:1.05}.about-grid,.contact-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.4rem;display:grid}.about-card,.contact-card,.contact-visual,.capability-card,.solution-card,.cta-panel{border-radius:1.8rem}.about-card{padding:1.5rem}.about-card-image{padding:0;overflow:hidden}.about-card-image img{object-fit:cover;width:100%;height:100%;min-height:20rem}.principles{gap:.75rem;margin:1.5rem 0 0;padding:0;list-style:none;display:grid}.principles li{background:var(--card);color:var(--text);border-radius:1rem;padding:.95rem 1rem}.capability-grid,.solution-grid,.contact-cards{gap:1.2rem;display:grid}.capability-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.capability-card,.contact-card{padding:1.4rem}.capability-card{animation:.72s both fade-up}.capability-card h3,.solution-copy h3{margin:.85rem 0 .7rem;font-size:1.4rem}.solution-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.solution-card{overflow:hidden}.solution-card:hover{border-color:#f3a65a73;transform:translateY(-4px)}.solution-image-wrap{overflow:hidden}.solution-image{object-fit:cover;width:100%;height:19rem}.solution-copy{padding:1.4rem}.solution-link{color:#ffe1bf;margin-top:1rem;font-weight:700;display:inline-flex}.cta{padding-top:3rem}.cta-panel{background:linear-gradient(135deg, #f3a65a29, #4d8e8a33), var(--surface-strong);padding:2rem}.cta-panel h2{max-width:12ch;margin:.5rem 0 0;font-size:clamp(2rem,4vw,3.3rem)}.contact-layout{align-items:stretch}.contact-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-value{margin:.65rem 0 .55rem}.contact-visual{justify-content:center;align-items:center;min-height:100%;padding:1rem;display:flex}.contact-visual img{width:min(100%,22rem)}.footer{width:min(1180px,100% - 2rem);margin:0 auto;padding:0 0 3rem}.footer p{border-top:1px solid var(--line);margin:0;padding-top:1.5rem}@keyframes fade-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (width<=980px){.hero,.about-grid,.contact-layout,.capability-grid,.solution-grid,.contact-cards{grid-template-columns:1fr}.hero{min-height:auto;padding-top:3rem}.section-heading h2,.cta-panel h2{max-width:none}}@media (width<=720px){.topbar{flex-direction:column;align-items:flex-start;padding-top:1rem}.nav{gap:.75rem}.hero h1{max-width:none;font-size:clamp(2.8rem,16vw,4rem)}.hero-stats{grid-template-columns:1fr}.button{width:100%}.about-card,.capability-card,.solution-copy,.cta-panel,.contact-card{padding:1.2rem}}
