/* Additions to the approved demo. Keep marketing-demo.css as the original design. */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=JetBrains+Mono:wght@500;700&display=swap');
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.landing-skip,.mk-skip{position:fixed;top:-100px;left:16px;z-index:1000;padding:12px;background:var(--cyan);color:var(--bg)}
.landing-skip:focus,.mk-skip:focus{top:8px}
:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}
#header-slot{position:sticky;top:0;z-index:100}.navbar{height:auto;min-height:64px}.nav-wrap{max-width:1440px;min-height:64px;gap:18px}.nav-links{gap:17px;font-size:12px}.nav-actions{gap:10px}.nav-links a{white-space:nowrap}.mobile-login,.mobile-lang{display:none}
.trial-form{display:flex;gap:8px;align-items:center;position:relative}.trial-form input{width:170px;min-width:0;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:#06122e;color:#f1f5f9;font:inherit;font-size:12px}.trial-form input::placeholder{color:#a5b4cc}.trial-error{position:absolute;right:0;top:calc(100% + 9px);background:#301027;color:#ffd5e9;border:1px solid #ff33a8;border-radius:8px;padding:10px;width:280px;font-size:12px;z-index:110}.preview-banner{padding:10px;text-align:center;background:#0b274b;color:var(--cyan)}
.demo-voice{max-width:100%;width:100%;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--border);background:#081b44;color:#f1f5f9;font:inherit;font-size:13px}.voice-note,.pricing-note{font-size:12px;color:#a8b8d1;line-height:1.7;margin-top:10px}.pricing-note{max-width:820px;text-align:center;margin:28px auto 0;padding:0 16px}.landing-empty{max-width:1000px;padding:28px;border:1px solid var(--border);border-radius:14px;background:rgba(8,23,58,.85);margin:auto;color:#b7c6df;grid-column:1/-1;text-align:center}.landing-empty button{margin-left:12px}.pricing-card>.btn{margin-top:auto;width:100%}.plan-price{flex-wrap:wrap}.plan-name,.plan-desc,.plan-feature-item{overflow-wrap:anywhere}.unavailable-price{font-size:28px;font-weight:800}.plan-features-list{flex:1}.matrix-table th[scope=row]{font-weight:500;background:transparent}.matrix-table td{white-space:nowrap}.matrix-table-wrap:focus-visible{outline-offset:2px}
.faq-item[open]{border-color:var(--cyan)}.faq-item[open] .faq-answer{max-height:none;padding:0 22px 18px}.faq-question{cursor:pointer;list-style:none}.faq-question::-webkit-details-marker{display:none}.faq-item[open] .faq-icon{transform:rotate(45deg)}
.stories-section{padding:80px 24px;max-width:1288px;margin:auto}.stories-more{text-align:center;margin-top:32px}.mk-stories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.mk-story{display:block;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;background:linear-gradient(180deg,rgba(8,25,68,.9),rgba(4,15,45,.9));transition:border-color .2s,transform .2s}.mk-story:hover{border-color:var(--cyan);transform:translateY(-3px)}.mk-story-art{height:200px;padding:24px;display:flex;justify-content:space-between;align-items:center;overflow:hidden;background:radial-gradient(ellipse at 80% 80%,#163e6a,transparent),#091b44;color:var(--cyan)}.mk-story-art>span{font:800 27px/1.1 'Plus Jakarta Sans',sans-serif;max-width:70px}.mk-story-art>b{font-size:115px;font-weight:500}.mk-art-1{background:radial-gradient(ellipse at 80% 80%,#50224f,transparent),#131434;color:#ff68bd}.mk-art-2{background:radial-gradient(ellipse at 80% 80%,#382570,transparent),#091b44;color:#a897ff}.mk-story-copy{padding:24px}.mk-story-copy h2,.mk-story-copy h3{font-size:20px;line-height:1.45;color:white;margin:10px 0}.mk-story-copy p{font-size:13px;line-height:1.75;color:#a8b8d1}.mk-story-copy .mk-text-link{margin-top:18px}.mk-kicker{font-size:11px;font-weight:800;letter-spacing:.08em;color:var(--cyan)}.mk-text-link{display:inline-block;color:var(--cyan);font-size:13px;font-weight:700}.mk-wrap{max-width:1240px;padding:0 24px;margin:auto}.mk-journal{padding-top:70px;padding-bottom:80px}.mk-journal>h1,.mk-article h1{font-size:clamp(30px,4vw,52px);line-height:1.2;margin:18px 0 24px;letter-spacing:-.03em}.mk-journal h1 em{font-style:normal;background:linear-gradient(90deg,var(--cyan),var(--violet));background-clip:text;color:transparent}.mk-journal>p{color:#a8b8d1}.mk-journal .mk-stories{margin-top:36px}.mk-search{display:flex;gap:16px;align-items:end;flex-wrap:wrap;margin:30px 0}.mk-search label{display:grid;gap:8px;font-size:13px;color:#b7c6df}.mk-search input{background:#081b44;border:1px solid var(--border);color:white;font:inherit;padding:12px;border-radius:8px;min-height:44px;max-width:100%}.mk-search input::placeholder{color:#a5b4cc}.mk-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;font-size:13px;padding:12px 20px;border-radius:8px;background:linear-gradient(135deg,#00f2fe,#8b5cf6);color:#020819;font-weight:800}.mk-pagination{display:flex;gap:24px;justify-content:center;margin:35px 0;color:var(--cyan);font-size:14px}.mk-article{max-width:800px;margin:45px auto}.mk-article h1{overflow-wrap:anywhere}.mk-article-lead{font-size:19px;line-height:1.8;color:#b7c6df;margin:24px 0;padding-bottom:24px;border-bottom:1px solid var(--border)}.mk-prose{font-size:16px;line-height:1.95;color:#c1cde0;overflow-wrap:anywhere}.mk-prose h2{font-size:28px;line-height:1.4;margin:36px 0 16px;color:white}.mk-prose p{margin:18px 0}.mk-prose ul,.mk-prose ol{padding-left:24px}.mk-prose a{color:var(--cyan);text-decoration:underline}.mk-prose pre{overflow:auto;max-width:100%;padding:16px;background:#020819}.mk-prose code{font-family:var(--font-mono);font-size:.9em}.mk-article-cta{background:linear-gradient(135deg,#0c2158,#07153c);border:1px solid var(--border);border-radius:20px;padding:40px;margin-top:55px}.mk-article-cta h2{font-size:32px;margin:10px 0}.mk-article-cta p{color:#b7c6df;margin:16px 0 24px}.mk-empty{grid-column:1/-1;padding:40px;border:1px solid var(--border);border-radius:14px;color:#b7c6df}
@keyframes demo-wheel-spin{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(1080deg)}}
@media(max-width:1250px){.nav-links{display:none}.mobile-toggle{display:block;color:white}.nav-links.is-open{display:flex;position:absolute;top:100%;left:0;right:0;padding:20px 24px;background:#020819;flex-wrap:wrap;gap:20px;border-bottom:1px solid var(--border)}.mobile-login,.mobile-lang{display:block}.nav-wrap{max-width:100%}.nav-actions .btn-secondary{display:inline-flex}}
@media(max-width:768px){.nav-wrap{padding:12px 16px;flex-wrap:wrap;gap:12px}.nav-actions{display:contents}.nav-actions>.btn-secondary{display:none}.trial-form{order:3;width:100%}.trial-form input{flex:1;width:100%;font-size:16px}.trial-form .btn-primary{font-size:13px;padding:10px 14px}.mobile-toggle{margin-left:auto}.nav-links.is-open{flex-direction:column;align-items:flex-start}.mk-stories{grid-template-columns:1fr}.stories-section{padding:55px 18px}.sandbox-container{padding:20px 14px;gap:22px}.screen-header{flex-wrap:wrap;gap:5px}.sandbox-log{flex-direction:column;gap:4px;align-items:flex-start}.section-header h2,.pricing-header h2{font-size:28px}.section-header p{font-size:14px}.mk-search{display:grid;grid-template-columns:1fr}.mk-search input{width:100%}.mk-journal{padding-top:40px}.mk-article-cta{padding:24px}.matrix-section{padding-inline:14px}.phone-mockup-wrap{max-width:100%}.badge-tts{max-width:calc(100vw - 40px);white-space:normal;text-align:center}.trust-data b{font-size:20px}.hero-head h1{line-height:1.3}.hero-cta-group{flex-wrap:wrap}.plan-price .amount{font-size:36px}.card-ribbon{font-size:9px}.mk-prose{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
.article-nav{display:flex;gap:22px;font-size:13px;color:#b7c6df}.article-nav a:hover{color:var(--cyan)}
@media(max-width:540px){.article-nav{order:3;width:100%;justify-content:center;padding:5px}.article-nav~.btn{margin-left:auto}}
@media(max-width:768px){.badge-tts{left:50%;width:300px;max-width:calc(100vw - 32px);transform:translateX(-50%);animation:none;white-space:normal}.badge-tts>span{white-space:nowrap;flex-shrink:0}.badge-tts strong{min-width:0}.hero-stage,.sandbox-controls,.sandbox-screen{min-width:0}.page-bg{overflow:hidden}}
.pricing-section::before{width:min(800px,100%)}