/* Public MyPres design system v8 — scoped to marketing templates only. */
:root{--ink:#17182f;--muted:#70758d;--purple:#6255ec;--purple-dark:#5141cf;--border:#e5e7f0;--bg:#fafbff;--soft:#f4f4fb;--white:#fff;--radius:20px;--content:1180px;--shadow:0 18px 60px rgba(26,25,65,.07)}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font-family:Inter,"Segoe UI",-apple-system,BlinkMacSystemFont,Arial,sans-serif;color:var(--ink);background:var(--bg);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #a99cf8;outline-offset:3px}img{max-width:100%;height:auto}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{line-height:1.13}h1,h2{letter-spacing:-.06em}h3{letter-spacing:-.035em}.m-wrap{width:min(var(--content),calc(100% - 64px));margin-inline:auto}.skip-link{position:fixed;z-index:1000;top:-100px;left:12px;padding:10px 18px;background:white;color:var(--ink);border:2px solid var(--purple)}.skip-link:focus{top:12px}
.m-header{position:sticky;top:0;z-index:90;background:rgba(250,251,255,.94);border-bottom:1px solid rgba(214,217,231,.8);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.m-header-inner{height:80px;display:flex;align-items:center;gap:30px}.brand{display:inline-flex;gap:11px;align-items:center;font-size:24px;font-weight:840;letter-spacing:-.06em;white-space:nowrap}.brand-icon{display:inline-grid;place-items:center;width:39px;height:39px;color:white;background:linear-gradient(155deg,#938aff,#5b50db);border-radius:12px;font-size:25px;font-weight:900;box-shadow:0 7px 13px #665bef36}.desktop-nav{display:flex;align-items:center;gap:34px;margin:auto}.desktop-nav a,.text-link{font-size:13px;color:#60657c;font-weight:640;transition:color .16s}.desktop-nav a:hover,.desktop-nav a[aria-current=page],.text-link:hover{color:var(--purple)}.m-header-actions{display:flex;align-items:center;gap:23px}.m-button{border-radius:12px;min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:13px 22px;font-size:14px;font-weight:750;white-space:nowrap;transition:transform .18s,background .18s,box-shadow .18s,border-color .18s;border:1px solid transparent;text-align:center}.m-button:hover{transform:translateY(-2px)}.m-button:active{transform:translateY(0)}.m-button-primary{color:white;background:var(--purple);box-shadow:0 9px 24px rgba(98,85,236,.2)}.m-button-primary:hover{background:var(--purple-dark);box-shadow:0 12px 28px rgba(98,85,236,.28)}.m-button-outline{background:white;border-color:#dfe1ed;color:#2f3155}.m-button-outline:hover{border-color:#b5afea}.m-button-white{color:var(--purple);background:white}.m-button-small{min-height:40px;padding:9px 16px;font-size:12px;gap:9px;border-radius:10px}.nav-toggle{display:none;width:42px;height:42px;background:white;border:1px solid var(--border);border-radius:10px;padding:10px;flex-direction:column;justify-content:center;gap:5px}.nav-toggle span{height:2px;width:100%;background:var(--ink);display:block;border-radius:3px}.mobile-nav{display:none}
.hero{min-height:670px;display:grid;grid-template-columns:.94fr 1.06fr;align-items:center;gap:48px;padding:84px 0 88px}.hero-copy{position:relative;z-index:2}.eyebrow,.kicker{display:inline-flex;gap:10px;align-items:center;letter-spacing:.14em;color:var(--purple);font-size:11px;font-weight:850;text-transform:uppercase}.eyebrow{background:#eeebff;border:1px solid #e2ddfc;padding:9px 12px;border-radius:100px;letter-spacing:.065em;font-size:10px}.eyebrow-spot{width:7px;height:7px;border-radius:50%;background:#7266f4;box-shadow:0 0 0 4px #dad5fe}.hero h1{font-size:clamp(47px,4.7vw,69px);margin:22px 0 24px;font-weight:860;letter-spacing:-.075em}.hero h1 em,.playground-intro h2 em{font-style:normal;color:var(--purple)}.hero-sub{font-size:17px;line-height:1.7;color:#666d84;max-width:490px;margin-bottom:28px}.hero-cta{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.hero-proof{font-size:11px;color:#888da1;margin:24px 0 0;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.proof-check{font-size:13px;color:#42a994;font-weight:900}.proof-divider{color:#bbbdd1}
.product-demo{position:relative;isolation:isolate;min-width:0;padding:24px 34px 36px 0;--slide-accent:#8e87ff;--slide-bg:#222250}.product-demo::before{content:'';position:absolute;inset:12% 4% 9% 4%;z-index:-1;background:radial-gradient(ellipse,#b7afff45,transparent 70%);filter:blur(12px)}.demo-screen-wrap{max-width:100%;margin-left:65px;transform:rotate(-2deg);transition:transform .32s cubic-bezier(.2,.7,.2,1)}.product-demo:hover .demo-screen-wrap{transform:rotate(-.6deg)}.demo-screen{box-shadow:0 22px 54px rgba(24,27,72,.22);border:7px solid #252a45;border-radius:15px;background:white;overflow:hidden}.demo-browser{height:35px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;background:#fff;color:#777f94;font-size:10px;font-weight:600}.traffic-dots{display:flex;gap:5px}.traffic-dots i{width:7px;height:7px;border-radius:50%;background:#e3e5ef}.traffic-dots i:first-child{background:#f9bbb4}.demo-indicator{color:#49a78d;font-size:9px;font-weight:800;letter-spacing:.09em}.demo-stage{background:radial-gradient(circle at 95% -30%,#6b5ec3 0%,transparent 55%),var(--slide-bg);color:white;aspect-ratio:16/10;min-height:220px;position:relative;overflow:hidden;padding:9% 9% 7%;user-select:none;touch-action:pan-y;transition:background-color .28s}.demo-stage-grid{position:absolute;right:-10%;top:-12%;width:67%;height:135%;border:1px solid #ffffff30;border-radius:49%;transform:rotate(23deg)}.demo-stage-grid::after{content:'';position:absolute;top:15%;left:19%;width:58%;height:54%;border:1px solid #ffffff23;border-radius:50%}.demo-slide-info{position:relative;z-index:1;max-width:83%}.demo-overline{color:#c7c7ff;font-size:10px;font-weight:800;letter-spacing:.15em}.demo-slide-heading{font-size:clamp(25px,3vw,44px);font-weight:830;line-height:1.13;letter-spacing:-.055em;white-space:pre-line;margin:17px 0 12px}.demo-slide-desc{max-width:270px;font-size:12px;color:#dedafa;line-height:1.5}.demo-graphic{position:absolute;right:8%;bottom:15%;height:39%;width:35%;display:flex;align-items:flex-end;gap:6%;opacity:.87}.graph-line{display:block;background:var(--slide-accent);border-radius:6px 6px 0 0;flex:1;transition:height .3s}.graph-a{height:36%}.graph-b{height:75%}.graph-c{height:51%}.graph-d{height:93%}.graph-e{height:62%}.demo-screen-foot{position:absolute;bottom:6%;left:9%;right:9%;display:flex;justify-content:space-between;font-size:9px;color:#b5b2ec;z-index:1}.demo-pointer{position:absolute;left:50%;top:50%;height:20px;width:20px;border-radius:50%;border:4px solid #fff;box-shadow:0 0 0 10px #fa5e9e4a,0 0 16px #ff478b;opacity:0;z-index:3;transform:translate(-50%,-50%);pointer-events:none;transition:opacity .16s}.product-demo.pointer-on .demo-stage{cursor:crosshair}.product-demo.pointer-on .demo-pointer{opacity:1}.demo-stage.is-changing .demo-slide-info{animation:slide-in .22s ease both}@keyframes slide-in{from{opacity:.15;transform:translateY(8px)}to{opacity:1;transform:none}}
.demo-remote{position:absolute;z-index:4;left:0;bottom:0;width:184px;min-height:325px;border-radius:30px;background:#11172a;color:white;border:7px solid #20233b;box-shadow:0 20px 45px #15172f55;padding:25px 12px 17px;transform:rotate(6deg)}.remote-notch{position:absolute;top:8px;left:calc(50% - 22px);height:5px;width:44px;border-radius:8px;background:#3d435e}.remote-heading{display:flex;align-items:center;gap:5px;font-size:10px}.remote-logo{border-radius:5px;background:#6c62f4;font-weight:900;width:18px;height:18px;display:grid;place-items:center}.remote-demo-label{color:#97ebc7;margin-left:auto;font-size:8px;letter-spacing:.05em}.remote-body{margin-top:49px;text-align:center}.remote-body>span{font-size:8px;letter-spacing:.16em;color:#a4a9bd}.remote-count{font-size:38px;font-weight:830;line-height:1.2;letter-spacing:-.05em;margin:9px 0 1px}.remote-count small{color:#929bb6;font-size:17px;font-weight:500}.remote-body p{font-size:8px;color:#929ab6}.remote-buttons{display:flex;gap:9px;margin-top:19px}.remote-buttons button{height:54px;flex:1;display:grid;place-items:center;background:#313854;color:white;border:1px solid #414d76;border-radius:12px;font-size:25px;font-weight:600;transition:transform .14s,background .14s}.remote-buttons button:last-child{background:#6657ee;border-color:#776afc}.remote-buttons button:hover{background:#8174f4}.remote-buttons button:active{transform:scale(.92)}.remote-pointer{width:100%;border:1px solid #39425e;background:#222942;border-radius:9px;display:flex;align-items:center;gap:6px;margin-top:10px;padding:8px 8px;color:#d5d9e9;font-size:9px}.remote-pointer span:last-child{margin-left:auto;color:#8e95ac}.remote-pointer[aria-pressed=true]{border-color:#ab93f7;background:#342e60}.remote-pointer[aria-pressed=true] span:last-child{color:#d8c6ff}.pointer-symbol{color:#de8aff;font-weight:900}.remote-footer{margin-top:10px;text-align:center;font-size:7px;color:#8b94b1}.trust-strip{background:white;border-block:1px solid #efeff4}.trust-row{min-height:96px;display:flex;justify-content:space-between;align-items:center;gap:22px}.trust-row span{font-size:12px;color:#9298aa}.trust-row strong{color:#83879b;font-size:13px;font-weight:750}
.m-section{padding-block:118px}.section-intro{margin-bottom:43px;max-width:800px}.section-intro.centered{text-align:center;margin:0 auto 55px}.section-intro h2,.content-section-title h2{font-size:clamp(37px,4.3vw,57px);margin:15px 0 19px;font-weight:810}.section-intro p,.content-section-title>p{font-size:16px;color:var(--muted);line-height:1.7;max-width:600px}.centered p{margin-inline:auto}.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.step-card{background:white;border:1px solid var(--border);border-radius:22px;padding:27px;min-height:390px;box-shadow:0 10px 32px #29255508}.step-number{color:var(--purple);font-size:12px;font-weight:850;letter-spacing:.15em;display:flex;align-items:center;gap:14px}.step-line{height:1px;background:#e9eaf3;flex:1}.step-visual{height:183px;margin:18px 0 26px;border-radius:14px;background:#f5f5fd;display:flex;align-items:center;justify-content:center;overflow:hidden}.step-card h3{font-size:20px;margin-bottom:10px}.step-card p{font-size:14px;color:var(--muted);line-height:1.7;margin:0}.upload-file{background:white;box-shadow:0 8px 20px #5152a621;display:flex;align-items:center;gap:12px;border:1px solid #e8e8f4;border-radius:14px;padding:15px;width:86%}.file-mark{font-size:25px;color:var(--purple)}.upload-file div{flex:1;min-width:0}.upload-file b{font-size:12px;display:block}.upload-file small{display:block;color:#9297ac;font-size:10px}.file-check{color:#35b292;font-weight:800}.display-visual{background:radial-gradient(circle,#dedcff,#f5f5fd)}.mini-screen{width:74%;height:128px;border:6px solid #20253b;background:#352d70;border-radius:9px;padding:14px;color:white;position:relative;box-shadow:0 13px 26px #20205020}.mini-screen span{font-size:9px;color:#a4a0ea}.mini-screen strong{font-size:19px;line-height:1.3;letter-spacing:-.05em;display:block;margin-top:10px}.mini-screen i{position:absolute;bottom:9px;right:13px;width:65px;height:5px;background:#8175ed;border-radius:4px}.qr-pattern{width:90px;height:90px;display:grid;place-items:center;background:white;border-radius:15px;color:#5f55e6;font-size:72px}.connect-arrow{padding:0 15px;font-size:26px;color:var(--purple)}.mini-phone{height:114px;width:57px;border-radius:13px;border:5px solid #242a44;background:#6b5ced;color:white;text-align:center;font-size:23px;padding-top:24px;line-height:1.5}
.playground-section{background:#16172e;color:white;padding:106px 0 115px;overflow:hidden}.playground-intro{margin-bottom:44px}.playground-intro .kicker{color:#aca4ff}.playground-intro h2{color:white}.playground-intro h2 em{color:#aaa3ff}.playground-intro p{color:#b4b8ce}.demo-playground{max-width:900px;margin-inline:auto;padding:22px 66px 30px 70px}.demo-playground .demo-screen-wrap{margin-left:65px}.demo-playground .demo-remote{left:0}.demo-playground .demo-screen{border-color:#2d3052}.demo-playground .demo-stage{aspect-ratio:16/8.7}.demo-tip{text-align:center;color:#a6abc4;font-size:13px;margin-top:18px}.tip-dot{display:inline-block;width:7px;height:7px;background:#9c8dff;border-radius:50%;margin-right:10px}
.benefits-panel{display:grid;grid-template-columns:.9fr 1.1fr;border:1px solid #e5e6f2;border-radius:25px;background:white;overflow:hidden;box-shadow:var(--shadow)}.benefit-left{background:radial-gradient(ellipse at center,#bcb8fe,#eeeefd 65%);min-height:460px;display:grid;place-items:center}.benefit-device{height:310px;width:158px;border-radius:29px;border:7px solid #232944;background:#11182c;box-shadow:0 24px 50px #17184630;color:white;text-align:center;padding:36px 13px 15px;position:relative;z-index:0;transform:rotate(-8deg)}.benefit-device>span{display:block;font-size:11px}.benefit-device>strong{display:block;margin-top:48px;font-size:35px}.benefit-device>strong small{font-size:15px;color:#aaa6cf}.benefit-device>div:last-child{margin-top:25px;background:#6157ee;border-radius:10px;padding:10px;font-size:18px}.benefit-device>div:last-child span{margin-left:22px}.benefit-right{padding:30px 45px;display:flex;flex-direction:column;justify-content:space-around}.benefit-right>div{position:relative;border-bottom:1px solid #e9eaf2;padding:20px 0 25px 44px}.benefit-right>div:last-child{border-bottom:0}.benefit-right>div>span{position:absolute;left:0;top:24px;color:var(--purple);font-size:11px;font-weight:850}.benefit-right h3{font-size:20px;margin-bottom:8px}.benefit-right p{color:var(--muted);font-size:13px;line-height:1.6;margin:0}
.feature-bento{display:grid;grid-template-columns:1fr 1fr;gap:17px}.feature-large,.feature-small{position:relative;overflow:hidden;border-radius:22px;transition:transform .18s}.feature-large:hover,.feature-small:hover{transform:translateY(-3px)}.feature-large{background:#292653;color:white;padding:36px;min-height:540px}.bento-tag{font-size:10px;color:#afa5ff;letter-spacing:.15em;font-weight:830}.feature-large h3{font-size:36px;margin:23px 0 15px}.feature-large>p{font-size:15px;color:#cecbea;max-width:290px}.bento-remote{position:absolute;bottom:-70px;right:18%;width:190px;height:293px;border-radius:29px 29px 0 0;border:8px solid #17162e;background:#12142c;transform:rotate(-7deg);padding:24px 14px;color:white;box-shadow:0 0 50px #100f2e73;text-align:center}.bento-remote>span{font-size:15px}.bento-remote>strong{display:block;font-size:32px;margin:40px 0 18px}.bento-remote>div{background:#695ff0;border-radius:10px;padding:10px}.bento-link{position:absolute;bottom:26px;left:34px;font-size:12px;color:#c3bdff}.feature-small-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.feature-small{background:white;border:1px solid var(--border);padding:24px;min-height:260px}.feature-glyph{display:grid;place-items:center;width:51px;height:51px;border-radius:15px;background:#f0edff;color:var(--purple);font-size:27px;margin-bottom:30px}.feature-small h3{font-size:18px;margin-bottom:9px}.feature-small p{color:var(--muted);font-size:13px;margin-bottom:22px}.feature-small>span:last-child{font-size:11px;color:var(--purple);font-weight:750}
.usecases-section{background:#f0f1fa}.usecases{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.usecases article{background:white;border:1px solid #e8e9f2;padding:33px;border-radius:20px;min-height:240px}.usecases article>span{color:var(--purple);letter-spacing:.1em;font-size:10px;font-weight:800}.usecases h3{font-size:22px;margin:24px 0 12px}.usecases p{color:var(--muted);font-size:13px;line-height:1.7}.pricing-teaser{padding-block:82px}.pricing-cta{border:1px solid var(--border);border-radius:22px;padding:47px;background:#fff;display:flex;justify-content:space-between;align-items:center;gap:30px}.pricing-cta h2{font-size:36px;margin:15px 0}.pricing-cta p{color:var(--muted);margin:0;max-width:560px}.faq-section{padding-top:70px}.faq-rows{max-width:820px}.faq-rows details{border-bottom:1px solid #e0e2ed}.faq-rows details:first-child{border-top:1px solid #e0e2ed}.faq-rows summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 3px;font-weight:720;font-size:16px}.faq-rows summary::-webkit-details-marker{display:none}.faq-rows summary span{font-size:24px;color:var(--purple);font-weight:400;transition:transform .2s}.faq-rows details[open] summary span{transform:rotate(45deg)}.faq-rows details p{margin:0;padding:0 18px 23px 3px;font-size:14px;color:var(--muted);line-height:1.75;max-width:750px}.inline-next{display:inline-block;margin-top:26px;color:var(--purple);font-weight:770;font-size:13px}.final-wrap{margin-bottom:105px}.final-cta{position:relative;background:#342c82;border-radius:28px;color:white;overflow:hidden;padding:67px 72px;min-height:345px}.final-cta>.kicker{color:#aca6ff}.final-cta h2{font-size:clamp(34px,4vw,54px);max-width:700px;margin:18px 0}.final-cta p{color:#d2cdf4;max-width:570px}.final-cta .m-button{margin-top:19px}.final-decoration{position:absolute;right:-10px;bottom:-120px;font-size:440px;font-weight:200;line-height:1;color:#ffffff14;transform:rotate(-24deg);pointer-events:none}
.m-footer{background:#fff;border-top:1px solid #e8e9f3}.footer-upper{display:grid;grid-template-columns:1.7fr repeat(3,1fr);gap:35px;padding:62px 0}.footer-brand p{color:#858ba2;font-size:13px;line-height:1.8;margin:18px 0}.footer-upper nav{display:flex;flex-direction:column;gap:12px}.footer-upper nav strong{font-size:12px;letter-spacing:.03em;margin-bottom:8px}.footer-upper nav a{color:#777d91;font-size:12px}.footer-upper nav a:hover{color:var(--purple)}.footer-bottom{border-top:1px solid #eef0f6;padding:23px 0;display:flex;justify-content:space-between;color:#9398a9;font-size:12px}
/* Standalone SEO pages, pricing, FAQ and legal content */
.page-hero{padding-top:103px;padding-bottom:65px;max-width:min(var(--content),calc(100% - 64px))}.page-hero h1{font-size:clamp(46px,5vw,72px);max-width:910px;margin:22px 0 24px;font-weight:850}.page-hero>p{max-width:730px;color:var(--muted);font-size:18px;line-height:1.7}.page-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.content-demo{padding:10px 0 65px}.demo-explanation h2{font-size:32px;margin:10px 0}.demo-explanation>p{font-size:14px;color:var(--muted)}.demo-content{max-width:900px;margin:0 auto}.content-section{padding:80px 0}.content-section-title{max-width:720px}.content-section-title h2{font-size:clamp(34px,3.6vw,45px)}.content-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.content-cards:has(>article:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}.content-card{background:white;border:1px solid var(--border);padding:30px;border-radius:18px;min-height:220px}.content-card .item-index{font-weight:850;font-size:12px;color:var(--purple)}.content-card h3{font-size:21px;margin:22px 0 13px}.content-card p{font-size:14px;color:var(--muted);line-height:1.75}.content-alt{border-top:1px solid #e8eaf4}.faq-page{padding-bottom:110px}.faq-contact{margin-top:35px;color:var(--muted)}.faq-contact a{color:var(--purple);font-weight:750}.plans-wrap{padding-bottom:90px}.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.plan{background:white;border:1px solid var(--border);border-radius:22px;padding:32px;box-shadow:0 14px 24px #201f5f08}.plan-featured{border-color:#8a7afa;box-shadow:0 20px 35px #665bef18}.plan-type{font-size:10px;font-weight:850;color:var(--purple);letter-spacing:.12em}.plan h2{font-size:32px;margin:18px 0 0}.plan-caption{color:var(--muted);font-size:12px;margin:5px 0 22px}.plan-price{font-size:17px;font-weight:750;min-height:67px}.plan-price small{font-size:12px;color:#878da2;display:block;font-weight:400}.plan>.m-button{width:100%}.plan ul{padding:18px 0 0;margin:15px 0 0;list-style:none;border-top:1px solid #e7e8f0}.plan li{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #f0f0f5;padding:11px 0;font-size:12px}.plan li span{color:var(--muted)}.plan li strong{text-align:right;font-weight:730}.plan-note{margin-top:24px;font-size:13px;line-height:1.75;color:var(--muted);max-width:860px}.contact-layout{padding-bottom:100px;display:grid;grid-template-columns:1fr 1fr;gap:20px}.contact-tile{border-radius:20px;border:1px solid var(--border);padding:42px;background:white;min-height:300px}.contact-tile h2{font-size:32px;margin:18px 0}.contact-tile p{color:var(--muted);font-size:14px;max-width:500px;line-height:1.75}.contact-tile .m-button{white-space:normal}.contact-secondary{background:#f2f1ff}.contact-next{display:block;margin-top:20px;font-size:13px;color:var(--purple);font-weight:750}.legal-hero{padding-bottom:40px}.legal-body{max-width:900px;padding-bottom:110px;font-size:15px;line-height:1.82}.legal-body h2{font-size:23px;margin:36px 0 12px}.legal-body p{color:#5a6078}.legal-body a{color:var(--purple);text-decoration:underline}.legal-alert{background:#fff7e3;border:1px solid #f3d29a;border-radius:14px;padding:18px;margin-bottom:28px;font-size:13px;color:#7c5631}.legal-body code,.contact-layout code{white-space:normal;overflow-wrap:anywhere}
/* responsive */
@media(max-width:1100px){.desktop-nav{gap:17px}.m-header-inner{gap:16px}.hero{gap:22px}.demo-hero .demo-remote{transform:rotate(6deg) scale(.85);transform-origin:bottom left}.footer-upper{grid-template-columns:1.3fr repeat(3,1fr)}}
@media(max-width:900px){.desktop-nav,.m-header-actions{display:none}.nav-toggle{display:flex;margin-left:auto}.mobile-nav{display:flex;flex-direction:column;padding:14px 28px 24px;gap:0;background:white;border-top:1px solid var(--border)}.mobile-nav[hidden]{display:none}.mobile-nav>a{padding:10px 0;font-weight:650;font-size:14px}.mobile-nav>.m-button{margin-top:10px;color:white;padding:12px}.hero{grid-template-columns:1fr;padding-top:66px;gap:12px}.hero h1{max-width:730px}.hero-sub{max-width:660px}.hero .product-demo{max-width:750px;width:100%;margin-inline:auto}.step-grid,.usecases{grid-template-columns:repeat(2,1fr)}.step-card:last-child,.usecases article:last-child{grid-column:span 2}.step-card:last-child .step-visual{max-width:400px}.feature-bento{grid-template-columns:1fr}.feature-large{min-height:400px}.plans{grid-template-columns:repeat(2,1fr)}.footer-upper{grid-template-columns:repeat(2,1fr);gap:35px}.footer-brand{grid-column:span 2}.contact-layout{grid-template-columns:1fr}}
@media(max-width:620px){.m-wrap,.page-hero{width:calc(100% - 36px)}.m-header-inner{height:66px}.brand{font-size:22px}.brand-icon{height:36px;width:36px}.hero{padding-top:49px;padding-bottom:55px;min-height:0}.eyebrow{font-size:9px}.hero h1{font-size:clamp(37px,9vw,55px);margin:20px 0}.hero-sub{font-size:15px}.hero-cta{gap:9px}.hero-cta .m-button{min-height:48px;padding:12px 14px;font-size:12px}.hero-proof{line-height:1.8}.product-demo{padding:12px 6px 33px 0}.demo-screen-wrap{margin-left:30px}.demo-hero .demo-screen-wrap{margin-left:28px}.demo-screen{border-width:4px;border-radius:10px}.demo-browser{height:24px;font-size:8px}.demo-stage{min-height:0;aspect-ratio:1.52;padding:7%}.demo-slide-heading{font-size:clamp(17px,5.6vw,27px);margin:8px 0}.demo-slide-desc{font-size:9px;max-width:190px}.demo-overline{font-size:7px}.demo-screen-foot{font-size:7px}.demo-graphic{width:32%;height:34%;bottom:12%}.demo-remote{transform:rotate(6deg) scale(.7);transform-origin:bottom left;left:-10px;bottom:-22px}.demo-hero .demo-remote{transform:rotate(6deg) scale(.59);left:-9px;bottom:-21px}.trust-row{padding-block:20px;flex-wrap:wrap;justify-content:center;gap:10px 17px;min-height:0}.trust-row>span{width:100%;text-align:center;font-size:10px}.trust-row strong{font-size:11px}.m-section{padding-block:72px}.section-intro h2{font-size:35px}.section-intro p{font-size:14px}.step-grid,.usecases,.content-cards,.content-cards:has(>article:nth-child(2):last-child),.plans{grid-template-columns:1fr}.step-card:last-child,.usecases article:last-child{grid-column:auto}.step-card{min-height:0}.step-visual{height:160px}.playground-section{padding:72px 0}.demo-playground{padding:0 0 25px}.demo-playground .demo-screen-wrap{margin-left:26px}.demo-playground .demo-remote{transform:rotate(6deg) scale(.61);bottom:-25px;left:-12px}.demo-tip{font-size:11px}.benefits-panel{grid-template-columns:1fr}.benefit-left{min-height:280px}.benefit-device{transform:rotate(-8deg) scale(.68)}.benefit-right{padding:12px 25px}.benefit-right>div{padding:16px 0 18px 35px}.benefit-right>div>span{top:19px}.benefit-right h3{font-size:17px}.feature-small-grid{grid-template-columns:1fr}.feature-small{min-height:0}.feature-large{min-height:390px}.usecases article{min-height:0}.pricing-cta{padding:28px;display:block}.pricing-cta h2{font-size:29px}.pricing-cta .m-button{margin-top:20px}.faq-rows summary{font-size:14px}.final-wrap{margin-bottom:70px}.final-cta{padding:35px 28px;border-radius:19px;min-height:0}.final-cta h2{font-size:34px}.final-cta .m-button{max-width:100%;font-size:12px;white-space:normal}.final-decoration{display:none}.footer-upper{grid-template-columns:1fr 1fr;padding-block:43px;gap:27px}.footer-brand{grid-column:span 2}.footer-upper nav strong{font-size:11px}.footer-upper nav a{font-size:11px}.page-hero{padding-top:68px;padding-bottom:43px}.page-hero h1{font-size:clamp(37px,9vw,52px)}.page-hero>p{font-size:15px}.page-actions .m-button{font-size:12px;min-height:47px}.content-demo{padding-bottom:35px}.content-section{padding:58px 0}.content-section-title h2{font-size:33px}.content-card{min-height:0}.plan{padding:25px}.contact-tile{padding:28px}.legal-body{font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important;transform:none!important}}

/* Consent appears only when a configured analytics provider is active. */
.consent-panel{position:fixed;bottom:19px;left:50%;transform:translateX(-50%);z-index:100;background:white;box-shadow:0 12px 52px #14143440;border:1px solid #e3e4ef;border-radius:18px;padding:16px 18px;display:flex;align-items:center;gap:28px;width:min(780px,calc(100% - 30px))}.consent-panel[hidden]{display:none}.consent-panel p{margin:0;color:#565c76;font-size:13px}.consent-panel>div{display:flex;gap:8px;flex-shrink:0}.consent-panel .m-button{min-height:42px;padding:10px 12px;font-size:12px}@media(max-width:620px){.consent-panel{display:block}.consent-panel>div{margin-top:12px;justify-content:flex-end}.consent-panel p{font-size:12px}}

.reveal-enter{opacity:0;transform:translateY(17px);transition:opacity .45s ease,transform .45s ease}.reveal-enter.is-revealed{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.reveal-enter{opacity:1;transform:none}}

.not-found{min-height:60vh;padding-bottom:140px}.not-found h1{max-width:940px}
/* On phones the large Playground remote becomes a real-sized touch target. */
@media(max-width:620px){
  .demo-playground{display:flex;flex-direction:column;padding:0;gap:18px}
  .demo-playground .demo-screen-wrap{margin:0;width:100%;transform:none}
  .demo-playground:hover .demo-screen-wrap{transform:none}
  .demo-playground .demo-stage{aspect-ratio:16/10}
  .demo-playground .demo-remote{position:relative;width:215px;min-height:332px;left:auto;bottom:auto;margin:0 auto;transform:none;box-shadow:0 20px 40px #06071380}
  .demo-playground .remote-buttons button{min-height:54px}
  .demo-playground .remote-pointer{min-height:44px;font-size:11px}
}

/* Custom plan names and descriptions may span several lines. */
.plan {min-width:0;}
.plan :is(h2,.plan-type,.plan-caption,.plan-price,.m-button) {overflow-wrap:anywhere;white-space:normal;}
.plan-caption {line-height:1.7;}