.landing{--muted:#4c5c67;--glow:0 18px 60px #3b8f8f29;--border:#12212c14;--accent-warm:#eb7828;--accent-cool:#0a6c78;color:#0f172a;background:linear-gradient(#f8fafc 0%,#f3f4f6 45%,#f8fafc 100%);flex-direction:column;gap:32px;padding:28px 32px 48px;display:flex;position:relative}.landing__texture{pointer-events:none;position:absolute;inset:0;overflow:hidden}.landing__grid{opacity:.99;background-image:linear-gradient(#11243014 1px,#0000 1px),linear-gradient(90deg,#12212c33 1px,#0000 1px);background-size:36px 36px,36px 36px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 40% 40%,#000 0%,#0000 70%);mask-image:radial-gradient(circle at 40% 40%,#000 0%,#0000 70%)}.landing__header{z-index:1;justify-content:space-between;align-items:center;gap:16px;display:flex;position:relative}.landing__brand{align-items:center;gap:12px;display:flex}.landing__brand-logo{object-fit:contain;background:#fff;border-radius:12px;width:44px;height:44px;padding:6px;box-shadow:0 10px 24px #0f172a14}.landing__brand-title{align-items:center;gap:8px;font-size:18px;font-weight:700;line-height:1.2;display:flex}.landing__beta-badge{color:#ca8a04;letter-spacing:.05em;vertical-align:middle;background:#eab30826;border:1px solid #eab3084d;border-radius:999px;padding:2px 6px;font-size:.65rem;font-weight:700}.landing__brand-subtitle{color:var(--muted);font-family:JetBrains Mono,monospace;font-size:12px}.landing__actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.landing__ghost{color:#111827;cursor:pointer;background:0 0;border:1px solid #111827;border-radius:12px;padding:10px 16px;font-weight:600;transition:background .12s,color .12s}.landing__ghost:disabled{opacity:.6;cursor:default}.landing__ghost:not(:disabled):hover{color:#fff;background:#111827}.landing__main{z-index:1;flex-direction:column;flex:1;gap:32px;display:flex;position:relative}.landing__hero{grid-template-columns:2fr 2fr;align-items:start;gap:32px;width:100%;max-width:1880px;margin:0 auto;display:grid}.landing__copy{flex-direction:column;gap:24px;max-width:100%;display:flex}.landing__pill{color:#111827;letter-spacing:.02em;background:#11182714;border-radius:999px;align-self:flex-start;padding:6px 12px;font-weight:600}.landing__title{margin:0;font-size:clamp(34px,4vw,56px);line-height:1.05}.landing__subtitle{color:#374151;max-width:100%;margin:0;font-size:18px}.landing__narrative{color:#4b5563;max-width:100%;margin:0;font-size:16px}.landing__controls{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.landing__cta{color:#2c1604;cursor:pointer;background:linear-gradient(135deg,#ffbe7a,#e86f1d);border:1px solid #e8922e99;border-radius:14px;padding:14px 22px;font-size:16px;font-weight:800;transition:transform .16s,box-shadow .16s,opacity .16s;box-shadow:0 14px 44px #e8922e4d}.landing__cta:disabled{opacity:.7;cursor:default;box-shadow:none}.landing__cta:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 14px 36px #0f172a47}.landing__doc{color:#083344;cursor:pointer;background:linear-gradient(135deg,#bbebef,#0ee2f1);border:1px solid #0ee2f199;border-radius:14px;align-items:center;padding:14px 22px;font-size:16px;font-weight:800;text-decoration:none;transition:transform .16s,box-shadow .16s;display:inline-flex;box-shadow:0 14px 44px #0ee2f14d}.landing__doc:hover{transform:translateY(-1px);box-shadow:0 14px 36px #0f172a47}.landing__status{color:#4b5563;align-items:center;gap:8px;font-size:14px;display:inline-flex}.landing__status-dot{background:#d1d5db;border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 6px #d1d5db59}.landing__status-dot--ready{background:#22c55e;box-shadow:0 0 0 6px #22c55e33}.landing__status-dot--error{background:#ef4444;box-shadow:0 0 0 6px #ef444433}.landing__features{outline:1px dashed var(--accent-warm);outline-offset:7px;background:#fffdf9;border:1px solid #0f172a1f;border-radius:6px;padding:24px 26px;position:relative;box-shadow:0 22px 44px #0f172a1f}.landing__features-title{color:#0f172a;margin-bottom:14px;font-size:20px;font-weight:700}.landing__features-title-text{padding-bottom:7px;display:inline-block;position:relative}.landing__features-title-text:after{content:"";background:linear-gradient(90deg, transparent 0%, var(--accent-cool) 25%, var(--accent-cool) 75%, transparent 100%);height:3px;position:absolute;bottom:0;left:-10%;right:-10%}.landing__features ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 20px;margin:0;padding-left:0;display:grid}.landing__features li{color:#374151;padding-left:22px;font-size:16px;line-height:1.45;list-style:none;position:relative}.landing__features li:before{content:"✦";color:var(--accent-warm);font-size:.85em;position:absolute;top:.05em;left:0}.landing__highlights{flex-direction:column;gap:16px;max-width:1880px;margin:0 auto;display:flex}.landing__highlights-header h2{margin:0 0 8px}.landing__highlights-header p{color:#4b5563;max-width:100%;margin:0}.landing__highlights-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.landing__highlight-card{border:1px solid #e5e7eb;border-top:3px solid var(--accent-warm);background:#fff;border-radius:16px;flex-direction:column;gap:12px;padding:14px;display:flex;box-shadow:0 10px 28px #0f172a0f}.landing__highlight-card--output{border-top-color:var(--accent-cool);box-shadow:var(--glow)}.landing__highlight-card--output .landing__highlight-body h3{color:var(--accent-cool)}.landing__highlight-media{color:#9ca3af;background:#f9fafb;border:1px dashed #d1d5db;border-radius:12px;place-items:center;min-height:120px;font-size:13px;display:grid}.landing__highlight-body h3{color:var(--accent-warm);margin:0 0 6px;font-size:larger}.landing__highlight-body p{color:#4b5563;margin:0;font-size:large}.landing__footer{text-align:right;color:#6b7280;z-index:1;font-size:12px;position:relative}@media (max-width:1720px){.landing{padding:24px 18px 32px}.landing__header{flex-direction:column;align-items:flex-start}.landing__actions{align-self:flex-end}.landing__hero{grid-template-columns:2fr}.landing__highlights-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:720px){.landing__hero,.landing__features ul,.landing__highlights-grid{grid-template-columns:1fr}}.landing__filmstrip{width:100vw;margin-left:-50vw;position:relative;left:50%}.landing__filmstrip-lead{letter-spacing:.08em;text-transform:uppercase;max-width:1944px;color:var(--muted);margin:0 auto;padding:0 32px 14px;font-family:JetBrains Mono,monospace;font-size:16px}.landing__filmstrip-row{align-items:center;gap:10px;padding-inline:max(32px,50vw - 940px);display:flex}.landing__filmstrip-track{scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#0f172a40 transparent;flex:auto;align-items:flex-start;gap:16px;min-width:0;padding:4px 32px 18px 0;display:flex;overflow-x:auto}.landing__filmstrip-track::-webkit-scrollbar{height:7px}.landing__filmstrip-track::-webkit-scrollbar-thumb{background:#0f172a33;border-radius:999px}.landing__filmstrip-track::-webkit-scrollbar-track{background:0 0}.landing__filmstrip-card{scroll-snap-align:start;background:#fff;border:1px solid #e5e7eb;border-radius:14px;flex:none;width:340px;overflow:hidden;box-shadow:0 10px 28px #0f172a0f}.landing__filmstrip-image-button{cursor:zoom-in;background:0 0;border:none;width:100%;padding:0;display:block}.landing__filmstrip-image{width:100%;height:auto;display:block}.landing__filmstrip-cap{padding:12px 15px 14px}.landing__filmstrip-tag{letter-spacing:.08em;text-transform:uppercase;color:var(--accent-warm);margin-bottom:4px;font-family:JetBrains Mono,monospace;font-size:16px;font-weight:700;display:block}.landing__filmstrip-card--output .landing__filmstrip-tag{color:var(--accent-cool)}.landing__filmstrip-cap p{color:#4b5563;margin:0;font-size:13px;line-height:1.45}.landing__filmstrip-nav{color:#111827;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;font-size:18px;font-weight:700;transition:transform .14s,box-shadow .14s;display:grid;box-shadow:0 10px 28px #0f172a14}.landing__filmstrip-nav:hover{transform:translateY(-1px);box-shadow:0 14px 36px #0f172a24}.landing__filmstrip-nav--next{margin-right:12px}.landing__filmstrip-lightbox{color:inherit;background:0 0;border:none;max-width:100vw;max-height:100vh;margin:auto;padding:0}.landing__filmstrip-lightbox::backdrop{background:#0f172ad1}.landing__filmstrip-lightbox-figure{z-index:1;flex-direction:column;align-items:center;gap:10px;max-width:100vw;max-height:90vh;margin:0;padding:4px;display:flex;position:relative;overflow:auto}.landing__filmstrip-lightbox-image{object-fit:contain;border-radius:10px;flex-shrink:0;width:1024px;max-width:none;height:768px;max-height:none;box-shadow:0 24px 80px #00000080}.landing__filmstrip-lightbox-caption{color:#e5e7eb;text-align:center;font-size:13px}.landing__filmstrip-lightbox-close{z-index:2;color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff4d;border-radius:50%;place-items:center;width:40px;height:40px;font-size:22px;line-height:1;transition:background .14s;display:grid;position:absolute;top:18px;right:24px}.landing__filmstrip-lightbox-close:hover{background:#fff3}.landing__filmstrip-lightbox-nav{z-index:2;color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff4d;border-radius:50%;place-items:center;width:44px;height:44px;font-size:20px;font-weight:700;transition:background .14s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.landing__filmstrip-lightbox-nav:hover{background:#fff3}.landing__filmstrip-lightbox-nav--prev{left:16px}.landing__filmstrip-lightbox-nav--next{right:16px}@media (max-width:720px){.landing__filmstrip-nav{display:none}.landing__filmstrip-row{padding-left:18px}.landing__filmstrip-card{width:78vw;max-width:320px}}.landing__catalog,.landing__steps,.landing__audience,.landing__coming,.landing__faq{flex-direction:column;gap:16px;width:100%;max-width:1880px;margin:0 auto;display:flex}.landing__section-header h2{margin:0 0 8px}.landing__section-header p{color:#4b5563;max-width:100%;margin:0}.landing__catalog{grid-template-columns:2fr 1fr;align-items:start;gap:16px;display:grid}.landing__catalog-copy,.landing__catalog-categories{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:20px;box-shadow:0 10px 28px #0f172a0f}.landing__catalog-copy h2{margin:0 0 8px}.landing__catalog-copy p{color:#4b5563;margin:0 0 16px;font-size:large}.landing__catalog-cta{color:#111827;border:1px solid #111827;border-radius:14px;align-items:center;padding:12px 20px;font-weight:700;text-decoration:none;transition:background .12s,color .12s;display:inline-flex}.landing__catalog-cta:hover{color:#fff;background:#111827}.landing__catalog-categories-title{margin-bottom:10px;font-weight:700}.landing__catalog-categories ul{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.landing__catalog-categories a{color:#111827;background:#1118270f;border-radius:999px;padding:6px 12px;font-weight:600;text-decoration:none;transition:background .12s;display:inline-block}.landing__catalog-categories a:hover{background:#11182724}.landing__steps-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin:8px 0 0;padding:0;list-style:none;display:grid}.landing__step-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:20px 16px 16px;position:relative;box-shadow:0 10px 28px #0f172a0f}.landing__step-vertex{color:#2c1604;font-variant-numeric:tabular-nums;background:linear-gradient(135deg,#ffbe7a,#e86f1d);border:1px solid #e8922e99;border-radius:50%;place-items:center;width:26px;height:26px;font-size:13px;font-weight:800;display:grid;position:absolute;top:-13px;left:16px;box-shadow:0 0 0 4px #e8922e1f}.landing__step-card h3{color:#0f172a;margin:0 0 6px;font-size:larger}.landing__step-card p{color:#4b5563;margin:0}.landing__audience-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.landing__audience-card{border:1px solid var(--border);background:linear-gradient(#fff 0%,#f4f7f8 100%);border-radius:16px;padding:18px 16px}.landing__audience-card h3{color:#0f172a;margin:0 0 6px;font-size:larger}.landing__audience-card h3:before{content:"";background:#3b8f8f8c;border-radius:2px;width:28px;height:3px;margin-bottom:10px;display:block}.landing__audience-card p{color:var(--muted);margin:0}.landing__coming-card{background:linear-gradient(155deg,#fef3c7b3 0%,#fffbebe6 60%,#fff 100%);border:1px dashed #ca8a048c;border-radius:16px;flex-direction:column;align-items:flex-start;gap:18px;max-width:820px;padding:24px 26px;display:flex;position:relative;box-shadow:0 20px 45px #ca8a0424}.landing__coming-card:before{content:"";background:#f59e0b;border-radius:50%;width:10px;height:10px;animation:2.2s ease-in-out infinite landing-coming-pulse;position:absolute;top:20px;right:22px;box-shadow:0 0 0 6px #f59e0b2e}@keyframes landing-coming-pulse{0%,to{box-shadow:0 0 0 6px #f59e0b2e}50%{box-shadow:0 0 0 10px #f59e0b14}}@media (prefers-reduced-motion:reduce){.landing__coming-card:before{animation:none}}.landing__coming-list{color:#451a03;gap:10px;margin:0;padding-left:0;font-family:JetBrains Mono,monospace;font-size:15px;line-height:1.55;list-style:none;display:grid}.landing__coming-list li{padding-left:26px;position:relative}.landing__coming-list li:before{content:"→";color:#b45309;font-weight:700;position:absolute;left:0}.landing__coming-cta{color:#451a03;letter-spacing:.02em;background:linear-gradient(135deg,#fde68a,#f59e0b);border:1px solid #b4530966;border-radius:14px;align-items:center;padding:12px 22px;font-family:JetBrains Mono,monospace;font-weight:700;text-decoration:none;transition:transform .16s,box-shadow .16s;display:inline-flex;box-shadow:0 12px 30px #f59e0b52}.landing__coming-cta:hover{transform:translateY(-1px);box-shadow:0 14px 34px #f59e0b6b}.landing__faq-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.landing__faq-item{background:linear-gradient(155deg,#16233a 0%,#0f172a 60%,#0b1220 100%);border:1px solid #eb782840;border-left:3px solid #eb782866;border-radius:12px;padding:16px 18px;transition:border-left-color .14s;box-shadow:0 24px 60px #080f1959,inset 0 1px #ffffff0a}.landing__faq-item:hover{border-left-color:var(--accent-warm)}.landing__faq-item h3{color:#f8fafc;margin:0 0 6px;font-size:1rem;font-weight:700}.landing__faq-item p{color:#cbd5e1;margin:0;line-height:1.5}@media (max-width:1720px){.landing__steps-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:720px){.landing__catalog,.landing__steps-grid,.landing__audience-grid,.landing__faq-grid{grid-template-columns:1fr}}.landing a:focus-visible,.landing button:focus-visible{outline:2px solid var(--accent-cool);outline-offset:3px;border-radius:8px}@media (prefers-reduced-motion:reduce){.landing *,.landing :before,.landing :after{transition-duration:.01ms!important;animation-duration:.01ms!important}}