:root{--paper:#faf9fc;--ink:#14131c;--muted:#6d687a;--accent:#795bea;--accent-hover:#6547d4;--accent-text:#5e43b5;--line:#e3dfec;--line-accent:#d7c8f0;--surface:#fff;--surface-soft:#f5f2fc;--surface-emphasis:#f0ebfc;--selected:#eee8fc;--dark-hover:#302b40;--decoration:#b4a7cc;--on-dark:#eeeaf6;--on-dark-muted:#c4bdd2;--status:#28744f;--status-surface:#e8f4ed;--status-dot:#8dd5ae;--shadow-soft:#14131c12;--shield:#14131c55;--cta-surface:#e8dff9;--cta-label:#6547a3;--cta-copy:#6e5b89;--cta-decoration:#a58acb;--cta-note:#7c609f;--radius:18px;font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a,summary{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}button{color:inherit}p{line-height:1.65}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Manrope',sans-serif}svg{flex-shrink:0}.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.icon-definitions{position:absolute;width:0;height:0;overflow:hidden}[hidden]{display:none!important}.section-width{max-width:1240px;width:calc(100% - 112px);margin-inline:auto}.section-space{padding-block:100px}.skip-link{position:fixed;top:12px;left:12px;z-index:100001;background:var(--ink);color:white;padding:12px 20px;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}
.site-header{max-width:1360px;margin:auto;height:80px;padding:0 56px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.brand{display:inline-flex;align-items:center;gap:10px;font-family:'Manrope',sans-serif;font-size:29px;font-weight:800;letter-spacing:-1.6px}.brand img{display:block}.brand-period{color:var(--accent)}.desktop-nav{display:flex;gap:33px;font-size:13px;font-weight:500}.desktop-nav a:hover,.site-footer a:hover{color:var(--accent)}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;border-radius:7px;min-height:55px;padding:16px 23px;font-size:13px;font-weight:600;border:1px solid transparent;transition:background-color .04s,color .04s}.button .icon{width:19px;height:19px}.button-small{min-height:43px;padding:11px 17px;gap:20px}.button-dark{background:var(--ink);color:white}.button-dark:hover{background:var(--dark-hover)}.button-orange{background:var(--accent);color:var(--surface)}.button-orange:hover{background:var(--accent-hover)}.menu-button{display:none}.mobile-nav,.mobile-nav-shield{display:none}
.hero{display:grid;grid-template-columns:1.07fr 1fr;gap:32px;padding-top:44px;padding-bottom:72px;align-items:center;min-height:606px}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:650;display:flex;align-items:center;gap:10px;line-height:1.7}.eyebrow-line{height:1px;width:24px;background:var(--accent)}h1{font-size:clamp(52px,5.4vw,75px);line-height:1.12;letter-spacing:-4px;font-weight:650;margin:24px 0 28px}.highlight-word{color:var(--accent);position:relative;display:inline-block}.highlight-word svg{position:absolute;left:0;bottom:-11px;width:100%;height:16px;fill:none;stroke:var(--accent);stroke-width:2.2;stroke-linecap:round}.hero-description{font-size:16px;color:var(--muted);max-width:400px;line-height:1.8;margin-bottom:27px}.hero-actions{display:flex;align-items:center;gap:23px}.demo-link{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:550;white-space:nowrap}.play-circle{display:flex;align-items:center;justify-content:center;width:31px;height:31px;border:1px solid var(--line);border-radius:50%}.play-circle .icon{width:14px;height:14px;fill:var(--ink);stroke-width:0}.demo-link:hover{color:var(--accent)}.hero-note{font-size:10px;color:var(--muted);margin:17px 0 0;letter-spacing:.1px}
.hero-art{position:relative;height:438px;margin-top:4px}.art-orbit{position:absolute;border:1px solid var(--line);border-radius:50%;pointer-events:none}.orbit-one{width:450px;height:450px;left:4px;top:-13px}.orbit-two{width:355px;height:355px;left:51px;top:35px}.projection-card{position:absolute;top:53px;right:-6px;width:96%;max-width:510px;background:var(--ink);border:6px solid var(--ink);border-radius:16px;box-shadow:0 20px 45px var(--shadow-soft);transform:rotate(2deg);overflow:hidden}.projection-top{height:35px;display:flex;justify-content:space-between;align-items:center;padding:0 12px;color:var(--on-dark);font-size:8px;letter-spacing:1px}.projection-top>span:first-child{display:flex;gap:7px;align-items:center}.projection-top .icon{width:12px;height:12px}.live-label{display:inline-flex;gap:5px;align-items:center;font-size:8px;letter-spacing:.7px;font-weight:600}.live-label>span{width:5px;height:5px;border-radius:50%;background:var(--status-dot)}.projection-image{height:235px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:white;background:linear-gradient(#14131c14,#14131c60),url('../Themes/golden_sunrise.webp') center/cover;background-color:var(--ink);border-radius:6px}.projection-kicker{font-size:7px;letter-spacing:3.5px;opacity:.8}.projection-image p{font-family:Georgia,serif;font-size:31px;line-height:1.35;margin:18px 0;font-weight:400;text-shadow:0 1px 12px #0005}.projection-reference{font-size:8px;letter-spacing:2px}.projection-bottom{height:30px;color:var(--on-dark-muted);display:flex;align-items:center;justify-content:space-between;padding:2px 12px 0;font-size:8px}.projection-bottom .icon{width:12px;height:12px}.floating-caption{position:absolute;font-size:10px;line-height:1.7;transform:rotate(-5deg);z-index:1}.caption-top{right:15px;top:-7px;padding-left:38px;color:var(--muted)}.floating-caption strong{font-weight:500;color:var(--ink)}.tiny-star{position:absolute;left:0;top:-2px;color:var(--accent);width:28px;height:28px}.tiny-star svg{width:100%;height:100%}.service-card{position:absolute;width:292px;left:-23px;bottom:12px;background:var(--surface);border:1px solid var(--line);padding:18px;border-radius:13px;box-shadow:0 12px 35px var(--shadow-soft);transform:rotate(-3deg)}.service-card-heading{display:flex;align-items:center;gap:10px;padding-bottom:13px}.service-card-symbol{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;background:var(--surface-emphasis);color:var(--accent)}.service-card-symbol .icon{width:17px;height:17px}.service-card-heading strong{font-size:12px;display:block;font-weight:650}.service-card-heading div>span{display:block;font-size:8px;color:var(--muted);margin-top:4px}.service-check{margin-left:auto;width:14px;height:14px;color:var(--status)}.service-row{display:flex;gap:9px;align-items:center;font-size:9px;height:35px;padding:0 7px;border-radius:5px}.service-number{font-size:8px;color:var(--muted)}.service-row .icon{width:12px;height:12px;color:var(--muted)}.service-row-end{margin-left:auto;font-size:6px;color:var(--muted);letter-spacing:.6px}.service-row-active{background:var(--selected);color:var(--accent-text)}.service-row-active .service-row-end{color:var(--status);font-weight:700}.art-note{position:absolute;right:12px;bottom:0;font-family:Georgia,serif;font-style:italic;font-size:14px;line-height:1.4;transform:rotate(6deg);color:var(--muted)}.hand-arrow{position:absolute;width:55px;height:50px;right:107px;bottom:57px;stroke:var(--decoration);stroke-width:1.5;fill:none;transform:rotate(29deg)}
.ecosystem{display:flex;align-items:center;gap:40px;border-block:1px solid var(--line);padding-block:28px}.ecosystem p{font-size:10px;line-height:1.7;color:var(--muted);margin:0;min-width:177px}.ecosystem p strong{font-weight:550;color:var(--ink)}.ecosystem-items{flex:1;display:flex;justify-content:space-between;align-items:center;gap:22px;color:var(--muted)}.ecosystem-items>span{display:flex;gap:9px;align-items:center;font-size:12px;font-weight:550}.ecosystem-items .icon{width:22px;height:22px}.integration-logo.obs-logo{font-family:'Manrope',sans-serif;font-size:24px;font-weight:800;letter-spacing:-1px;gap:5px}.obs-logo span{font-family:'DM Sans',sans-serif;font-size:7px;letter-spacing:1px;writing-mode:vertical-rl}.integration-logo.vmix-logo{font-size:28px;font-weight:650;font-style:italic;letter-spacing:-2px;gap:0}.vmix-logo span{font-weight:450}.ecosystem-items .remote-word{font-size:11px}.remote-word .icon{width:15px;height:15px}
h2{font-size:42px;line-height:1.23;letter-spacing:-1.8px;font-weight:600;margin:20px 0 0}.serif-word{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:400;letter-spacing:-1.5px;color:var(--accent)}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:40px}.section-heading>p{color:var(--muted);font-size:13px;max-width:370px;line-height:1.85;margin:0 0 3px}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.benefit-card{background:var(--surface-soft);padding:30px;border-radius:var(--radius);border:1px solid var(--line)}.feature-icon{display:grid;place-items:center;width:39px;height:39px;background:var(--surface);border:1px solid var(--line);border-radius:10px;color:var(--accent);margin-bottom:25px}.feature-icon .icon{width:20px;height:20px}.benefit-card h3{font-size:23px;letter-spacing:-.7px;font-weight:600;line-height:1.4;margin:0 0 14px}.benefit-card p{font-size:12px;color:var(--muted);line-height:1.85;margin-bottom:28px;max-width:310px}.benefit-tag{font-size:7px;font-weight:650;letter-spacing:1.3px;color:var(--muted)}.benefit-card:nth-child(2){background:var(--surface-emphasis);border-color:var(--line-accent)}.benefit-card:nth-child(2) .feature-icon{color:var(--accent);border-color:var(--line-accent)}.benefit-card:nth-child(3){background:var(--surface-soft);border-color:var(--line)}.benefit-card:nth-child(3) .feature-icon{color:var(--accent);border-color:var(--line)}
.demo-section{background:var(--surface-emphasis);border-block:1px solid var(--line)}.demo-heading{text-align:center;margin-bottom:40px}.demo-heading .eyebrow{justify-content:center}.demo-heading h2{font-size:47px}.demo-heading p{font-size:13px;color:var(--muted);margin:17px 0 0}.studio-preview{background:var(--surface);border:1px solid var(--line);box-shadow:0 22px 60px var(--shadow-soft);border-radius:13px;overflow:hidden;max-width:1030px;margin:auto}.studio-toolbar{height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 23px;border-bottom:1px solid var(--line);gap:12px}.studio-brand{display:flex;align-items:center;gap:7px;font-weight:700;font-family:'Manrope',sans-serif;font-size:17px;letter-spacing:-.7px}.studio-session{font-size:10px;font-weight:500;display:flex;align-items:center;gap:15px}.studio-session>span{font-size:8px;background:var(--status-surface);color:var(--status);padding:5px 9px;border-radius:4px}.studio-demo-label{font-size:7px;letter-spacing:1px;color:var(--muted)}.studio-body{display:grid;grid-template-columns:210px 1fr}.studio-sidebar{padding:27px 15px 20px;background:var(--surface-soft);border-right:1px solid var(--line);display:flex;flex-direction:column}.studio-label{font-size:8px;font-weight:600;letter-spacing:1.2px;color:var(--muted)}.studio-sidebar>.studio-label{margin:0 10px 19px}.plan-item{display:flex;align-items:center;gap:10px;padding:14px 9px;border:1px solid transparent;border-radius:6px;margin-bottom:5px}.plan-item>span{font-size:8px;color:var(--muted)}.plan-item>.icon{width:14px;height:14px;color:var(--muted)}.plan-item>div{font-size:9px;font-weight:600}.plan-item small{display:block;color:var(--muted);font-size:8px;margin-top:5px;font-weight:400}.plan-item.selected{background:var(--selected);border-color:var(--accent);color:var(--accent-text);box-shadow:0 2px 3px #00000003}.sidebar-bottom{margin-top:auto;padding:80px 10px 2px;font-size:9px;line-height:1.8;color:var(--muted)}.sidebar-bottom>.icon{display:block;width:15px;height:15px;margin-bottom:9px;color:var(--accent)}.studio-workspace{padding:22px 27px 25px}.studio-tabs{display:flex;gap:6px;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:20px}.studio-tabs button{border:1px solid transparent;background:transparent;font-size:10px;display:flex;align-items:center;gap:7px;padding:9px 12px;border-radius:5px;color:var(--muted)}.studio-tabs .icon{width:13px;height:13px}.studio-tabs button[aria-selected=true]{background:var(--selected);color:var(--accent-text);border-color:var(--line-accent)}.studio-tabs button:hover{color:var(--accent-text)}.demo-content-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.demo-content-heading strong{font-size:12px;font-weight:600}.demo-content-heading>span{font-size:8px;color:var(--muted)}.slide-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.demo-slide{background:var(--surface-soft);border:1px solid var(--line);text-align:left;padding:13px 13px 19px;min-height:111px;border-radius:7px}.demo-slide>.slide-meta{display:flex;justify-content:space-between;font-size:7px;letter-spacing:.5px;margin-bottom:17px;color:var(--muted)}.slide-meta>span{visibility:hidden;font-size:6px;color:var(--status)}.demo-slide>span:last-child{font-size:10px;line-height:1.7;display:block}.demo-slide.active{color:var(--accent-text);border-color:var(--accent);background:var(--selected);box-shadow:inset 0 0 0 1px var(--accent)}.demo-slide.active .slide-meta>span{visibility:visible}.demo-slide:hover{border-color:var(--accent)}.workspace-help{display:flex;justify-content:space-between;margin:13px 0 23px;gap:8px;color:var(--muted);font-size:8px}.workspace-help>span:first-child{display:flex;gap:7px;align-items:center}.workspace-help .icon{width:12px;height:12px}.workspace-help>span:last-child{font-size:6px;letter-spacing:.6px;white-space:nowrap}.studio-output-heading{display:flex;justify-content:space-between;margin-bottom:11px}.studio-output-heading .live-label{color:var(--status);font-size:6px}.studio-output-heading .live-label>span{background:var(--status)}.studio-output{height:254px;border-radius:7px;background:linear-gradient(100deg,#14131c77,#14131c55),url('../Themes/golden_sunrise.webp') center/cover;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:35px;position:relative;color:white;background-color:var(--ink)}.output-brand{position:absolute;left:14px;top:11px;font-size:9px;opacity:.75;font-weight:550}.studio-output p{font-family:Georgia,serif;font-size:30px;line-height:1.35;max-width:500px;white-space:pre-line;margin:0 0 20px;text-shadow:0 2px 12px #0004}.studio-output>span:last-child{font-size:8px;letter-spacing:1.5px;max-width:90%;line-height:1.7}.demo-footnote{display:flex;justify-content:center;gap:36px;margin-top:25px;font-size:10px;color:var(--muted)}.demo-footnote>span{display:flex;align-items:center;gap:7px}.demo-footnote .icon{width:13px;height:13px}
.text-link{display:inline-flex;align-items:center;gap:17px;font-size:12px;font-weight:600;padding-bottom:4px;border-bottom:1px solid var(--line-accent);white-space:nowrap}.text-link:hover{color:var(--accent);border-color:var(--accent)}.text-link .icon{width:16px;height:16px}.workflow-section .section-heading{align-items:center}.workflow-section h2{font-size:38px}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:42px}.step-number{display:flex;align-items:center;gap:14px;border-top:1px solid var(--line);padding-top:23px;font-family:'Manrope',sans-serif;font-size:30px;color:var(--decoration);font-weight:600}.step-number>span{font-family:'DM Sans',sans-serif;font-size:8px;color:var(--muted);font-weight:600;letter-spacing:1.4px}.steps-grid h3{font-size:17px;letter-spacing:-.5px;margin:23px 0 12px;font-weight:600}.steps-grid p{font-size:12px;line-height:1.9;color:var(--muted);max-width:310px;margin:0}
.features-section{display:grid;grid-template-columns:1fr 1fr;gap:75px;padding:65px;background:var(--surface-soft);border:1px solid var(--line);border-radius:20px}.feature-story h2{font-size:35px;letter-spacing:-1.2px;margin:20px 0}.feature-story>p{font-size:12px;color:var(--muted);max-width:380px;line-height:1.9;margin-bottom:23px}.feature-story-art{position:relative;padding-top:50px;width:255px;transform:rotate(-5deg)}.feature-story-art>span{font-size:11px;letter-spacing:3px;font-weight:600}.word-lines{display:flex;flex-direction:column;gap:7px;margin-top:13px}.word-lines i{height:2px;width:155px;background:var(--decoration)}.word-lines i:nth-child(2){width:115px;background:var(--line-accent)}.word-lines i:nth-child(3){width:135px;background:var(--line)}.feature-story-art>strong{font-family:Georgia,serif;font-style:italic;font-size:53px;color:var(--accent);font-weight:400;line-height:1.6;letter-spacing:-2px}.feature-story-art>.icon{position:absolute;right:5px;bottom:3px;width:62px;height:62px;stroke-width:1}.feature-list article{display:flex;gap:20px;border-bottom:1px solid var(--line);padding:20px 0}.feature-list article:first-child{padding-top:0}.feature-list article:last-child{border:0;padding-bottom:0}.feature-list article>span{font-size:9px;color:var(--muted);padding-top:5px}.feature-list h3{font-size:16px;letter-spacing:-.4px;font-weight:600;margin:0 0 7px}.feature-list p{font-size:11px;line-height:1.8;color:var(--muted);margin:0}
.faq-section{display:grid;grid-template-columns:1fr 1.1fr;gap:65px}.faq-section h2{font-size:38px}.faq-section>div>p{font-size:12px;color:var(--muted);margin:18px 0}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:13px;font-weight:550;padding:23px 0;cursor:pointer}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary .icon{width:16px;height:16px;color:var(--muted)}.faq-list details[open] summary .icon{transform:rotate(45deg)}.faq-list details>p{font-size:12px;color:var(--muted);margin:0 30px 23px 0;line-height:1.8}.faq-list summary:hover{color:var(--accent)}
.final-cta{background:var(--cta-surface);border:1px solid var(--line-accent);border-radius:20px;padding:63px 40px 65px;text-align:center;position:relative;overflow:hidden}.final-cta .eyebrow{justify-content:center;color:var(--cta-label)}.final-cta h2{font-size:64px;line-height:1.13;letter-spacing:-2.5px;margin:19px 0}.final-cta>p{font-size:13px;color:var(--cta-copy);margin-bottom:27px;line-height:1.8}.final-cta .button{font-size:12px}.cta-spark{position:absolute;left:12%;top:29%;color:var(--cta-decoration);width:80px;height:80px;transform:rotate(-12deg)}.cta-spark svg{width:100%;height:100%}.cta-side-note{position:absolute;right:10%;bottom:22%;font-size:19px;font-family:Georgia,serif;line-height:1.3;font-style:italic;transform:rotate(9deg);color:var(--cta-note)}
.site-footer{display:flex;justify-content:space-between;align-items:center;padding:48px 0 40px;gap:30px}.site-footer .brand{font-size:25px}.site-footer>div>p{font-size:9px;color:var(--muted);margin:9px 0 0 41px}.site-footer nav{display:flex;gap:27px;font-size:10px}.site-footer nav a:last-child{display:inline-flex;align-items:center;gap:5px}.site-footer nav .icon{width:13px;height:13px}.copyright{font-size:9px;color:var(--muted);line-height:1.9;text-align:right}
@media(min-width:1450px){.hero{min-height:666px}.hero-art{height:470px}.projection-card{top:70px}.service-card{bottom:20px}.art-note{bottom:10px}.orbit-one{width:500px;height:500px}.orbit-two{width:390px;height:390px;left:61px;top:40px}}
@media(max-width:1150px){.section-width{width:calc(100% - 72px)}.site-header{padding-inline:36px}.desktop-nav{gap:23px}h1{font-size:59px;letter-spacing:-3px}.hero{gap:20px;min-height:599px;padding-top:44px}.hero-description{font-size:14px}.hero-actions{gap:17px}.hero-actions .button{padding-inline:17px;font-size:11px;gap:12px}.hero-art{height:400px}.projection-card{right:0}.projection-image{height:215px}.service-card{width:265px;left:-13px;bottom:0}.art-note{right:0;font-size:12px;bottom:4px}.orbit-one{width:380px;height:380px;left:0;top:0}.orbit-two{width:300px;height:300px;left:40px;top:40px}.ecosystem{gap:22px}.ecosystem-items{gap:16px}.ecosystem-items>span{font-size:10px}.ecosystem p{min-width:150px}.ecosystem-items .remote-word{display:none}.benefit-card{padding:25px}.features-section{padding:45px;gap:45px}.cta-spark{left:8%}.cta-side-note{right:7%}}
@media(max-width:900px){.desktop-nav{gap:17px;font-size:11px}.brand{font-size:25px}.hero{grid-template-columns:1fr 1fr;gap:18px;padding-bottom:62px;min-height:549px}.hero .eyebrow{font-size:8px;letter-spacing:1px}h1{font-size:47px;letter-spacing:-2.5px}.hero-description{font-size:12px}.hero-actions{align-items:flex-start;flex-direction:column;gap:15px}.hero-note{font-size:9px}.hero-art{height:365px}.projection-card{top:58px}.projection-image{height:180px}.projection-image p{font-size:24px}.projection-kicker{font-size:6px}.service-card{width:235px;left:-12px;bottom:-1px;padding:13px}.art-note,.hand-arrow{display:none}.orbit-one{width:320px;height:320px}.orbit-two{width:245px;height:245px}.caption-top{right:0;font-size:9px;top:4px}.section-space{padding-block:75px}h2{font-size:34px}.section-heading{gap:25px}.section-heading>p{font-size:11px;max-width:290px}.benefit-card{padding:21px}.benefit-card h3{font-size:19px}.benefit-card p{font-size:11px}.benefit-tag{font-size:6px;letter-spacing:.8px}.studio-body{grid-template-columns:165px 1fr}.studio-sidebar{padding-inline:9px}.plan-item{gap:7px}.plan-item>div{font-size:8px}.studio-workspace{padding:20px}.demo-slide{padding:10px;min-height:107px}.demo-slide>span:last-child{font-size:9px}.demo-slide>.slide-meta{font-size:6px;letter-spacing:0}.studio-output p{font-size:25px}.studio-output{height:225px}.workflow-section h2{font-size:31px}.steps-grid{gap:25px}.features-section{padding:35px;gap:35px}.feature-story h2{font-size:29px}.feature-list h3{font-size:14px}.faq-section{gap:35px}.faq-section h2{font-size:33px}.faq-list summary{font-size:11px}.final-cta h2{font-size:56px}.cta-spark{width:55px;height:55px;left:6%}.cta-side-note{font-size:16px;right:6%}.site-footer nav{gap:15px;font-size:9px}.copyright{font-size:8px}}
@media(max-width:700px){html{scroll-padding-top:20px}.section-width{width:calc(100% - 40px)}.site-header{height:80px;padding-inline:20px;gap:16px}.site-header .brand{font-size:25px}.site-header .brand img{width:31px;height:31px}.desktop-nav{display:none}.header-cta{margin-left:auto;min-height:37px;padding:9px 12px;font-size:10px;gap:10px}.menu-button{display:flex;flex-direction:column;justify-content:center;gap:5px;background:none;border:0;width:30px;height:36px;padding:5px;z-index:1001}.menu-button>span{height:1.5px;width:20px;background:var(--ink)}.menu-button[aria-expanded=true]>span:first-child{transform:translateY(3.25px) rotate(45deg)}.menu-button[aria-expanded=true]>span:last-child{transform:translateY(-3.25px) rotate(-45deg)}.mobile-nav-shield{display:block;position:fixed;inset:0;background:var(--shield);z-index:998}.mobile-nav{display:flex;position:absolute;top:80px;left:0;right:0;padding:15px 22px 23px;background:var(--paper);border-bottom:1px solid var(--line);z-index:1000;flex-direction:column;gap:0;box-shadow:0 10px 25px var(--shadow-soft)}.mobile-nav a{padding:13px 0;font-size:14px}.mobile-nav a:last-child{color:var(--accent)}.mobile-nav .icon{width:15px;height:15px;margin-left:6px;vertical-align:middle}.hero{grid-template-columns:1fr;gap:0;padding-top:47px;padding-bottom:44px}.hero-copy{text-align:center}.hero .eyebrow{font-size:8px;justify-content:center;letter-spacing:1.3px}.hero h1{font-size:clamp(45px,9.8vw,65px);letter-spacing:-2.7px;margin:20px 0 28px}.hero-description{font-size:13px;max-width:365px;margin:0 auto 24px}.hero-actions{flex-direction:row;justify-content:center;align-items:center;gap:18px}.hero-actions .button{font-size:11px;padding:15px 17px;min-height:49px}.demo-link{font-size:10px;gap:6px}.play-circle{width:25px;height:25px}.hero-note{font-size:9px;margin-top:15px}.hero-art{max-width:450px;width:100%;margin:45px auto 0;height:360px}.projection-card{width:90%;right:0;top:27px}.projection-image{height:193px}.projection-image p{font-size:26px}.caption-top{top:-16px;right:17px;font-size:9px}.service-card{width:255px;left:0;bottom:2px;padding:15px}.service-card-heading strong{font-size:11px}.art-orbit{max-width:95%}.orbit-one{width:95%;height:auto;aspect-ratio:1;left:50%;transform:translateX(-50%);top:0}.orbit-two{width:75%;height:auto;aspect-ratio:1;left:50%;transform:translateX(-50%);top:40px}.ecosystem{flex-direction:column;gap:19px;padding-block:25px}.ecosystem p{text-align:center;font-size:10px}.ecosystem p br{display:none}.ecosystem p strong{margin-left:3px}.ecosystem-items{width:100%;flex-wrap:wrap;justify-content:center;gap:16px 25px}.ecosystem-items>span{font-size:10px}.ecosystem-items .integration-logo.obs-logo{font-size:21px}.ecosystem-items .integration-logo.vmix-logo{font-size:25px}.ecosystem-items .icon{width:17px;height:17px}.section-space{padding-block:60px}.section-heading{flex-direction:column;align-items:flex-start;gap:18px;margin-bottom:28px}h2{font-size:34px;letter-spacing:-1.4px;margin-top:16px}.eyebrow{font-size:8px;letter-spacing:1.3px}.section-heading>p{font-size:12px;max-width:400px}.section-heading>p br{display:none}.benefit-grid{grid-template-columns:1fr;gap:12px}.benefit-card{padding:26px;position:relative}.benefit-card h3{font-size:23px;padding-left:62px;min-height:60px;margin-bottom:16px}.benefit-card .feature-icon{position:absolute;top:32px}.benefit-card p{font-size:12px;max-width:100%;margin-bottom:19px}.benefit-tag{font-size:7px;letter-spacing:1px}.demo-heading{margin-bottom:27px}.demo-heading h2{font-size:35px}.demo-heading p{font-size:11px}.studio-toolbar{height:48px;padding-inline:13px}.studio-brand{font-size:14px}.studio-brand img{width:20px;height:20px}.studio-session{font-size:8px;gap:7px}.studio-session>span{font-size:6px}.studio-demo-label{display:none}.studio-body{display:block}.studio-sidebar{display:none}.studio-workspace{padding:15px}.studio-tabs{gap:2px;justify-content:space-between;margin-bottom:17px;padding-bottom:12px}.studio-tabs button{font-size:8px;gap:4px;padding:8px 7px}.studio-tabs .icon{width:11px;height:11px}.demo-content-heading strong{font-size:10px}.demo-content-heading>span{font-size:7px}.slide-list{gap:6px}.demo-slide{min-height:103px;padding:8px 7px}.demo-slide>.slide-meta{font-size:5px;margin-bottom:16px;flex-wrap:wrap;gap:5px}.demo-slide>span:last-child{font-size:8px}.slide-meta>span{font-size:5px}.workspace-help{margin:11px 0 20px;font-size:6px}.workspace-help>span:last-child{font-size:5px}.studio-output{height:205px;padding:25px 18px}.studio-output p{font-size:25px;margin-bottom:15px}.studio-output>span:last-child{font-size:7px}.demo-footnote{gap:11px;margin-top:21px;flex-wrap:wrap;font-size:8px}.demo-footnote>span{gap:4px}.demo-footnote .icon{width:11px;height:11px}.workflow-section .section-heading{align-items:flex-start}.workflow-section h2{font-size:31px}.text-link{font-size:11px}.steps-grid{grid-template-columns:1fr;gap:29px}.step-number{padding-top:18px;font-size:28px}.steps-grid h3{margin:16px 0 9px;font-size:18px}.steps-grid p{font-size:12px;max-width:100%}.features-section{padding:29px;grid-template-columns:1fr;gap:32px}.feature-story h2{font-size:31px}.feature-story>p{max-width:100%}.feature-story-art{display:none}.feature-list article{padding-block:20px}.feature-list h3{font-size:15px}.feature-list p{font-size:12px}.faq-section{grid-template-columns:1fr;gap:28px}.faq-section h2{font-size:34px}.faq-section>div>p{margin-bottom:0}.faq-list summary{font-size:12px;padding-block:21px}.final-cta{padding:48px 21px}.final-cta h2{font-size:49px;letter-spacing:-2px}.final-cta>p{font-size:12px}.cta-spark{width:30px;height:30px;left:7%;top:20%}.cta-side-note{display:none}.final-cta .eyebrow{font-size:7px;letter-spacing:1.2px}.site-footer{padding-block:35px;flex-wrap:wrap;gap:27px}.site-footer .brand{font-size:25px}.site-footer>div{width:55%}.site-footer nav{width:100%;order:3;justify-content:space-between;font-size:10px;gap:12px}.copyright{margin-left:auto;font-size:8px}.site-footer>div>p{margin-left:41px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Hero preview: immediate selection, with decorative motion on separate layers. */
.service-row{width:100%;border:0;background:transparent;text-align:left;font-family:inherit;color:inherit}
.service-row:hover{background:var(--surface-emphasis)}
.service-row.service-row-active{background:var(--selected);color:var(--accent-text)}
.service-row:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.projection-image p{white-space:pre-line}
.projection-image[data-scene=worship]{background:radial-gradient(ellipse at 75% 15%,#795bea66,transparent 65%),linear-gradient(135deg,#30204c,#14131c)}
.projection-image[data-scene=message]{background:radial-gradient(ellipse at 15% 80%,#5fa8f533,transparent 65%),linear-gradient(135deg,#14131c,#35274e)}
.hero-autoplay{display:grid;place-items:center;width:28px;height:26px;padding:0;border:0;border-radius:4px;background:transparent;color:var(--on-dark-muted)}
.hero-autoplay:hover{background:var(--dark-hover);color:var(--on-dark)}
.hero-autoplay:focus-visible{outline:2px solid var(--accent);outline-offset:0}
.hero-autoplay:disabled{opacity:.45;cursor:default}
.hero-autoplay .icon{width:13px;height:13px;stroke-width:2}
.art-orbit{animation:hero-orbit-pulse 7s ease-in-out infinite;animation-play-state:paused}
.orbit-two{animation-delay:-3.5s}
.hero-preview-running .art-orbit{animation-play-state:running}
@keyframes hero-orbit-pulse{0%,65%,100%{scale:1;opacity:.55}32%{scale:1.045;opacity:1}}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  .hero-art .projection-card{transform:perspective(1000px) translate(calc(var(--hero-x,0)*7px),calc(var(--hero-y,0)*5px)) rotateX(calc(var(--hero-y,0)*-2deg)) rotateY(calc(var(--hero-x,0)*2deg)) rotate(2deg)}
  .hero-art .service-card{transform:perspective(1000px) translate(calc(var(--hero-x,0)*-10px),calc(var(--hero-y,0)*-7px)) rotateX(calc(var(--hero-y,0)*-1.5deg)) rotateY(calc(var(--hero-x,0)*1.5deg)) rotate(-3deg)}
  .hero-art .caption-top{transform:translate(calc(var(--hero-x,0)*3px),calc(var(--hero-y,0)*3px)) rotate(-5deg)}
}
@media(prefers-reduced-motion:reduce){.art-orbit{animation:none;scale:1;opacity:1}}
@media(max-width:700px){.hero-art .projection-image{justify-content:flex-start;padding-top:12px}.hero-art .projection-image p{font-size:24px;line-height:1.2;margin:10px 0}}

/* Circular scene reveal stays inside the sanctuary display. */
#hero-projection{position:relative;overflow:hidden;isolation:isolate}
#hero-projection>.hero-scene{position:absolute;inset:0;width:100%;height:100%;border-radius:inherit;pointer-events:none}
.hero-scene-previous{z-index:1}
.hero-scene-current{z-index:2}
.hero-liquid-ripple{position:absolute;left:50%;top:50%;width:125%;aspect-ratio:1;border-radius:50%;border:2px solid #d7c8f066;box-shadow:0 0 0 6px #795bea14;pointer-events:none;z-index:3}

/* One shared highlight glides beneath the service rows. */
.service-rows-highlighted{position:relative;isolation:isolate}
.service-highlight{position:absolute;inset:0 0 auto;height:35px;border:1px solid var(--accent);border-radius:5px;background:var(--selected);pointer-events:none;translate:0 calc(var(--hero-row,0)*100%);transition:translate .44s cubic-bezier(.22,.7,.22,1)}
.service-rows-highlighted .service-row{position:relative;z-index:1}
.service-rows-highlighted .service-row.service-row-active,.service-rows-highlighted .service-row:hover{background:transparent}
@media(prefers-reduced-motion:reduce){.service-highlight{transition:none}}

/* Public website actions. */
.header-actions,.cta-actions{display:flex;align-items:center;gap:10px}
.button-outline{background:transparent;border-color:var(--accent);color:var(--accent-text)}
.button-outline:hover{background:var(--selected)}
.hero-actions{flex-wrap:wrap;row-gap:14px}
.cta-actions{justify-content:center;flex-wrap:wrap;position:relative;z-index:1}
.site-footer nav{flex-wrap:wrap}
@media(max-width:1050px){
  .site-header{gap:14px}.site-header .desktop-nav{display:none}.header-actions{margin-left:auto}
  .menu-button{display:flex;flex-direction:column;justify-content:center;gap:5px;background:none;border:0;width:30px;height:36px;padding:5px;z-index:1001;flex-shrink:0}
  .menu-button>span{height:1.5px;width:20px;background:var(--ink)}
  .menu-button[aria-expanded=true]>span:first-child{transform:translateY(3.25px) rotate(45deg)}
  .menu-button[aria-expanded=true]>span:last-child{transform:translateY(-3.25px) rotate(-45deg)}
  .mobile-nav-shield{display:block;position:fixed;inset:0;background:var(--shield);z-index:998}
  .mobile-nav{display:flex;position:absolute;top:80px;left:0;right:0;padding:15px 22px 23px;background:var(--paper);border-bottom:1px solid var(--line);z-index:1000;flex-direction:column;box-shadow:0 10px 25px var(--shadow-soft)}
  .mobile-nav a{padding:13px 0;font-size:14px}.mobile-nav .icon{width:15px;height:15px;margin-left:6px;vertical-align:middle}
}
@media(max-width:700px){.header-actions{gap:7px}.header-actions .button{min-height:37px;padding:9px 11px;font-size:10px;gap:7px}.header-actions .icon{display:none}.header-actions.header-cta{padding:0}.hero-actions{flex-direction:row}}
@media(max-width:420px){.site-header{padding-inline:16px;gap:8px}.site-header .brand{gap:0}.site-header .brand>span{display:none}.header-actions .button{padding-inline:10px;font-size:9px}.hero-actions{gap:12px}}