:root{color-scheme:dark;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:#060810;color:#f5f5f5;--bg: #060810;--surface: rgba(15, 23, 42, .95);--surface-strong: #0e1727;--border: rgba(255, 255, 255, .08);--muted: rgba(255, 255, 255, .72);--muted-strong: rgba(255, 255, 255, .5);--gold: #f59e0b;--gold-soft: #fcd34d;--text: #f5f5f5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,rgba(245,158,11,.1),transparent 28%),linear-gradient(180deg,#060810,#02040a);color:var(--text)}button,input,textarea{font:inherit}a{color:inherit;text-decoration:none}.page-shell{max-width:1240px;margin:0 auto;padding:22px 24px 48px}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 18px 14px;background:#060810d6;border:1px solid rgba(255,255,255,.05);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:18px}.brand-row{display:inline-flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.06em}.brand-logo{font-size:1.05rem}.brand-pill{padding:6px 12px;border-radius:999px;background:#f59e0b1f;color:var(--gold);font-size:.8rem;font-family:Courier New,Courier,monospace}.site-nav{display:flex;flex-wrap:wrap;gap:18px;font-size:.95rem;color:var(--muted)}.site-nav a:hover{color:var(--text)}.hero-section,.section-block{margin-top:48px;padding:42px 0}.hero-section{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.95fr);gap:32px;align-items:center}.hero-copy{max-width:640px}.eyebrow,.section-heading span,.info-eyebrow{display:inline-block;text-transform:uppercase;letter-spacing:.25em;font-size:.7rem;color:#f59e0be0;margin-bottom:18px}.hero-copy h1,.section-heading h2{margin:0;font-size:clamp(2.75rem,4vw,4.4rem);line-height:1.02;letter-spacing:-.04em}.hero-copy p,.section-heading+p,.hero-card-copy p,.project-footer p,.contact-info p,.feature-grid p,.project-card p,.service-card p{margin:22px 0 0;max-width:680px;line-height:1.75;color:var(--muted-strong)}.hero-actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:14px 24px;transition:transform .2s ease,background .2s ease,color .2s ease;font-weight:700}.button:hover{transform:translateY(-1px)}.button-primary{background:linear-gradient(135deg,var(--gold),#d97706);color:#060810}.button-secondary{background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:var(--text)}.hero-metrics{display:flex;flex-wrap:wrap;gap:22px;margin-top:40px}.hero-metrics div{min-width:150px}.hero-metrics strong{display:block;font-size:2rem;color:var(--gold)}.hero-metrics span{display:block;margin-top:8px;color:var(--muted);font-size:.93rem}.hero-visual{display:flex;justify-content:center}.hero-card{width:min(100%,460px);padding:32px;border:1px solid rgba(255,255,255,.08);border-radius:32px;background:#090c16db;box-shadow:0 24px 80px #00000040;position:relative}.brand-mark{width:100%;max-width:360px;height:auto;display:block;margin:0 auto}.hero-card-copy{margin-top:24px;text-align:center}.hero-card-label{display:block;color:var(--gold);letter-spacing:.18em;font-size:.78rem;margin-bottom:10px}.section-heading{max-width:760px}.section-heading h2{font-size:clamp(2rem,3vw,3rem)}.card-grid,.project-grid,.feature-grid,.contact-grid{display:grid;gap:24px}.card-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:32px}.service-card,.project-card,.card-panel{padding:28px;border-radius:28px;background:#0f172af5;border:1px solid rgba(255,255,255,.08)}.service-card h3,.project-card h3,.feature-grid h3{margin:0 0 16px;font-size:1.35rem}.project-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-top:32px}.project-tag{display:inline-flex;align-items:center;padding:8px 14px;border-radius:999px;font-size:.82rem;background:#f59e0b24;color:var(--gold);font-family:Courier New,Courier,monospace}.project-footer{margin-top:28px;color:var(--muted);font-size:.95rem}.side-panel{max-width:580px}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-top:32px}.feature-grid article{padding:26px;border-radius:24px;background:#090c16e0;border:1px solid rgba(255,255,255,.06)}.feature-grid h3{margin:0 0 12px}.contact-grid{grid-template-columns:1.1fr 1.3fr;margin-top:32px}.card-panel{display:flex;flex-direction:column;gap:20px}.contact-info a{display:inline-block;margin-top:6px;color:var(--text)}.contact-info strong{display:block;color:var(--gold);margin-bottom:8px}.social-links{display:flex;flex-wrap:wrap;gap:14px;margin-top:12px}.social-links a{color:var(--muted);font-size:.94rem}.contact-form label{display:grid;gap:10px;margin-bottom:18px;color:var(--muted);font-size:.95rem}.contact-form input,.contact-form textarea{width:100%;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:18px;color:var(--text);padding:14px 16px;outline:none}.contact-form input:focus,.contact-form textarea:focus{border-color:#f59e0be6;box-shadow:0 0 0 4px #f59e0b17}.form-feedback{margin-top:18px;font-weight:600}.feedback-success{color:#a8ff81}.feedback-error{color:#ff9aa3}.site-footer{margin-top:54px;padding-top:32px;border-top:1px solid rgba(255,255,255,.05);color:#ffffff73;display:flex;flex-direction:column;gap:8px;font-size:.92rem}.section-alt{background:#ffffff05;border-radius:32px;padding:42px 34px}@media (max-width: 980px){.hero-section,.contact-grid{grid-template-columns:1fr}.page-shell{padding:20px 18px 34px}}@media (max-width: 720px){.site-header{flex-direction:column;align-items:flex-start}.site-nav{gap:12px}.hero-copy h1,.section-heading h2{font-size:clamp(2rem,8vw,3rem)}.hero-actions,.hero-metrics{flex-direction:column}.contact-form,.contact-info{width:100%}}
