:root{--bg-core: #090204;--bg-surface: #120609;--bg-card: rgba(24, 9, 14, .78);--bg-card-hover: rgba(36, 15, 22, .92);--bg-input: #0A0305;--cta-card-bg: linear-gradient(135deg, rgba(61, 12, 26, .6) 0%, rgba(18, 6, 9, .95) 100%);--border-subtle: rgba(226, 179, 138, .14);--border-medium: rgba(226, 179, 138, .28);--border-glow: rgba(226, 179, 138, .65);--text-primary: #FAF6F0;--text-secondary: #C8B9B0;--text-muted: #8E7A75;--text-accent: #E2B38A;--btn-primary-bg: linear-gradient(135deg, #E2B38A 0%, #C2956E 100%);--btn-primary-text: #090204;--accent-gold: #E2B38A;--accent-bronze: #C2956E;--accent-sage: #8CA574;--accent-plum: #3D0C1A;--accent-danger: #D96B74;--font-serif: "Cormorant Garamond", Georgia, serif;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 24px;--radius-pill: 9999px;--shadow-subtle: 0 4px 20px rgba(0, 0, 0, .4);--shadow-glow: 0 10px 40px rgba(226, 179, 138, .12);--shadow-elevated: 0 20px 50px rgba(0, 0, 0, .75);--transition-smooth: all .3s cubic-bezier(.16, 1, .3, 1)}[data-theme=light]{--bg-core: #FAF6F0;--bg-surface: #F2EAE0;--bg-card: #FFFFFF;--bg-card-hover: #FFFFFF;--bg-input: #FFFFFF;--cta-card-bg: linear-gradient(135deg, #FFFFFF 0%, #F5EDE4 100%);--border-subtle: rgba(61, 12, 26, .14);--border-medium: rgba(61, 12, 26, .24);--border-glow: rgba(184, 115, 51, .4);--text-primary: #1A040A;--text-secondary: #3D262B;--text-muted: #664E54;--text-accent: #9E4D2A;--btn-primary-bg: linear-gradient(135deg, #9E4D2A 0%, #7D381A 100%);--btn-primary-text: #FFFFFF;--accent-gold: #B87333;--accent-bronze: #8F5726;--accent-sage: #4E6838;--shadow-subtle: 0 4px 20px rgba(61, 12, 26, .06);--shadow-glow: 0 10px 30px rgba(184, 115, 51, .15);--shadow-elevated: 0 20px 50px rgba(61, 12, 26, .08)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--bg-core);color:var(--text-primary);font-family:var(--font-sans);line-height:1.6;overflow-x:hidden;min-height:100vh}h1,h2,h3,h4,.font-serif{font-family:var(--font-serif);letter-spacing:-.01em}.app-container{width:100%;max-width:1280px;margin:0 auto;padding:0 1.25rem}@media(min-width:768px){.app-container{padding:0 2.5rem}}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--btn-primary-bg);color:var(--btn-primary-text)!important;border:none;border-radius:var(--radius-pill);font-family:var(--font-sans);font-weight:600;cursor:pointer;transition:var(--transition-smooth);text-decoration:none;box-shadow:0 4px 20px #9e4d2a40;min-height:48px}.btn-primary svg{color:var(--btn-primary-text)!important;stroke:var(--btn-primary-text)!important}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #9e4d2a66;filter:brightness(1.06)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#e2b38a14;color:var(--text-primary);border:1px solid var(--border-medium);border-radius:var(--radius-pill);font-family:var(--font-sans);font-weight:500;cursor:pointer;transition:var(--transition-smooth);text-decoration:none;min-height:46px}.btn-secondary:hover{background:#e2b38a29;border-color:var(--text-accent);color:var(--text-accent)}.notes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem}@media(max-width:639px){.notes-grid{grid-template-columns:1fr;gap:1rem}.note-card{min-height:290px!important}}.note-card{position:relative;border-radius:var(--radius-lg);overflow:hidden;min-height:380px;border:1px solid var(--border-subtle);background:var(--bg-surface);transition:var(--transition-smooth);display:flex;flex-direction:column;justify-content:flex-end}.note-card:hover{transform:translateY(-4px);border-color:var(--border-medium);box-shadow:var(--shadow-elevated)}.note-card-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.note-card:hover .note-card-img{transform:scale(1.06)}.note-card-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#09020426,#090204d1 55%,#090204fa);pointer-events:none}[data-theme=light] .note-card-overlay{background:linear-gradient(180deg,#faf6f01a,#faf6f0cc,#faf6f0fa)}.note-card-content{position:relative;z-index:2;padding:1.5rem 1.3rem 1.3rem;display:flex;flex-direction:column;gap:.35rem}.note-family-badge{align-self:flex-start;background:#e2b38a2e;color:var(--text-accent);border:1px solid var(--border-medium);padding:4px 10px;border-radius:var(--radius-pill);font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.note-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-top:.2rem}.note-desc{font-size:.86rem;color:var(--text-secondary);line-height:1.5;margin-top:.3rem}.tabs-scroll-container{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-bottom:3rem}@media(max-width:767px){.tabs-scroll-container{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;padding:0 .5rem 12px;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-bottom:2rem}.tabs-scroll-container::-webkit-scrollbar{display:none}.tabs-scroll-container button{flex-shrink:0}}@media(max-width:767px){.hero-form-container{flex-direction:column!important}.hero-form-container input,.hero-form-container button{width:100%!important}.waitlist-form-container{flex-direction:column!important}.waitlist-form-container input,.waitlist-form-container button{width:100%!important}.stats-grid-strip{grid-template-columns:repeat(2,1fr)!important;gap:1.2rem!important;padding:1.5rem 1rem!important;margin-top:3.5rem!important}.stats-grid-strip div div:first-child{font-size:1.9rem!important}}@media(max-width:480px){.brand-text-label{font-size:1.45rem!important;letter-spacing:.16em!important}.brand-icon-img{height:34px!important}.desktop-hide-xs{display:none!important}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-core)}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-accent)}