@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Rubik+Distressed&display=swap');
:root{font-family:'DM Sans',system-ui,sans-serif;color:#232524;background:#fff;font-synthesis:none;--orange:#ed5f38;--line:#e5e7e5}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid var(--orange);outline-offset:5px}[hidden]{display:none!important}
.skip-link{position:absolute;top:10px;left:10px;z-index:10;padding:12px;background:#fff;transform:translateY(-160%)}.skip-link:focus{transform:none}
.site-header,.site-footer,.hero,.trusted{max-width:1280px;margin:auto;padding-left:48px;padding-right:48px}.site-header{height:100px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}
.logo{display:inline-flex;align-items:center;gap:11px;font-weight:800;font-size:31px;letter-spacing:-1.5px}.logomark{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;border-radius:11px;background:#232524;color:#ff966f;font-size:30px;line-height:1;letter-spacing:-1px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:52px;padding:14px 23px;border:1px solid #232524;border-radius:10px;background:#232524;color:#fff;font-size:16px;font-weight:700}.button:hover{background:#393d39}.button-small{min-height:44px;padding:11px 18px;font-size:14px}.button-primary{background:var(--orange);border-color:var(--orange);min-height:58px;padding:17px 25px}.button-primary:hover{background:#d84e29}
.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:60px;padding-top:66px;padding-bottom:72px}.eyebrow{font-size:12px;line-height:1.6;letter-spacing:1.7px;font-weight:700;color:#727a73;margin:0 0 23px}.hero h1{font-size:clamp(54px,5.9vw,80px);line-height:1.02;font-weight:800;letter-spacing:-4px;margin:0 0 26px}.hero h1 span{color:var(--orange)}.hero-description{max-width:445px;font-size:19px;line-height:1.7;color:#6d746e;margin:0 0 28px}.cta-note{font-size:14px;line-height:1.6;color:#7c827c;margin:14px 0 0}.workflow{display:flex;flex-direction:column;gap:12px;margin-top:38px;font-size:14px;color:#4a524b}.workflow span{display:flex;align-items:center;gap:12px}.workflow b{font-size:12px;color:#b06c54;font-weight:600;font-variant-numeric:tabular-nums}
.hero-visual{margin:0;min-width:0;max-width:430px;justify-self:center;width:100%;position:relative}.example-input{position:relative;border:1px solid #e2e5e1;background:#fff;padding:17px 24px;margin:0 16px 22px 0;border-radius:12px;box-shadow:0 5px 20px #222b2208}.input-label{font-size:12px;font-weight:700;letter-spacing:1.8px;color:#889086}.example-input p{font-size:16px;line-height:1.5;margin:7px 22px 0 0}.input-arrow{position:absolute;right:20px;bottom:18px;color:var(--orange);font-size:24px}.poster-wrap{position:relative;margin-left:30px}.poster-frame{border:7px solid #fff;border-radius:10px;overflow:hidden;box-shadow:0 22px 65px #242b2321,0 0 0 1px #e1e4df;transform:rotate(2deg);background:#20131b;aspect-ratio:3/4}.poster-frame canvas{display:block;width:100%;height:100%}.poster-fallback{height:100%;position:relative;overflow:hidden;background:linear-gradient(130deg,#ffe7e9,#ed5f38)}.poster-fallback img{height:100%;width:100%;object-fit:cover}.poster-fallback strong{position:absolute;inset:auto 0 0;padding:35% 20px 24px;background:linear-gradient(transparent,#131013);color:#fff;font:400 clamp(28px,3vw,45px)/1.1 'Rubik Distressed',sans-serif;text-align:center}.editable-label{position:absolute;left:-38px;top:60%;border-radius:7px;border:1px solid #e3e7df;background:#fff;padding:12px 16px;box-shadow:0 8px 25px #252b2417;font-size:13px;font-weight:600;transform:rotate(-3deg)}.hero-visual figcaption{margin:25px 0 0 30px;text-align:center;font-size:12px;color:#899084;line-height:1.5}
.trusted{padding-top:42px;padding-bottom:58px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.5fr;align-items:center;gap:40px}.trusted h2{font-size:30px;letter-spacing:-1px;margin:0 0 8px}.trusted-heading>p{font-size:16px;color:#7b827a;line-height:1.5;margin:0}.partner-carousel{min-width:0}.partner-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;gap:18px;overscroll-behavior-x:contain}.partner-card{display:flex;align-items:center;justify-content:center;gap:28px;flex:0 0 100%;scroll-snap-align:center;min-width:0;padding:8px 0}.partner-logo{width:225px;max-width:50%;padding:15px 18px;background:#080808;border-radius:10px;flex-shrink:0}.partner-logo img{width:100%;height:auto;display:block;object-fit:contain}.partner-details h3{font-size:21px;margin:0 0 8px;letter-spacing:-.5px}.partner-details p{font-size:14px;color:#7b827a;margin:0}.partner-details strong{font-size:19px;color:#343a34;margin-right:4px}.carousel-controls{display:flex;justify-content:center;align-items:center;gap:18px;margin-top:18px;color:#7b827a;font-size:14px}.carousel-controls button{width:42px;height:42px;background:#fff;border:1px solid var(--line);border-radius:50%}.carousel-controls button:disabled{opacity:.4;cursor:default}
.site-footer{min-height:112px;border-top:1px solid var(--line);display:flex;align-items:center;gap:25px;justify-content:space-between;color:#7b827a;font-size:14px}.footer-logo{font-size:22px;color:#232524;letter-spacing:-1px}.footer-logo .logomark{width:29px;height:29px;border-radius:8px;font-size:22px}.site-footer>a:last-child{font-weight:600;color:#454d45}
.community-example{max-width:1280px;margin:auto;padding:56px 48px 64px;border-top:1px solid var(--line)}.example-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:28px}.example-heading h2{font-size:clamp(28px,3vw,40px);letter-spacing:-1.3px;line-height:1.2;margin:0}.example-heading p{font-size:16px;line-height:1.5;color:#6d746e;margin:0}.example-heading strong{font-weight:600;color:#343a34}.community-post{margin:0;min-width:0}.community-post-image{display:block;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff}.community-post-image img{display:block;width:100%;height:auto}.community-post figcaption{display:flex;justify-content:space-between;gap:14px;padding-top:18px;font-size:14px;line-height:1.6;color:#6d746e}.community-post figcaption a{flex-shrink:0;font-weight:600;color:#343a34;text-decoration:underline;text-underline-offset:4px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:960px){.community-example{padding-left:28px;padding-right:28px}}
@media(max-width:680px){.community-example{padding-top:36px;padding-bottom:40px}.example-heading{align-items:flex-start;flex-direction:column;gap:10px;margin-bottom:22px}.community-post figcaption{flex-wrap:wrap;gap:8px}.community-post-image{border-radius:8px}}
@media(max-width:960px){.site-header,.site-footer,.hero,.trusted{padding-left:28px;padding-right:28px}.hero{gap:28px}.hero h1{font-size:58px;letter-spacing:-3px}.hero-description{font-size:17px}.poster-wrap{margin-left:20px}.editable-label{left:-23px}.trusted{grid-template-columns:1fr 1.8fr;gap:20px}.partner-card{gap:18px}.partner-logo{width:200px}}
@media(max-width:680px){.site-header{height:82px}.logo{font-size:27px}.logomark{width:34px;height:34px;font-size:27px;border-radius:9px}.button-small{font-size:13px;padding:10px 14px;gap:9px}.hero{grid-template-columns:1fr;padding-top:43px;padding-bottom:42px;gap:42px}.hero-copy{max-width:510px}.hero h1{font-size:clamp(48px,10vw,66px);letter-spacing:-2.6px}.eyebrow{font-size:12px;letter-spacing:1.1px}.hero-description{font-size:17px;max-width:460px}.hero-copy .button-primary{width:100%;max-width:380px}.workflow{margin-top:28px;gap:9px}.hero-visual{max-width:360px}.trusted{grid-template-columns:1fr;text-align:center;gap:25px;padding-top:33px;padding-bottom:36px}.partner-card{gap:20px}.partner-logo{width:190px}.partner-details{text-align:left}.site-footer{flex-wrap:wrap;min-height:112px;padding-top:24px;padding-bottom:24px;gap:18px}.site-footer>span{display:none}}
@media(prefers-reduced-motion:no-preference){.button{transition:background .15s}.partner-track{scroll-behavior:smooth}}
