:root{--cinema-black: #0a0a0b;--cinema-dark: #111113;--accent-blue: #007AFF}.hero-dark:where(.astro-q7cl4wtg){background:var(--cinema-black);color:#fff}.hero-dark:where(.astro-q7cl4wtg):after{content:"";display:block;height:60px;background:linear-gradient(to bottom,var(--cinema-black),#FFFFFF);pointer-events:none}.nav-dark:where(.astro-q7cl4wtg){position:fixed;top:0;left:0;right:0;z-index:1000;padding:1rem 2rem;background:#0a0a0bd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.06);transition:all .3s ease}.nav-dark:where(.astro-q7cl4wtg).at-top{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom-color:transparent}.nav-dark:where(.astro-q7cl4wtg).at-top:before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.5) 0%,transparent 100%);pointer-events:none}.nav-dark:where(.astro-q7cl4wtg).light-mode{background:#ffffffd9;border-bottom-color:#0000000f}.nav-dark:where(.astro-q7cl4wtg).light-mode .logo-text:where(.astro-q7cl4wtg){color:var(--color-text)}.nav-dark:where(.astro-q7cl4wtg).light-mode .nav-link-learn:where(.astro-q7cl4wtg){background:var(--color-text);color:#fff}.nav-dark:where(.astro-q7cl4wtg).light-mode .nav-link-services:where(.astro-q7cl4wtg){color:var(--color-text);border-color:#0003}.nav-dark:where(.astro-q7cl4wtg).light-mode .nav-link-services:where(.astro-q7cl4wtg):hover{border-color:var(--color-text);background:#00000008}.nav-dark:where(.astro-q7cl4wtg) .nav-inner:where(.astro-q7cl4wtg){position:relative;max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.nav-dark:where(.astro-q7cl4wtg) .nav-logo:where(.astro-q7cl4wtg){display:flex;align-items:center;text-decoration:none;transition:opacity .2s ease}.nav-dark:where(.astro-q7cl4wtg) .nav-logo:where(.astro-q7cl4wtg):hover{opacity:.7}.nav-dark:where(.astro-q7cl4wtg) .logo-text:where(.astro-q7cl4wtg){font-size:1.25rem;font-weight:700;letter-spacing:-.03em;color:#fff}.nav-dark:where(.astro-q7cl4wtg) .logo-os:where(.astro-q7cl4wtg){color:var(--accent-blue)}.nav-title:where(.astro-q7cl4wtg){position:absolute;left:50%;transform:translate(-50%);font-size:.8rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#fff;opacity:0;transition:opacity .3s ease;pointer-events:none;white-space:nowrap}.nav-title:where(.astro-q7cl4wtg).visible{opacity:1}.nav-dark:where(.astro-q7cl4wtg).light-mode .nav-title:where(.astro-q7cl4wtg){color:var(--color-text)}.nav-dark:where(.astro-q7cl4wtg) .nav-links:where(.astro-q7cl4wtg){display:flex;align-items:center;gap:.75rem}.nav-dark:where(.astro-q7cl4wtg) .nav-link:where(.astro-q7cl4wtg){display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;border-radius:10px;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1)}.nav-dark:where(.astro-q7cl4wtg) .nav-icon:where(.astro-q7cl4wtg){display:flex;align-items:center;justify-content:center;opacity:.7;transition:all .25s ease}.nav-dark:where(.astro-q7cl4wtg) .nav-link:where(.astro-q7cl4wtg):hover .nav-icon:where(.astro-q7cl4wtg){opacity:1}.nav-dark:where(.astro-q7cl4wtg) .nav-link-learn:where(.astro-q7cl4wtg){background:#fff;color:var(--cinema-black)}.nav-dark:where(.astro-q7cl4wtg) .nav-link-learn:where(.astro-q7cl4wtg):hover{transform:translateY(-1px);box-shadow:0 4px 12px #fff3}.nav-dark:where(.astro-q7cl4wtg) .nav-badge:where(.astro-q7cl4wtg){font-family:var(--font-mono);font-size:.65rem;font-weight:600;background:var(--accent-blue);color:#fff;padding:.2rem .45rem;border-radius:6px}.nav-dark:where(.astro-q7cl4wtg) .nav-link-services:where(.astro-q7cl4wtg){background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.3)}.nav-dark:where(.astro-q7cl4wtg) .nav-link-services:where(.astro-q7cl4wtg):hover{border-color:#fff;background:#ffffff0d}.hero-cinema:where(.astro-q7cl4wtg){padding:5rem 2rem 3rem;max-width:1100px;margin:0 auto;position:relative}.top-booking:where(.astro-q7cl4wtg){padding:2.5rem 1rem 1.5rem}.hero-badge-wrapper:where(.astro-q7cl4wtg){text-align:center;margin-bottom:.75rem;animation:headline-fade-in .8s ease-out}.hero-headline:where(.astro-q7cl4wtg){font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;letter-spacing:-.03em;text-align:center;color:#fff;margin-bottom:1.5rem;background:linear-gradient(135deg,#fff,#ffffffb3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:headline-fade-in 1s ease-out}@keyframes headline-fade-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.principle-cards:where(.astro-q7cl4wtg){display:flex;flex-direction:column;gap:1.5rem}.principle-card:where(.astro-q7cl4wtg){background:#fff;border:1px solid var(--color-border, #e5e7eb);border-radius:12px;padding:2rem}.principle-number:where(.astro-q7cl4wtg){font-family:var(--font-mono, "JetBrains Mono", monospace);font-size:.75rem;font-weight:600;color:var(--accent-blue, #007AFF);margin-bottom:.5rem}.principle-title:where(.astro-q7cl4wtg){font-family:var(--font-sans, "Inter", sans-serif);font-size:1.25rem;font-weight:700;color:var(--color-text, #111827);margin-bottom:1rem;letter-spacing:-.02em}.principle-text:where(.astro-q7cl4wtg){font-family:var(--font-sans, "Inter", sans-serif);font-size:1rem;line-height:1.7;color:var(--color-text-muted, #4b5563);margin-bottom:.75rem}.principle-text:where(.astro-q7cl4wtg):last-child{margin-bottom:0}.principle-text-muted:where(.astro-q7cl4wtg){color:var(--color-text-subtle, #9ca3af);font-size:.9375rem}.architecture-block:where(.astro-q7cl4wtg){margin-bottom:3rem}.architecture-title:where(.astro-q7cl4wtg){font-family:var(--font-sans, "Inter", sans-serif);font-size:1.25rem;font-weight:700;color:var(--color-text, #111827);margin-bottom:1rem;letter-spacing:-.02em}.hook-comparison:where(.astro-q7cl4wtg){display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.hook-example:where(.astro-q7cl4wtg){padding:1.25rem;border-radius:10px;border:1px solid var(--color-border, #e5e7eb)}.hook-example:where(.astro-q7cl4wtg) p:where(.astro-q7cl4wtg){font-family:var(--font-sans, "Inter", sans-serif);font-size:.9375rem;line-height:1.6;color:var(--color-text, #111827);margin:0;font-style:italic}.hook-bad:where(.astro-q7cl4wtg){background:#fef2f2;border-color:#fecaca}.hook-good:where(.astro-q7cl4wtg){background:#f0fdf4;border-color:#bbf7d0}.hook-label:where(.astro-q7cl4wtg){display:inline-block;font-family:var(--font-mono, "JetBrains Mono", monospace);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:2px 8px;border-radius:4px;margin-bottom:.5rem}.hook-label-bad:where(.astro-q7cl4wtg){background:#fecaca;color:#dc2626}.hook-label-good:where(.astro-q7cl4wtg){background:#bbf7d0;color:#16a34a}.cta-example:where(.astro-q7cl4wtg){background:var(--color-bg-subtle, #f9fafb);border:1px solid var(--color-border, #e5e7eb);border-left:3px solid var(--accent-blue, #007AFF);border-radius:8px;padding:1.25rem 1.5rem}.cta-example:where(.astro-q7cl4wtg) p:where(.astro-q7cl4wtg){font-family:var(--font-sans, "Inter", sans-serif);font-size:1.0625rem;font-weight:600;color:var(--color-text, #111827);margin:0}.post-type-block:where(.astro-q7cl4wtg){margin-bottom:3rem;padding-bottom:3rem;border-bottom:1px solid var(--color-border, #e5e7eb)}.post-type-block:where(.astro-q7cl4wtg):last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.post-type-badge:where(.astro-q7cl4wtg){display:inline-block;font-family:var(--font-mono, "JetBrains Mono", monospace);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:4px 10px;border-radius:6px;background:#007aff14;color:var(--accent-blue, #007AFF);margin-bottom:.75rem}.post-type-title:where(.astro-q7cl4wtg){font-family:var(--font-sans, "Inter", sans-serif);font-size:1.375rem;font-weight:700;color:var(--color-text, #111827);margin-bottom:1rem;letter-spacing:-.02em}.post-type-architecture:where(.astro-q7cl4wtg){background:var(--color-bg-subtle, #f9fafb);border:1px solid var(--color-border, #e5e7eb);border-radius:10px;padding:1.5rem;margin:1.5rem 0}.architecture-sub:where(.astro-q7cl4wtg){font-family:var(--font-mono, "JetBrains Mono", monospace);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-subtle, #9ca3af);margin-bottom:.75rem}.architecture-list:where(.astro-q7cl4wtg){list-style:none;padding:0;margin:0}.architecture-list:where(.astro-q7cl4wtg) li:where(.astro-q7cl4wtg){font-family:var(--font-sans, "Inter", sans-serif);font-size:.9375rem;color:var(--color-text-muted, #4b5563);padding:.375rem 0 .375rem 1rem;position:relative}.architecture-list:where(.astro-q7cl4wtg) li:where(.astro-q7cl4wtg):before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:4px;background:var(--accent-blue, #007AFF);border-radius:50%}.example-post:where(.astro-q7cl4wtg){margin-top:1.5rem}.example-label:where(.astro-q7cl4wtg){display:inline-block;font-family:var(--font-mono, "JetBrains Mono", monospace);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-subtle, #9ca3af);margin-bottom:.75rem}.example-post-content:where(.astro-q7cl4wtg){background:#fff;border:1px solid var(--color-border, #e5e7eb);border-radius:12px;padding:1.75rem;box-shadow:0 2px 8px #0000000a}.example-post-content:where(.astro-q7cl4wtg) p:where(.astro-q7cl4wtg){font-family:var(--font-sans, "Inter", sans-serif);font-size:.9375rem;line-height:1.7;color:var(--color-text-muted, #4b5563);margin:0 0 .75rem}.example-post-content:where(.astro-q7cl4wtg) p:where(.astro-q7cl4wtg):last-child{margin-bottom:0}.example-hook:where(.astro-q7cl4wtg){font-weight:600;color:var(--color-text, #111827)!important}.example-cta:where(.astro-q7cl4wtg){font-weight:600;color:var(--accent-blue, #007AFF)!important}.prompt-box:where(.astro-q7cl4wtg){background:#fafafa;border:1px solid #E5E5EA;border-radius:12px;padding:1.5rem;max-width:720px;margin:0 auto 2rem}.prompt-box-header:where(.astro-q7cl4wtg){display:flex;align-items:center;justify-content:space-between;margin-bottom:.25rem}.prompt-box-title:where(.astro-q7cl4wtg){font-family:var(--font-sans, "Inter", sans-serif);font-size:1rem;font-weight:600;color:#1d1d1f;margin:0}.prompt-box-badge:where(.astro-q7cl4wtg){font-family:var(--font-mono, "JetBrains Mono", monospace);font-size:.75rem;font-weight:500;color:#6b7280;background:#f0f0f2;padding:2px 8px;border-radius:6px}.prompt-box-compat:where(.astro-q7cl4wtg){font-family:var(--font-sans, "Inter", sans-serif);font-size:.8125rem;color:#9ca3af;margin-bottom:.5rem}.prompt-box-desc:where(.astro-q7cl4wtg){font-family:var(--font-sans, "Inter", sans-serif);font-size:.9375rem;color:var(--color-text-muted, #4b5563);line-height:1.6;margin-bottom:1rem}.prompt-box-code:where(.astro-q7cl4wtg){position:relative;max-height:120px;overflow:hidden;transition:max-height .4s cubic-bezier(.16,1,.3,1);margin-bottom:1rem}.prompt-box-code:where(.astro-q7cl4wtg).expanded{max-height:600px;overflow-y:auto}.prompt-box-code:where(.astro-q7cl4wtg).expanded::-webkit-scrollbar{width:4px}.prompt-box-code:where(.astro-q7cl4wtg).expanded::-webkit-scrollbar-track{background:transparent}.prompt-box-code:where(.astro-q7cl4wtg).expanded::-webkit-scrollbar-thumb{background:#d1d1d6;border-radius:4px}.prompt-box-pre:where(.astro-q7cl4wtg){margin:0;padding:1rem;background:#fff;border:1px solid #E5E5EA;border-radius:8px;font-family:var(--font-mono, "JetBrains Mono", monospace);font-size:.8125rem;line-height:1.75;color:#4b5563;white-space:pre-wrap;word-wrap:break-word}.prompt-box-fade:where(.astro-q7cl4wtg){position:absolute;bottom:0;left:0;right:0;height:40px;background:linear-gradient(to top,#FAFAFA,transparent);pointer-events:none}.prompt-box-actions:where(.astro-q7cl4wtg){display:flex;align-items:center;justify-content:center;gap:.75rem}.prompt-btn-copy:where(.astro-q7cl4wtg){display:inline-flex;align-items:center;padding:8px 20px;background:#007aff;color:#fff;border:none;border-radius:999px;font-family:var(--font-sans, "Inter", sans-serif);font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s ease}.prompt-btn-copy:where(.astro-q7cl4wtg):hover{background:#0056cc}.prompt-btn-expand:where(.astro-q7cl4wtg){display:inline-flex;align-items:center;padding:8px 20px;background:transparent;color:#6b7280;border:1px solid #D1D5DB;border-radius:999px;font-family:var(--font-sans, "Inter", sans-serif);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.prompt-btn-expand:where(.astro-q7cl4wtg):hover{border-color:#9ca3af;color:#1d1d1f}.sales-cta:where(.astro-q7cl4wtg){padding:4rem 2rem;background:#f5f5f7;text-align:center}.sales-label:where(.astro-q7cl4wtg){font-family:var(--font-sans, "Inter", sans-serif);font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#007aff;display:block;margin-bottom:.75rem}.sales-cta-heading:where(.astro-q7cl4wtg){font-family:var(--font-sans, "Inter", sans-serif);font-size:2.25rem;font-weight:700;color:#1d1d1f;margin:0 0 1.5rem;letter-spacing:-.02em}.sales-body:where(.astro-q7cl4wtg){max-width:640px;margin:0 auto 2rem;text-align:left}.sales-body:where(.astro-q7cl4wtg) p:where(.astro-q7cl4wtg){font-family:var(--font-sans, "Inter", sans-serif);font-size:1.25rem;font-weight:400;line-height:1.75;color:#424245;margin:0 0 1rem}.sales-body:where(.astro-q7cl4wtg) p:where(.astro-q7cl4wtg):last-child{margin-bottom:0}.sales-diagrams:where(.astro-q7cl4wtg){max-width:800px;margin:0 auto 2rem;display:flex;justify-content:center}.mid-booking:where(.astro-q7cl4wtg){padding:2rem 1rem;background:var(--color-bg-subtle, #f9fafb);border-top:1px solid var(--color-border, #e5e7eb);border-bottom:1px solid var(--color-border, #e5e7eb)}.more-in-series .series-heading{text-align:center;font-size:1.75rem;font-weight:700;letter-spacing:-.03em;color:#007aff}.more-in-series .series-container{text-align:center}.more-in-series .series-cards,.more-in-series .series-link{justify-content:center}.warning-block:where(.astro-q7cl4wtg){display:flex;align-items:flex-start;gap:1rem}.warning-icon:where(.astro-q7cl4wtg){flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f59e0b;border-radius:10px;color:#fff}.warning-title:where(.astro-q7cl4wtg){font-size:1rem;font-weight:600;color:var(--color-text);margin-bottom:.5rem}.warning-text:where(.astro-q7cl4wtg){font-size:.9rem;color:var(--color-text-muted);line-height:1.6}.floating-cta:where(.astro-q7cl4wtg){position:fixed;bottom:24px;right:24px;z-index:50;display:flex;align-items:center;gap:.5rem;padding:12px 20px;background:#007aff;color:#fff;border:1px solid rgba(0,122,255,.3);border-radius:50px;box-shadow:0 4px 20px #007aff4d;font-family:var(--font-sans, "Inter", sans-serif);font-size:.875rem;font-weight:500;cursor:pointer;opacity:0;transform:translateY(12px);pointer-events:none;transition:all .3s ease}.floating-cta:where(.astro-q7cl4wtg).visible{opacity:1;transform:translateY(0);pointer-events:auto}.floating-cta:where(.astro-q7cl4wtg):hover{background:#0056cc;border-color:#0056cc66;box-shadow:0 6px 28px #007aff66}.floating-cta-icon:where(.astro-q7cl4wtg){flex-shrink:0}.recommendations-sidebar:where(.astro-q7cl4wtg){position:fixed;right:1.5rem;top:50%;transform:translateY(-50%);max-width:260px;width:260px;background:#ffffffd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid #E5E5EA;border-radius:16px;box-shadow:0 4px 24px #0000000f;z-index:100;opacity:0;pointer-events:none;transition:all .4s cubic-bezier(.16,1,.3,1);padding:1.25rem}.recommendations-sidebar:where(.astro-q7cl4wtg).visible{opacity:1;pointer-events:auto}.sidebar-progress:where(.astro-q7cl4wtg){background:#007aff0a;border:1px solid rgba(0,122,255,.1);border-radius:10px;padding:.75rem 1rem;margin-bottom:1.25rem}.sidebar-progress-text:where(.astro-q7cl4wtg){font-family:var(--font-sans, "Inter", sans-serif);font-size:.75rem;font-weight:500;color:#86868b;display:block;margin-bottom:.5rem}.sidebar-progress-dots:where(.astro-q7cl4wtg){display:flex;gap:.375rem}.progress-dot:where(.astro-q7cl4wtg){width:8px;height:8px;border-radius:50%;background:#d1d1d6}.progress-dot:where(.astro-q7cl4wtg).active{background:#007aff}.sidebar-section:where(.astro-q7cl4wtg){margin-bottom:0}.sidebar-label:where(.astro-q7cl4wtg){font-family:var(--font-sans, "Inter", sans-serif);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;display:block;margin-bottom:.5rem}.sidebar-label-primary:where(.astro-q7cl4wtg){color:#86868b}.sidebar-label-secondary:where(.astro-q7cl4wtg){color:#9ca3af}.sidebar-cards:where(.astro-q7cl4wtg){display:flex;flex-direction:column;gap:.5rem}.sidebar-card:where(.astro-q7cl4wtg){display:block;border-radius:10px;overflow:hidden;text-decoration:none;transition:all .25s ease}.sidebar-card-accent:where(.astro-q7cl4wtg){height:3px}.sidebar-card-inner:where(.astro-q7cl4wtg){display:flex;align-items:center;gap:.75rem;padding:.75rem}.sidebar-card-thumb:where(.astro-q7cl4wtg){flex-shrink:0;width:40px;height:40px;border-radius:8px}.sidebar-card-info:where(.astro-q7cl4wtg){display:flex;flex-direction:column;gap:.125rem;min-width:0}.sidebar-card-title:where(.astro-q7cl4wtg){font-family:var(--font-sans, "Inter", sans-serif);font-size:.875rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sidebar-card-time:where(.astro-q7cl4wtg){font-family:var(--font-sans, "Inter", sans-serif);font-size:.75rem;font-weight:400}.sidebar-card-series:where(.astro-q7cl4wtg){background:#fff;border:1px solid #E5E5EA}.sidebar-card-series:where(.astro-q7cl4wtg):hover{border-color:#d1d1d6;box-shadow:0 2px 12px #0000000f}.sidebar-card-title-series:where(.astro-q7cl4wtg){font-weight:600;color:#1d1d1f}.sidebar-card-series:where(.astro-q7cl4wtg) .sidebar-card-time:where(.astro-q7cl4wtg){color:#86868b}.sidebar-card-recommended:where(.astro-q7cl4wtg){background:#fafafa;border:1px solid #F0F0F2}.sidebar-card-recommended:where(.astro-q7cl4wtg):hover{border-color:#e5e5ea;box-shadow:0 2px 8px #0000000a}.sidebar-card-title-recommended:where(.astro-q7cl4wtg){font-weight:500;color:#6e6e73}.sidebar-card-time-recommended:where(.astro-q7cl4wtg){color:#9ca3af}.sidebar-divider:where(.astro-q7cl4wtg){height:1px;background:#e5e5ea;margin:1rem 0}.sidebar-library-link:where(.astro-q7cl4wtg){display:inline-flex;align-items:center;gap:.375rem;margin-top:1rem;font-family:var(--font-sans, "Inter", sans-serif);font-size:.8125rem;font-weight:500;color:#007aff;text-decoration:none;transition:gap .2s ease,color .2s ease}.sidebar-library-link:where(.astro-q7cl4wtg):hover{gap:.5rem;color:#0056cc}@media(max-width:1024px){.recommendations-sidebar:where(.astro-q7cl4wtg){display:none!important}}@media(max-width:768px){.nav-dark:where(.astro-q7cl4wtg){padding:.875rem 1.25rem}.nav-dark:where(.astro-q7cl4wtg) .nav-link:where(.astro-q7cl4wtg){padding:.5rem .75rem;font-size:.85rem}.nav-dark:where(.astro-q7cl4wtg) .nav-icon:where(.astro-q7cl4wtg){display:none}.nav-title:where(.astro-q7cl4wtg){display:none}.hero-cinema:where(.astro-q7cl4wtg){padding:4.5rem 1.5rem 2.5rem}.hero-headline:where(.astro-q7cl4wtg){margin-bottom:1.25rem}.floating-cta:where(.astro-q7cl4wtg){padding:12px 14px}.floating-cta-text:where(.astro-q7cl4wtg){display:none}.hook-comparison:where(.astro-q7cl4wtg){grid-template-columns:1fr}}
