.landing{--landing-max:1200px;--landing-section:96px;--landing-display:clamp(2.5rem,4.5vw,4.25rem);--landing-heading:clamp(2rem,3.2vw,3rem);--landing-dark:var(--sidebar);--landing-on-dark:var(--color-on-dark)}.landing-wrap{width:min(var(--landing-max),calc(100% - 64px));margin-inline:auto}.landing a{text-underline-offset:4px}.landing .brand{color:var(--fg)}.skip-link{position:absolute;top:var(--s2);left:var(--s4);transform:translateY(-200%);z-index:10;padding:var(--s3);background:var(--surface)}.skip-link:focus{transform:none}.landing-header{display:flex;align-items:center;justify-content:space-between;gap:var(--s6);padding-block:var(--s6);border-bottom:1px solid var(--border)}.landing-header nav{display:flex;gap:var(--s6);align-items:center}.landing-header nav>a:not(.button){display:inline-flex;align-items:center;min-height:44px;text-decoration:none;font-size:var(--text-small)}.landing-header nav>a:hover{text-decoration:underline}
.landing-hero{display:grid;grid-template-columns:.9fr 1.1fr;gap:var(--s12) var(--s8);align-items:center;padding-top:80px}.hero-copy h1{font-size:var(--landing-display);line-height:1.06;letter-spacing:-.045em;margin-bottom:var(--s6)}.hero-copy .eyebrow{color:var(--color-link);font-weight:600}.hero-description{font-size:1.1875rem;max-width:40ch;color:var(--muted)}.hero-copy .actions{gap:var(--s6);margin-top:var(--s8)}.hero-explore{display:inline-flex;align-items:center;gap:var(--s4);min-height:44px;text-decoration:none}.hero-explore:hover{text-decoration:underline}.hero-note{color:var(--muted);font-size:var(--text-small);margin:var(--s4) 0 0}.hero-tv{margin:0;min-width:0}.demo-tv-frame{border:10px solid var(--sidebar);border-radius:var(--radius-lg);overflow:hidden}.demo-tv-stand{width:35%;height:12px;margin-inline:auto;border-bottom:8px solid var(--sidebar)}.hero-tv figcaption{display:grid;grid-template-columns:1fr auto;gap:var(--s1) var(--s4);padding-top:var(--s6);font-size:var(--text-small)}.hero-tv figcaption>span{font-family:var(--font-mono);font-size:.75rem;color:var(--muted)}.hero-tv figcaption>strong{grid-column:1}.hero-tv figcaption>small{grid-row:1/3;grid-column:2;align-self:end}.transmission-line{grid-column:1/-1;display:flex;gap:var(--s6);align-items:center;padding-block:var(--s6);margin-top:var(--s4);border-top:1px solid var(--border);border-bottom:1px solid var(--border);font-family:var(--font-mono);font-size:.75rem;letter-spacing:.08em}.transmission-line>span:nth-child(even){color:var(--color-link)}
.landing-workflow{padding-block:var(--landing-section)}.section-heading{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3) var(--s12);align-items:end}.section-heading .eyebrow{grid-column:1/-1;color:var(--color-link);margin:0}.section-heading h2{font-size:var(--landing-heading);line-height:1.1;letter-spacing:-.035em;margin:0}.section-heading>p:last-child{color:var(--muted);max-width:44ch;margin-bottom:0}.workflow-step{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center;padding-block:var(--s12);border-bottom:1px solid var(--border)}.workflow-step:first-of-type{margin-top:var(--s8)}.workflow-step:last-of-type{border:0;padding-bottom:0}.step-number{display:block;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.08em;color:var(--color-link);margin-bottom:var(--s4)}.workflow-copy h3{font-size:1.75rem;line-height:1.15;letter-spacing:-.025em;margin-bottom:var(--s4)}.workflow-copy p{max-width:43ch;margin-bottom:var(--s3)}.workflow-detail{color:var(--muted);font-size:var(--text-small)}.text-link{display:inline-flex;align-items:center;min-height:44px;gap:var(--s3);font-weight:600}.workflow-step figure{margin:0;min-width:0}.workflow-step figcaption{margin-top:var(--s3);font-size:.75rem;color:var(--muted)}
.landing-control{background:var(--landing-dark);color:var(--landing-on-dark);padding-block:var(--landing-section)}.control-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px}.landing-control h2{font-size:var(--landing-heading);line-height:1.1;letter-spacing:-.035em}.landing-control .eyebrow{color:var(--border)}.landing-control p{max-width:44ch}.landing-control .button{margin-top:var(--s4);background:var(--surface);border-color:var(--surface);color:var(--color-link)}.control-details{margin:0}.control-details>div{padding:var(--s6) 0;border-bottom:1px solid var(--color-border-on-dark)}.control-details>div:first-child{padding-top:0}.control-details>div:last-child{border:0;padding-bottom:0}.control-details dt{font-size:1.1875rem;font-weight:600;margin-bottom:var(--s2)}.control-details dd{margin:0;color:var(--border);max-width:46ch}
.landing-faq{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;padding-block:var(--landing-section)}.landing-faq .section-heading{display:block;align-self:start}.landing-faq .eyebrow{margin-bottom:var(--s3)}.faq-list{min-width:0}.faq-list details{border-bottom:1px solid var(--border)}.faq-list summary{cursor:pointer;min-height:60px;padding:var(--s4) var(--s1);font-size:1.1875rem;font-weight:500}.faq-list p{color:var(--muted);padding:0 var(--s6) var(--s4) var(--s1);margin:0}.landing-start{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding-block:var(--s12);display:flex;justify-content:space-between;gap:var(--s8);align-items:center}.landing-start h2{font-size:var(--landing-heading);line-height:1.1;letter-spacing:-.035em}.landing-start p{margin-bottom:0}.landing-start .eyebrow{color:var(--color-link);margin-bottom:var(--s4)}.start-actions{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s4)}.start-actions>a:not(.button){display:inline-flex;align-items:center;min-height:44px;font-size:var(--text-small)}.landing-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--s6);padding-block:var(--s8)}.landing-footer p{margin:0;font-size:var(--text-small);color:var(--muted)}.landing-footer>a:last-child{display:inline-flex;align-items:center;min-height:44px;font-size:var(--text-small);gap:var(--s2)}
.landing-requirements{grid-column:1/-1;padding-bottom:var(--s12);border-bottom:1px solid var(--border);scroll-margin-top:var(--s6)}.landing-requirements h2{font-size:var(--text-h2);line-height:1.2;margin-bottom:var(--s3)}.landing-requirements>p{margin-bottom:0;color:var(--muted)}.requirements-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s8);margin:var(--s6) 0 0}.requirements-list dt{font-weight:600;margin-bottom:var(--s2)}.requirements-list dd{margin:0;color:var(--muted)}.requirements-list a{overflow-wrap:anywhere}
@media(max-width:1000px){.landing-hero{grid-template-columns:1fr 1fr;padding-top:var(--s12)}.hero-copy .actions{gap:var(--s3)}.hero-description{font-size:var(--text-body)}.workflow-step,.control-layout,.landing-faq{gap:var(--s12)}.demo-promotion-copy{padding:var(--s4)}.hero-tv figcaption{display:block}.hero-tv figcaption>*{display:block}.hero-tv figcaption>small{margin-top:var(--s2)}}
@media(max-width:720px){.landing{--landing-section:64px}.landing-wrap{width:calc(100% - 40px)}.landing-header{flex-wrap:wrap;gap:var(--s3);padding-block:var(--s4)}.landing-header nav{gap:var(--s4)}.landing-header .section-link{display:none!important}.landing-header .brand{font-size:1.4rem}.landing-header .button{padding-inline:var(--s3)}.landing-hero{grid-template-columns:1fr;gap:var(--s8);padding-top:var(--s12)}.hero-copy h1{font-size:clamp(2.5rem,8vw,3.75rem)}.hero-description{max-width:43ch;font-size:1.0625rem}.hero-copy .actions{gap:var(--s4);margin-top:var(--s6)}.hero-tv{max-width:580px;width:100%;justify-self:center}.hero-tv figcaption{display:grid;padding-top:var(--s4)}.hero-tv figcaption>small{margin:0}.transmission-line{gap:var(--s3);font-size:.625rem;letter-spacing:.03em;justify-content:space-between;margin-top:0;padding-block:var(--s4)}.section-heading{grid-template-columns:1fr;gap:var(--s4)}.section-heading .eyebrow{grid-column:auto}.section-heading h2{max-width:18ch}.workflow-step{grid-template-columns:1fr;gap:var(--s6);padding-block:var(--s8)}.workflow-step:first-of-type{margin-top:var(--s4)}.workflow-copy h3{font-size:1.6rem}.workflow-copy h3 br{display:none}.workflow-copy p{max-width:none}.control-layout,.landing-faq{grid-template-columns:1fr;gap:var(--s8)}.landing-control p{max-width:none}.control-details dd{max-width:none}.landing-start{display:block;padding-block:var(--s8)}.start-actions{margin-top:var(--s6)}.landing-footer{flex-wrap:wrap;gap:var(--s3)}.landing-footer p{order:3;flex-basis:100%}}
@media(max-width:360px){.landing-wrap{width:calc(100% - 32px)}.landing-header nav{gap:var(--s2)}.hero-tv figcaption{display:block}.hero-tv figcaption>small{margin-top:var(--s2)}.hero-copy .actions{align-items:flex-start;flex-direction:column}.demo-promotion-copy{padding:var(--s3)}}
@media(max-width:720px){.requirements-list{grid-template-columns:1fr;gap:var(--s6)}.landing-requirements{padding-bottom:var(--s8)}}

.landing-control .button:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover);color:var(--color-on-dark)}

.landing-plans{padding-block:var(--landing-section);scroll-margin-top:var(--s6)}
.landing-plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:var(--s6);margin-top:var(--s8)}
.landing-plan{display:flex;flex-direction:column;min-width:0;padding:var(--s8);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}
.landing-plan h3{font-size:var(--text-h2);overflow-wrap:anywhere}
.landing-plan-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--s2);font-variant-numeric:tabular-nums}
.landing-plan-price strong{font-size:var(--text-h1);font-weight:600;overflow-wrap:anywhere}
.landing-plan-price span,.landing-plan-note{color:var(--muted)}
.landing-plan-extras{margin-block:var(--s4) var(--s6)}
.landing-plan-extras h4{margin:0 0 var(--s3)}
.landing-plan-extras dl{margin:0}
.landing-plan-extras dl>div{padding-block:var(--s3);border-top:1px solid var(--border)}
.landing-plan-extras dd{margin:var(--s1) 0 0;color:var(--muted);font-variant-numeric:tabular-nums}
.landing-plan .button{margin-top:auto;align-self:flex-start}
.landing-plan-note{margin:var(--s6) 0 0;max-width:75ch;font-size:var(--text-small)}
@media(max-width:720px){.landing-plan{padding:var(--s6)}}

/* Demonstração pública: pareamento, painel e reprodução. */
.demo-tour{--demo-fade:180ms;--demo-screen-padding:clamp(var(--s3),2vw,var(--s6));--demo-label:clamp(.625rem,1vw,.75rem);--demo-body:clamp(.75rem,1.2vw,.9375rem);--demo-title:clamp(1.125rem,2.2vw,1.75rem)}
.demo-tour-stage{position:relative;aspect-ratio:16/10;background:var(--sidebar)}
.demo-tour-scene{position:absolute;inset:0;min-width:0;overflow:hidden}
.demo-tour-scene[hidden],.demo-tour-controls[hidden],.demo-tour [data-demo-slide][hidden],.demo-tour-connected[hidden],.demo-tour-authorize[hidden]{display:none}
.demo-tour-pair{display:grid;grid-template-columns:1fr .85fr;align-items:center;gap:var(--s4);padding:var(--demo-screen-padding);color:var(--color-on-dark)}
.demo-tour-eyebrow{display:block;font-family:var(--font-mono);font-size:var(--demo-label);letter-spacing:.04em}
.demo-tour-pair h2{font-size:var(--demo-title);margin:var(--s3) 0;line-height:1.1}
.demo-tour-pair p{font-size:var(--demo-body);color:var(--color-on-dark-secondary);margin-bottom:var(--s4)}
.demo-tour-pair code{display:block;font-family:var(--font-mono);font-size:clamp(1.125rem,3vw,2.5rem);white-space:nowrap;letter-spacing:.04em}
.demo-tour-pair small{display:block;font-size:var(--demo-label);margin-top:var(--s2);color:var(--color-on-dark-secondary)}
.demo-tour-pair>img{width:100%;height:auto;image-rendering:pixelated;border-radius:var(--radius)}
.demo-tour-register{display:flex;align-items:center;justify-content:flex-end;padding:var(--s3);background:var(--sidebar)}
.demo-tour-mini-tv{width:34%;padding:var(--s2);color:var(--color-on-dark);text-align:center;font-size:var(--demo-label)}
.demo-tour-mini-tv strong{display:block;font-family:var(--font-mono);font-size:clamp(1.25rem,3vw,2.25rem);line-height:1.2;margin:var(--s3) 0}
.demo-tour-mini-tv small{color:var(--color-on-dark-secondary);font-size:inherit}
.demo-tour-panel{width:66%;padding:var(--s3);border-radius:var(--radius);background:var(--surface);color:var(--fg)}
.demo-tour-panel h2{font-size:var(--demo-title);line-height:1.1;margin:var(--s2) 0}
.demo-tour-panel .demo-tour-eyebrow{font-size:clamp(.5rem,.8vw,.625rem);color:var(--muted)}
.demo-tour-panel dl{margin:var(--s2) 0}
.demo-tour-panel dl>div{margin-bottom:var(--s1)}
.demo-tour-panel dt{font-size:var(--demo-label);color:var(--muted)}
.demo-tour-panel dd{margin:0;min-height:1.5em;border-bottom:1px solid var(--border);font-size:var(--demo-body);font-weight:600;opacity:0}
.demo-tour-panel .is-filled dd{opacity:1}
.demo-tour-authorize,.demo-tour-connected{display:block;padding:var(--s2);font-size:var(--demo-body);text-align:center;background:var(--accent);color:var(--accent-fg);border-radius:var(--radius);font-weight:600}
.demo-tour-connected{background:var(--color-background-light);color:var(--color-success-text)}
.demo-tour-play>[data-demo-slide],.demo-tour-play .demo-promotion{width:100%;height:100%}
.demo-tour-welcome{display:flex;flex-direction:column;justify-content:center;padding:var(--s6);background:var(--sidebar);color:var(--color-on-dark)}
.demo-tour-welcome>span{font-family:var(--font-mono);font-size:var(--demo-label);letter-spacing:.1em}
.demo-tour-welcome>strong{font-size:clamp(1.75rem,4vw,3rem);line-height:1.05;letter-spacing:-.035em;margin:var(--s4) 0}
.demo-tour-welcome>p{font-size:var(--demo-body);color:var(--color-on-dark-secondary)}
.demo-tour-welcome>small{font-size:var(--demo-label);color:var(--color-on-dark-secondary)}
.demo-tour-playing{position:absolute;right:var(--s2);bottom:var(--s2);padding:var(--s1) var(--s2);border-radius:var(--radius);background:var(--surface);color:var(--color-success-text);font-size:var(--demo-label);font-weight:600}
.hero-tv .demo-tour-caption{min-height:5.5rem}
.demo-tour-steps{padding-left:var(--s4);margin:var(--s4) 0 0;list-style:none;color:var(--muted);font-size:var(--text-small)}
.demo-tour-enhanced .demo-tour-steps{display:none}
.demo-tour-controls{display:flex;flex-wrap:wrap;gap:var(--s2);margin-top:var(--s4)}
.demo-tour-controls>div{display:flex;flex:1;gap:var(--s1)}
.demo-tour-controls button{min-height:44px;padding:var(--s2);font-size:var(--text-small);white-space:normal;background:var(--surface);color:var(--fg);border-color:var(--border)}
.demo-tour-controls>div>button{flex:1}
.demo-tour-controls button[aria-pressed="true"]{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}
.demo-tour-controls button:not(:disabled):hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover);color:var(--color-on-dark)}
.demo-tour-enhanced .demo-tour-scene:not([hidden]){animation:demo-tour-appear var(--demo-fade) ease-out}
.demo-tour[data-running="false"] .demo-tour-scene{animation:none}
@keyframes demo-tour-appear{from{opacity:0}to{opacity:1}}
@media(max-width:720px){.demo-tour-stage{aspect-ratio:1/1}.demo-tour{--demo-title:clamp(1.125rem,4vw,1.5rem);--demo-body:.75rem;--demo-label:.625rem}.demo-tour-panel{padding:var(--s2);line-height:1.2}.demo-tour-panel h2{font-size:1rem}.demo-tour-pair{gap:var(--s3)}.demo-tour-controls>div{flex-basis:100%}.demo-tour-controls>[data-demo-toggle]{width:100%}.demo-tour-welcome{padding:var(--s4)}}
@media(prefers-reduced-motion:reduce){.demo-tour *{animation:none!important;transition:none!important}}