:root{--blue:#1769e0;--blue-dark:#0a398c;--blue-light:#eaf3ff;--navy:#102447;--text:#24334c;--muted:#69778e;--bg:#f5f8fc;--card:#fff;--border:#dce5f1;--red:#d94952;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,p{margin-top:0}h1{color:var(--navy);letter-spacing:-.045em;margin-bottom:.5rem;font-size:clamp(2rem,4vw,2.7rem)}h2{color:var(--navy)}.app-shell{flex-direction:column;min-height:100svh;display:flex}.app-main{flex:1;min-width:0}.app-header{border-bottom:1px solid var(--border);z-index:5;background:#fffffff5;align-items:center;gap:20px;min-height:72px;padding:10px clamp(18px,3vw,44px);display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;min-width:235px;display:flex}.brand-mark{background:linear-gradient(145deg,#398dff,#0b4daf);border-radius:9px;place-items:center;width:31px;height:31px;display:grid;box-shadow:0 4px 12px #1769e044}.brand-mark span{border:3px solid #fff;border-left-width:6px;border-radius:2px;width:13px;height:16px;transform:skewY(-20deg)}.brand strong,.brand small{display:block}.brand strong{color:var(--navy);letter-spacing:-.02em;font-size:.93rem}.brand small{color:var(--muted);white-space:nowrap;margin-top:2px;font-size:.65rem}.header-actions,.header-settings,.header-cta{align-items:center;gap:4px;display:flex}.header-settings{margin-left:auto}.header-link{color:#506077;white-space:nowrap;background:0 0;border:0;border-radius:7px;padding:9px 10px;font-size:.8rem}.header-link:hover,.header-link.active{background:var(--blue-light);color:var(--blue-dark)}.button{border:1px solid var(--border);color:#475871;white-space:nowrap;background:#fff;border-radius:7px;padding:8px 12px;font-size:.78rem;font-weight:650;line-height:1.2}.button:hover{background:#f8fbff;border-color:#9ebbe6}.button-primary{background:var(--blue);color:#fff;border-color:var(--blue);text-transform:uppercase;letter-spacing:.05em}.button-primary:hover{background:var(--blue-dark)}.button-record{color:#b72834;text-transform:uppercase;letter-spacing:.04em;background:#fff;border-color:#f0c5c9}.record-dot{background:var(--red);border-radius:50%;width:7px;height:7px;margin-right:5px;display:inline-block}.studio-page{flex-direction:column;gap:18px;min-height:calc(100svh - 72px);padding:clamp(14px,2vw,26px);display:flex}.studio-workspace{flex:1;grid-template-columns:minmax(280px,39fr) minmax(360px,61fr);gap:18px;min-height:460px;display:grid}.studio-panel,.studio-controls,.card{background:var(--card);border:1px solid var(--border);border-radius:12px}.studio-panel{flex-direction:column;min-height:0;padding:18px;display:flex}.panel-heading{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.eyebrow,.control-label{color:var(--blue-dark);letter-spacing:.11em;text-transform:uppercase;font-size:.68rem;font-weight:800;line-height:1.2}.panel-note{color:var(--muted);font-size:.72rem}textarea{resize:vertical;color:var(--text);outline-color:var(--blue);background:#fbfdff;border:1px solid #d7e1ed;border-radius:8px;padding:14px;font-size:.9rem;line-height:1.6}.script-panel textarea{flex:1;min-height:270px}textarea::placeholder{color:#a1aec0}.script-footer{justify-content:space-between;margin-top:14px;display:flex}.camera-panel{min-width:0}.ratio-select{color:var(--muted);align-items:center;gap:7px;font-size:.72rem;display:flex}select{border:1px solid var(--border);color:var(--navy);background:#fff;border-radius:6px;padding:5px 25px 5px 8px}.camera-surface{background:linear-gradient(135deg,#0b2452,#164a99 58%,#1e7ed3);border-radius:9px;flex:1;place-items:center;min-height:300px;display:grid;position:relative;overflow:hidden}.camera-surface:before{content:"";aspect-ratio:1;border:1px solid #ffffff1f;border-radius:50%;width:65%;position:absolute;box-shadow:0 0 0 42px #ffffff0a,0 0 0 85px #ffffff09}.camera-placeholder{z-index:1;text-align:center;color:#e6f2ff}.camera-placeholder p{margin:10px 0 0;font-size:.9rem}.camera-icon{background:#ffffff17;border:1px solid #ffffff70;border-radius:50%;place-items:center;width:42px;height:42px;font-size:1.3rem;display:inline-grid}.studio-controls{flex-wrap:wrap;align-items:end;gap:clamp(12px,2.2vw,32px);padding:14px 18px;display:flex}.control-group{gap:7px;display:grid}.inline-controls{align-items:center;gap:5px;display:flex}input[type=range]{accent-color:var(--blue);width:100px}.prompt-button{color:var(--blue-dark);background:var(--blue-light);border-color:#cbe0fc}.timer{color:var(--navy);letter-spacing:.03em;padding:8px 0;font-size:.9rem}.status{margin-left:auto}.status-value{color:var(--muted);white-space:nowrap;padding:8px 0;font-size:.8rem}.status-value i{background:#39a76e;border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.page-container{max-width:1100px;margin:0 auto;padding:clamp(32px,6vw,72px) clamp(18px,4vw,38px)}.page-heading{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:32px;display:flex}.page-heading p,.page-intro{color:var(--muted)}.empty-state{text-align:center;background:#fff;border:1px dashed #bed0e8;border-radius:12px;align-content:center;justify-items:center;min-height:260px;padding:30px;display:grid}.empty-state h2{margin:12px 0 5px;font-size:1.1rem}.empty-state p{color:var(--muted);max-width:380px;margin-bottom:16px;font-size:.92rem}.empty-icon{color:var(--blue);background:var(--blue-light);border-radius:50%;padding:11px}.page-editor{width:100%;min-height:420px}.future-player{min-height:390px;color:var(--blue-dark);background:linear-gradient(135deg,#e7effb,#cdddf2);border-radius:12px;place-items:center;font-size:.92rem;display:grid}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:28px;display:grid}.settings-card{border:1px solid var(--border);background:#fff;border-radius:11px;padding:22px;transition:border-color .15s,transform .15s}.settings-card:hover{border-color:#8bb5eb;transform:translateY(-2px)}.settings-card>span{color:var(--blue);float:right}.settings-card h2{margin:26px 0 6px;font-size:1.05rem}.settings-card p,.placeholder-copy{color:var(--muted);margin-bottom:0;font-size:.9rem}.card{padding:24px}.settings-list{gap:10px;max-width:600px;margin-top:28px;display:grid}.settings-list .card{justify-content:space-between;display:flex}.settings-list strong{color:var(--blue-dark)}.help-list{border:1px solid var(--border);color:var(--text);background:#fff;border-radius:12px;margin:28px 0;padding:24px 24px 24px 44px;line-height:2}@media (width<=880px){.app-header{gap:10px}.brand{min-width:auto}.header-actions{display:none}.studio-workspace{grid-template-columns:minmax(250px,39fr) minmax(290px,61fr);gap:12px}.studio-page{gap:12px}.studio-controls{gap:16px}}@media (width<=620px){.app-header{min-height:62px;padding:8px 14px}.brand small,.header-settings{display:none}.header-cta{margin-left:auto}.header-cta .button{padding:7px 9px;font-size:.68rem}.studio-page{min-height:calc(100svh - 62px);padding:12px}.studio-workspace{flex-direction:column;min-height:0;display:flex}.script-panel textarea{flex:initial;min-height:225px}.camera-surface{min-height:250px}.studio-controls{align-items:start;padding:14px}.status{margin-left:0}.page-heading{flex-direction:column;align-items:flex-start;margin-bottom:24px}.settings-grid{grid-template-columns:1fr}}.brand-logo{object-fit:contain;width:48px;height:34px}.camera-surface{flex:none;align-self:center;min-height:0;max-height:min(62svh,500px)}.camera-surface.ratio-16-9{width:min(100%,720px)}.camera-surface.ratio-9-16{width:min(100%,281px)}.camera-surface.ratio-1-1{width:min(100%,500px)}.camera-surface.ratio-4-5{width:min(100%,400px)}.camera-surface video{object-fit:cover;width:100%;height:100%}.camera-placeholder{justify-items:center;gap:2px;display:grid}.camera-toggle{color:#fff;background:#0b2452cc;border-color:#fff5;position:absolute;bottom:12px;right:12px}.header-camera-select select{max-width:130px;font-size:.72rem}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.meter-row{align-items:center;gap:8px;min-width:150px;display:flex}.mic-state{color:var(--muted);white-space:nowrap;font-size:.74rem}.mic-state.active{color:#238455}.level-meter{background:#dfe7f0;border-radius:99px;width:92px;height:7px;overflow:hidden}.level-meter span{border-radius:inherit;background:linear-gradient(90deg,#329b68,#88c85e);height:100%;transition:width 80ms linear;display:block}.meter-error{color:var(--blue);text-align:left;background:0 0;border:0;padding:0;font-size:.72rem;font-weight:700}@media (width<=620px){.header-camera-select{display:none}.mic-meter,.meter-row{width:100%}.level-meter{flex:1;max-width:180px}}.teleprompter-overlay{z-index:2;pointer-events:none;--reading-position:50%;position:absolute;inset:0;overflow:hidden}.prompter-scroll{width:min(76%,680px);padding:var(--reading-position) 0 110%;color:#fff;letter-spacing:-.02em;text-align:center;text-shadow:0 2px 7px #071936,0 0 18px #071936;will-change:transform;margin:0 auto;font-weight:650;line-height:1.38}.prompter-scroll p{margin:0 0 1.1em}.reading-guide{top:var(--reading-position);z-index:1;border-top:1px solid #ffffffa8;position:absolute;left:12%;right:12%;box-shadow:0 0 14px #fff6}.prompter-message{color:#b72834;max-width:210px;font-size:.7rem;line-height:1.3}.status-value{text-transform:capitalize}@media (width<=620px){.prompter-scroll{width:82%;padding-bottom:150%}}.recording-status{margin-left:auto}.recording-value{color:var(--muted);white-space:nowrap;font-size:.78rem}.recording-value.active{color:#bd2834;font-weight:750}.recording-preview{border:1px solid var(--border);background:#fff;border-radius:12px;grid-template-columns:minmax(200px,.7fr) minmax(280px,1.3fr);align-items:center;gap:20px;padding:20px;display:grid}.recording-preview h2{margin:6px 0 0;font-size:1.15rem}.recording-preview video{background:#0b2452;border-radius:8px;width:100%;max-height:380px}.recording-preview-actions{grid-column:1/-1;justify-content:flex-end;gap:8px;display:flex}.header-link:disabled{cursor:not-allowed;color:#aab5c5}@media (width<=620px){.recording-status{width:100%;margin-left:0}.recording-preview{grid-template-columns:1fr}.recording-preview-actions{flex-wrap:wrap;justify-content:flex-start}.camera-surface.ratio-9-16{width:min(100%,220px)}.camera-surface.ratio-1-1{width:min(100%,320px)}.camera-surface.ratio-4-5{width:min(100%,300px)}}.recording-name{color:var(--muted);gap:5px;margin-top:16px;font-size:.72rem;font-weight:700;display:grid}.recording-name input{border:1px solid var(--border);width:100%;color:var(--text);border-radius:6px;padding:7px 8px}.save-message,.storage-error{color:#238455;margin:8px 0 0;font-size:.82rem}.storage-error{color:#b72834;margin-bottom:18px}.recordings-list{gap:11px;display:grid}.saved-recording{border:1px solid var(--border);background:#fff;border-radius:10px;justify-content:space-between;align-items:center;gap:20px;padding:17px 18px;display:flex}.saved-recording h2{margin:0 0 5px;font-size:1rem}.saved-recording p{color:var(--muted);font-size:.8rem}.saved-recording-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.recording-detail{gap:17px;max-width:850px;display:grid}.recording-detail video{background:#0b2452;border-radius:10px;width:100%;max-height:70svh}@media (width<=620px){.saved-recording{display:grid}.saved-recording-actions{justify-content:flex-start}}.script-form{gap:16px;max-width:850px;display:grid}.script-form label{color:var(--navy);gap:7px;font-size:.78rem;font-weight:700;display:grid}.script-form input{border:1px solid var(--border);color:var(--text);border-radius:7px;padding:10px}.landing{min-height:100svh;color:var(--navy);background:linear-gradient(145deg,#fff 45%,#edf4ff)}.landing-header,.landing main,.landing footer{max-width:1180px;margin:auto}.landing-header{justify-content:space-between;align-items:center;gap:28px;height:94px;padding:0 24px;display:flex}.landing-brand{white-space:nowrap;align-items:center;gap:10px;display:flex}.landing-brand img{object-fit:contain;width:74px;height:44px}.landing-brand b{letter-spacing:.03em;font-size:1.1rem}.landing-brand em{color:#1258eb;font-style:normal}.landing-header nav{gap:34px;margin-left:auto;font-size:.82rem;font-weight:700;display:flex}.landing-actions{align-items:center;gap:12px;display:flex}.landing-actions select{font-size:.75rem}.landing-enter,.landing-primary{color:#fff;background:linear-gradient(135deg,#0839c8,#1769ef);border-radius:9px;padding:13px 21px;font-size:.82rem;font-weight:750;display:inline-block}.landing-hero{grid-template-columns:1fr 1.25fr;align-items:center;gap:48px;padding:70px 24px 80px;display:grid}.landing-badge{color:#0d59e7;background:#eaf2ff;border-radius:99px;padding:7px 12px;font-size:.75rem;font-weight:700}.landing-hero h1{margin:26px 0 18px;font-size:clamp(2.6rem,5vw,4.6rem);line-height:1.05}.landing-hero h1 strong{color:#1558e7}.landing-hero p{color:#536784;max-width:520px;line-height:1.7}.landing-benefits,.landing-buttons{flex-wrap:wrap;gap:15px;margin-top:24px;font-size:.82rem;display:flex}.landing-benefits span{color:#263b61}.landing-benefits span:first-letter{color:#1160e9}.landing-secondary{color:#1458de;border:1px solid #2f70f1;border-radius:9px;padding:12px 20px;font-size:.82rem;font-weight:750}.landing-mockup{background:#fff;border:1px solid #e1e8f3;border-radius:17px;min-height:350px;display:flex;overflow:hidden;box-shadow:0 20px 40px #173b7d21}.landing-mockup aside{color:#52637c;border-right:1px solid #e2e8f2;align-content:start;gap:22px;width:112px;padding:18px 14px;font-size:.68rem;display:grid}.landing-mockup aside img{object-fit:contain;width:48px;height:32px}.landing-mockup aside b{color:#1458de}.mock-main{flex:1;padding:16px}.mock-tools{border:1px solid #e3e9f2;border-radius:8px;padding:10px;font-size:.65rem}.mock-preview{grid-template-columns:1.5fr .9fr;gap:4px;height:210px;margin-top:10px;display:grid}.mock-preview div{color:#dbe7ff;background:linear-gradient(140deg,#103164,#142c43);border-radius:6px;place-items:center;font-size:.75rem;display:grid}.mock-preview p{color:#fff;background:#10141d;border-radius:6px;margin:0;padding:20px;font-size:.7rem;line-height:1.6}.mock-bottom{justify-content:space-between;align-items:center;gap:9px;margin-top:15px;font-size:.65rem;display:flex}.mock-bottom button{color:#fff;background:#e73543;border:0;border-radius:99px;padding:7px 11px}.landing-features{text-align:center;grid-template-columns:repeat(4,1fr);gap:28px;padding:48px 24px 78px;display:grid}.landing-features i,.landing-how i{color:#1458de;background:#e9f1ff;border-radius:17px;place-items:center;width:64px;height:64px;margin:auto;font-size:1.55rem;font-style:normal;display:grid}.landing-features h2{margin:18px 0 9px;font-size:1rem}.landing-features p,.landing-how p{color:#536784;font-size:.8rem;line-height:1.55}.landing-how{text-align:center;border-top:1px solid #dfe7f3;padding:55px 24px 70px}.landing-how>h2{font-size:2rem}.landing-how>div{grid-template-columns:repeat(3,1fr);gap:40px;margin-top:36px;display:grid}.landing-how article{position:relative}.landing-how article>b{color:#fff;background:#1258e7;border-radius:50%;place-items:center;width:27px;height:27px;margin:0 auto 10px;font-size:.72rem;display:grid}.landing-how h3{max-width:210px;margin:16px auto 8px;font-size:1rem}.landing-cta{color:#fff;background:linear-gradient(115deg,#0839bc,#0d70ff);border-radius:16px;justify-content:space-between;align-items:center;gap:25px;margin:0 24px 42px;padding:36px clamp(24px,7vw,95px);display:flex}.landing-cta h2{color:#fff;margin-bottom:8px;font-size:2rem}.landing-cta p{margin:0}.landing-cta a{color:#1154d8;white-space:nowrap;background:#fff;border-radius:9px;padding:15px 25px;font-size:.82rem;font-weight:750}.landing footer{color:#51627c;border-top:1px solid #dfe7f3;align-items:center;gap:24px;padding:28px 24px;font-size:.72rem;display:flex}@media (width<=800px){.landing-header nav{display:none}.landing-hero{grid-template-columns:1fr;padding-top:38px}.landing-features{grid-template-columns:repeat(2,1fr)}}@media (width<=520px){.landing-header{gap:8px;height:76px;padding:0 14px}.landing-brand img{width:45px}.landing-brand b{font-size:.85rem}.landing-actions{gap:5px}.landing-actions select{width:92px;padding:5px}.landing-enter{padding:9px 10px;font-size:.65rem}.landing-hero{gap:30px;padding:34px 18px 48px}.landing-mockup aside{display:none}.landing-mockup{min-height:310px}.mock-preview{height:180px}.landing-features{grid-template-columns:1fr 1fr;gap:22px 12px;padding:38px 18px}.landing-how>div{grid-template-columns:1fr;gap:28px}.landing-cta{margin:0 18px 30px;padding:28px;display:grid}.landing footer{padding:24px 18px;display:grid}}.whatsapp-widget{z-index:20;justify-items:end;gap:12px;display:grid;position:fixed;bottom:24px;right:24px}.whatsapp-card{width:min(360px,100vw - 32px);color:var(--navy);background:#fff;border:1px solid #dce5f1;border-radius:16px;padding:20px;animation:.18s ease-out whatsapp-card-in;position:relative;box-shadow:0 18px 42px #1024472b}.whatsapp-person{align-items:center;gap:11px;margin:0 30px 16px 0;display:flex}.whatsapp-person img{object-fit:cover;border:2px solid #e7f7ee;border-radius:50%;flex:0 0 58px;width:58px;height:58px}.whatsapp-person strong{font-size:.95rem}.whatsapp-card h2{letter-spacing:-.02em;max-width:290px;margin:0 0 7px;font-size:1.08rem;line-height:1.3}.whatsapp-card p{color:#536784;margin:0 0 17px;font-size:.84rem;line-height:1.5}.whatsapp-close{color:#536784;background:#f2f6fb;border:0;border-radius:50%;width:30px;height:30px;font-size:1.3rem;line-height:1;position:absolute;top:11px;right:12px}.whatsapp-close:hover{color:var(--navy);background:#e6edf6}.whatsapp-action,.whatsapp-fab{color:#fff;background:#25d366;border:0;justify-content:center;align-items:center;gap:8px;font-size:.82rem;font-weight:750;display:inline-flex;box-shadow:0 9px 20px #1ca9593d}.whatsapp-action{border-radius:9px;width:100%;padding:12px 16px}.whatsapp-action:hover,.whatsapp-fab:hover{background:#1ebd5a}.whatsapp-fab{border-radius:99px;min-height:52px;padding:0 18px 0 13px}.whatsapp-icon,.whatsapp-action span{border:2px solid;border-radius:50%;place-items:center;width:25px;height:25px;font-size:.9rem;font-weight:900;display:grid}.whatsapp-action span{width:19px;height:19px;font-size:.7rem}@keyframes whatsapp-card-in{0%{opacity:0;transform:translateY(9px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=520px){.whatsapp-widget{bottom:16px;right:16px}.whatsapp-fab{min-height:48px;padding-right:16px}}.mock-preview .mock-camera{border-radius:6px;overflow:hidden}.mock-camera img{object-fit:cover;width:100%;height:100%;display:block}.landing-promo{color:#fff;background:radial-gradient(circle at 15%,#1b7dff55,#0000 28%),radial-gradient(circle at 86% 10%,#5aaeff45,#0000 25%),linear-gradient(112deg,#06318f,#0753c8 54%,#0b7aec);border:1px solid #5ca7ff5c;border-radius:18px;grid-template-columns:112px minmax(0,1fr) auto;align-items:center;gap:28px;margin:0 24px;padding:27px 32px;display:grid;overflow:hidden;box-shadow:0 18px 40px #1248a92e}.landing-promo img{object-fit:contain;mix-blend-mode:multiply;width:100%;height:72px}.landing-promo div{min-width:0}.landing-promo h2{color:#fff;letter-spacing:-.025em;white-space:pre-line;margin:0 0 9px;font-size:clamp(1.22rem,2vw,1.7rem);line-height:1.18}.landing-promo p{color:#e7f2ff;letter-spacing:.025em;margin:0;font-size:.82rem;font-weight:650;line-height:1.5}.landing-promo a{color:#0750c4;white-space:nowrap;background:#fff;border:1px solid #fff;border-radius:9px;padding:13px 19px;font-size:.8rem;font-weight:800;transition:transform .18s,box-shadow .18s;box-shadow:0 8px 18px #022a751f}.landing-promo a:hover{transform:translateY(-2px);box-shadow:0 12px 24px #022a7540}.footer-next-studio{text-align:right;gap:4px;margin-left:auto;display:grid}.footer-next-studio a,.header-next-studio{color:#1458de;font-weight:700}.footer-next-studio small{color:#71819a;font-size:.68rem}@media (width<=800px){.landing-promo{grid-template-columns:88px minmax(0,1fr);gap:20px}.landing-promo a{grid-column:2;justify-self:start}}@media (width<=520px){.landing-promo{grid-template-columns:1fr;gap:14px;margin:0 18px;padding:25px}.landing-promo img{width:112px;height:64px}.landing-promo a{grid-column:auto;justify-self:start}.footer-next-studio{text-align:left;margin-left:0}}