:root{--color-bg: #0a0a0e;--color-bg-elevated: #111118;--color-surface: #1a1a24;--color-surface-hover: #222230;--color-accent: #d4af37;--color-accent-glow: rgba(212, 175, 55, .25);--color-thread: #8ecae6;--color-thread-glow: rgba(142, 202, 230, .35);--color-text-primary: #f0ece4;--color-text-secondary: #9e9aaa;--color-text-muted: #6b6578;--font-body: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-display: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;--text-xs: clamp(.75rem, .7rem + .25vw, .875rem);--text-sm: clamp(.875rem, .8rem + .35vw, 1rem);--text-base: clamp(1rem, .9rem + .5vw, 1.125rem);--text-lg: clamp(1.125rem, 1rem + .65vw, 1.375rem);--text-xl: clamp(1.5rem, 1.25rem + 1.25vw, 2.25rem);--text-2xl: clamp(2rem, 1.5rem + 2.5vw, 3.5rem);--text-3xl: clamp(2.5rem, 1.75rem + 3.75vw, 5rem);--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 3rem;--space-xl: 5rem;--space-2xl: 8rem;--radius-sm: .375rem;--radius-md: .75rem;--radius-lg: 1.25rem;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}body{font-family:var(--font-body);font-size:var(--text-base);line-height:1.65;color:var(--color-text-primary);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;line-height:1.15;color:var(--color-text-primary);text-wrap:balance}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}p{text-wrap:pretty;max-width:65ch}a{color:var(--color-thread);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent);text-decoration:underline;text-underline-offset:.2em}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}a:focus-visible,.btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.skip-link{position:absolute;top:.5rem;left:.5rem;z-index:100;padding:.75rem 1rem;background:var(--color-bg-elevated);border:1px solid var(--color-accent);border-radius:var(--radius-sm);color:var(--color-text-primary);transform:translateY(-200%);transition:transform var(--transition-fast)}.skip-link:focus-visible{transform:translateY(0)}.container{width:100%;max-width:72rem;margin-inline:auto;padding-inline:var(--space-md)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 2rem;font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;letter-spacing:.02em;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-base),background-color var(--transition-base)}.btn:hover{transform:translateY(-1px);text-decoration:none}a.btn:hover{text-decoration:none}.btn-primary{background:linear-gradient(135deg,var(--color-accent),#b8962e);color:#0a0a0e;box-shadow:0 0 20px #d4af3726}.btn-primary:hover,a.btn-primary:hover{color:#0a0a0e;box-shadow:0 0 32px #d4af3747}.btn-secondary{background:transparent;border-color:#ffffff1f;color:var(--color-text-primary)}.btn-secondary:hover,a.btn-secondary:hover{border-color:var(--color-thread);color:var(--color-thread);box-shadow:0 0 20px var(--color-thread-glow)}.reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}.reveal.visible{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}}.site-header{position:fixed;inset:0 0 auto;z-index:50;padding-block:var(--space-sm);background:#0a0a0e99;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.04)}.site-header .container{display:flex;align-items:center;justify-content:space-between}.brand{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary);letter-spacing:.02em}.brand span{color:var(--color-accent)}.nav-links{display:none;list-style:none;gap:var(--space-md)}.nav-links a{font-size:var(--text-xs);font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary)}.nav-links a:hover{color:var(--color-text-primary);text-decoration:none}@media(min-width:768px){.nav-links{display:flex}}.hero{position:relative;display:flex;align-items:center;justify-content:center;min-height:100dvh;text-align:center;padding-block:var(--space-xl);overflow:hidden}.hero-canvas{position:absolute;inset:0;z-index:0;opacity:.7}.hero-bg{position:absolute;inset:-50px;background-image:url(/assets/images/hero-bg.webp);background-size:cover;background-position:center;opacity:.55;z-index:0}.hero-overlay{position:absolute;inset:0;background:radial-gradient(ellipse at center,#0a0a0e26,#0a0a0ea6,#0a0a0ef2);z-index:1}.hero-content{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.hero h1{max-width:14ch;text-shadow:0 2px 24px rgba(0,0,0,.5)}.hero .tagline{font-size:var(--text-lg);color:var(--color-text-secondary);max-width:36ch}.hero-cta{margin-top:var(--space-sm)}.hero-orb{position:absolute;border-radius:50%;filter:blur(100px);pointer-events:none;z-index:1;opacity:.45}.hero-orb--1{width:700px;height:700px;background:radial-gradient(circle,rgba(142,202,230,.35),transparent 70%);top:-15%;right:-10%}.hero-orb--2{width:600px;height:600px;background:radial-gradient(circle,rgba(212,175,55,.2),transparent 70%);bottom:-15%;left:-10%}.hero-orb--3{width:400px;height:400px;background:radial-gradient(circle,rgba(142,202,230,.2),transparent 70%);top:45%;left:5%}@media(prefers-reduced-motion:reduce){.hero-orb{transform:none!important}}.section{position:relative;padding-block:var(--space-2xl);overflow:hidden}.section+.section{border-top:1px solid rgba(255,255,255,.04)}.container{position:relative;z-index:2}.section-bg{position:absolute;top:-150px;bottom:-150px;left:0;width:100%;height:calc(100% + 300px);object-fit:cover;pointer-events:none;z-index:0;will-change:transform}#product .section-bg{opacity:.7}#studio .section-bg{opacity:.65}#contact .section-bg{opacity:.7}@media(max-width:768px){.section-bg{opacity:.45!important}}@media(prefers-reduced-motion:reduce){.section-bg{transform:none!important}}.glass{background:#0e0e169e;backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);border:1px solid rgba(255,255,255,.09)}.section:has(>.section-bg) .section-header{display:inline-block;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);background:#0e0e169e;backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);border:1px solid rgba(255,255,255,.09)}.section:has(>.section-bg) .section-header h2{text-shadow:0 1px 12px rgba(0,0,0,.6)}.section-header{margin-bottom:var(--space-xl)}.section-header h2{margin-bottom:var(--space-sm)}.section-header p{color:var(--color-text-secondary);max-width:55ch}.cards-grid{display:grid;gap:var(--space-md)}@media(min-width:640px){.cards-grid.cols-3{grid-template-columns:repeat(3,1fr)}.cards-grid.cols-2{grid-template-columns:repeat(2,1fr)}}.card{position:relative;background:#0e0e169e;backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);border:1px solid rgba(255,255,255,.09);border-radius:var(--radius-lg);padding:var(--space-lg) var(--space-md);transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base);z-index:2}.card:hover{transform:translateY(-4px);border-color:#ffffff14;box-shadow:0 16px 40px #00000059}.card-icon{width:2.5rem;height:2.5rem;border-radius:var(--radius-sm);background:#8ecae614;display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-sm);color:var(--color-thread)}.card-icon svg{width:1.4rem;height:1.4rem}.card h3{font-size:var(--text-lg);margin-bottom:var(--space-xs)}.card p{color:var(--color-text-secondary);font-size:var(--text-sm)}.steps{display:grid;gap:var(--space-lg);counter-reset:step}@media(min-width:640px){.steps{grid-template-columns:repeat(3,1fr)}}.step{position:relative;padding-top:var(--space-md);z-index:2}.step:before{counter-increment:step;content:counter(step);position:absolute;top:0;left:0;font-family:var(--font-display);font-size:3.5rem;font-weight:700;line-height:1;color:#8ecae61f;transform:translateY(-.35em)}.step h3{font-size:var(--text-lg);margin-bottom:var(--space-xs);padding-left:var(--space-sm)}.step p{color:var(--color-text-secondary);padding-left:var(--space-sm)}.vision-grid{display:grid;gap:var(--space-md)}@media(min-width:640px){.vision-grid{grid-template-columns:repeat(2,1fr)}}.vision-card{position:relative;background:#0e0e169e;backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);border:1px solid rgba(255,255,255,.09);border-radius:var(--radius-lg);padding:var(--space-lg);overflow:hidden;transition:transform var(--transition-base),box-shadow var(--transition-base);z-index:2}.vision-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px #00000059}.vision-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(142,202,230,.04),transparent 60%);pointer-events:none}.vision-card h3{position:relative;font-size:var(--text-lg);margin-bottom:var(--space-sm)}.vision-card p{position:relative;color:var(--color-text-secondary);font-size:var(--text-sm)}.contact-section{text-align:center;position:relative}.contact-glass{display:block;max-width:44rem;margin-inline:auto;padding:var(--space-lg) var(--space-md);border-radius:var(--radius-lg)}@media(min-width:640px){.contact-glass{padding:var(--space-lg) var(--space-xl)}}.contact-section h2{margin-bottom:var(--space-sm)}.contact-section .contact-glass>p{color:var(--color-text-secondary);max-width:55ch;margin-inline:auto;margin-bottom:var(--space-lg)}.email-display{display:inline-block;font-size:var(--text-lg);font-family:var(--font-display);color:var(--color-accent);margin-bottom:var(--space-sm);word-break:break-all}@media(min-width:640px){.email-display{font-size:var(--text-xl)}}.site-footer{padding-block:var(--space-lg);border-top:1px solid rgba(255,255,255,.04);text-align:center}.site-footer p{font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:.25rem}.site-footer a{color:var(--color-text-muted)}.site-footer a:hover{color:var(--color-thread)}.section-orb{position:absolute;border-radius:50%;filter:blur(120px);pointer-events:none;z-index:0;opacity:.35}.section-orb--cyan{width:450px;height:450px;background:radial-gradient(circle,rgba(142,202,230,.3),transparent 70%)}.section-orb--gold{width:400px;height:400px;background:radial-gradient(circle,rgba(212,175,55,.18),transparent 70%)}.section-orb--purple{width:400px;height:400px;background:radial-gradient(circle,rgba(120,90,180,.2),transparent 70%)}