:root{color-scheme:dark;--navy:#0b1220;--night:#0e192a;--gold:#f7b242;--cream:#f9fafc;--ink:#1b2636;--muted:#8d9bae}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}.wrap{max-width:1240px;margin:0 auto;padding:0 32px}.skip{position:absolute;left:12px;top:-99px;padding:12px;background:#fff;color:#000;z-index:100}.skip:focus{top:12px}.topbar{position:relative;z-index:5;background:#0b1220;border-bottom:1px solid #ffffff14}.top-inner{min-height:90px;display:flex;align-items:center;justify-content:space-between;gap:25px}.logo{display:flex;align-items:center;gap:13px;color:#fff;flex-shrink:0}.logo-mark{width:49px;height:49px;display:grid;place-items:center;background:linear-gradient(145deg,#ffce68,#ed991e);border-radius:15px;font-size:32px;font-weight:950;font-style:italic;color:#0b1220;box-shadow:0 10px 32px #df963a24}.logo-name{font-size:20px;font-weight:900;letter-spacing:1.4px;line-height:1}.logo-name small{display:block;font-size:8px;color:#e9b457;letter-spacing:2.8px;margin-top:7px;font-weight:700}.nav{display:flex;align-items:center;gap:34px;color:#c7d0dd;font-size:13px}.nav a:hover{color:#ffc46a}.nav-support{background:#192539;border:1px solid #31425b;color:#fff;border-radius:40px;font-size:12px;font-weight:700;padding:12px 18px;white-space:nowrap}.nav-support:hover{border-color:var(--gold)}.online-pulse,.live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#39c995;box-shadow:0 0 0 3px #39c9951b;vertical-align:middle;margin-right:7px}.hero{background:radial-gradient(ellipse at 89% 46%,#1b3048 0,transparent 47%),linear-gradient(150deg,#0b1220,#101e33);color:#fff;position:relative;overflow:hidden}.hero-glow{position:absolute;inset:0;background:radial-gradient(circle at 20% 0%,#cb88320c,transparent 45%);pointer-events:none}.hero-grid{position:relative;display:grid;grid-template-columns:1.07fr .93fr;gap:40px;align-items:center;min-height:615px;padding-top:66px;padding-bottom:100px}.eyebrow{font-weight:900;color:#f1ac36;letter-spacing:2.7px;font-size:10px}.eyebrow.dark{color:#bb842e}.hero h1{font-size:clamp(41px,4.65vw,69px);line-height:1.09;letter-spacing:-3.4px;margin:26px 0 20px;font-weight:850}.hero h1 em{font-style:normal;color:#f5ac38}.hero-copy>p{font-size:16px;line-height:1.8;color:#b7c4d5;max-width:550px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:34px 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;border-radius:12px;padding:17px 22px;font-size:13px;font-weight:850;transition:transform .2s,border-color .2s,background .2s;min-height:52px}.btn:hover{transform:translateY(-2px)}.btn-gold{color:#1d2230;background:linear-gradient(100deg,#f8c15a,#efa02f);box-shadow:0 14px 35px #e8a53626}.btn-outline{border:1px solid #45536b;color:#f8fafc;background:#ffffff06}.btn-outline:hover{border-color:#edb05a}.hero-trust{display:flex;flex-wrap:wrap;gap:18px;color:#96a8bb;font-size:11px;margin-top:43px}.hero-visual{min-height:440px;display:grid;place-items:center;position:relative}.halo{position:absolute;aspect-ratio:1;border-radius:50%;border:1px solid #ffffff0f;width:570px;max-width:130%}.halo-one{background:radial-gradient(circle,#f0b13b09,transparent 65%)}.halo-two{width:380px;max-width:90%;border-color:#f5b34413}.visual-card{width:min(100%,450px);position:relative;background:#fff;border-radius:22px;box-shadow:0 20px 100px #060b12a8,0 0 0 1px #ffffff25;padding:22px;color:#203148;z-index:2;transform:rotate(-2deg)}.visual-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #edf0f4;padding-bottom:18px}.visual-brand{display:flex;gap:12px;align-items:center}.visual-symbol{background:#fff2db;color:#cf8e21;border-radius:12px;width:42px;height:42px;display:grid;place-items:center;font-size:23px}.visual-brand strong{display:block;font-size:14px}.visual-brand small{display:block;font-size:10px;color:#8b98a9;margin-top:7px}.visual-ellipsis{color:#93a0b2;letter-spacing:2px}.chat-sample{font-size:12px;line-height:1.6;padding:13px 16px;border-radius:15px;margin:25px 0;max-width:82%}.chat-sample.customer{margin-left:auto;background:#fff0d4;border:1px solid #f3deba;border-bottom-right-radius:4px}.chat-sample.assistant{background:#f0f3f8;border:1px solid #e8edf4;border-bottom-left-radius:4px}.chat-sample.assistant strong{display:block;font-size:9px;letter-spacing:1px;color:#9a7b42;margin-bottom:7px}.sample-actions{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 25px}.sample-actions span{border:1px solid #e6eaf0;padding:10px 13px;border-radius:9px;font-size:10px;color:#556983;font-weight:800}.visual-footer{border-top:1px solid #e9edf4;padding-top:15px;text-align:center;color:#8c98a8;font-size:11px}.visual-footer span{color:#32b787}.floating-pill{position:absolute;background:#142238;color:#e9f0f8;border:1px solid #36506e;border-radius:11px;padding:14px 16px;font-size:11px;font-weight:700;z-index:3;box-shadow:0 16px 28px #060b1490}.floating-one{left:-5%;top:13%}.floating-two{bottom:8%;right:-1%}.floating-two span{color:#42c997}.features{padding:98px 0 105px;background:#f7f8fb}.section-intro{text-align:center;max-width:670px;margin:0 auto 46px}.section-intro h2,.faq h2{font-size:clamp(32px,4vw,47px);letter-spacing:-2px;margin:15px 0}.section-intro h2 span,.faq h2 span{color:#d89d41}.section-intro p,.faq-grid>div>p{color:#8591a2;line-height:1.7;font-size:14px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:21px}.feature-card{background:#fff;border:1px solid #e9ecf2;border-radius:19px;padding:32px;box-shadow:0 12px 42px #14203708;min-height:265px;display:flex;flex-direction:column}.feature-icon{width:53px;height:53px;display:grid;place-items:center;background:#fff2d7;border-radius:14px;font-size:26px;color:#d69a3b}.feature-card h3{margin:24px 0 9px;font-size:18px;letter-spacing:-.5px}.feature-card p{font-size:13px;color:#7f8d9f;line-height:1.7;margin:0 0 24px}.feature-card a{margin-top:auto;color:#a86b13;font-size:12px;font-weight:900;display:flex;justify-content:space-between}.feature-card a:hover{color:#e99b28}.steps{background:#111d2f;padding:92px 0;color:white}.steps-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.steps-heading h2{font-size:clamp(32px,4vw,47px);letter-spacing:-1.8px;line-height:1.2;margin:18px 0}.steps-heading h2 em{font-style:normal;color:#f3ae3f}.steps-heading>p{font-size:14px;color:#adbccd;line-height:1.8;margin:0 0 30px;max-width:390px}.steps-list{list-style:none;padding:0;margin:0;display:grid;gap:35px}.steps-list li{display:flex;gap:22px}.steps-list li>span{font-size:27px;font-weight:900;color:#e8ab46;font-variant-numeric:tabular-nums}.steps-list h3{font-size:17px;margin:2px 0 7px}.steps-list p{font-size:13px;color:#9faec1;line-height:1.7;margin:0}.faq{padding:90px 0 100px;background:#fff}.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.faq-items{border-top:1px solid #e9edf3}.faq details{border-bottom:1px solid #e9edf3;padding:18px 0}.faq summary{list-style:none;font-size:14px;font-weight:750;cursor:pointer;position:relative;padding-right:35px;line-height:1.5}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';position:absolute;right:4px;top:-5px;font-size:25px;font-weight:400;color:#ba872f}.faq details[open] summary:after{content:'−'}.faq details p{font-size:13px;line-height:1.8;color:#778599;max-width:520px}.faq details p a{color:#ac782c;text-decoration:underline}.cta{background:#18273c;padding:63px 0}.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:30px;color:#fff}.cta h2{font-size:36px;letter-spacing:-1px;margin:13px 0 8px}.cta p{color:#b0bece;font-size:14px;margin:0}.cta-buttons{display:flex;gap:12px;flex-wrap:wrap}.footer{background:#0b1220;padding:44px 0}.footer-inner{display:flex;justify-content:space-between;gap:25px;align-items:center;flex-wrap:wrap}.footer .logo-mark{width:40px;height:40px;font-size:26px}.footer .logo-name{font-size:16px}.footer .logo-name small{font-size:6px}.footer-links{display:flex;gap:22px;color:#aebdd0;font-size:12px;flex-wrap:wrap}.footer-links a:hover{color:#f1b64f}.copyright{color:#71829a;font-size:11px}@media(max-width:960px){.nav{gap:15px}.hero-grid{grid-template-columns:1fr;gap:10px;padding-top:68px;padding-bottom:65px}.hero-visual{min-height:450px;max-width:560px;width:100%;margin:auto}.hero-copy{text-align:center}.hero-copy>p{margin:auto}.hero-actions,.hero-trust{justify-content:center}.steps-grid{gap:45px}.floating-one{left:0}.floating-two{right:0}.faq-grid{gap:40px}}@media(max-width:700px){.wrap{padding:0 20px}.top-inner{min-height:76px}.logo-mark{width:39px;height:39px;font-size:27px}.logo-name{font-size:17px}.logo-name small{font-size:6px}.nav{display:none}.nav-support{font-size:10px;padding:10px 12px}.hero-grid{padding-top:54px}.hero h1{font-size:clamp(37px,9vw,49px);letter-spacing:-1.8px}.hero-copy>p{font-size:14px}.hero-visual{min-height:360px}.visual-card{width:92%;padding:16px}.chat-sample{margin:16px 0;font-size:11px}.floating-pill{font-size:9px;padding:10px}.hero-trust{gap:13px;line-height:1.4;margin-top:24px}.features{padding:70px 0}.cards{grid-template-columns:1fr}.feature-card{min-height:225px}.steps{padding:74px 0}.steps-grid,.faq-grid{grid-template-columns:1fr;gap:35px}.steps-list{gap:26px}.faq{padding:75px 0}.cta-inner{flex-direction:column;align-items:flex-start}.cta h2{font-size:30px}.footer-inner{align-items:flex-start;flex-direction:column}.footer-links{gap:15px}}@media(max-width:410px){.nav-support{font-size:0}.nav-support .online-pulse{display:none}.nav-support:before{content:'Suporte';font-size:11px}.nav-support span:last-child{font-size:12px}.hero-actions{flex-direction:column}.btn{width:100%}.floating-pill{display:none}.hero-visual{min-height:310px}}

/* Sua Play TV 1.3 — marca vetorial e legibilidade */
.logo-mark{display:block;width:49px;height:49px;object-fit:contain;background:transparent;border-radius:0;box-shadow:none;flex-shrink:0}.logo-name{letter-spacing:.3px;font-weight:950;white-space:nowrap}.gold-word{color:#F7B84E}.logo-name small{font-size:8px;letter-spacing:1.6px;color:#F1BE6B}.footer .logo-mark{width:43px;height:43px}.topbar .logo:hover .logo-name{color:#fff}.hero-copy .eyebrow{display:flex;align-items:center;gap:4px}.hero-copy .eyebrow .live-dot{margin-right:7px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #E4B15D;outline-offset:3px}@media(max-width:700px){.logo-mark{width:43px;height:43px}.logo-name{font-size:16px}.logo-name small{font-size:6.5px;letter-spacing:1px}.top-inner{gap:10px}}
