:root{--color-bg: #050509;--color-bg-alt: #0d0d15;--color-surface: #11111c;--color-surface-soft: #181824;--color-border-subtle: rgba(255, 255, 255, .06);--color-border-strong: rgba(255, 255, 255, .16);--color-text: #f5f5f7;--color-text-muted: #a0a0b5;--color-accent: #f5f26b;--color-accent-soft: rgba(245, 242, 107, .12);--radius-lg: 20px;--radius-md: 14px;--radius-pill: 999px;--shadow-soft: 0 18px 60px rgba(0, 0, 0, .65);--container-width: 1120px}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;background:radial-gradient(circle at top,#151529 0,#050509 48%,#020208);color:var(--color-text);-webkit-font-smoothing:antialiased}body.is-loading{opacity:0;transition:opacity .5s ease}body:not(.is-loading){opacity:1}a{color:inherit;text-decoration:none}button{font:inherit}.app-root{min-height:100vh;background:radial-gradient(circle at top,#18182c 0,#050509 52%,#020208);color:var(--color-text)}.nav-shell{position:fixed;inset-inline:0;top:0;z-index:40;background:radial-gradient(circle at top,#050509 0,#020208 60%);box-shadow:0 18px 40px #000000d9}.nav{display:flex;align-items:center;justify-content:space-between;max-width:var(--container-width);margin-inline:auto;padding:16px 20px}.nav-logo{border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);padding:8px 14px 8px 10px;background:radial-gradient(circle at top left,#1e1e32e6 0,#090910f2 70%);color:var(--color-text);font-size:13px;letter-spacing:.15em;text-transform:uppercase;display:inline-flex;align-items:center;gap:10px;cursor:pointer;transition:border-color .2s ease,transform .18s ease,box-shadow .18s ease;position:relative;overflow:hidden}.nav-logo:before{content:"";position:absolute;top:-80%;right:-40%;bottom:-80%;left:-40%;transform:rotate(18deg);background:linear-gradient(90deg,transparent 0%,rgba(245,242,107,.14) 35%,rgba(255,255,255,.08) 50%,rgba(245,242,107,.12) 65%,transparent 100%);opacity:0;transition:opacity .2s ease;pointer-events:none}.nav-logo:hover{border-color:var(--color-accent);transform:translateY(-1px);box-shadow:0 14px 40px #0009}.nav-logo:hover:before{opacity:1}.nav-logo-mark{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center}.nav-logo-shape{stroke:#ffffff38;fill:#06060cc7}.nav-logo-letter{fill:var(--color-accent);opacity:.98}.nav-logo-text{display:inline-flex;flex-direction:column;align-items:flex-start;gap:0;text-transform:none;letter-spacing:normal;line-height:1}.nav-logo-name{font-size:13px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.nav-links{display:flex;align-items:center;gap:14px;font-size:14px;color:var(--color-text-muted)}.nav-links a{padding:6px 10px;border-radius:999px;transition:background-color .2s ease,color .2s ease}.nav-links a:hover{background:#ffffff0a;color:var(--color-text)}.nav-cta{border-radius:var(--radius-pill);padding-inline:18px;padding-block:9px;background:linear-gradient(135deg,var(--color-accent),#ffffff);color:#11111c!important;font-size:13px;font-weight:600;border:none;cursor:pointer;box-shadow:0 16px 40px #000000d9;transition:transform .16s ease,box-shadow .16s ease}.nav-cta:hover{transform:translateY(-1px);box-shadow:0 22px 60px #000000f2}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:96px 20px 72px}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 0 0,rgba(245,242,107,.15) 0,transparent 55%),radial-gradient(circle at 100% 10%,rgba(157,123,255,.16) 0,transparent 60%);opacity:.9;pointer-events:none}.hero-content{position:relative;max-width:var(--container-width);margin-inline:auto;z-index:1}.hero-kicker{display:inline-flex;align-items:center;gap:8px;padding:4px 10px;border-radius:999px;background:#0a0a14e6;color:var(--color-text-muted);font-size:12px;border:1px solid var(--color-border-subtle)}.hero-kicker:before{content:"";width:6px;height:6px;border-radius:999px;background:var(--color-accent)}.hero-title{margin-top:18px;font-size:clamp(38px,5vw,60px);letter-spacing:-.05em}.hero-title-accent{display:block;color:var(--color-accent)}.hero-subtitle{margin-top:18px;max-width:520px;color:var(--color-text-muted);font-size:15px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.btn-primary{border-radius:var(--radius-pill);padding:11px 22px;border:none;cursor:pointer;background:linear-gradient(135deg,var(--color-accent),#ffffff);color:#11111c;font-weight:600;font-size:14px;box-shadow:0 18px 40px #000000bf;transition:transform .16s ease,box-shadow .16s ease}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 22px 60px #000000d9}.btn-secondary{border-radius:var(--radius-pill);padding:10px 20px;border:1px solid var(--color-border-subtle);cursor:pointer;background:#0c0c14f2;color:var(--color-text);font-size:14px;display:inline-flex;align-items:center;gap:8px;transition:background-color .2s ease,border-color .2s ease,transform .16s ease}.btn-secondary:after{content:"↗";font-size:12px}.btn-secondary:hover{background:#12121e;border-color:var(--color-border-strong);transform:translateY(-1px)}.hero-meta{margin-top:28px;display:flex;flex-wrap:wrap;gap:10px;font-size:12px;color:var(--color-text-muted)}.hero-meta span{padding:6px 12px;border-radius:999px;background:#0a0a12f2;border:1px solid var(--color-border-subtle)}.section{padding:80px 20px}.section-light{background:radial-gradient(circle at top,#151526 0,#050509 55%,#020208)}.section-dark{background:radial-gradient(circle at top,#050509 0,#020208 48%,#000)}.section-cta{background:linear-gradient(120deg,#f5f26b 0,#f9f5ff 35%,#070711);color:#050509}.section-inner{max-width:var(--container-width);margin-inline:auto}.section-header{max-width:640px;margin-bottom:40px}.section-kicker{font-size:12px;text-transform:uppercase;letter-spacing:.18em;color:var(--color-text-muted)}.section-title{margin-top:10px;font-size:26px;letter-spacing:-.04em}.section-subtitle{margin-top:12px;color:var(--color-text-muted);font-size:14px}.cards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card{border-radius:var(--radius-lg);padding:20px 20px 22px;background:linear-gradient(145deg,#0c0c16f0,#07070efa);border:1px solid var(--color-border-subtle);box-shadow:0 18px 45px #000000b3;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}.service-card:hover,.method-card:hover{transform:translateY(-6px);border-color:var(--color-border-strong);box-shadow:0 24px 60px #000000e6}.card-title{font-size:16px;margin-bottom:4px}.card-body{font-size:14px;color:var(--color-text-muted)}.method-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.method-card{background:linear-gradient(150deg,#0c0c16f7,#141424fa)}.method-label{font-size:11px;text-transform:uppercase;letter-spacing:.18em;color:var(--color-text-muted);margin-bottom:14px}.portfolio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.portfolio-card{border-radius:var(--radius-lg);overflow:hidden;background:radial-gradient(circle at top,#232345 0,#050509 60%);border:1px solid var(--color-border-subtle);cursor:pointer;box-shadow:var(--shadow-soft);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.portfolio-thumbnail{position:relative;height:190px;overflow:hidden}.portfolio-thumbnail img{width:100%;height:100%;object-fit:cover;transform:scale(1.02);transition:transform .35s ease}.portfolio-tag{position:absolute;inset:14px 14px auto auto;padding:6px 12px;border-radius:999px;font-size:11px;background:#040408e6;border:1px solid rgba(255,255,255,.2)}.portfolio-info{padding:16px 18px 18px}.portfolio-title{font-size:15px;margin-bottom:4px}.portfolio-meta{font-size:13px;color:var(--color-text-muted)}.portfolio-card:hover{transform:translateY(-6px);border-color:#ffffff40;box-shadow:0 26px 70px #000000e6}.portfolio-card:hover .portfolio-thumbnail img{transform:scale(1.07)}.cta-inner{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:26px;align-items:flex-start}.cta-copy .section-subtitle{color:#0f0f14cc}.cta-button{margin-top:18px}.cta-panel{border-radius:18px;padding:18px 18px 16px;background:#04040af0;color:var(--color-text);border:1px solid rgba(255,255,255,.06);box-shadow:0 18px 45px #000000b3;font-size:13px}.cta-label{font-size:11px;letter-spacing:.17em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:10px}.cta-line{display:flex;justify-content:space-between;gap:12px;padding-block:6px;border-top:1px solid rgba(255,255,255,.06)}.cta-line:first-of-type{border-top:none}.cta-line-label{color:var(--color-text-muted)}.cta-line a{color:var(--color-accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.footer{padding:28px 20px 32px;background:#020208;border-top:1px solid rgba(255,255,255,.06)}.footer-inner{max-width:var(--container-width);margin-inline:auto;display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;font-size:12px;color:var(--color-text-muted)}.footer-brand{font-size:13px;color:var(--color-text)}.footer-meta{text-align:right}.footer-links a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#03030ad1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:flex;align-items:center;justify-content:center;z-index:50;padding:16px}.modal-panel{width:100%;max-width:520px;border-radius:22px;background:radial-gradient(circle at top,#151528 0,#050509 60%);border:1px solid rgba(255,255,255,.12);box-shadow:0 26px 80px #000000f2;padding:22px 22px 20px}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.modal-header h2{font-size:20px;letter-spacing:-.04em}.modal-close{border:none;background:#0a0a14e6;color:var(--color-text-muted);border-radius:999px;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.modal-subtitle{margin-top:8px;font-size:13px;color:var(--color-text-muted)}.modal-form{margin-top:18px;display:flex;flex-direction:column;gap:10px}.form-row{display:flex;flex-direction:column;gap:4px;font-size:13px}.form-row label{color:var(--color-text-muted)}.form-row input,.form-row select,.form-row textarea{border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#080812f5;color:var(--color-text);padding:8px 10px;font-size:13px}.form-row textarea{resize:vertical;min-height:90px}.form-row input::placeholder,.form-row textarea::placeholder{color:#a0a0b5b3}.form-footer{display:flex;gap:10px;margin-top:10px;justify-content:flex-end}.btn-ghost{border-radius:var(--radius-pill);padding:10px 18px;border:1px solid rgba(255,255,255,.16);background:transparent;color:var(--color-text-muted);font-size:13px;cursor:pointer}[data-reveal]{opacity:0;transform:translateY(16px);transition:opacity .45s ease,transform .45s ease}[data-reveal=in]{opacity:1;transform:translateY(0)}@media(max-width:960px){.nav{padding-inline:16px}.nav-links{gap:8px;font-size:13px}.cards-grid,.method-grid,.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cta-inner{grid-template-columns:minmax(0,1fr)}}@media(max-width:720px){.nav{padding-inline:14px}.nav-links{display:none}.hero{padding-top:92px}.section-header{margin-bottom:26px}.cards-grid,.method-grid,.portfolio-grid{grid-template-columns:minmax(0,1fr)}.cta-panel{font-size:12px}.cta-line{flex-direction:column;align-items:flex-start}.footer-inner{flex-direction:column;text-align:left}}