:root{--ink:#0f172a;--navy:#172238;--green:#38bdf8;--muted:#cbd5e1;--line:rgba(255,255,255,.1);--cta:#ff6b00;--gold:#e6c98b}body{background:var(--ink);color:#fff;line-height:1.6}header{height:84px;background:rgba(15,23,42,.96);border-bottom:1px solid var(--line);padding:0 5vw}.brand{letter-spacing:-.025em;font-size:17px;gap:13px}.logo{width:42px;height:42px;background:transparent;border-radius:0;object-fit:contain}.top a{color:#cbd5e1}.lang{border-radius:10px;background:#172238;padding:9px 12px}.scene,.scene:nth-child(even){background:var(--ink);padding-top:125px;gap:34px}.scene:nth-child(even){background:#111c30}.layout{gap:clamp(32px,5vw,76px);grid-template-columns:1.08fr 1fr}.scene h1,.scene h2{color:#fff;font-size:clamp(40px,5vw,70px);line-height:1.1;letter-spacing:-.045em;font-weight:700}.accent{color:#38bdf8}.eyebrow{color:#94a3b8;letter-spacing:.13em;font-size:14px;margin-bottom:20px}.lead{font-size:18px;color:#cbd5e1;max-width:510px}.btn{background:var(--cta);color:#0f172a;border-radius:12px;padding:14px 21px;min-height:52px;border:1px solid var(--cta);box-shadow:0 5px 22px #ff6b001b;transition:background .18s,transform .18s,box-shadow .18s}.btn:hover{background:#ff8126;box-shadow:0 6px 25px #ff6b0033;transform:translateY(-1px)}.btn.secondary{background:transparent;color:#f1f5f9;border-color:#64748b;box-shadow:none}.btn.secondary:hover{background:#ffffff08;border-color:#94a3b8}.btn:disabled{opacity:.45;cursor:default;transform:none;box-shadow:none}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #38bdf8;outline-offset:4px}.caption,.demo-note,.support-link{color:#94a3b8;font-size:14px}.screen-poster{box-shadow:0 22px 55px #0003;border-radius:18px;border:1px solid #ffffff10}.hero-poster{max-height:64svh}.panel{background:#172238;border:1px solid #ffffff16;box-shadow:0 18px 45px #0002;border-radius:20px;padding:28px}.status{color:#cbd5e1;border-color:#64748b;font-size:13px;background:transparent}.reply-box{border-color:#38bdf8;color:#e2e8f0}.reply-label{color:#38bdf8;font-size:13px}.demo-buttons button{color:#cbd5e1;border-color:#475569}.demo-buttons .selected{color:#7dd3fc;border-color:#38bdf8;background:#38bdf810}.step{padding:22px 0;gap:24px}.step-num{color:#38bdf8;font-size:28px}.step h3{font-size:22px}.step p{color:#cbd5e1;line-height:1.65}.plan{background:#172238;border-color:#ffffff1a}.plan h3{color:#fff;font-size:22px}.plan .features li:before{color:#38bdf8}.plan .features li{font-size:16px;line-height:1.6;margin:14px 0}.plan .price{font-size:60px;min-height:86px;white-space:nowrap;letter-spacing:-.045em}.price small{font-size:16px;color:#cbd5e1}.gold{background:#182238;border-color:#e6c98b55}.gold h3,.gold .features li:before{color:var(--gold)}.gold .status{color:var(--gold);border-color:#e6c98b66}.gold .btn{background:transparent;color:var(--gold);border-color:#e6c98b80;box-shadow:none}.gold .btn:hover{background:#e6c98b10}.gold-price{max-width:none;display:flex;align-items:center}.gold-trial{min-height:44px}.plan .caption{min-height:44px}.plan .quota{font-size:18px;color:#e2e8f0}.plan-sub{font-size:14px}.pricing-heading h2{font-size:40px}.pricing-heading{min-height:110px}.plan-cards{gap:24px}.scene-tools{padding-top:22px;border-color:#ffffff10;gap:28px}.scene-legal button,.scene-legal a,.legal-links button{color:#94a3b8;text-decoration:none;font-size:14px}.scene-legal button:hover,.scene-legal a:hover,.legal-links button:hover{color:#fff;text-decoration:underline}.bottom{background:linear-gradient(transparent,#0f172a 65%);font-size:14px}.dot.active{background:#38bdf8;border-color:#38bdf8;box-shadow:0 0 0 4px #38bdf81a}.nav-controls button{background:#172238}.toast{background:#cbd5e1;color:#0f172a}dialog{background:#172238;border-color:#ffffff20;border-radius:20px}dialog p{color:#cbd5e1;line-height:1.75}dialog a:not(.btn){color:#7dd3fc}.plan-tabs button.selected{background:#25344b}.scene .content{opacity:1;transform:none}.supporting-poster{max-width:300px}
@media(min-width:1100px){.scene{padding-left:10vw;padding-right:10vw}.scene-tools{max-width:1200px}.pricing-layout{max-width:1030px}}
@media(max-width:760px){header{height:72px;padding:0 18px}.brand{font-size:14px;max-width:225px;line-height:1.2;gap:9px}.logo{width:35px;height:35px}.lang{max-width:108px;padding:8px;font-size:13px}.scene{padding:98px 25px 95px;gap:24px}.layout{grid-template-columns:1fr;gap:26px}.scene h1,.scene h2{font-size:clamp(34px,9vw,47px);line-height:1.12;letter-spacing:-.035em}.eyebrow{font-size:13px;margin-bottom:14px}.lead{font-size:16px}.actions{gap:10px}.actions .btn{flex:1;min-width:150px}.btn{font-size:15px;min-height:48px;padding:12px 16px}.hero-poster{max-height:48svh}.panel{padding:22px}.review p,.reply-box{font-size:16px}.caption,.demo-note,.plan-sub,.plan-renew,.support-link{font-size:14px}.reply-label{font-size:13px}.scene:nth-child(2) h2{font-size:36px}.scene:nth-child(2) .lead{display:block}.scene-tools .btn{width:100%}.scene-legal{gap:12px 16px;line-height:1.5}.step h3{font-size:20px}.step p{font-size:16px}.pricing-heading h2{font-size:32px}.pricing-heading{min-height:145px}.plan .price{font-size:52px;min-height:80px;flex-wrap:wrap;gap:5px 10px}.plan .features li{font-size:16px}.plan .caption,.gold-trial{min-height:0}.plan-tabs small{font-size:13px}.plan-tabs button{min-height:44px}.bottom{font-size:13px}.scene{overflow:visible}.feed{scroll-snap-type:y proximity}.supporting-poster{max-height:40svh}html[lang=ka] .scene h1,html[lang=ka] .scene h2{font-size:32px;line-height:1.25}.rail{right:8px}}
@media(prefers-reduced-motion:reduce){.btn{transition:none}.btn:hover{transform:none}}
/* Alternating light backgrounds; keep the legal strip and product cards intact. */
#demo,#plan{background:#edf5ff}
#demo h2,#plan .pricing-heading h2{color:#10213d}
#demo>.content>div>.eyebrow,#plan .pricing-heading .eyebrow{color:#526780}
#demo .accent,#plan .pricing-heading .accent{color:#0369a1}
#demo>.scene-tools,#plan>.scene-tools{background:#111c30;border-color:#ffffff14;padding:22px 24px;border-radius:16px}
#plan .plan-renew,#plan .support-link,#plan .pricing-footer .legal-links button{color:#526780}
#plan .pricing-footer .legal-links button:hover,#plan .support-link:hover{color:#10213d}
#plan .plan-tabs{background:#dbe9f9}
#plan .plan-tabs button{color:#526780}
#plan .plan-tabs button.selected{background:#172238;color:#fff}
@media(max-width:760px){#demo>.scene-tools,#plan>.scene-tools{padding:20px;border-radius:14px}}
/* Full-width original dark legal area, rather than an inset rounded card. */
#demo,#plan{isolation:isolate}
#demo>.scene-tools,#plan>.scene-tools{position:relative;background:transparent;padding:22px 0;border-radius:0;border-top:1px solid #ffffff10}
#demo>.scene-tools:before,#plan>.scene-tools:before{content:'';position:absolute;z-index:-1;top:-24px;bottom:-105px;left:calc((100% - 100vw)/2);width:100vw;background:#111c30;pointer-events:none}
@media(max-width:760px){#demo>.scene-tools,#plan>.scene-tools{padding:22px 0;border-radius:0}}