.claymation-page{--bg-1:#241f1e;--bg-2:#171413;--clay-card:#332d2b;--clay-deep:#231f1e;--accent:#d7fe51;--accent-dark:#b8e63a;--orange:#f97316;--teal:#2dd4bf;--yellow:#facc15;--text:#efeae4;--muted:#a8a29e;--border:#00000059}.claymation-page *{box-sizing:border-box;margin:0;padding:0}.claymation-page{scroll-behavior:smooth;background:linear-gradient(135deg, var(--bg-1) 0%, var(--bg-2) 100%);color:var(--text);font-family:Inter,sans-serif;font-size:15px;line-height:1.65;overflow-x:hidden}.claymation-page h1,.claymation-page h2,.claymation-page h3,.claymation-page .fredoka{font-family:Fredoka,sans-serif;font-weight:700}.claymation-page a{color:inherit;text-decoration:none}.claymation-page img,.claymation-page video{max-width:100%;display:block}.claymation-page .wrap{max-width:1200px;margin:0 auto;padding:0 24px}.claymation-page section{z-index:2;padding:64px 0;position:relative}.claymation-page .sec-title{text-align:center;text-shadow:2px 2px #000;margin-bottom:8px;font-size:2.1rem}.claymation-page .sec-sub{text-align:center;color:var(--muted);max-width:640px;margin:0 auto 44px;font-size:.98rem}.claymation-page .accent{color:var(--orange)}.claymation-page .accent-lime{color:var(--accent)}.claymation-page .kicker{color:var(--accent);letter-spacing:1.5px;text-transform:uppercase;background:#d7fe511f;border:1px solid #d7fe5159;border-radius:255px 15px 225px/15px 225px 15px 255px;margin-bottom:16px;padding:5px 16px;font-family:Fredoka,sans-serif;font-size:.8rem;display:inline-block}.claymation-page .btn-clay{background:var(--accent);color:#0b0c10;cursor:pointer;text-transform:uppercase;letter-spacing:1px;border:none;border-radius:255px 15px 225px/15px 225px 15px 255px;padding:.75rem 1.8rem;font-family:Fredoka,sans-serif;font-size:1.02rem;font-weight:700;transition:transform .12s,box-shadow .12s;display:inline-block;box-shadow:inset -4px -4px 10px #0003,inset 4px 4px 10px #fff6,0 8px 18px #0006}.claymation-page .btn-clay:hover{transform:translateY(-2px)}.claymation-page .btn-clay:active{transform:translateY(5px);box-shadow:inset -2px -2px 5px #0003,inset 2px 2px 5px #fff6,0 3px 8px #0006}.claymation-page .btn-ghost{color:var(--accent);cursor:pointer;background:0 0;border:2px solid #d7fe518c;border-radius:255px 15px 225px/15px 225px 15px 255px;padding:.72rem 1.7rem;font-family:Fredoka,sans-serif;font-size:.98rem;font-weight:600;transition:background .15s,transform .12s;display:inline-block}.claymation-page .btn-ghost:hover{background:#d7fe511a;transform:translateY(-2px)}.claymation-page .clay-card{background:var(--clay-card);border-radius:30px 50px 20px 40px/50px 30px 40px 20px;transition:transform .4s cubic-bezier(.175,.885,.32,1.275);position:relative;box-shadow:12px 12px 26px #0000008c,inset -8px -8px 15px #0006,inset 8px 8px 15px #ffffff14}.claymation-page .clay-card:hover{transform:translateY(-8px)scale(1.01)}.claymation-page .hero{padding:72px 0 56px}.claymation-page .hero-grid{grid-template-columns:1.05fr .95fr;align-items:center;gap:48px;display:grid}.claymation-page .hero h1{text-shadow:3px 3px #000,6px 6px #0003;margin-bottom:18px;font-size:2.7rem;line-height:1.12}.claymation-page .hero .bounce{color:var(--orange);animation:2s cubic-bezier(.28,.84,.42,1) infinite clay-bouncyText;display:inline-block}.claymation-page .hero p.lead{color:var(--muted);max-width:520px;margin-bottom:26px;font-size:1.06rem}.claymation-page .hero p.lead strong{color:var(--text)}.claymation-page .hero-cta{flex-wrap:wrap;gap:14px;margin-bottom:26px;display:flex}.claymation-page .trustbar{color:var(--muted);flex-wrap:wrap;gap:20px;font-size:.84rem;display:flex}.claymation-page .trustbar span{align-items:center;gap:6px;display:inline-flex}.claymation-page .trustbar .trust-icon{width:16px;height:16px;color:var(--accent);flex:0 0 16px}.claymation-page .hero-visual{aspect-ratio:16/9;box-shadow:18px 18px 36px #0009, -8px -8px 24px #ffffff08, inset 0 0 0 10px var(--clay-card), inset 0 0 20px 10px #000c;background:#111;border-radius:50px 40px 60px 30px/40px 60px 30px 50px;position:relative;overflow:hidden;transform:rotate(2deg)}.claymation-page .hero-visual video{object-fit:cover;pointer-events:none;border-radius:40px 30px 50px 20px/30px 40px 20px;width:calc(100% - 20px);height:calc(100% - 20px);position:absolute;top:10px;left:10px}@keyframes clay-bouncyText{0%,to{transform:scale(1)}50%{transform:scale(1.05)rotate(-2deg)}}@keyframes clay-morphBlob{0%{border-radius:40% 60% 70% 30%/40% 50% 60%}50%{border-radius:60% 40% 30% 70%/50% 60% 40% 50%}to{border-radius:40% 60% 70% 30%/40% 50% 60%}}@keyframes clay-floatFloat{0%{transform:translateY(0)rotate(0)}to{transform:translateY(-28px)rotate(14deg)}}.claymation-page .blob{z-index:1;pointer-events:none;opacity:.55;filter:drop-shadow(8px 8px 12px #0006);animation:8s steps(12,end) infinite clay-morphBlob,7s steps(12,end) infinite clay-floatFloat;position:absolute;box-shadow:inset -8px -8px 16px #0000004d,inset 8px 8px 16px #ffffff4d}.claymation-page .feat-grid{grid-template-columns:repeat(3,1fr);gap:26px;display:grid}.claymation-page .feat{padding:28px 26px}.claymation-page .feat:nth-child(odd){transform:rotate(-1deg)}.claymation-page .feat:nth-child(2n){transform:rotate(1deg)}.claymation-page .feat .ico{background:var(--accent);color:#1c1a12;border-radius:40% 60% 70% 30%/40% 50% 60%;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:16px;font-size:1.4rem;display:flex;box-shadow:inset -4px -4px 8px #0003,inset 4px 4px 8px #fff6}.claymation-page .feat:nth-child(3n) .ico{background:var(--teal)}.claymation-page .feat:nth-child(3n+2) .ico{background:var(--orange);color:#fff}.claymation-page .feat h3{margin-bottom:8px;font-size:1.12rem}.claymation-page .feat p{color:var(--muted);font-size:.9rem}.claymation-page .feat p strong{color:var(--text);font-weight:600}.claymation-page .show-grid{grid-template-columns:repeat(2,1fr);gap:32px;max-width:1060px;margin:0 auto;display:grid}.claymation-page .film-card{background:var(--clay-card);border-radius:40px;padding:26px 20px;transition:transform .4s cubic-bezier(.175,.885,.32,1.275);position:relative;box-shadow:12px 12px 26px #0000008c,inset -3px -3px 8px #0000004d,inset 3px 3px 8px #ffffff14}.claymation-page .film-card:hover{transform:translateY(-5px)scale(1.02)}.claymation-page .film-card:before,.claymation-page .film-card:after{content:"";background-image:radial-gradient(circle, var(--clay-deep) 4px, transparent 5px);opacity:.6;background-size:12px 24px;width:12px;position:absolute;top:2rem;bottom:2rem}.claymation-page .film-card:before{left:8px}.claymation-page .film-card:after{right:8px}.claymation-page .film-card .frame{aspect-ratio:16/9;background:#111;border-radius:24px;margin:0 12px;overflow:hidden}.claymation-page .film-card video{object-fit:cover;width:100%;height:100%}.claymation-page .film-card .frame{position:relative}.claymation-page .playbtn{z-index:3;background:var(--accent);color:#0b0c10;cursor:pointer;border:none;border-radius:50% 45% 55% 48%/48% 55% 45% 52%;justify-content:center;align-items:center;width:42px;height:42px;padding-left:3px;font-size:.95rem;line-height:1;transition:transform .15s,opacity .2s;display:flex;position:absolute;bottom:14px;left:14px;box-shadow:inset -2px -2px 5px #00000040,inset 2px 2px 5px #ffffff73,0 5px 12px #00000080}.claymation-page .playbtn:hover{transform:scale(1.08)}.claymation-page .playbtn:focus-visible{outline-offset:2px;outline:2px solid #fff}.claymation-page .film-card .cap{text-align:center;color:var(--muted);margin-top:16px;font-family:Fredoka,sans-serif;font-size:.92rem}.claymation-page .show-cta{text-align:center;margin-top:36px}.claymation-page .styles-strip{flex-wrap:wrap;justify-content:center;gap:14px;max-width:900px;margin:0 auto;display:flex}.claymation-page .style-chip{background:var(--clay-card);border-radius:255px 15px 225px/15px 225px 15px 255px;align-items:center;gap:8px;padding:10px 20px;font-family:Fredoka,sans-serif;font-size:.92rem;transition:transform .2s,color .2s;display:inline-flex;box-shadow:6px 6px 14px #00000073,inset -3px -3px 6px #0000004d,inset 3px 3px 6px #ffffff14}.claymation-page .style-chip:hover{color:var(--accent);transform:translateY(-4px)}.claymation-page .style-chip .dot{border-radius:50%;width:10px;height:10px}.claymation-page .style-chip.current{border:2px solid var(--accent);color:var(--accent)}.claymation-page .use-grid{grid-template-columns:repeat(3,1fr);gap:26px;display:grid}.claymation-page .use-card{text-align:center;padding:30px 26px;display:block}.claymation-page .use-card .ico{margin-bottom:12px;font-size:2rem}.claymation-page .use-card h3{margin-bottom:8px;font-size:1.12rem}.claymation-page .use-card p{color:var(--muted);margin-bottom:14px;font-size:.88rem}.claymation-page .use-card .go{color:var(--accent);letter-spacing:.5px;font-family:Fredoka,sans-serif;font-size:.88rem}.claymation-page .compare{max-width:860px;margin:0 auto;overflow-x:auto}.claymation-page .compare table{border-collapse:separate;border-spacing:0;background:var(--clay-card);border-radius:26px;width:100%;min-width:640px;overflow:hidden;box-shadow:12px 12px 26px #00000080}.claymation-page .compare th,.claymation-page .compare td{text-align:left;border-bottom:1px solid #ffffff0f;padding:14px 20px;font-size:.92rem}.claymation-page .compare thead th{background:#00000040;font-family:Fredoka,sans-serif;font-size:1rem}.claymation-page .compare thead th:nth-child(2){color:var(--accent)}.claymation-page .compare td:first-child{color:var(--muted)}.claymation-page .compare .yes{color:var(--accent);font-weight:600}.claymation-page .compare .no{color:#f28b82;font-weight:600}.claymation-page .compare tr:last-child td{border-bottom:none}.claymation-page .wf-wrap{max-width:1060px;margin:0 auto;padding:0 24px}.claymation-page .wf-stack{isolation:isolate;gap:34px;display:grid;position:relative}.claymation-page .wf-stack>.wf-row{margin-bottom:0}.claymation-page .wf-row{grid-template-columns:1fr 1fr;align-items:stretch;gap:40px;margin-bottom:34px;display:grid;position:sticky;top:90px}.claymation-page .wf-card{flex-direction:column;justify-content:center;padding:40px 36px;display:flex}.claymation-page .wf-num{color:#1c1a12;background:var(--accent);border-radius:40% 60% 70% 30%/40% 50% 60%;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:16px;font-family:Fredoka,sans-serif;font-size:.85rem;display:flex;box-shadow:inset -3px -3px 6px #0003,inset 3px 3px 6px #fff6}.claymation-page .wf-row:nth-child(2) .wf-num{background:var(--orange);color:#fff}.claymation-page .wf-row:nth-child(3) .wf-num{background:var(--teal);color:#fff}.claymation-page .wf-row:nth-child(4) .wf-num{background:var(--yellow)}.claymation-page .wf-card h3{margin-bottom:10px;font-size:1.5rem}.claymation-page .wf-card p{color:var(--muted);font-size:.95rem}.claymation-page .wf-card p strong{color:var(--text)}.claymation-page .wf-media{aspect-ratio:16/10;background:linear-gradient(135deg,#4a403c,#332d2b);border-radius:50px 40px 60px 30px/40px 60px 30px 50px;justify-content:center;align-items:center;font-size:3.4rem;display:flex;overflow:hidden;box-shadow:14px 14px 30px #0000008c,inset 0 0 0 8px #ffffff0d}.claymation-page .wf-media img{object-fit:cover;width:100%;height:100%}.claymation-page .wf-progress{justify-content:center;align-items:center;gap:10px;margin-top:34px;display:flex}.claymation-page .wf-dot{background:#ffffff2e;border-radius:50%;width:10px;height:10px;transition:background .3s,transform .3s}.claymation-page .wf-dot.on{background:var(--accent);transform:scale(1.25)}.claymation-page .wf-hint{color:var(--muted);margin-left:8px;font-family:Fredoka,sans-serif;font-size:.85rem}.claymation-page .wf-wrap{padding-bottom:8px}.claymation-page .wf-row{transition:opacity .4s}.claymation-page .tools-grid{grid-template-columns:repeat(4,1fr);gap:22px;display:grid}.claymation-page .tool-card{padding:26px 22px;display:block}.claymation-page .tool-card .ico{margin-bottom:12px;font-size:1.7rem}.claymation-page .tool-card h3{margin-bottom:8px;font-size:1.02rem}.claymation-page .tool-card p{color:var(--muted);margin-bottom:12px;font-size:.84rem}.claymation-page .tool-card .go{color:var(--accent);font-family:Fredoka,sans-serif;font-size:.82rem}.claymation-page .blog-grid{grid-template-columns:repeat(3,1fr);gap:26px;display:grid}.claymation-page .blog-card{display:block;overflow:hidden}.claymation-page .blog-card img{aspect-ratio:16/9;object-fit:cover;border-radius:26px 40px 18px 30px/40px 26px 30px 18px;width:100%}.claymation-page .blog-card .inner{padding:20px 22px 24px}.claymation-page .blog-card h3{margin-bottom:8px;font-size:1.05rem;line-height:1.35}.claymation-page .blog-card p{color:var(--muted);margin-bottom:10px;font-size:.86rem}.claymation-page .blog-card .go{color:var(--accent);font-family:Fredoka,sans-serif;font-size:.82rem}.claymation-page .yt-card{text-align:center;max-width:860px;margin:0 auto;padding:34px 32px}.claymation-page .yt-card h2{margin-bottom:8px;font-size:1.6rem}.claymation-page .yt-card>p{color:var(--muted);max-width:560px;margin:0 auto 22px;font-size:.94rem}.claymation-page .yt-video-frame{aspect-ratio:16/9;width:100%;color:var(--muted);background:#111;border-radius:22px;justify-content:center;align-items:center;margin-bottom:22px;font-size:.9rem;display:flex;box-shadow:inset 0 0 0 6px #ffffff0d}.claymation-page .yt-actions{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.claymation-page .testi-grid{grid-template-columns:repeat(3,1fr);gap:26px;display:grid}.claymation-page .testi{padding:26px 24px}.claymation-page .testi .stars{color:var(--yellow);letter-spacing:2px;margin-bottom:10px}.claymation-page .testi p{color:var(--text);margin-bottom:14px;font-size:.92rem;font-style:italic}.claymation-page .testi .who{color:var(--muted);font-family:Fredoka,sans-serif;font-size:.82rem}.claymation-page .faq-list{gap:16px;max-width:780px;margin:0 auto;display:grid}.claymation-page details{background:var(--clay-card);border-radius:30px 50px 20px 40px/50px 30px 40px 20px;padding:18px 26px;box-shadow:8px 8px 18px #00000073,inset -3px -3px 8px #0000004d,inset 3px 3px 8px #ffffff0f}.claymation-page summary{cursor:pointer;justify-content:space-between;align-items:center;gap:14px;font-family:Fredoka,sans-serif;font-size:1rem;list-style:none;display:flex}.claymation-page summary::-webkit-details-marker{display:none}.claymation-page summary .plus{color:var(--accent);flex-shrink:0;font-size:1.3rem;transition:transform .25s}.claymation-page details[open] summary .plus{transform:rotate(45deg)}.claymation-page details .ans{color:var(--muted);margin-top:10px;font-size:.9rem}.claymation-page details .ans strong{color:var(--text)}.claymation-page .final{text-align:center;padding:80px 0}.claymation-page .final h2{text-shadow:2px 2px #000;margin-bottom:12px;font-size:2.2rem}.claymation-page .final p{color:var(--muted);margin-bottom:28px}.claymation-page footer{color:var(--muted);z-index:2;border-top:1px solid #ffffff14;padding:34px 0;font-size:.85rem;position:relative}.claymation-page footer .wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.claymation-page footer a{color:var(--muted);margin-left:18px}.claymation-page footer a:hover{color:var(--accent)}@media (width<=992px){.claymation-page .hero-grid{grid-template-columns:1fr;gap:36px}.claymation-page .hero{padding:48px 0 40px}.claymation-page .hero h1{font-size:2.2rem}.claymation-page .hero-visual{max-width:620px;margin:0 auto;transform:none}.claymation-page .feat-grid,.claymation-page .show-grid,.claymation-page .use-grid,.claymation-page .testi-grid,.claymation-page .blog-grid,.claymation-page .tools-grid{grid-template-columns:repeat(2,1fr)}.claymation-page .wf-row{grid-template-columns:1fr;gap:24px}.claymation-page .wf-row .wf-media{order:-1;width:100%;max-width:520px;margin:0 auto}.claymation-page .wf-row{top:70px}.claymation-page .blob{display:none}}@media (width<=768px){.claymation-page{font-size:14px}.claymation-page section{padding:44px 0}.claymation-page .sec-title{font-size:1.6rem}.claymation-page .feat-grid,.claymation-page .show-grid,.claymation-page .use-grid,.claymation-page .testi-grid,.claymation-page .blog-grid,.claymation-page .tools-grid{grid-template-columns:1fr}.claymation-page .wf-row{margin-bottom:26px;position:static}.claymation-page .wf-card{padding:28px 24px}.claymation-page .hero h1{font-size:1.9rem}.claymation-page .hero p.lead{font-size:.98rem}.claymation-page .yt-video-frame{aspect-ratio:4/3}}@media (width<=560px){.claymation-page .wrap{padding:0 16px}.claymation-page .hero h1{font-size:1.6rem}.claymation-page .hero-cta .btn-clay,.claymation-page .hero-cta .btn-ghost{text-align:center;width:100%}.claymation-page .sec-title{font-size:1.4rem}.claymation-page .compare th,.claymation-page .compare td{padding:10px 12px;font-size:.84rem}.claymation-page details{border-radius:24px 36px 16px 30px/36px 24px 30px 16px;padding:14px 18px}.claymation-page .yt-card{padding:24px 18px}}.claymation-page{isolation:isolate;position:relative;overflow:clip}.claymation-page *,.claymation-page :before,.claymation-page :after{box-sizing:border-box}.claymation-page h1,.claymation-page h2,.claymation-page h3{color:var(--text)}.claymation-page .wf-row .wf-card,.claymation-page .wf-row .wf-media{opacity:1;transform:none}.claymation-page .wf-media{position:relative}.claymation-page .wf-media img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.claymation-page .hero-visual{width:100%}.claymation-page .hero-visual .hero-video{width:calc(100% - 20px);height:calc(100% - 20px);position:absolute;inset:10px}.claymation-page .hero-video video{width:100%;height:100%;inset:0}.claymation-page .hero h1 span{color:var(--orange);animation:2s infinite clay-bouncyText;display:inline-block}.claymation-page .media-video{object-fit:cover;width:100%;height:100%;display:block}.claymation-page iframe.yt-video-frame{aspect-ratio:16/9;border:0}.claymation-page :focus-visible{outline:2px solid var(--accent);outline-offset:5px}@media (width<=820px){.claymation-page .wf-row{position:static}}@media (width<=575px){.claymation-page .wf-wrap{padding:0 16px}.claymation-page .feat{transform:none}.claymation-page .hero-visual{border-radius:32px}}@media (prefers-reduced-motion:reduce){.claymation-page *,.claymation-page :before,.claymation-page :after{scroll-behavior:auto;transition:none!important;animation:none!important}}