:root{--ink:#1c1d19;--paper:#f7f7f1;--coral:#ff705b;--lime:#d9f879;--muted:#66675f;--line:#d8d9cc;--radius:16px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;color:var(--ink);background:var(--paper);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.55}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{max-width:100%;height:auto;display:block}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #5479ec;outline-offset:5px}button{color:inherit}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.03;letter-spacing:-.055em}h1{font-size:clamp(3.7rem,6.4vw,6.4rem);font-weight:800;letter-spacing:-.065em}h2{font-size:clamp(2.5rem,4.1vw,4rem);font-weight:750}h3{font-size:1.5rem;letter-spacing:-.035em}.wrap{width:min(1320px,calc(100% - 96px));margin-inline:auto}.header{background:var(--paper);position:sticky;top:0;z-index:30;border-bottom:1px solid var(--ink)}.nav{height:90px;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{display:inline-flex;align-items:center;font-size:2.6rem;font-weight:800;letter-spacing:-.075em;line-height:1}.brand-dot{color:#d44934}.brand-mark{display:grid;place-items:center;width:37px;height:37px;margin-right:10px;background:var(--ink);color:var(--lime);border-radius:50%;font-size:17px;letter-spacing:0;padding-left:2px}.desktop-nav{display:flex;gap:36px;font-size:.9rem;font-weight:600}.desktop-nav a:hover,.footer-links a:hover{text-decoration:underline;text-underline-offset:5px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;min-height:54px;padding:15px 24px;border-radius:100px;font-size:.9rem;font-weight:700;border:1px solid transparent;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.button span{font-size:1.35rem;line-height:1}.button-dark{background:var(--ink);color:var(--paper)}.button-dark:hover{background:#35372d}.button-lime{background:var(--lime);color:var(--ink)}.button-lime:hover{background:#c9ee55}.nav-cta{min-height:45px;padding:10px 22px}.menu-toggle{display:none}.mobile-nav[hidden]{display:none}.skip{position:fixed;top:-100px;left:16px;background:white;padding:16px;z-index:100}.skip:focus{top:10px}.hero{background:var(--coral);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.04fr 1fr;align-items:center;gap:25px;min-height:678px;padding-block:88px 76px}.eyebrow{font-size:.75rem;font-weight:700;letter-spacing:.14em;margin-bottom:26px}.room{position:relative;display:inline-block}.room svg{position:absolute;bottom:-11px;left:0;width:100%;height:23px;fill:none;stroke:var(--lime);stroke-width:5;stroke-linecap:round}.hero-description{font-size:1.05rem;line-height:1.6;max-width:460px;margin-top:32px}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:31px}.text-link{display:inline-flex;align-items:center;gap:10px;font-size:.9rem;font-weight:700}.text-link:hover{text-decoration:underline;text-underline-offset:5px}.tiny-play{font-size:.65rem;border:1px solid var(--ink);display:grid;place-items:center;width:30px;height:30px;border-radius:50%}.hero-note{font-size:.75rem;margin-top:24px}.hero-visual{position:relative;margin-left:10px;margin-top:55px}.hero-window{background:#1a1a1a;border:2px solid var(--ink);border-radius:12px;overflow:hidden;transform:rotate(-4deg);box-shadow:13px 17px 0 rgba(28,29,25,.14);width:calc(100% + 26px)}.window-bar{height:36px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 14px;font-size:.6rem;letter-spacing:.07em;color:#b5b5a9;background:#262822;border-bottom:1px solid #3b3d32}.window-dots{letter-spacing:3px;font-size:.6rem;color:#70736b}.hero-window img{width:100%}.vibe-sticker{position:absolute;right:-4px;top:-103px;background:var(--lime);border:1px solid var(--ink);border-radius:50%;height:145px;width:145px;z-index:2;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:rotate(13deg);gap:5px;box-shadow:3px 4px 0 var(--ink)}.vibe-sticker>span:first-child{font-size:.55rem;font-weight:800;letter-spacing:.14em}.vibe-sticker strong{text-align:center;font-size:1.5rem;line-height:.95;letter-spacing:-.07em}.vibe-sticker>span:last-child{font-size:1.5rem;line-height:1.2}.visual-caption{position:relative;width:max-content;margin:-6px auto 0 32px;transform:rotate(2deg);display:flex;align-items:center;gap:13px;border:1px solid var(--ink);border-radius:5px;background:var(--paper);padding:13px 20px;font-size:.9rem;font-weight:700;box-shadow:4px 4px 0 var(--ink)}.equalizer{display:flex;align-items:center;gap:3px;height:22px}.equalizer i{width:4px;height:12px;background:var(--ink);border-radius:4px}.equalizer i:nth-child(2){height:22px}.equalizer i:nth-child(3){height:17px}.equalizer i:nth-child(4){height:9px}.screenshot-note{margin:25px 0 0 50px;font-size:.65rem;opacity:.8}.venue-strip{background:var(--lime);border-block:1px solid var(--ink)}.venue-strip .wrap{display:flex;justify-content:space-between;align-items:center;gap:22px;min-height:84px}.venue-strip span{font-size:.62rem;font-weight:700;letter-spacing:.12em;max-width:90px}.venue-strip b{font-size:1.25rem;letter-spacing:-.04em}.venue-strip i{font-size:1.45rem;font-style:normal}.section{padding-block:100px}.player-section{background:var(--ink);color:var(--paper)}.section-heading{display:flex;justify-content:space-between;gap:50px;align-items:flex-end;margin-bottom:55px}.section-heading>p{max-width:330px;color:#b9bdb1;line-height:1.7}.player-section .eyebrow{color:var(--lime)}h2 em{font-style:normal;color:var(--coral)}.player-layout{display:grid;grid-template-columns:1.55fr 1fr;gap:54px;align-items:center}.product-preview{min-width:0;border:1px solid #4b4e40;border-radius:12px;overflow:hidden;background:#131410}.product-preview .window-bar{height:42px}.preview-button{padding:0;display:block;width:100%;border:0;background:transparent}.preview-button img{width:100%}.product-preview figcaption{padding:14px 18px;color:#babeb0;font-size:.68rem;border-top:1px solid #36392e}.expand-button{border:0;background:none;color:var(--lime);font-size:1.2rem;padding:5px 10px}.feature-tabs{display:flex;flex-direction:column}.feature-tab{display:grid;grid-template-columns:24px 1fr 15px;gap:17px;align-items:start;border:0;border-bottom:1px solid #494c40;text-align:left;color:#a5ab98;background:transparent;padding:24px 0}.feature-tab:first-child{padding-top:0}.feature-tab:last-child{border-bottom:0}.feature-tab.active,.feature-tab:hover{color:var(--paper)}.feature-number{font-size:.7rem;padding-top:4px}.feature-tab.active .feature-number{color:var(--lime)}.feature-tab strong{font-size:1.26rem;letter-spacing:-.035em;display:block;line-height:1.2}.feature-tab span>span{display:block;font-size:1rem;font-weight:400;line-height:1.7;margin-top:10px;color:#a8af9a}.feature-tab.active strong{color:var(--lime)}.feature-tab b{font-size:1.25rem;font-weight:400}.feature-tab:not(.active) b{opacity:0}dialog{padding:20px;max-width:min(1180px,96vw);width:100%;border:1px solid #646a59;border-radius:16px;background:var(--ink);color:var(--paper)}dialog::backdrop{background:#10120deb;backdrop-filter:blur(7px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}.dialog-top h2{font-size:1.25rem;letter-spacing:-.03em}.dialog-top button{border:1px solid #525946;background:transparent;color:var(--paper);border-radius:50%;width:44px;height:44px}dialog>img{width:100%;max-height:76vh;object-fit:contain}dialog>p{font-size:.75rem;color:#a8af9a;margin-top:12px}
@media(min-width:1500px){.hero-grid{min-height:730px}.hero-window{width:calc(100% + 55px)}}
@media(max-width:1100px){.wrap{width:calc(100% - 56px)}.hero-grid{gap:15px;min-height:620px}.hero-description{font-size:1rem}.hero-actions{gap:18px}.hero-actions .button{padding:15px 20px;gap:22px}.vibe-sticker{width:120px;height:120px;top:-95px}.hero-window{width:100%}.player-layout{gap:30px;grid-template-columns:1.3fr 1fr}.venue-strip .wrap{gap:15px}.venue-strip b{font-size:1.1rem}}
@media(max-width:800px){.wrap{width:calc(100% - 40px)}.nav{height:76px}.brand{font-size:2.2rem}.desktop-nav{display:none}.nav-cta{margin-left:auto;min-height:42px;padding:8px 17px;gap:17px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;width:34px;height:42px;border:0;padding:5px;background:transparent}.menu-toggle span{display:block;width:24px;height:2px;background:var(--ink)}.nav{gap:18px}.mobile-nav{display:flex;flex-direction:column;padding:5px 24px 22px;border-top:1px solid var(--line)}.mobile-nav a{padding:12px 0;font-weight:600}.hero-grid{grid-template-columns:1fr;padding-block:54px 46px;gap:45px}.hero h1{font-size:clamp(3.6rem,11.4vw,6rem)}.hero-copy{max-width:600px}.hero-description{max-width:450px;margin-top:28px}.eyebrow{font-size:.65rem;margin-bottom:22px}.hero-visual{margin:30px 9px 0;max-width:620px}.hero-window{transform:rotate(-3deg);width:100%;box-shadow:8px 10px 0 #1c1d1924}.vibe-sticker{right:-5px;top:-69px;width:108px;height:108px}.vibe-sticker strong{font-size:1.2rem}.vibe-sticker>span:last-child{font-size:1.2rem}.visual-caption{margin-top:-5px;font-size:.8rem;padding:10px 15px}.screenshot-note{font-size:.63rem;margin-left:30px}.venue-strip .wrap{flex-wrap:wrap;justify-content:center;gap:10px 20px;padding-block:21px}.venue-strip span{max-width:none;width:100%;text-align:center;margin-bottom:2px}.venue-strip b{font-size:1rem}.venue-strip i{font-size:1rem}.section{padding-block:65px}.section-heading{flex-direction:column;align-items:flex-start;gap:24px;margin-bottom:32px}.section-heading>p{max-width:520px;font-size:.95rem}.player-layout{grid-template-columns:1fr;gap:35px}.feature-tab strong{font-size:1.25rem}.feature-tab span>span{font-size:1rem}.feature-tab{padding-block:22px}.product-preview figcaption{font-size:.65rem}.window-bar{font-size:.5rem}.product-preview .window-bar{font-size:.58rem}.hero-note{font-size:.69rem}.hero-actions{gap:24px}}
@media(max-width:400px){.wrap{width:calc(100% - 32px)}.hero h1{font-size:3.5rem}.hero-actions{gap:15px}.hero-actions .button{padding:14px 18px;gap:15px}.hero-actions .text-link{font-size:.8rem}.venue-strip .wrap{gap:8px 13px}.nav{gap:12px}.nav-cta{font-size:.8rem}.brand-mark{width:30px;height:30px;font-size:14px}.brand{font-size:2rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
.setup-section .section-heading>p,.pricing-section .section-heading>p{color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:48px}.steps article{border-top:1px solid var(--ink);padding-top:25px}.step-number{font-size:.76rem;font-weight:600;display:block;margin-bottom:42px}.steps h3{font-size:1.65rem;margin-bottom:18px}.steps p{font-size:1rem;color:#606355;line-height:1.75}.delivery-note{margin-top:50px;display:flex;gap:24px;align-items:center;padding:25px 30px;border-radius:10px;background:#e9ecdF}.delivery-note>span{font-size:2rem}.delivery-note p{font-size:.8rem;color:#4c5142;line-height:1.7}.delivery-note strong{color:var(--ink)}.pricing-section{border-top:1px solid var(--line);padding-top:85px;background:#eeefe7}.plans{display:grid;grid-template-columns:1fr 1fr;gap:24px}.plan{padding:36px 40px 30px;border-radius:18px;display:flex;flex-direction:column}.monthly{background:var(--ink);color:var(--paper)}.yearly{background:var(--lime);border:1px solid #bed75e}.plan-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.plan-heading h3{font-size:1.7rem}.plan-heading>span{font-size:.6rem;letter-spacing:.08em;font-weight:700}.monthly .plan-heading>span{color:#b5bba6}.save-badge{border:1px solid var(--ink);border-radius:50px;padding:7px 12px}.price{display:flex;align-items:baseline;gap:6px;font-size:5.8rem;font-weight:700;letter-spacing:-.07em;line-height:1.2;margin-top:33px;white-space:nowrap}.price>span{font-size:1.35rem;letter-spacing:-.025em;margin-right:3px}.price small{font-size:.9rem;font-weight:400;letter-spacing:-.02em;margin-left:5px}.plan-summary{font-size:1rem;margin-top:10px}.monthly .plan-summary{color:#b5bba6}.plan-features{list-style:none;padding:24px 0;margin:23px 0 25px;border-top:1px solid #ffffff30;border-bottom:1px solid #ffffff30;font-size:1rem;line-height:1.55}.yearly .plan-features{border-color:#1c1d1930}.plan-features li{padding:6px 0;display:flex;gap:11px}.plan-features li::before{content:'✓';color:var(--lime);font-weight:700}.yearly .plan-features li::before{color:var(--ink)}.plan .button{width:100%}.renewal{font-size:.73rem;line-height:1.65;margin-top:20px;max-width:340px}.monthly .renewal{color:#b5bba6}.pricing-fineprint{margin:27px auto 0;max-width:900px;text-align:center;color:#555c4a;font-size:.75rem;line-height:1.7}.pricing-fineprint p+p{margin-top:9px}.pricing-fineprint a,.detail-content a{text-decoration:underline;text-underline-offset:3px}.faq-layout{display:grid;grid-template-columns:.85fr 1.5fr;gap:70px}.faq-intro{margin-top:25px;color:var(--muted);font-size:.9rem}.faq-intro a{margin-top:15px;color:var(--ink)}details{scroll-margin-top:100px}summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{font-weight:600;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:24px 0;font-size:.95rem;line-height:1.5}.faq-list summary>span{font-size:1.6rem;font-weight:400;transition:transform .2s}.faq-list details[open] summary>span,.policy-list details[open] summary>b{transform:rotate(45deg)}.detail-content{font-size:1rem;line-height:1.8;padding:0 0 28px;color:#5a5f50}.detail-content p+p{margin-top:13px}.detail-content h3{font-size:1rem;letter-spacing:-.02em;margin:25px 0 9px;line-height:1.3;color:var(--ink)}.contact-section{background:var(--coral);padding-block:75px}.contact-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:70px;align-items:center}.contact-layout h2{font-size:clamp(2.8rem,4.8vw,4.8rem)}.contact-layout>div>p:last-child{font-size:.92rem;margin-top:24px}.contact-methods>a{display:block;padding-block:20px;border-bottom:1px solid #1c1d1945}.contact-methods>a:first-child{padding-top:0}.contact-methods a>span{display:block;font-size:.6rem;letter-spacing:.14em;font-weight:700;margin-bottom:8px}.contact-methods strong{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:clamp(1.2rem,2.4vw,2.2rem);letter-spacing:-.045em;line-height:1.3}.contact-methods strong>b{font-weight:400}.contact-methods a:hover strong{opacity:.65}.contact-methods>p{font-size:.7rem!important;margin-top:20px!important}.policies-section{padding-block:72px;background:var(--ink);color:var(--paper)}.policy-intro{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:32px}.policy-intro h2{font-size:2.2rem;letter-spacing:-.045em}.policy-intro>p{color:#b5bba6;font-size:.75rem;line-height:1.8}.policy-list details{border-top:1px solid #464b3e}.policy-list details:last-child{border-bottom:1px solid #464b3e}.policy-list summary{padding:24px 0;font-weight:500;font-size:1rem;display:flex;align-items:center;gap:26px;line-height:1.4}.policy-list summary>span{font-size:.65rem;color:#a7b092}.policy-list summary>b{margin-left:auto;font-size:1.5rem;font-weight:400;transition:transform .2s}.policy-list .detail-content{max-width:850px;color:#b5bba6;padding:0 0 34px 40px}.policy-list h3{color:var(--paper)}footer{background:var(--ink);color:var(--paper);padding-bottom:28px}.footer-top{display:flex;align-items:center;gap:35px;padding-bottom:38px;border-bottom:1px solid #464b3e}.footer-top .brand{font-size:3.3rem}.footer-top .brand-mark{background:var(--lime);color:var(--ink);width:43px;height:43px;font-size:19px}.footer-top .brand-dot{color:var(--coral)}.footer-top>p{color:#b5bba6;font-size:.83rem}.back-top{margin-left:auto;font-size:.65rem;letter-spacing:.09em;display:flex;gap:20px;align-items:center}.back-top>span{font-size:1.4rem}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:25px;color:#b5bba6;font-size:.65rem;line-height:1.9}.footer-bottom p>span{color:#8a947a}.footer-links{display:flex;gap:24px;flex-wrap:wrap}
@media(max-width:1100px){.plan{padding:30px}.price{font-size:4.6rem}.plan-heading{gap:10px}.plan-heading>span{font-size:.55rem}.steps{gap:30px}.steps h3{font-size:1.4rem}.faq-layout{gap:40px}.contact-layout{gap:40px}.footer-links{gap:16px}}
@media(max-width:800px){.steps{grid-template-columns:1fr;gap:28px}.step-number{margin-bottom:22px}.steps h3{font-size:1.6rem}.steps p{font-size:1rem}.delivery-note{margin-top:35px;padding:20px;align-items:flex-start;gap:17px}.delivery-note p{font-size:.8rem}.pricing-section{padding-top:65px}.plans{gap:18px}.plan{padding:28px 22px}.plan-heading{flex-direction:column;align-items:flex-start;gap:14px}.price{font-size:3.8rem;margin-top:24px}.price>span{font-size:1rem}.price small{font-size:.8rem}.plan-summary{font-size:.8rem;min-height:40px}.plan-features{font-size:.8rem;margin-top:12px;padding-block:20px}.plan .button{font-size:.8rem;padding:14px 18px;gap:12px}.renewal{font-size:.7rem}.pricing-fineprint{font-size:.73rem}.faq-layout{grid-template-columns:1fr;gap:32px}.faq-intro{margin-top:20px}.faq-list summary{font-size:.95rem}.contact-section{padding-block:60px}.contact-layout{grid-template-columns:1fr;gap:40px}.contact-methods strong{font-size:1.65rem}.contact-methods a>span{font-size:.65rem}.contact-methods>p{font-size:.75rem!important}.policies-section{padding-block:55px}.policy-intro{align-items:flex-start;flex-direction:column;gap:18px}.policy-intro h2{font-size:2rem}.policy-list summary{font-size:.95rem;gap:18px}.policy-list .detail-content{padding-left:0}.footer-top{flex-wrap:wrap;gap:20px}.footer-top .brand{font-size:2.7rem}.footer-top>p{font-size:.75rem}.back-top{margin-left:0}.footer-bottom{flex-direction:column;align-items:flex-start;gap:18px}.footer-links{gap:12px 20px;font-size:.72rem}.footer-bottom>p{font-size:.73rem}}
@media(max-width:560px){.plans{grid-template-columns:1fr}.plan{padding:30px}.plan-heading{flex-direction:row;align-items:center}.plan-heading h3{font-size:1.5rem}.plan-heading>span{font-size:.55rem}.price{font-size:4.6rem}.plan-summary{min-height:0;font-size:1rem}.plan-features{font-size:1rem;margin-top:23px}.plan .button{font-size:.85rem}.renewal{font-size:.75rem}.footer-top{display:grid;grid-template-columns:1fr auto;gap:20px}.footer-top>p{grid-row:2}.back-top{grid-column:2;grid-row:1}.contact-methods strong{font-size:1.45rem}}
/* Supporting text stays legible across small screens. */
.hero-note,.pricing-fineprint,.renewal,.delivery-note p,.product-preview figcaption,.policy-intro>p,.footer-links,.footer-bottom,.contact-methods>p{font-size:.875rem}
.screenshot-note,.window-bar,.window-dots,.hero-window .window-bar,.product-preview .window-bar,.plan-heading>span,.venue-strip span,.contact-methods a>span,.back-top,.policy-list summary>span,.vibe-sticker>span:first-child{font-size:.75rem}
.window-bar>span:nth-child(2){overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.plan-heading{flex-wrap:wrap}.contact-methods>p{font-size:.875rem!important}.footer-bottom>p{font-size:.875rem}
@media(max-width:800px){.window-bar{gap:8px}.window-dots{flex-shrink:0}.plan-summary,.plan-features{font-size:1rem}.price small{font-size:.875rem}.pricing-fineprint{text-align:left}.vibe-sticker>span:first-child{font-size:.75rem}.vibe-sticker{width:120px;height:120px}}