:root{--language-switch-surface:#fff;--language-switch-border:#e2e8f0;--language-switch-shadow:#0000001a;--language-switch-text:#0f172a;--language-switch-hover:#f1f5f9;--language-switch-active:#e2e8f0}.language-switch{position:relative}.language-switch__trigger{justify-content:center;align-items:center;gap:6px;display:inline-flex}.language-switch__icon{align-items:center;display:inline-flex}.language-switch__label{letter-spacing:.5px;font-size:13px;font-weight:600;line-height:1}.language-switch__menu{background:var(--language-switch-surface);border:1px solid var(--language-switch-border);min-width:140px;box-shadow:0 8px 20px var(--language-switch-shadow);z-index:10000;border-radius:8px;padding:4px;position:fixed}.language-switch__option{width:100%;color:var(--language-switch-text);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:space-between;align-items:center;padding:6px 10px;font-size:13px;transition:background-color .15s;display:flex}.language-switch__option:hover{background-color:var(--language-switch-hover)}.language-switch__option.is-active{background-color:var(--language-switch-active)}
.landing-language-switch__trigger{border:1px solid var(--language-switch-border);background:var(--language-switch-surface);min-width:56px;height:auto;box-shadow:none;cursor:pointer;border-radius:12px;padding:10px 14px;transition:transform .15s,box-shadow .15s,background-color .15s}.landing-language-switch__trigger:hover{background:var(--language-switch-surface);transform:translateY(-1px)}.landing-language-switch__trigger .language-switch__label{letter-spacing:.08em;font-size:14px;font-weight:700}
.landing{--muted:#4c5c67;--glow:0 18px 60px #3b8f8f29;--border:#12212c14;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{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;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__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{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:16px;font-size:larger;box-shadow:0 10px 30px #0f172a14}.landing__features-title{margin-bottom:8px;font-weight:700}.landing__features ul{gap:8px;margin:0;padding-left:18px;display:grid}.landing__features li{color:#374151}.landing__preview{background:#fff;border:1px solid #e5e7eb;border-radius:22px;flex-direction:column;min-height:500px;display:flex;overflow:hidden;box-shadow:0 14px 42px #0f172a1f}.landing__preview-header{background:#f8fafc;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.landing__preview-pips{gap:6px;display:flex}.landing__pip{border-radius:50%;width:10px;height:10px;display:inline-block}.landing__pip--red{background:#f87171}.landing__pip--yellow{background:#fbbf24}.landing__pip--green{background:#34d399}.landing__preview-title{color:#4b5563;font-size:13px;font-weight:600}.landing__preview-body{gap:16px;padding:32px;display:grid}.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{background:#fff;border:1px solid #e5e7eb;border-radius:16px;flex-direction:column;gap:12px;padding:14px;display:flex;box-shadow:0 10px 28px #0f172a0f}.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:#eb7828;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__highlights-grid{grid-template-columns:1fr}}.landing__carousel{flex-direction:column;gap:12px;display:flex}.landing__carousel-window{aspect-ratio:16/9;background:#fff;border:1px solid #e5e7eb;border-radius:16px;position:relative;overflow:hidden;box-shadow:0 10px 32px #0f172a14}.landing__carousel-track{width:100%;transition:transform .26s;display:flex}.landing__carousel-slide{flex:0 0 100%;width:100%;display:flex}.landing__carousel-image{flex:1 0 auto;width:100%;height:auto;display:block}.landing__carousel-control{color:#111827;cursor:pointer;background:#fffffff5;border:1px solid #e5e7eb;border-radius:999px;place-items:center;width:38px;height:38px;font-size:20px;font-weight:700;transition:transform .14s,box-shadow .14s;display:grid;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 10px 32px #0f172a1f}.landing__carousel-control:hover{transform:translateY(calc(-50% - 1px));box-shadow:0 14px 36px #0f172a2e}.landing__carousel-control--prev{left:12px}.landing__carousel-control--next{right:12px}.landing__carousel-footer{color:#4b5563;justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}.landing__carousel-caption{font-weight:600}.landing__carousel-dots{align-items:center;gap:8px;display:flex}.landing__carousel-dot{cursor:pointer;background:#e5e7eb;border:1px solid #d1d5db;border-radius:999px;width:10px;height:10px;transition:transform .12s,background .12s,border-color .12s}.landing__carousel-dot--active{background:#f97316;border-color:#fb923c;transform:scale(1.1)}
