.play-root{--frame:#c9c2a8;--frame-warm:#d4cdb3;--cream:#f3f1e8;--cream-soft:#efece1;--sage:#dfe7dc;--sage-deep:#c9d6c4;--green:#1b4332;--green-700:#224b3c;--green-500:#2f6a55;--ink:#0f1a14;--ink-soft:#1b2a22;--muted:#5d685f;--orange:#ff5c1f;--orange-deep:#e74e15;--line:#1f433324;--line-strong:#1f433338;--shadow-card:0 30px 60px -30px #14281e40,0 6px 16px -10px #14281e2e;--shadow-pop:0 18px 40px -16px #14281e59;--radius-card:28px;--radius-frame:36px;--radius-pill:999px;--max:1320px;--gutter:clamp(18px,3vw,36px);--f-serif:var(--font-newsreader),"Newsreader","Source Serif 4",Georgia,serif;--f-sans:var(--font-dm-sans),"DM Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;font-family:var(--f-sans);color:var(--ink);background:var(--frame);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-size:17px;font-weight:400;line-height:1.55}.play-root *{box-sizing:border-box}.play-root img{max-width:100%;display:block}.play-root a{color:inherit;text-decoration:none}.play-root button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:none}body:has(.play-root){background:#c9c2a8}.play-root .frame{background:var(--frame);padding:14px}@media (min-width:900px){.play-root .frame{padding:22px}}.play-root .section{background:var(--cream);border-radius:var(--radius-frame);isolation:isolate;margin-bottom:14px;position:relative;overflow:hidden}.play-root .section.sage{background:var(--sage)}.play-root .section.cream{background:var(--cream)}.play-root .section.soft{background:var(--cream-soft)}.play-root .section.green{background:var(--green);color:#f3efe2}.play-root .section.green .eyebrow{color:#f3efe2b3}.play-root .section.green .muted{color:#f3efe2bf}.play-root .section-inner{max-width:var(--max);z-index:2;margin:0 auto;padding:clamp(56px,8vw,120px) clamp(22px,5vw,80px);position:relative}.play-root .eyebrow{font-family:var(--f-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--green-500);font-size:13px;font-weight:500}.play-root .h-display{font-family:var(--f-serif);letter-spacing:-.02em;color:var(--ink);text-wrap:balance;margin:0;font-size:clamp(40px,6.2vw,88px);font-weight:700;line-height:1.02}.play-root .h-display.sm{font-size:clamp(34px,4.8vw,68px)}.play-root .h-section{font-family:var(--f-serif);letter-spacing:-.015em;text-wrap:balance;margin:0 0 14px;font-size:clamp(34px,4.6vw,62px);font-weight:700;line-height:1.05}.play-root .h-card{font-family:var(--f-serif);letter-spacing:-.01em;margin:0 0 8px;font-size:clamp(22px,1.9vw,28px);font-weight:700;line-height:1.18}.play-root .lede{color:var(--muted);text-wrap:pretty;max-width:52ch;font-size:clamp(17px,1.25vw,19px);line-height:1.55}.play-root .muted{color:var(--muted)}.play-root .orange{color:var(--orange)}.play-root .accent{color:var(--orange);font-style:normal}.play-root .btn{letter-spacing:-.005em;white-space:nowrap;border-radius:14px;justify-content:center;align-items:center;gap:10px;height:56px;padding:0 26px;font-size:16px;font-weight:500;transition:transform .15s,background .2s,color .2s,border-color .2s,box-shadow .2s;display:inline-flex}.play-root .btn:hover{transform:translateY(-1px)}.play-root .btn.primary{background:var(--orange);color:#fff;box-shadow:0 10px 24px -10px #ff5c1f8c}.play-root .btn.primary:hover{background:var(--orange-deep)}.play-root .btn.ghost{color:var(--green);border:1.5px solid var(--green);background:0 0}.play-root .btn.ghost:hover{background:#1b43320f}.play-root .btn.dark{background:var(--green);color:#fff}.play-root .btn.dark:hover{background:var(--green-700)}.play-root .btn.sm{border-radius:10px;height:42px;padding:0 18px;font-size:14px}.play-root .btn.lg{height:60px;padding:0 30px;font-size:17px}.play-root .nav{z-index:10;justify-content:space-between;align-items:center;padding:18px clamp(22px,4vw,36px);display:flex;position:relative}.play-root .nav .brand{color:var(--ink);align-items:center;display:flex}.play-root .nav .brand img{width:auto;height:52px}.play-root .nav-links{color:var(--ink-soft);gap:clamp(18px,2vw,30px);font-size:15px;display:none}.play-root .nav-links a{padding:6px 2px;position:relative}.play-root .nav-links a:hover{color:var(--orange)}.play-root .nav-cta{align-items:center;gap:10px;display:flex}@media (min-width:900px){.play-root .nav-links{display:flex}}.play-root .row{gap:clamp(20px,3vw,48px);display:grid}.play-root .row.two,.play-root .row.three{grid-template-columns:1fr}.play-root .row.four{grid-template-columns:repeat(2,1fr)}@media (min-width:800px){.play-root .row.two{grid-template-columns:1.05fr .95fr;align-items:center}.play-root .row.three{grid-template-columns:repeat(3,1fr)}.play-root .row.four{grid-template-columns:repeat(4,1fr)}}.play-root .tag{height:34px;color:var(--green);background:#1b433212;border-radius:999px;align-items:center;gap:8px;padding:0 14px;font-size:13px;font-weight:500;display:inline-flex}.play-root .tag .ic{background:var(--orange);border-radius:50%;width:6px;height:6px}.play-root .hero{position:relative}.play-root .hero .section-inner{grid-template-columns:1fr;gap:clamp(40px,5vw,80px);padding-top:clamp(40px,5vw,70px);padding-bottom:clamp(60px,7vw,110px);display:grid}@media (min-width:1000px){.play-root .hero .section-inner{grid-template-columns:1.05fr 1fr;align-items:center}}.play-root .hero h1 .accent{color:var(--orange);font-style:normal}.play-root .hero .cta-row{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}@media (max-width:600px){.play-root .cta-row{flex-direction:column;align-items:stretch}.play-root .cta-row .btn{width:100%}}.play-root .hero .meta{color:var(--muted);align-items:center;gap:18px;margin-top:28px;font-size:14px;display:flex}.play-root .hero .avatars{display:flex}.play-root .hero .avatars .ava{border:2.5px solid var(--sage);background-position:50%;background-size:cover;border-radius:50%;width:32px;height:32px;margin-left:-10px}.play-root .hero .avatars .ava:first-child{margin-left:0}.play-root .collage{aspect-ratio:1/.95;width:100%;max-width:640px;margin-left:auto;position:relative}.play-root .video-card{box-shadow:var(--shadow-pop);background:#0f1a14;border-radius:18px;transition:transform .35s cubic-bezier(.2,.7,.3,1.1);position:absolute;overflow:hidden}.play-root .video-card:hover{z-index:5;transform:translateY(-4px)scale(1.02)}.play-root .video-card .img{filter:saturate(1.05);background-position:50%;background-size:cover;width:100%;height:100%}.play-root .video-card img.img{object-fit:cover;display:block;position:absolute;inset:0}.play-root .video-card .anim{opacity:0;transition:opacity .25s}.play-root .video-card:hover .anim,.play-root .video-card:focus-within .anim{opacity:1}.play-root .video-card .ctrl{align-items:center;gap:10px;display:flex;position:absolute;bottom:12px;left:14px;right:14px}.play-root .video-card .ctrl .play{width:28px;height:28px;color:var(--orange);background:#fffffff2;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.play-root .video-card .ctrl .bar{background:#ffffff59;border-radius:4px;flex:1;height:3px;position:relative;overflow:hidden}.play-root .video-card .ctrl .bar i{background:var(--orange);width:35%;animation:5.5s linear infinite play-progress;position:absolute;top:0;bottom:0;left:0}@keyframes play-progress{0%{width:5%}to{width:95%}}.play-root .video-card .label{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000059;border-radius:999px;padding:4px 10px;font-size:11px;position:absolute;top:10px;left:12px}.play-root .quote-bubble{box-shadow:var(--shadow-pop);z-index:4;max-width:260px;font-family:var(--f-serif);color:var(--ink);background:#fff;border-radius:18px;padding:18px 20px 18px 18px;font-size:16px;line-height:1.35;position:absolute}.play-root .quote-bubble .q-mark{color:var(--orange);font-family:var(--f-serif);font-size:28px;font-weight:700;line-height:1;position:absolute;top:14px;left:16px}.play-root .quote-bubble p{margin:0;padding-left:28px}.play-root .fx-layer{pointer-events:none;z-index:1;position:absolute;inset:0;overflow:hidden}.play-root .fx-layer .leaf,.play-root .fx-layer .conf{will-change:transform;position:absolute}.play-root .fx-layer .leaf{width:24px;height:24px;animation:linear infinite play-floaty}.play-root .fx-layer .conf{border-radius:2px;width:12px;height:4px;animation:linear infinite play-floaty}@keyframes play-floaty{0%{opacity:.9;transform:translate(0)rotate(0)}50%{opacity:1;transform:translate(20px,40px)rotate(180deg)}to{opacity:.7;transform:translate(-15px,80px)rotate(360deg)}}.play-root .step-card{background:var(--cream);border:1px solid var(--line);border-radius:var(--radius-card);isolation:isolate;padding:22px;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden}.play-root .step-card:hover{box-shadow:var(--shadow-card);transform:translateY(-4px)}.play-root .step-card .preview{aspect-ratio:4/3;background:var(--cream-soft);isolation:isolate;border-radius:18px;margin-bottom:22px;position:relative;overflow:hidden}.play-root .step-card h3{font-family:var(--f-serif);text-align:center;margin:0 0 8px;font-size:clamp(22px,1.6vw,26px);line-height:1.2}.play-root .step-card .body{text-align:center;color:var(--muted);max-width:36ch;margin:0 auto;font-size:15px;line-height:1.5}.play-root .step-card .num{background:var(--orange);color:#fff;z-index:3;border-radius:50%;place-items:center;width:34px;height:34px;font-size:14px;font-weight:600;display:grid;position:absolute;top:14px;left:14px}.play-root .mini-card{background:#fff;border-radius:12px;padding:10px 14px;font-size:12.5px;line-height:1.4;position:absolute;box-shadow:0 8px 20px -8px #0000002e}.play-root .mini-card.dark{background:var(--green);color:#fff}.play-root .q-row{color:var(--ink);background:#fff;border-radius:10px;align-items:center;gap:10px;padding:8px 10px;font-size:12.5px;display:flex;box-shadow:0 2px 6px #0000000d}.play-root .q-row .n{background:var(--green);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:22px;height:22px;font-size:11px;font-weight:600;display:grid}.play-root .float-ava{background-position:50%;background-size:cover;border:3px solid #fff;border-radius:50%;width:44px;height:44px;position:absolute;box-shadow:0 6px 14px -4px #0003}.play-root .emoji-bubble{background:#fff;border-radius:50%;place-items:center;width:32px;height:32px;font-size:18px;display:grid;position:absolute;box-shadow:0 4px 10px -2px #00000026}.play-root .feature-row{grid-template-columns:1fr;align-items:center;gap:40px;display:grid}@media (min-width:900px){.play-root .feature-row{grid-template-columns:1fr 1fr;gap:80px}.play-root .feature-row.reverse>:first-child{order:2}}.play-root .feature-row .copy h2{margin-top:8px}.play-root .feature-row .visual{border-radius:var(--radius-card);aspect-ratio:5/4;background:var(--cream-soft);box-shadow:var(--shadow-card);position:relative;overflow:hidden}.play-root .stat-row{grid-template-columns:repeat(2,1fr);gap:20px;margin-top:36px;display:grid}@media (min-width:700px){.play-root .stat-row{grid-template-columns:repeat(4,1fr)}}.play-root .stat .n{font-family:var(--f-serif);color:var(--ink);letter-spacing:-.02em;font-size:clamp(38px,3.6vw,54px);font-weight:700;line-height:1}.play-root .stat .l{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-top:8px;font-size:13px}.play-root .use-card{background:var(--cream);border:1px solid var(--line);border-radius:22px;padding:20px;transition:transform .25s,box-shadow .25s}.play-root .use-card:hover{box-shadow:var(--shadow-card);transform:translateY(-3px)}.play-root .use-card .ill{aspect-ratio:4/3;background:var(--sage);border-radius:16px;margin-bottom:16px;position:relative;overflow:hidden}.play-root .use-card h4{font-family:var(--f-serif);margin:4px 0 6px;font-size:22px;line-height:1.2}.play-root .use-card p{color:var(--muted);margin:0;font-size:14px}.play-root .testi-card{background:var(--cream);border:1px solid var(--line);border-radius:22px;flex-direction:column;gap:18px;min-height:100%;padding:28px;display:flex}.play-root .testi-card .photo{background-position:50%;background-size:cover;border-radius:50%;width:56px;height:56px}.play-root .testi-card blockquote{font-family:var(--f-serif);letter-spacing:-.005em;color:var(--ink);text-wrap:pretty;margin:0;font-size:19px;line-height:1.45}.play-root .testi-card .who{font-size:14px;font-weight:500}.play-root .testi-card .who .role{color:var(--muted);font-weight:400}.play-root .testi-marquee{scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--line-strong)transparent;gap:20px;padding-bottom:12px;display:flex;overflow-x:auto}.play-root .testi-marquee::-webkit-scrollbar{height:6px}.play-root .testi-marquee::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:999px}.play-root .testi-marquee>*{scroll-snap-align:start;flex:0 0 min(340px,80vw)}.play-root .price-card{border-radius:var(--radius-card);background:var(--cream);border:1px solid var(--line);padding:36px;transition:transform .2s;position:relative}.play-root .price-card.feat{background:var(--green);color:#f3efe2;border-color:var(--green)}.play-root .price-card.feat .muted{color:#f3efe2b3}.play-root .price-card .name{font-family:var(--f-serif);margin:0 0 6px;font-size:28px;font-weight:700}.play-root .price-card .price{font-family:var(--f-serif);letter-spacing:-.02em;margin:18px 0 6px;font-size:56px;font-weight:700;line-height:1}.play-root .price-card .price small{font-size:16px;font-weight:400;font-family:var(--f-sans);color:var(--muted)}.play-root .price-card.feat .price small{color:#f3efe2a6}.play-root .price-card ul{flex-direction:column;gap:12px;margin:22px 0;padding:0;list-style:none;display:flex}.play-root .price-card li{align-items:flex-start;gap:12px;font-size:15px;display:flex}.play-root .price-card li .ck{width:22px;height:22px;color:var(--orange);background:#ff5c1f2e;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.play-root .price-card.feat li .ck{background:#ff5c1f40}.play-root .price-card .badge{background:var(--orange);color:#fff;letter-spacing:.04em;border-radius:999px;padding:6px 14px;font-size:12px;font-weight:600;position:absolute;top:-14px;right:24px}.play-root .faq{border-top:1px solid var(--line)}.play-root .faq details{border-bottom:1px solid var(--line);padding:22px 0}.play-root .faq summary{cursor:pointer;font-family:var(--f-serif);letter-spacing:-.005em;color:var(--ink);justify-content:space-between;align-items:center;gap:24px;font-size:clamp(20px,1.6vw,24px);font-weight:600;list-style:none;display:flex}.play-root .faq summary::-webkit-details-marker{display:none}.play-root .faq summary .pl{background:var(--cream-soft);width:38px;height:38px;color:var(--green);border-radius:50%;flex-shrink:0;place-items:center;transition:transform .25s,background .25s;display:grid}.play-root .faq details[open] summary .pl{background:var(--orange);color:#fff;transform:rotate(45deg)}.play-root .faq .answer{color:var(--muted);max-width:65ch;margin-top:14px;font-size:16px;line-height:1.6}.play-root .footer{background:var(--green);color:#f3efe2;border-radius:var(--radius-frame);padding:clamp(40px,5vw,72px) clamp(28px,5vw,80px)}.play-root .footer h2{font-family:var(--f-serif);letter-spacing:-.015em;text-wrap:balance;margin:0 0 22px;font-size:clamp(34px,4.4vw,60px);line-height:1.05}.play-root .footer .cta-row{flex-wrap:wrap;gap:12px;display:flex}.play-root .footer .cols{border-top:1px solid #f3efe22e;grid-template-columns:1fr;gap:40px;margin-top:64px;padding-top:40px;display:grid}@media (min-width:800px){.play-root .footer .cols{grid-template-columns:1.6fr repeat(3,1fr)}}.play-root .footer .col h5{letter-spacing:.12em;text-transform:uppercase;color:#f3efe28c;margin:0 0 18px;font-size:13px;font-weight:500}.play-root .footer .col a{color:#f3efe2d9;padding:6px 0;font-size:15px;display:block}.play-root .footer .col a:hover{color:var(--orange)}.play-root .footer .brand-block .logo{align-items:center;gap:10px;margin-bottom:14px;display:flex}.play-root .footer .brand-block .logo img{filter:brightness(0)invert();width:auto;height:56px}.play-root .footer .legal{color:#f3efe28c;border-top:1px solid #f3efe21f;flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:36px;padding-top:24px;font-size:13px;display:flex}.play-root .logos-strip{opacity:.8;grid-template-columns:repeat(2,1fr);align-items:center;gap:30px 50px;display:grid}@media (min-width:700px){.play-root .logos-strip{grid-template-columns:repeat(5,1fr)}}.play-root .logos-strip .lg{font-family:var(--f-serif);text-align:center;color:var(--green);opacity:.7;letter-spacing:-.01em;font-size:22px;font-style:italic}.play-root .center{text-align:center}.play-root .phone{width:260px;height:540px;box-shadow:var(--shadow-pop),0 0 0 2px #ffffff0d inset;background:#111;border-radius:36px;margin:0 auto;padding:10px;position:relative}.play-root .phone .screen{background:#ece5dd;border-radius:28px;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.play-root .phone .topbar{color:#fff;background:#075e54;align-items:center;gap:10px;padding:14px 14px 12px;display:flex}.play-root .phone .topbar .ava{background:var(--orange);color:#fff;width:32px;height:32px;font-family:var(--f-serif);border-radius:50%;place-items:center;font-size:14px;font-weight:700;display:grid}.play-root .phone .topbar .who{font-size:13px;line-height:1.2}.play-root .phone .topbar .who small{opacity:.7;font-size:11px;display:block}.play-root .phone .body{background-image:radial-gradient(circle at 30% 30%,#00000008 1px,#0000 1.5px);background-size:18px 18px;flex-direction:column;flex:1;gap:8px;padding:12px;display:flex;overflow:hidden}.play-root .phone .bubble{background:#fff;border-radius:8px;max-width:80%;padding:8px 10px;font-size:11.5px;line-height:1.35;position:relative;box-shadow:0 1px 1px #0000000d}.play-root .phone .bubble.me{background:#dcf8c6;align-self:flex-end}.play-root .phone .bubble .t{color:var(--muted);text-align:right;margin-top:4px;font-size:10px}.play-root .phone .voice{background:#fff;border-radius:8px;align-items:center;gap:6px;max-width:80%;padding:8px 10px;display:flex;box-shadow:0 1px 1px #0000000d}.play-root .phone .voice .pl{background:var(--orange);color:#fff;border-radius:50%;place-items:center;width:22px;height:22px;display:grid}.play-root .phone .voice .wave{flex:1;align-items:center;gap:2px;display:flex}.play-root .phone .voice .wave i{background:var(--green);border-radius:2px;width:2px;animation:1.2s ease-in-out infinite play-wave;display:block}@keyframes play-wave{0%,to{height:5px}50%{height:14px}}
