:root{--color-accent-100:#0e3a40;--color-accent-200:#0f525c;--color-accent-300:#4df0ff;--color-accent-400:#2ce0f0;--color-accent-50:#082429;--color-accent-500:#14c8dd;--color-accent-600:#0aa0b4;--color-accent-700:#0b7f90;--color-accent-800:#0a5f6c;--color-accent-900:#084750;--color-accent-950:#042f35;--color-neutral-100:#1b1928;--color-neutral-200:#242136;--color-neutral-300:#322e49;--color-neutral-400:#4a4566;--color-neutral-50:#14121d;--color-neutral-500:#6f6a8a;--color-neutral-600:#62666f;--color-neutral-700:#b0abc4;--color-neutral-800:#d4d0e0;--color-neutral-900:#eceaf4;--color-neutral-950:#f6f5fa;--color-neutral-ink:#eceaf4;--color-neutral-white:#ffffff;--color-primary-100:#3a0e2f;--color-primary-200:#4d133e;--color-primary-300:#ff4fd8;--color-primary-400:#e93fc4;--color-primary-50:#2a0a22;--color-primary-500:#d12bab;--color-primary-600:#c91d92;--color-primary-700:#cc2b96;--color-primary-800:#8c1a68;--color-primary-900:#3d0f30;--color-primary-950:#2d0820;--font-heading:'Avenir Next', system-ui, -apple-system, sans-serif;--font-sans:system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;--space-2xl:128px;--space-lg:32px;--space-md:16px;--space-sm:8px;--space-xl:64px;--space-xs:4px;--radius-lg:6px;--radius-md:4px;--radius-pill:999px;--radius-sm:2px;}
 *{ box-sizing: border-box;} body{ margin: 0; font-family: var(--font-sans); color: #d8d8e8; background: radial-gradient(1100px 480px at 78% -8%, rgba(192, 29, 146, .16), transparent 70%), radial-gradient(900px 420px at 8% 4%, rgba(0, 229, 255, .08), transparent 70%), #0a0a12; line-height: 1.6;} body::after{ content: ""; position: fixed; inset: 0; pointer-events: none; z-index: 9999; background: repeating-linear-gradient(0deg, rgba(0, 0, 0, .14) 0 1px, transparent 1px 3px);} ::selection{ background: var(--color-accent-400); color: #0a0a12;} img{ max-width: 100%; height: auto;} a{ color: var(--color-primary-300);} a:hover{ color: var(--color-accent-400); text-shadow: 0 0 8px rgba(0, 229, 255, .55);} .muted{ color: var(--color-neutral-500);} .site-main{ min-height: 60vh;} .section{ padding-top: var(--space-lg); padding-bottom: var(--space-lg);} .section--bg-subtle{ background: #12121c;} .section--bg-primary{ background: #1b0f26;} .section--bg-strong{ background: var(--color-primary-700); color: #ffffff; box-shadow: inset 0 0 60px rgba(0, 0, 0, .45);} .section--bg-strong a{ color: var(--color-accent-400);} .section--pad-sm{ padding-top: var(--space-md); padding-bottom: var(--space-md);} .section--pad-md{ padding-top: var(--space-lg); padding-bottom: var(--space-lg);} .section--pad-lg{ padding-top: var(--space-xl); padding-bottom: var(--space-xl);} .container{ width: 100%; max-width: none; margin: 0 auto; padding-left: var(--space-md); padding-right: var(--space-md);} .container--narrow{ max-width: none;} .container--wide{ max-width: none;} .container--full{ max-width: none;} .rich-text{ max-width: none;} .grid{ display: grid;} .cols-1{ grid-template-columns: 1fr;} .cols-2{ grid-template-columns: repeat(2, 1fr);} .cols-3{ grid-template-columns: repeat(3, 1fr);} .cols-4{ grid-template-columns: repeat(4, 1fr);} .cols-5{ grid-template-columns: repeat(5, 1fr);} .cols-6{ grid-template-columns: repeat(6, 1fr);} .gap-none{ gap: 0;} .gap-sm{ gap: var(--space-sm);} .gap-md{ gap: var(--space-md);} .gap-lg{ gap: var(--space-lg);} .stack{ display: flex; flex-direction: column;} .align-start{ align-items: flex-start;} .align-center{ align-items: center;} .align-end{ align-items: flex-end;} .align-stretch{ align-items: stretch;} .heading{ font-family: var(--font-heading); line-height: 1.2; margin: 0 0 var(--space-md); font-weight: 700; letter-spacing: .01em;} .heading--h1{ font-size: 2.6rem;} .heading--h2{ font-size: 2rem;} .heading--h3{ font-size: 1.5rem;} .heading--h4{ font-size: 1.2rem;} .heading--h5{ font-size: 1rem;} .heading--h6{ font-size: .85rem; text-transform: uppercase; letter-spacing: .14em; color: var(--color-accent-400);} .align-left{ text-align: left;} .align-center{ text-align: center;} .align-right{ text-align: right;} .rich-text p{ margin: 0 0 var(--space-md);} .rich-text h3{ font-size: 1.4rem; margin: var(--space-lg) 0 var(--space-sm);} .rich-text h4{ font-size: 1.1rem; margin: var(--space-md) 0 var(--space-sm);} .rich-text blockquote{ margin: var(--space-md) 0; padding: var(--space-sm) var(--space-md); border-left: 3px solid var(--color-primary-500); background: rgba(233, 54, 184, .06); color: var(--color-neutral-400);} .rich-text code{ font-family: var(--font-sans); background: #17172a; color: var(--color-accent-400); padding: 2px 6px; border: 1px solid #2e2e40; border-radius: var(--radius-sm);} .rich-text pre{ background: #0d0d18; padding: var(--space-md); border: 1px solid #2e2e40; border-radius: var(--radius-md); overflow-x: auto;} .rich-text pre code{ background: none; border: 0; padding: 0;} .btn{ display: inline-block; padding: 10px 22px; border-radius: var(--radius-pill); font-family: var(--font-heading); font-weight: 700; text-transform: uppercase; letter-spacing: .08em; text-decoration: none; border: 1px solid transparent;} .btn--primary{ background: var(--color-primary-600); color: #ffffff; box-shadow: 0 0 12px rgba(192, 29, 146, .45);} .btn--primary:hover{ background: var(--color-primary-700); color: #ffffff; box-shadow: 0 0 18px rgba(233, 54, 184, .6);} .btn--secondary{ border-color: var(--color-accent-500); color: var(--color-accent-400); background: transparent;} .btn--secondary:hover{ background: rgba(0, 229, 255, .08); box-shadow: 0 0 12px rgba(0, 229, 255, .35);} .btn--ghost{ color: var(--color-accent-400);} .btn--ghost:hover{ background: rgba(0, 229, 255, .08);} .btn-row{ margin: 0;} .card{ display: block; border: 1px solid #2e2e40; border-radius: var(--radius-lg); overflow: hidden; background: #12121c; text-decoration: none; color: inherit;} .card--link:hover{ border-color: var(--color-accent-500); box-shadow: 0 0 14px rgba(0, 229, 255, .3);} .card img{ display: block; width: 100%;} .card-body{ padding: var(--space-md);} .card-title{ font-family: var(--font-heading); margin: 0 0 var(--space-sm); font-size: 1.15rem; color: #f0f0f8;} .card-footer{ color: var(--color-accent-400); font-weight: 700; margin: var(--space-sm) 0 0;} .hero{ position: relative; display: flex; align-items: center; background: var(--color-primary-900) center / cover no-repeat; color: #ffffff;} .hero::before{ content: ""; position: absolute; inset: 0; background: linear-gradient(100deg, rgba(24, 8, 30, .94), rgba(10, 10, 18, .6));} .hero--sm{ min-height: 40vh;} .hero--md{ min-height: 60vh;} .hero--lg{ min-height: 80vh;} .hero-inner{ position: relative; width: 100%; max-width: none; margin: 0 auto; padding: var(--space-xl) var(--space-md);} .hero-title{ font-family: var(--font-heading); font-size: 3rem; line-height: 1.1; margin: 0 0 var(--space-md); text-shadow: 0 0 18px rgba(0, 229, 255, .5), 0 0 42px rgba(233, 54, 184, .35);} .hero-subtitle{ font-size: 1.2rem; max-width: 42rem; margin: 0 0 var(--space-md); color: var(--color-neutral-800);} .image-frame{ margin: 0;} .image-frame img{ border-radius: var(--radius-md); display: block;} .image-caption{ font-size: .9rem; color: var(--color-neutral-500); margin-top: var(--space-sm);} .video-frame{ margin: 0;} .video-frame iframe, .video-frame video{ display: block; width: 100%; aspect-ratio: 16 / 9; border-radius: var(--radius-md); background: #08080e; border: 1px solid #2e2e40;} .video-caption{ font-size: .9rem; color: var(--color-neutral-500); margin-top: var(--space-sm);} .divider{ border: 0; border-top: 1px dashed #2e2e40; margin: var(--space-lg) 0;} .spacer{ width: 100%;} .spacer--sm{ height: var(--space-sm);} .spacer--md{ height: var(--space-md);} .spacer--lg{ height: var(--space-lg);} .spacer--xl{ height: var(--space-xl);} .site-header{ background: rgba(8, 8, 14, .92); border-bottom: 1px solid var(--color-accent-800); box-shadow: 0 0 14px rgba(0, 229, 255, .18);} .site-header-inner{ display: flex; align-items: center; gap: var(--space-lg); padding-top: var(--space-md); padding-bottom: var(--space-md); flex-wrap: wrap;} .site-header-inner > .site-brand{ flex: 0 0 auto;} .site-header-inner > nav{ flex: 1 1 0; text-align: center;} .site-header-inner > nav ul{ justify-content: center;} .site-header-pad{ flex: 0 0 auto; width: 152px;} @media (max-width: 767px){ .site-header-pad{ display: none;}} .site-brand{ font-family: var(--font-heading); font-weight: 700; font-size: 1.2rem; text-decoration: none; text-transform: uppercase; letter-spacing: .1em; color: var(--color-accent-400); text-shadow: 0 0 8px rgba(0, 229, 255, .6);} .site-nav ul{ display: flex; gap: var(--space-md); list-style: none; margin: 0; padding: 0;} .site-nav a{ text-decoration: none; color: var(--color-neutral-500); font-family: var(--font-heading); text-transform: uppercase; letter-spacing: .06em; font-size: .9rem;} .site-nav a:hover{ color: var(--color-accent-400); text-shadow: 0 0 8px rgba(0, 229, 255, .55);} .site-footer{ background: #08080e; border-top: 1px solid var(--color-accent-800); margin-top: var(--space-xl);} .site-footer-inner{ padding-top: var(--space-lg); padding-bottom: var(--space-lg);} .site-footer a{ color: var(--color-neutral-500);} .site-footer a:hover{ color: var(--color-accent-400);} .site-footer-nav ul{ display: flex; gap: var(--space-md); list-style: none; margin: 0; padding: 0; flex-wrap: wrap;} .entry-list{ list-style: none; margin: 0; padding: 0;} .entry-list-item{ margin-bottom: var(--space-lg);} .entry-title{ font-family: var(--font-heading); margin: 0 0 var(--space-xs);} .entry-title a{ text-decoration: none;} .entry-title a:hover{ text-decoration: underline;} .entry-excerpt{ color: var(--color-neutral-400); margin: 0 0 var(--space-sm);} .entry-meta{ font-size: .85rem; color: var(--color-neutral-500); font-family: var(--font-heading); text-transform: uppercase; letter-spacing: .08em;} .pagination{ display: flex; gap: var(--space-sm); list-style: none; margin: var(--space-lg) 0 0; padding: 0;} .pagination-item a{ text-decoration: none; border: 1px solid #2e2e40; padding: 4px 12px; border-radius: var(--radius-sm);} .pagination-item a:hover{ border-color: var(--color-accent-500); color: var(--color-accent-400);} .pagination-current{ border: 1px solid var(--color-primary-500); padding: 4px 12px; border-radius: var(--radius-sm); color: var(--color-primary-300);} .menu-nav{ margin: 0;} .menu{ display: flex; gap: var(--space-md); list-style: none; margin: 0; padding: 0; flex-wrap: wrap;} .menu-item a{ text-decoration: none; color: var(--color-neutral-400); font-family: var(--font-heading); text-transform: uppercase; letter-spacing: .06em; font-size: .9rem;} .menu-item a:hover{ color: var(--color-accent-400); text-shadow: 0 0 8px rgba(0, 229, 255, .55);} .form-field{ margin-bottom: var(--space-md);} .form-label{ display: block; margin-bottom: var(--space-xs); color: var(--color-neutral-400); font-family: var(--font-heading); text-transform: uppercase; letter-spacing: .06em; font-size: .85rem;} .form-input, .form-textarea{ width: 100%; padding: 8px 12px; color: #e8e8f4; background: #0d0d18; border: 1px solid #2e2e40; border-radius: var(--radius-sm);} .form-input:focus, .form-textarea:focus{ outline: none; border-color: var(--color-accent-500); box-shadow: 0 0 10px rgba(0, 229, 255, .25);} .form-textarea{ min-height: 120px; resize: vertical;} .form-actions{ margin-top: var(--space-md);} .form-honeypot{ position: absolute; left: -9999px;} .search-form{ display: flex; gap: var(--space-sm);} .search-input{ flex: 1; padding: 8px 12px; color: #e8e8f4; background: #0d0d18; border: 1px solid #2e2e40; border-radius: var(--radius-sm);} .search-input:focus{ outline: none; border-color: var(--color-accent-500); box-shadow: 0 0 10px rgba(0, 229, 255, .25);} .search-results{ list-style: none; margin: 0; padding: 0;} .search-hit{ margin-bottom: var(--space-md);} .search-hit-title{ font-family: var(--font-heading);} .search-hit-title a{ text-decoration: none;} .search-hit-title a:hover{ text-decoration: underline;} .search-hit-excerpt{ color: var(--color-neutral-400); margin: var(--space-xs) 0 0;} .thanks{ border: 1px solid var(--color-accent-800); border-radius: var(--radius-md); background: #0d0d18; padding: var(--space-lg); box-shadow: 0 0 18px rgba(0, 229, 255, .12);} .price{ font-family: var(--font-heading); font-weight: 700; color: var(--color-accent-400);} @media (max-width: 639px){ .cols-1, .cols-2, .cols-3, .cols-4, .cols-5, .cols-6{ grid-template-columns: 1fr;} .hero-title{ font-size: 2.2rem;} .heading--h1{ font-size: 2.1rem;} .heading--h2{ font-size: 1.7rem;}} @media (min-width: 640px){ .cols-md-1{ grid-template-columns: 1fr;} .cols-md-2{ grid-template-columns: repeat(2, 1fr);} .cols-md-3{ grid-template-columns: repeat(3, 1fr);} .cols-md-4{ grid-template-columns: repeat(4, 1fr);} .cols-md-5{ grid-template-columns: repeat(5, 1fr);} .cols-md-6{ grid-template-columns: repeat(6, 1fr);}} @media (min-width: 640px) and (max-width: 1023px){ .cols-lg-1, .cols-lg-2, .cols-lg-3, .cols-lg-4, .cols-lg-5, .cols-lg-6{ grid-template-columns: repeat(2, 1fr);}} @media (min-width: 1024px){ .cols-lg-1{ grid-template-columns: 1fr;} .cols-lg-2{ grid-template-columns: repeat(2, 1fr);} .cols-lg-3{ grid-template-columns: repeat(3, 1fr);} .cols-lg-4{ grid-template-columns: repeat(4, 1fr);} .cols-lg-5{ grid-template-columns: repeat(5, 1fr);} .cols-lg-6{ grid-template-columns: repeat(6, 1fr);}}