:root{color-scheme:dark;color:#f7f7f7;background:#05070d;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;font-size:16px;line-height:1.6}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:radial-gradient(circle at top,rgba(97,175,255,.12),transparent 36%),radial-gradient(circle at 80% 10%,rgba(53,218,198,.12),transparent 28%),linear-gradient(180deg,#05070d,#03040a);color:#eef2ff}a{color:inherit;text-decoration:none}button,a,input,textarea{font:inherit}.page-shell{min-height:100vh}.navbar{position:sticky;top:0;z-index:20;width:100%;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);transition:backdrop-filter .22s ease,background-color .22s ease,border-color .22s ease;background-color:#0f172a2e;border-bottom:1px solid rgba(255,255,255,.08);color:#f8fafc}.navbar-blur{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background-color:#0f172a59}.navbar-inner{max-width:1120px;margin:0 auto;padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{display:inline-flex;align-items:center;gap:.75rem}.brand-logo{width:3.4rem;height:3.4rem;object-fit:contain}.brand-text{font-size:1.05rem;font-weight:600;letter-spacing:.02em;color:#f8fafc}.nav-actions{display:flex;align-items:center;gap:1rem}.nav-link{color:#f8fafcf2;transition:color .15s ease}.nav-link:hover{color:#7dd3fc}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:999px;padding:.85rem 1.45rem;font-weight:600;border:1px solid transparent;transition:transform .18s ease,background-color .18s ease,border-color .18s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,#7dd3fc,#22d3ee);color:#05070d}.btn-secondary{background:#ffffff14;color:#f8fafc;border-color:#ffffff24}.section{padding:5rem 1.5rem}.section-alt{background:#ffffff06}.section-large{min-height:calc(100vh - 88px);display:grid;place-items:center}.hero-section{background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;color:#f8fafc}.hero-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#05070d3d,#05070db8);pointer-events:none}.hero-section .container-grid{position:relative;z-index:1}.hero-section h1,.hero-section p,.hero-section .eyebrow{color:#f8fafc}.section-sm{padding-top:4rem;padding-bottom:4rem}.container,.container-grid{max-width:1120px;margin:0 auto}.section-heading{margin-bottom:2rem}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:#67e8f9;font-size:.8rem;margin-bottom:.75rem}h1,h2,h3{margin:0}h1{font-size:clamp(2.25rem,3vw,3.5rem);line-height:1.05}h2{font-size:clamp(1.75rem,2.2vw,2.5rem)}h3{font-size:1.15rem}p{color:#ecf0ffd1}.grid{display:grid;gap:1.5rem}.cards-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.card{padding:1.8rem;border-radius:1.15rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.card-soft{background:#2193ff1f}.card-bordered{border-color:#6ee7b73d}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:2rem;align-items:center}.hero-section .intro-copy{max-width:620px}.hero-section p+.actions-row{margin-top:2rem}.hero-visual{display:flex;justify-content:center}.image-gallery{padding-top:4.5rem;padding-bottom:4.5rem}.gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.gallery-card{border-radius:1.5rem;overflow:hidden;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.gallery-card img{width:100%;height:100%;object-fit:cover;display:block;min-height:220px}.hero-card{width:min(100%,420px);padding:2rem;border-radius:1.5rem;background:linear-gradient(145deg,#ffffff14,#ffffff08);border:1px solid rgba(255,255,255,.08);box-shadow:0 30px 80px #00000026}.actions-row{display:flex;flex-wrap:wrap;gap:1rem}.clients-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem}.client-pill{padding:1rem 1.25rem;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;text-align:center;font-weight:600}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.feature-list{display:grid;gap:1.5rem}.social-grid{display:flex;justify-content:center;align-items:center;gap:.75rem;flex-wrap:nowrap;overflow-x:auto;padding:.25rem 0}.social-card{display:inline-flex;align-items:center;justify-content:center;width:3.4rem;height:3.4rem;padding:0;border-radius:50%;border:1px solid rgba(255,255,255,.15);background:#ffffff0d;color:inherit;transition:transform .18s ease,background-color .18s ease,border-color .18s ease}.social-card:hover{transform:translateY(-2px);background:#ffffff1f;border-color:#7dd3fc59}.social-card svg{width:1.4rem;height:1.4rem}.footer{border-top:1px solid rgba(255,255,255,.06);padding:1.25rem 1.5rem}.footer-inner{max-width:1120px;margin:0 auto;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}.about-page{min-height:100vh}.about-hero{min-height:calc(100vh - 88px);display:grid;place-items:center;text-align:center;padding:3rem 1.5rem;background:radial-gradient(circle at top,rgba(56,189,248,.14),transparent 30%),linear-gradient(180deg,#05070df2,#06090f)}.about-hero .content{max-width:760px}.about-content{padding-bottom:4.5rem}.owner-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;margin-top:1.75rem}.profile-card{display:grid;gap:1rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:1.4rem;overflow:hidden}.profile-card img{width:100%;height:280px;object-fit:cover;display:block}.profile-copy{padding:1.5rem}.profile-copy h3{margin-bottom:.75rem;font-size:1rem}.profile-name{margin:0;font-size:1.1rem;font-weight:700;color:#f8fafc}.profile-role{margin:.5rem 0 1rem;color:#ecf0ffb8}.container-grid{max-width:980px}.back-link{text-align:center;padding-bottom:3rem}.back-link a{color:#7dd3fc}@media (max-width: 860px){.navbar-inner,.container,.container-grid,.footer-inner{padding-left:1rem;padding-right:1rem}.hero-grid,.two-column{grid-template-columns:1fr}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 600px){.navbar-inner{flex-direction:column;align-items:stretch}.nav-actions{justify-content:center}.section{padding:3rem 1rem}.hero-card{padding:1.75rem}.gallery-grid{grid-template-columns:1fr}}