/* Smart Clipper : maquette éditoriale, panneaux produit en HTML, médias réels. */
.clip-landing{--cl-orange:#ff6014;--cl-ink:#111119;--cl-muted:#737381;--cl-line:#eeedf1;--cl-peach:#fff0e1;background:#fff;color:var(--cl-ink);font-family:Inter,sans-serif;overflow:clip}
.clip-landing *{box-sizing:border-box}.clip-landing .cl-container{width:min(1280px,calc(100% - 64px));margin-inline:auto}
.clip-landing h1,.clip-landing h2,.clip-landing h3{font-family:"DM Sans",Inter,sans-serif;letter-spacing:-.045em;margin:0;font-weight:800}
.clip-landing h2{font-size:35px;line-height:1.1}.clip-landing h3{font-size:16px;line-height:1.22;letter-spacing:-.025em}.clip-landing p{font-size:14px;line-height:1.45;color:var(--cl-muted);margin:0}
.clip-landing img,.clip-landing video{display:block;max-width:100%;object-fit:cover}.clip-landing button,.clip-landing summary{font-family:inherit;cursor:pointer}.clip-landing button{color:inherit}.clip-landing a{text-decoration:none}.clip-landing .ic{display:inline-flex;width:18px;height:18px;flex-shrink:0}
.clip-landing :is(a,button,summary,input,select):focus-visible{outline:3px solid #c7460b;outline-offset:3px}.clip-landing [id]{scroll-margin-top:90px}
.cl-skip{position:fixed;top:-100px;left:20px;z-index:90;background:#fff;border:2px solid var(--cl-orange);padding:12px}.cl-skip:focus{top:8px}
.cl-logo{display:inline-flex;align-items:center;gap:7px;font-size:24px;font-weight:800;letter-spacing:-1px;white-space:nowrap}.cl-logo>svg{width:25px;height:30px;flex:none}
.cl-nav{height:66px;position:relative;z-index:20;background:#ffffffef;border-bottom:1px solid #f3f1ef}.cl-nav .cl-container{max-width:1130px}.cl-nav-inner{height:100%;display:flex;align-items:center;gap:32px}.cl-nav-links{display:flex;align-items:center;gap:23px;font-size:11px;font-weight:500;white-space:nowrap;margin-left:6px}.cl-nav-links>a:hover,.cl-nav-links summary:hover,.cl-footer a:hover{color:#d64a0b}.cl-nav-links details{position:relative}.cl-nav-links summary{list-style:none;display:flex;align-items:center;gap:4px}.cl-nav-links summary::-webkit-details-marker,.cl-mobile-nav summary::-webkit-details-marker{display:none}.cl-nav-links summary .ic{width:11px;height:11px}.cl-nav-dropdown{position:absolute;top:28px;left:-18px;padding:8px;width:210px;border:1px solid var(--cl-line);border-radius:12px;background:#fff;box-shadow:0 12px 32px #20202f12}.cl-nav-dropdown a{display:flex;align-items:center;gap:10px;padding:12px;border-radius:6px}.cl-nav-dropdown a:hover{background:#fff3eb}.cl-nav-actions{display:flex;gap:9px;align-items:center;margin-left:auto;white-space:nowrap;font-size:11px}.cl-nav-actions>.lang{display:none}.cl-signin{padding:9px 12px;border:1px solid #e9e9ee;border-radius:6px;font-weight:600}.cl-nav-actions .cl-btn{min-height:34px;padding:0 12px;font-size:10px;gap:5px;border-radius:6px}.cl-nav-actions .cl-btn .ic{width:13px;height:13px}.cl-mobile-nav{display:none}
.cl-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:0 20px;border:1px solid transparent;border-radius:9px;font-size:13px;font-weight:600;white-space:nowrap;transition:transform .18s,box-shadow .18s,background .18s}.clip-landing .cl-primary{background:linear-gradient(125deg,#ff7927,#ff5108);color:#fff;border-color:#ff7f47;box-shadow:inset 0 1px 0 #ffffff4d,0 5px 16px #ff621a20}.clip-landing .cl-primary:hover{background:linear-gradient(125deg,#ee6817,#ed4906);box-shadow:0 8px 20px #ff621a30;transform:translateY(-2px)}.cl-secondary{border-color:#e1e2e9;background:#fff;box-shadow:0 3px 8px #24242e05}.cl-secondary:hover{border-color:#ffae85;background:#fffaf7}.cl-actions{display:flex;align-items:center;gap:13px;flex-wrap:wrap}.cl-eyebrow{display:inline-flex;align-items:center;gap:7px;background:#fff0dd;color:#d84b08;padding:5px 14px;border-radius:20px;font-size:10px;letter-spacing:.07em;font-weight:700;line-height:1.25}.cl-eyebrow>.ic{width:13px;height:13px}
/* Courbes pêche : couches vectorielles CSS légères, sans capture de page. */
.cl-wash{position:relative;isolation:isolate}.cl-wash:before{content:"";position:absolute;inset:-25px 0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 68% 38% at 0 0,#ffeddbb0,transparent 80%),radial-gradient(ellipse 65% 45% at 100% 100%,#ffeddb99,transparent 75%)}
.cl-hero{padding:38px 0 24px}.cl-hero:after{content:"";position:absolute;z-index:-1;inset:-70px -12% -8px;border-radius:0 0 50% 40% / 0 0 11% 7%;background:linear-gradient(147deg,#fff1df 1%,transparent 17%),radial-gradient(ellipse 115% 95% at 55% 2%,transparent 90%,#ffeedc70 90.3%,#fff8f1 94%,transparent 94.4%);pointer-events:none}.cl-hero-grid{display:grid;grid-template-columns:38% 62%;align-items:center;gap:0}.cl-hero-copy{z-index:3;position:relative;padding-right:3px}.clip-landing .cl-hero h1{font-size:clamp(43px,4.25vw,59px);font-weight:900;letter-spacing:-.055em;line-height:.98;margin:22px 0 18px}.cl-hero h1 em{display:block;font-size:.91em;font-style:normal;color:var(--cl-orange);letter-spacing:-.055em}.cl-hero-copy>p{max-width:450px;font-size:14px;line-height:1.42;margin:0 0 20px}.cl-hero-copy .cl-actions{gap:12px}.cl-hero-copy .cl-btn{padding:0 18px;font-size:13px}
.cl-proof{display:flex;align-items:center;gap:13px;margin-top:18px}.cl-proof strong{display:block;font-size:11px;line-height:1.3;font-weight:600}.cl-proof small{display:block;margin-top:3px;font-size:10px;color:#757381;max-width:220px;line-height:1.3}.cl-avatars{display:flex;padding-left:4px;flex:none}.cl-avatars>span{width:35px;height:35px;border:2px solid #fff;border-radius:50%;margin-left:-6px;background-image:url('/assets/media/clipper-reference/creator-personas.webp');background-size:500% auto;background-position:calc(var(--person)*25%) 28%;box-shadow:0 1px 3px #57362222}
.cl-hero-art{height:462px;position:relative;min-width:0;width:100%;margin:0}.cl-notes{position:absolute;inset:0 3% auto 1%;display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:20px;color:#e7551b;font-family:Caveat,"Bradley Hand",cursive;font-weight:600;font-size:20px;line-height:1;white-space:pre-line;transform:rotate(-2deg)}.cl-notes span{position:relative;min-height:55px}.cl-notes span:first-child{padding-left:30px;padding-top:8px}.cl-notes span:nth-child(2){padding-left:30px}.cl-notes span:nth-child(3){text-align:right;padding-right:10px}.cl-notes svg{position:absolute;width:45px;height:38px;right:0;bottom:0;fill:none;stroke:#fb6a24;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.cl-notes span:nth-child(2) svg{left:-15px;right:auto;bottom:-2px}.cl-notes span:nth-child(3) svg{right:-15px;bottom:-25px;transform:rotate(30deg)}
.cl-app-window{position:absolute;left:0;right:16%;top:65px;padding:12px 13px 13px;border:1px solid #e7e7eb;border-radius:17px;background:#fff;box-shadow:0 9px 22px #5a38241a,0 0 0 6px #faf9f980;transform:rotate(-.7deg)}.cl-app-top{display:flex;align-items:center;gap:10px;font-size:8px;border-bottom:1px solid #efeff4;padding:0 0 8px;color:#9896a0}.cl-app-top>b{display:flex;align-items:center;gap:3px;color:#fa6222;font-size:10px}.cl-app-top>b .ic{width:10px;height:10px;fill:#fa6222}.cl-app-quota{margin-left:auto;display:flex;align-items:center;gap:6px;font-size:6px}.cl-app-quota i{width:46px;height:3px;border-radius:3px;background:#e7e7ed}.cl-app-top>small{font-size:6px;border:1px solid #eeeeef;border-radius:4px;padding:3px}.cl-app-top>i{font-style:normal;background:#ff782b;color:#fff;border-radius:50%;display:grid;place-items:center;width:18px;height:18px}.cl-app-title{display:flex;align-items:center;gap:7px;margin:11px 0;font-size:10px;white-space:nowrap}.cl-app-title strong{overflow:hidden;text-overflow:ellipsis}.cl-app-title>.ic{width:12px;height:12px;border:1px solid #eeeeef;border-radius:4px}.cl-app-body{display:grid;grid-template-columns:59% 41%;gap:12px;padding-right:12px;align-items:start}.cl-source-play{position:relative;border:0;padding:0;background:#171719;border-radius:7px;overflow:hidden;aspect-ratio:1.33;width:100%;color:#fff!important}.cl-source-play video{width:100%;height:100%;object-fit:cover;object-position:46% center}.cl-player-bar{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:7px;padding:17px 9px 8px;background:linear-gradient(transparent,#000d);font-size:8px}.cl-player-bar .ic{width:10px;height:10px}.cl-player-bar i{height:2px;flex:1;background:#fff8}.cl-app-clips>b{font-size:11px;display:block;margin:1px 0 8px}.cl-clip-rows{display:flex;flex-direction:column;gap:8px}.cl-clip-row{display:flex;align-items:stretch;gap:7px;padding:6px;border:1px solid #eeedf2;border-radius:8px;text-align:left;background:#fff;min-width:0;width:100%;transition:background .2s,border-color .2s}.cl-clip-row:hover,.cl-clip-row.selected{background:#fff8f1;border-color:#ffd3b9}.cl-row-thumb{position:relative;display:block;width:39px;flex:none;border-radius:5px;overflow:hidden;align-self:stretch}.cl-row-thumb img{width:100%;height:100%;aspect-ratio:9/14}.cl-row-thumb small{position:absolute;bottom:3px;right:2px;padding:2px;background:#111c;border-radius:3px;color:#fff;font-size:6px}.cl-row-body{display:flex;flex-direction:column;gap:5px;min-width:0;flex:1}.cl-row-meta{display:flex;align-items:center;gap:4px;font-size:7px;white-space:nowrap}.cl-row-meta>b{display:grid;place-items:center;width:14px;height:14px;border-radius:50%;color:#ff6a20;background:#ffebdf;font-weight:500;flex:none}.cl-row-meta>i{font-style:normal;border:1px solid #ffd4b7;border-radius:4px;padding:2px 3px;color:#e75c19;background:#fff7ef;font-weight:600}.cl-row-meta time{font-size:6px;color:#92909c;padding:2px 3px;background:#f7f7fa;border-radius:4px;overflow:hidden}.cl-clip-row strong{font-size:9px;line-height:1.2;letter-spacing:0;font-weight:600}.cl-row-export{display:flex;align-items:center;gap:4px;color:#ca4b0c;background:#ffead8;border-radius:5px;padding:4px 5px;font-size:8px}.cl-row-export>.ic{width:9px;height:9px}.cl-row-export>span{margin-left:auto}.cl-row-export>span>.ic{width:9px;height:9px}
.cl-hero-phone{position:absolute;right:1%;top:78px;width:25.5%;transform:rotate(6deg);filter:drop-shadow(0 10px 13px #39241835);animation:cl-float 7s ease-in-out infinite}.cl-phone{aspect-ratio:9/17.8;border:5px solid #232323;border-radius:24px;box-shadow:inset 0 0 0 1px #888,0 0 0 2px #b6a693;overflow:hidden;position:relative;background:#151517;color:#fff}.cl-phone:before{content:"";position:absolute;z-index:4;top:4px;left:28%;right:28%;height:11px;background:#171717;border-radius:0 0 11px 11px}.cl-phone-video{width:100%;height:100%;object-fit:cover}.cl-phone-top{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;padding:21px 9px 7px;background:linear-gradient(#000a,transparent);font-size:8px}.cl-phone .cl-sample-caption{bottom:20%;font-size:26px;transform:rotate(-5deg);left:3%;right:3%}.cl-phone-bottom{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:5px;padding:16px 8px 11px;border:0;background:linear-gradient(transparent,#000c);color:#fff!important;width:100%;font-size:6px}.cl-phone-bottom>.ic{width:10px;height:10px}.cl-phone-bottom i{flex:1;height:2px;background:#fff8}.cl-social-rail{position:absolute;right:-2%;top:168px;display:flex;flex-direction:column;gap:10px;transform:rotate(6deg)}
.cl-platform{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:600;white-space:nowrap}.cl-platform i{display:grid;place-items:center;width:19px;height:19px;font-style:normal;color:#111}.cl-platform svg{width:100%;height:100%;display:block}.cl-platform.instagram i{border-radius:5px;color:#fff;background:linear-gradient(35deg,#ffd365,#fb3459,#ad20e3)}.cl-social-rail .cl-platform>span{display:none}.cl-social-rail .cl-platform>i{width:41px;height:41px;padding:5px;border-radius:10px;background:#fff;box-shadow:0 3px 8px #0002}.cl-social-rail .cl-platform.tiktok>i{color:#fff;background:#101113}.cl-social-rail .cl-platform.instagram>i{background:linear-gradient(35deg,#ffd365,#fb3459,#ad20e3);border:3px solid #fff;padding:2px}.cl-social-rail .cl-platform.linkedin>i{padding:0;background:#087bb5}.cl-compatible{position:absolute;bottom:25px;left:0;display:flex;align-items:center;gap:11px;width:72%}.cl-compatible>span:first-child{font-size:10px;color:#8a8590;margin-right:3px;white-space:nowrap}.cl-compatible .cl-platform>span{display:none}.cl-compatible .cl-platform.youtube>span,.cl-compatible .cl-platform.shorts>span{display:inline;font-size:9px}.cl-example-note{position:absolute;bottom:5px;left:0;color:#aaa0a0;font-size:8px}
.cl-section{padding:44px 0}.cl-section-title{text-align:center;margin-bottom:30px}.cl-section-title h2{margin:11px auto 8px;max-width:1100px}.cl-section-title p{font-size:15px}.cl-steps,.cl-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:27px}.cl-step-heading{display:flex;gap:13px;align-items:flex-start;min-height:105px;padding:0 4px}.cl-step-heading>b{width:36px;height:36px;display:grid;place-items:center;flex:none;color:#fff;background:linear-gradient(125deg,#ff8b38,#ff520e);border-radius:50%;font-size:20px;box-shadow:0 2px 5px #f80a}.cl-step-heading h3{font-size:15px;margin:7px 0 10px}.cl-step-heading p{font-size:12px;line-height:1.4}.cl-mini-card{display:block;border:1px solid #ececf0;border-radius:14px;background:#fff;padding:14px;height:252px;box-shadow:0 8px 25px #51433804}.cl-upload-demo>div{height:175px;border:1.5px dashed #ff7a3b;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;text-align:center;background:linear-gradient(#fff,#fffcf9)}.cl-upload-demo>div>.ic{width:34px;height:34px;stroke-width:1.3}.cl-upload-demo strong{font-size:12px;font-weight:500}.cl-upload-demo small{font-size:10px;color:#7e7b89;line-height:1.4}.cl-upload-demo>span{display:flex;align-items:center;gap:7px;border:1px solid #eeeef3;padding:6px;margin-top:12px;border-radius:5px}.cl-upload-demo>span>small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px}.cl-upload-demo>span>.ic,.cl-upload-demo .cl-platform>span{display:none}.cl-upload-demo:hover{border-color:#ffa270}.cl-clip-rows.mini{gap:7px}.cl-clip-rows.mini .cl-clip-row{padding:6px;border-color:transparent}.cl-clip-rows.mini .cl-clip-row.selected{border-color:#ffe0ce}.cl-clip-rows.mini .cl-row-thumb{width:62px}.cl-clip-rows.mini .cl-row-thumb img{aspect-ratio:1.65;object-position:center 30%}.cl-clip-rows.mini .cl-row-thumb small,.cl-clip-rows.mini .cl-row-export{display:none}.cl-clip-rows.mini .cl-row-meta{font-size:8px}.cl-clip-rows.mini .cl-row-meta time{font-size:7px}.cl-clip-rows.mini .cl-clip-row strong{font-size:10px;font-weight:500}.cl-step-clips>small{display:block;text-align:center;font-size:8px;color:#96929c;margin-top:12px}.cl-demo-tabs{display:flex;border:1px solid #f0eef2;border-radius:6px;padding:2px;gap:2px;background:#fafafb;margin-bottom:5px}.cl-demo-tabs button{flex:1;background:transparent;border:0;font-size:9px;padding:5px 2px;border-radius:4px}.cl-demo-tabs button.on{color:#dc4f0f;background:#fff1e7}.cl-framing-screen{position:relative;overflow:hidden;border-radius:7px;height:164px;background:#171719;margin:auto;transition:width .25s;width:100%}.cl-framing-screen>img{width:100%;height:100%;object-position:center 30%}.cl-framing-screen.wide{height:125px;margin-top:20px}.cl-framing-screen.square{width:164px}.cl-framing-screen.fourfive{width:134px}.cl-frame-extra,.cl-frame-third{display:none!important}.cl-framing-screen.split>img{height:50%}.cl-framing-screen.split .cl-frame-extra{display:block!important}.cl-framing-screen.trio>img{height:33.333%}.cl-framing-screen.trio .cl-frame-extra,.cl-framing-screen.trio .cl-frame-third{display:block!important}
.cl-sample-caption{position:absolute;bottom:9%;left:4%;right:4%;font-family:Bangers,Impact,sans-serif;font-size:25px;line-height:1.12;text-align:center;color:#fff;filter:drop-shadow(0 1px 1px #000);text-shadow:1px 1px #000,-1px -1px #000,-1px 1px #000,1px -1px #000}.cl-sample-caption mark{display:block;color:var(--caption-color,#ffed00);background:none}.cl-sample-caption span{display:block}
.cl-export-demo>strong{display:block;font-size:11px;color:#27965b;margin:0 0 9px}.cl-export-demo>strong>.ic{display:none}.cl-export-demo>div{display:grid;grid-template-columns:45% 55%;gap:9px;padding-right:9px;height:198px}.cl-export-demo>div>img{height:100%;width:100%;border-radius:7px}.cl-export-demo>div>div{display:flex;flex-direction:column;justify-content:space-between;gap:4px}.cl-export-demo>div>div>span{border:1px solid #eaeaf0;border-radius:5px;display:flex;align-items:center;gap:7px;padding:6px;font-size:8px;font-weight:500}.cl-export-demo>div>div>.cl-platform i,.cl-export-demo>div>div>.ic{width:14px;height:14px}.cl-export-demo .ic{width:13px;height:13px}
.cl-features{padding-top:56px;padding-bottom:44px}.cl-features:after{position:absolute;content:"";z-index:-1;inset:15px -5% -15px;background:linear-gradient(155deg,#fff6ec,transparent 22%,transparent 82%,#fff2e6);border-radius:50% 55% 30% 40% / 8% 7% 6% 8%;pointer-events:none}.cl-feature-grid{gap:17px}.cl-feature{display:flex;flex-direction:column;gap:14px;padding:19px 19px 16px;border:1px solid #eeedf1;border-radius:16px;background:#fff;box-shadow:0 10px 25px #4a322005;min-width:0}.cl-feature-heading{display:flex;align-items:flex-start;gap:12px;min-height:42px}.cl-feature-heading>span{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;flex:none;background:linear-gradient(130deg,#ff8f40,#ff530c);color:#fff;box-shadow:0 3px 9px #ff6b2225,inset 0 0 0 1px #fff4}.cl-feature-heading h3{font-size:15px;margin-top:3px;letter-spacing:-.02em}.cl-feature-heading .ic{width:22px;height:22px}.cl-feature>p{font-size:12px;line-height:1.4;min-height:67px}.cl-feature .cl-clip-rows{margin-top:auto}.cl-feature .cl-clip-rows.mini .cl-row-thumb{width:66px}.cl-feature .cl-clip-rows.mini .cl-row-meta time{display:none}.cl-feature .cl-clip-rows.mini .cl-clip-row{padding:3px;gap:8px}.cl-feature .cl-clip-rows.mini .cl-row-thumb img{aspect-ratio:1.75}.cl-feature .cl-row-body{gap:3px}.cl-reframe-demo{display:flex;align-items:center;gap:7px;margin-top:auto;min-height:165px}.cl-reframe-demo>img:first-child{width:49%;aspect-ratio:1.5;border-radius:7px}.cl-reframe-demo>img:last-child{width:37%;aspect-ratio:9/15;border-radius:8px}.cl-reframe-demo>.ic{width:20px;color:var(--cl-orange)}
.cl-caption-demo{background:#1e1f1e;border:1px solid #222;border-radius:10px;padding:8px;overflow:hidden;position:relative;margin-top:auto}.cl-caption-label{display:flex;gap:4px;align-items:center;font-size:8px;color:#fff}.cl-caption-label>.ic{width:11px;height:11px}.cl-caption-picks{display:flex;gap:5px;margin:7px 0}.cl-caption-picks button{min-width:0;flex:1;background:#373a36;border:1px solid #7a7c75;color:#eee;border-radius:5px;padding:5px 0;font-family:Bangers,sans-serif;font-size:20px;line-height:1}.cl-caption-picks button:nth-child(3){text-shadow:1px 1px #000,-1px -1px #000;color:#ffe000}.cl-caption-picks button:nth-child(4){color:#ffff47;text-shadow:0 0 5px #ffe100}.cl-caption-picks button:nth-child(5){color:#61f0df}.cl-caption-picks button.on{border-color:#efd725;color:#efdc27;background:#4b4427}.cl-caption-colors{display:flex;gap:6px;margin-bottom:6px}.cl-caption-colors button{width:15px;height:15px;border:1px solid #fff;border-radius:50%;padding:0}.cl-caption-screen{height:113px;position:relative;border-radius:6px;overflow:hidden}.cl-caption-screen img{width:100%;height:100%;object-position:center 28%}.cl-caption-screen .cl-sample-caption{font-size:23px;bottom:10%}.cl-caption-screen.boxed .cl-sample-caption{font:800 13px Inter,sans-serif;background:#fff;padding:5px;filter:none;text-shadow:none;color:#111;border-radius:3px}.cl-caption-screen.boxed mark{color:#d3510f}.cl-caption-screen.outlined .cl-sample-caption{font-family:Inter,sans-serif;font-size:17px;font-weight:900;text-shadow:2px 2px #000,-2px -2px #000,-2px 2px #000,2px -2px #000}.cl-caption-screen.glow .cl-sample-caption{text-shadow:0 0 8px var(--caption-color)}.cl-caption-screen.minimal .cl-sample-caption{font:600 15px Inter,sans-serif}
.cl-edit-strip{height:100px;border-radius:9px;background:#111;position:relative;overflow:hidden;margin-top:auto}.cl-strip-frames{display:flex;height:100%;width:100%}.cl-strip-frames img{height:100%;min-width:0;width:16.666%;object-fit:cover;object-position:50% center;filter:brightness(.8)}.cl-edit-strip:after{content:"";position:absolute;inset:10px 0;border-top:2px dashed #fff8;border-bottom:2px dashed #fff8;pointer-events:none}.cl-edit-strip>span{position:absolute;left:40%;top:28%;width:45px;height:45px;background:#ff681b;color:#fff;border-radius:9px;display:grid;place-items:center;z-index:2;box-shadow:0 4px 10px #0004}.cl-edit-strip>span:after{content:"";position:absolute;left:50%;top:-50px;height:200px;width:1px;background:#ff7926;z-index:-1}.cl-edit-strip>span .ic{width:28px;height:28px}.cl-feature>.cl-btn{min-height:42px;font-size:12px;padding:0 8px;align-self:center;width:90%;margin-bottom:10px}
.cl-editor-section{display:grid;grid-template-columns:34% minmax(0,66%);gap:24px;align-items:center;padding-top:28px;padding-bottom:26px;padding-right:24px}.cl-editor-copy .cl-eyebrow{font-size:9px}.clip-landing .cl-editor-copy h2{font-size:34px;line-height:1.04;margin:17px 0 18px;letter-spacing:-.045em}.cl-editor-copy>p{font-size:12px;line-height:1.45;max-width:370px}.cl-editor-copy ul{list-style:none;padding:0;margin:20px 0;display:flex;flex-direction:column;gap:11px}.cl-editor-copy li{display:flex;gap:10px;font-size:11px;color:#737381;align-items:center}.cl-editor-copy li>.ic{width:18px;height:18px;background:#ff6b1b;color:#fff;border-radius:50%;padding:3px}.cl-editor-copy .cl-actions{gap:16px}.cl-editor-copy .cl-btn{font-size:12px;padding:0 15px}.cl-demo-link{display:flex;align-items:center;gap:7px;background:none;border:0;font-size:11px;font-weight:600;padding:5px 0}.cl-demo-link>.ic{width:17px;height:17px;border:1px solid #111;border-radius:50%;padding:2px}
.cl-audiences{padding:26px 0 24px}.cl-audiences:before{background:radial-gradient(ellipse 100% 60% at 100% 100%,#fff1e2a0,transparent 60%)}.cl-audiences .cl-section-title{margin-bottom:20px}.clip-landing .cl-audiences h2{font-size:29px}.cl-audience-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.cl-audience{min-width:0;display:block;padding:9px 10px 15px;border:1px solid #e9e9ee;border-radius:15px;background:white;box-shadow:0 7px 15px #45372607;transition:transform .2s,box-shadow .2s}.cl-audience:hover{transform:translateY(-4px);box-shadow:0 10px 20px #65432a12}.cl-audience>div{position:relative;height:105px;margin:-2px -2px 20px}.cl-persona-photo{display:block;width:100%;height:100%;border-radius:11px;background-image:url('/assets/media/clipper-reference/creator-personas.webp');background-size:500% auto;background-position:calc(var(--person)*25%) 35%;background-repeat:no-repeat}.cl-audience>div>span:not(.cl-persona-photo){position:absolute;left:7px;bottom:-12px;width:35px;height:35px;border-radius:10px;background:#fff;color:#ff6319;display:grid;place-items:center;box-shadow:0 3px 8px #38271909}.cl-audience>div>span>.ic{width:22px;height:22px}.clip-landing .cl-audience h3{font-size:13px;letter-spacing:-.025em;margin:0 5px 5px}.clip-landing .cl-audience p{font-size:11px;line-height:1.3;margin:0 5px}
.cl-pricing{padding-top:10px;padding-bottom:20px}.cl-pricing>.cl-section-title{margin-bottom:4px}.cp-heading{text-align:center;margin-bottom:20px}.clip-landing .cp-heading h2{font-size:25px}.cp-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.cp-plan,.cp-included{background:#fff;border:1px solid #e9e9ee;border-radius:14px;position:relative;padding:18px 21px 13px;display:flex;flex-direction:column;box-shadow:0 6px 20px #54382005;min-width:0}.cp-plan.cp-featured{border:2px solid #ff6819;padding:17px 20px 12px;box-shadow:0 6px 22px #ff782515}.cp-badge{position:absolute;top:-11px;right:20px;background:linear-gradient(110deg,#ff9639,#ff5c12);color:#fff;border-radius:6px;padding:5px 12px;font-size:10px;white-space:nowrap}.clip-landing .cp-plan h3{font-size:17px;letter-spacing:-.03em}.cp-price{display:flex;align-items:baseline;gap:5px;margin-top:3px}.cp-price strong{font-family:"DM Sans",sans-serif;letter-spacing:-.06em;font-size:33px;line-height:1}.cp-currency{font-size:23px}.cp-period{font-size:10px;color:#85818f}.clip-landing .cp-plan-description{font-size:11px;line-height:1.25;margin:7px 0 13px}.cp-features{list-style:none;padding:0;margin:0 0 18px;display:flex;flex-direction:column;gap:7px}.cp-features li{display:flex;gap:7px;font-size:10px;color:#77727f;line-height:1.3}.cp-features li>.ic{width:13px;height:13px;color:#28af65}.cp-cta{margin-top:auto;min-height:33px;width:100%;border:1px solid #e5e4ec;border-radius:7px;background:#fff;font-size:11px;font-weight:600;padding:7px;color:#15151d}.cp-cta:hover{border-color:#ff8e53;background:#fff9f5}.cp-cta-primary{background:linear-gradient(120deg,#ff7d28,#ff570c);color:#fff!important;border-color:#ff803b;box-shadow:0 4px 8px #ff6a181a}.cp-cta:disabled{opacity:.6;cursor:default}.clip-landing .cp-included h3{font-size:13px;letter-spacing:-.02em;margin:0 0 15px}.cp-included .cp-features{gap:9px;margin-bottom:13px}.clip-landing .cp-no-card{font-size:10px;line-height:1.3;color:#8b8491;display:flex;gap:7px}.cp-no-card>.ic{width:13px;height:13px;color:#28af65;flex:none}.cp-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:10px 4px 0;color:#96909b;font-size:9px}.cp-footer small{font-size:9px}.cp-full-pricing{display:inline-flex;align-items:center;gap:4px;font-size:10px;color:#76707e}.cp-full-pricing>.ic{width:12px;height:12px}.cp-state{border:1px solid #e9e9ed;border-radius:12px;padding:25px;text-align:center;min-height:180px}.cp-state p{margin:25px 0 15px}
.cl-final{position:relative;isolation:isolate;overflow:hidden;border-radius:20px;background:linear-gradient(112deg,#ffb76d,#ff7424 28%,#ff6417 80%,#ffb179);display:flex;align-items:center;gap:23px;padding:18px 37px}.cl-final:before,.cl-final:after{content:"";position:absolute;inset:-100% -7%;border:28px solid #ffffff18;transform:rotate(-18deg);border-radius:50%;pointer-events:none;z-index:-1}.cl-final:after{inset:-70% 45% -70% -40%;border-width:20px;transform:rotate(35deg)}.cl-final .cl-avatars>span{width:42px;height:42px;margin-left:-10px}.clip-landing .cl-final p{color:#fff;font-size:12px;line-height:1.2;margin-bottom:3px}.clip-landing .cl-final h2{font-size:23px;color:#fff;letter-spacing:-.035em}.cl-final>div:last-child{margin-left:auto;flex:none;text-align:center}.clip-landing .cl-final .cl-btn{background:white;color:#29232b;border-color:#fff;min-height:36px;border-radius:11px;font-size:12px;box-shadow:0 3px 10px #903a1320;padding:0 26px}.cl-final small{color:#fff;font-size:9px;display:block;margin-top:5px}.cl-help{margin-top:8px!important;color:#8b8390;font-size:10px}.cl-help>summary{display:flex;justify-content:center;align-items:center;gap:5px;list-style:none;padding:5px}.cl-help>summary>.ic{width:10px;height:10px}.cl-help[open]{padding:12px 0}.cl-faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:10px}.clip-landing .cl-faq-grid .landing-faq{margin:0;border:1px solid #eeedf1;border-radius:10px;padding:0 15px;background:#fff}.clip-landing .cl-faq-grid .landing-faq summary{font-size:13px;padding:15px 25px 15px 0}.clip-landing .cl-faq-grid .landing-faq p{font-size:12px;padding-bottom:15px}
.cl-footer{display:flex;align-items:center;gap:20px;padding:15px 0 28px;flex-wrap:wrap}.cl-footer .cl-logo{font-size:20px}.cl-footer .cl-logo>svg{width:20px;height:25px}.clip-landing .cl-footer>p{font-size:9px;max-width:245px}.cl-footer nav{margin-left:auto;display:flex;gap:15px;font-size:9px;color:#7b7583;flex-wrap:wrap;max-width:410px}.cl-footer-platforms{display:flex;align-items:center;gap:9px}.cl-footer-platforms .cl-platform>span{display:none}.cl-footer-platforms .cl-platform i{width:16px;height:16px}.cl-footer>.lang{font-size:9px}.cl-footer .cl-platform.instagram i{background:none;color:#16161a}
.cl-demo-dialog{border:1px solid #e6e4e9;border-radius:17px;padding:0;max-width:900px;width:calc(100% - 32px);max-height:90dvh;box-shadow:0 25px 100px #0004;background:white;color:var(--cl-ink)}.cl-demo-dialog::backdrop{background:#16121bcc;backdrop-filter:blur(5px)}.cl-demo-dialog>div{display:flex;align-items:center;justify-content:space-between;padding:12px 20px}.clip-landing .cl-demo-dialog h2{font-size:18px}.cl-demo-dialog button{width:38px;height:38px;background:#f6f5f8;border-radius:50%;border:1px solid #ecebf0;display:grid;place-items:center}.cl-demo-dialog video{width:100%;max-height:75dvh;aspect-ratio:16/9;background:#141414}
@keyframes cl-float{0%,100%{transform:translateY(0) rotate(6deg)}50%{transform:translateY(-5px) rotate(5deg)}}
@media(min-width:1500px){.cl-hero{padding-top:48px}.cl-hero-art{height:490px}.cl-hero-copy{padding-right:20px}.cl-compatible{bottom:32px}.cl-example-note{bottom:12px}}
@media(max-width:1170px){.cl-nav-inner{gap:20px}.cl-nav-links{gap:15px}.cl-nav-actions .cl-btn{font-size:9px}.clip-landing .cl-hero h1{font-size:49px}.cl-hero-copy>p{font-size:13px}.cl-hero-copy .cl-btn{padding:0 12px;font-size:11px}.cl-hero-art{height:425px}.cl-app-window{padding:10px;right:15%;top:70px}.cl-app-body{gap:8px;padding-right:8px}.cl-app-title{font-size:8px}.cl-row-thumb{width:31px}.cl-row-meta{font-size:6px;gap:3px}.cl-row-meta time{display:none}.cl-row-body{gap:4px}.cl-clip-row strong{font-size:8px}.cl-row-export{font-size:7px}.cl-phone .cl-sample-caption{font-size:22px}.cl-notes{font-size:17px;gap:10px}.cl-social-rail .cl-platform>i{width:34px;height:34px}.cl-compatible{bottom:30px;gap:8px}.cl-example-note{bottom:13px}.cl-steps{gap:18px}.cl-mini-card{padding:11px;height:230px}.cl-upload-demo>div{height:159px}.cl-export-demo>div{height:180px}.cl-framing-screen{height:150px}.cl-clip-rows.mini .cl-row-thumb{width:48px}.cl-clip-rows.mini .cl-clip-row strong{font-size:9px}.cl-step-heading{min-height:110px;padding:0;gap:10px}.cl-step-heading h3{font-size:14px}.cl-step-heading>b{width:32px;height:32px;font-size:18px}.cl-step-heading p{font-size:11px}.cl-feature{padding:16px 13px;gap:11px}.cl-feature-heading{gap:8px}.cl-feature-heading>span{width:32px;height:32px;border-radius:8px}.cl-feature-heading h3{font-size:13px}.cl-feature-heading .ic{width:19px;height:19px}.cl-feature>p{font-size:11px;min-height:64px}.cl-feature .cl-clip-rows.mini .cl-row-thumb{width:51px}.cl-caption-picks button{font-size:17px}.cl-reframe-demo{min-height:161px}.cl-editor-section{grid-template-columns:33% minmax(0,67%);gap:16px;padding-right:16px}.clip-landing .cl-editor-copy h2{font-size:29px}.cl-editor-copy>p{font-size:11px}.cl-editor-copy li{font-size:10px}.cl-editor-copy .cl-actions{gap:10px}.cl-editor-copy .cl-btn{font-size:10px;padding:0 11px}.cl-demo-link{font-size:10px}.cl-audience-grid{gap:12px}.cl-audience>div{height:95px}.cp-grid{gap:16px}.cp-plan,.cp-included{padding:17px 16px 12px}.cp-plan.cp-featured{padding:16px 15px 11px}.cp-badge{font-size:8px;right:12px}.cl-final{padding:18px 24px;gap:16px}.cl-final .cl-avatars>span{width:34px;height:34px}.clip-landing .cl-final h2{font-size:20px}.clip-landing .cl-final p{font-size:11px}.cl-footer{gap:17px}.cl-footer>p{display:none}}
@media(max-width:960px){.clip-landing .cl-container{width:calc(100% - 44px)}.cl-nav-inner{gap:17px}.cl-nav-links{gap:12px;font-size:10px}.cl-nav-actions .cl-signin{display:none}.cl-hero-grid{grid-template-columns:40% 60%}.clip-landing .cl-hero h1{font-size:41px}.cl-hero-copy .cl-eyebrow{font-size:8px;letter-spacing:0;padding:5px 9px}.cl-hero-copy>p{font-size:12px}.cl-hero-copy .cl-btn{font-size:10px;padding:0 10px;min-height:39px}.cl-hero-copy .cl-actions{gap:8px}.cl-hero-copy .cl-btn .ic{width:12px;height:12px}.cl-proof{gap:9px}.cl-avatars>span{width:28px;height:28px}.cl-proof strong{font-size:9px}.cl-proof small{font-size:8px}.cl-hero-art{height:365px}.cl-app-window{top:67px;padding:8px;right:14%}.cl-notes{font-size:15px}.cl-notes span:first-child{padding-left:6px}.cl-notes span:nth-child(2){padding-left:16px}.cl-notes svg{width:30px;height:30px}.cl-app-top{gap:5px}.cl-app-quota{font-size:5px;gap:4px}.cl-app-quota i{width:25px}.cl-app-title{font-size:7px;margin:8px 0}.cl-app-clips>b{font-size:8px;margin-bottom:6px}.cl-app-body{gap:7px;padding-right:7px}.cl-clip-row{padding:4px;gap:4px;border-radius:6px}.cl-row-thumb{width:26px}.cl-clip-rows{gap:5px}.cl-clip-row strong{font-size:7px}.cl-row-meta{font-size:6px}.cl-row-meta>b{width:11px;height:11px}.cl-row-export{font-size:6px;padding:3px}.cl-row-export>.ic,.cl-row-export>span>.ic{width:7px;height:7px}.cl-phone{border-width:4px;border-radius:19px}.cl-phone .cl-sample-caption{font-size:19px}.cl-phone-top{font-size:6px;padding:18px 6px 6px}.cl-phone:before{height:8px}.cl-phone-bottom{font-size:5px;padding:13px 6px 9px}.cl-phone-bottom>.ic{width:8px;height:8px}.cl-social-rail{top:148px;gap:8px}.cl-social-rail .cl-platform>i{width:29px;height:29px;border-radius:8px;padding:4px}.cl-compatible{bottom:22px;gap:8px}.cl-compatible>span:first-child{font-size:8px}.cl-compatible .cl-platform i{width:16px;height:16px}.cl-compatible .cl-platform.youtube>span,.cl-compatible .cl-platform.shorts>span{font-size:7px}.cl-example-note{bottom:4px;font-size:7px}.cl-section{padding:35px 0}.clip-landing h2{font-size:30px}.cl-step-heading{gap:8px;min-height:110px}.cl-step-heading h3{font-size:12px}.cl-step-heading p{font-size:10px}.cl-step-heading>b{width:28px;height:28px;font-size:16px}.cl-steps{gap:14px}.cl-mini-card{padding:9px;height:205px}.cl-upload-demo>div{height:136px}.cl-upload-demo strong{font-size:10px}.cl-upload-demo small{font-size:8px}.cl-clip-rows.mini .cl-row-thumb{width:36px}.cl-clip-rows.mini .cl-row-meta{font-size:7px}.cl-clip-rows.mini .cl-clip-row strong{font-size:8px}.cl-step-clips>small{font-size:7px}.cl-demo-tabs button{font-size:7px}.cl-framing-screen{height:137px}.cl-sample-caption{font-size:21px}.cl-export-demo>strong{font-size:9px}.cl-export-demo>div{height:158px;gap:5px;padding-right:5px}.cl-export-demo>div>div>span{font-size:6px;padding:5px 3px;gap:4px}.cl-export-demo>div>div>.cl-platform i{width:11px;height:11px}.cl-feature-grid{gap:13px}.cl-feature{padding:12px 10px}.cl-feature-heading h3{font-size:12px}.cl-feature-heading{gap:7px;min-height:45px}.cl-feature-heading>span{width:28px;height:28px;border-radius:7px}.cl-feature>p{font-size:10px;min-height:67px}.cl-feature .cl-clip-rows.mini .cl-row-thumb{width:38px}.cl-feature .cl-reframe-demo{min-height:135px;gap:4px}.cl-caption-demo{padding:5px;border-radius:7px}.cl-caption-picks{gap:3px;margin:5px 0}.cl-caption-picks button{font-size:15px}.cl-caption-colors{gap:5px}.cl-caption-colors button{width:11px;height:11px}.cl-caption-screen{height:85px}.cl-caption-screen .cl-sample-caption{font-size:18px}.cl-edit-strip{height:90px}.cl-feature>.cl-btn{font-size:9px;padding:0 5px;min-height:32px;margin-bottom:3px;width:100%}.cl-edit-strip>span{width:36px;height:36px}.cl-editor-copy .cl-eyebrow{font-size:7px;padding:5px 9px}.clip-landing .cl-editor-copy h2{font-size:26px}.cl-editor-copy ul{gap:9px;margin:16px 0}.cl-editor-copy .cl-actions{gap:9px;flex-wrap:wrap}.cl-audience-grid{gap:10px}.cl-audience{padding:7px 7px 12px}.cl-audience>div{height:86px}.clip-landing .cl-audience h3{font-size:11px}.clip-landing .cl-audience p{font-size:10px}.cp-plan,.cp-included{padding:17px 12px 12px}.cp-plan.cp-featured{padding:16px 11px 11px}.cp-grid{gap:12px}.cp-price strong{font-size:29px}.cp-price{gap:3px}.cp-period{font-size:8px}.cp-features li{font-size:9px}.cp-cta{font-size:9px}.cl-final .cl-avatars{display:none}.clip-landing .cl-final h2{font-size:21px}.cl-footer nav{max-width:none;margin:0;gap:12px}.cl-footer .cl-logo{font-size:18px}.cl-footer{gap:14px}.cl-footer-platforms{margin-left:auto}}
@media(max-width:760px){.clip-landing .cl-container{width:calc(100% - 36px)}.cl-nav{height:62px}.cl-nav-inner{gap:10px}.cl-nav-links{display:none}.cl-nav-actions{margin-left:auto}.cl-nav-actions>.lang{display:flex}.cl-nav-actions>.cl-btn{display:none}.cl-mobile-nav{display:block}.cl-mobile-nav>summary{list-style:none;display:grid;place-items:center;width:36px;height:36px;border:1px solid #eaeaf0;border-radius:7px}.cl-mobile-nav nav{position:absolute;top:58px;left:18px;right:18px;background:white;border:1px solid #e9e9f0;border-radius:12px;box-shadow:0 15px 30px #37231318;padding:9px;display:flex;flex-direction:column;font-size:14px;z-index:10}.cl-mobile-nav nav a{padding:12px;border-radius:6px}.cl-mobile-nav nav a:hover{background:#fff3eb}.cl-hero{padding-top:31px;padding-bottom:15px}.cl-hero-grid{display:flex;flex-direction:column;align-items:stretch}.cl-hero-copy{max-width:500px;margin:auto;padding:0;text-align:center}.clip-landing .cl-hero h1{font-size:clamp(43px,7vw,59px);margin:20px 0 17px}.cl-hero-copy .cl-eyebrow{font-size:10px;padding:6px 12px}.cl-hero-copy>p{font-size:14px;max-width:450px;margin:0 auto 20px}.cl-hero-copy .cl-actions{justify-content:center;gap:10px}.cl-hero-copy .cl-btn{font-size:12px;padding:0 15px;min-height:44px}.cl-proof{justify-content:center;text-align:left;gap:12px}.cl-proof strong{font-size:10px}.cl-proof small{font-size:9px}.cl-avatars>span{width:31px;height:31px}.cl-hero-art{max-width:600px;width:100%;height:370px;margin:30px auto 0}.cl-app-window{top:62px;right:16%}.cl-notes{font-size:17px}.cl-app-title{font-size:9px}.cl-row-thumb{width:31px}.cl-clip-row strong{font-size:8px}.cl-row-meta{font-size:7px}.cl-row-export{font-size:7px}.cl-hero-phone{top:74px}.cl-phone .cl-sample-caption{font-size:22px}.cl-social-rail{top:155px}.cl-compatible{bottom:16px}.cl-example-note{bottom:0}.cl-steps,.cl-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}.cl-step-heading{min-height:112px;gap:9px}.cl-step-heading h3{font-size:14px;margin:5px 0 8px}.cl-step-heading p{font-size:11px}.cl-step-heading>b{width:30px;height:30px;font-size:17px}.cl-mini-card{height:228px;padding:11px}.cl-upload-demo>div{height:156px}.cl-upload-demo strong{font-size:11px}.cl-upload-demo small{font-size:9px}.cl-clip-rows.mini .cl-row-thumb{width:49px}.cl-clip-rows.mini .cl-clip-row strong{font-size:9px}.cl-demo-tabs button{font-size:8px}.cl-framing-screen{height:155px}.cl-export-demo>div{height:177px}.cl-export-demo>strong{font-size:10px}.cl-export-demo>div>div>span{font-size:8px}.cl-feature{padding:17px 13px;gap:12px}.cl-feature-heading{min-height:48px;gap:9px}.cl-feature-heading h3{font-size:14px}.cl-feature-heading>span{width:33px;height:33px}.cl-feature>p{font-size:12px;min-height:70px}.cl-feature .cl-clip-rows.mini .cl-row-thumb{width:53px}.cl-feature .cl-reframe-demo{min-height:162px}.cl-caption-screen{height:112px}.cl-caption-picks button{font-size:21px}.cl-caption-colors button{width:14px;height:14px}.cl-caption-screen .cl-sample-caption{font-size:23px}.cl-edit-strip{height:108px}.cl-feature>.cl-btn{font-size:11px;min-height:39px}.cl-editor-section{display:flex;flex-direction:column;align-items:stretch;padding-right:0;gap:23px;padding-top:18px}.cl-editor-copy{max-width:520px}.cl-editor-copy .cl-eyebrow{font-size:9px;padding:5px 13px}.clip-landing .cl-editor-copy h2{font-size:34px;margin:15px 0;max-width:440px}.cl-editor-copy>p{font-size:13px;max-width:470px}.cl-editor-copy li{font-size:12px}.cl-editor-copy .cl-actions{gap:20px}.cl-editor-copy .cl-btn{font-size:12px;padding:0 16px}.cl-demo-link{font-size:12px}.cl-audiences{padding-top:30px;padding-bottom:20px}.cl-audience-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.cl-audience{padding:9px 10px 15px}.cl-audience>div{height:110px}.clip-landing .cl-audience h3{font-size:14px}.clip-landing .cl-audience p{font-size:12px}.cl-audience:last-child{grid-column:1 / -1;display:grid;grid-template-columns:42% 1fr;grid-template-rows:auto 1fr;gap:6px 14px;padding:9px}.cl-audience:last-child>div{grid-row:1 / 3;margin:0;height:100px}.cl-audience:last-child>div>span:not(.cl-persona-photo){bottom:4px}.cl-audience:last-child h3{align-self:end;margin-top:10px}.cp-grid{grid-template-columns:1fr 1fr;gap:20px 15px}.cp-plan,.cp-included{padding:20px 15px 14px}.cp-plan.cp-featured{padding:19px 14px 13px}.cp-badge{font-size:8px;right:10px;padding:5px 8px}.cp-features li{font-size:11px;gap:6px}.cp-cta{font-size:10px;min-height:38px}.cp-price strong{font-size:33px}.cp-period{font-size:9px}.cp-footer{flex-direction:column;text-align:center;gap:7px;font-size:9px}.clip-landing .cp-included h3{font-size:13px}.cp-included .cp-features{gap:11px}.clip-landing .cp-no-card{font-size:11px}.cl-final{flex-direction:column;align-items:flex-start;gap:16px;padding:24px}.clip-landing .cl-final h2{font-size:28px}.clip-landing .cl-final p{font-size:12px;line-height:1.4}.cl-final>div:last-child{margin:0}.clip-landing .cl-final .cl-btn{min-height:44px}.cl-help{margin-top:15px!important}.cl-faq-grid{grid-template-columns:1fr}.cl-footer{padding-top:20px;gap:18px;justify-content:space-between}.cl-footer nav{order:3;width:100%;gap:12px 16px}.cl-footer-platforms{margin-left:0}.cl-footer>.lang{margin-left:0}}
@media(max-width:440px){.clip-landing .cl-container{width:calc(100% - 32px)}.clip-landing .cl-hero h1{font-size:44px}.cl-hero-copy>p{font-size:13px}.cl-hero-copy .cl-btn{font-size:11px;padding:0 13px}.cl-hero-art{height:292px;margin-top:27px}.cl-notes{font-size:13px;gap:10px;left:0;right:0}.cl-notes span{min-height:45px}.cl-notes span:first-child{padding-left:8px}.cl-notes span:nth-child(2){padding-left:9px}.cl-notes span:nth-child(3){padding-right:5px}.cl-notes svg{height:27px;width:27px;bottom:-1px}.cl-notes span:nth-child(2) svg{left:-10px}.cl-notes span:nth-child(3) svg{right:0;bottom:-19px}.cl-app-window{top:56px;right:16%;padding:7px;border-radius:11px;box-shadow:0 8px 22px #5a38241a,0 0 0 4px #faf9f980}.cl-app-top{font-size:5px;padding-bottom:5px;gap:4px}.cl-app-top>b{font-size:7px;gap:2px}.cl-app-top>b>.ic{width:8px;height:8px}.cl-app-quota{font-size:4px}.cl-app-quota i{width:20px;height:2px}.cl-app-top>small{font-size:5px;padding:2px}.cl-app-top>i{width:12px;height:12px;font-size:6px}.cl-app-title{font-size:6px;margin:7px 0;gap:4px}.cl-app-title>.ic{width:9px;height:9px}.cl-app-body{gap:5px;padding-right:5px}.cl-app-clips>b{font-size:6px;margin-bottom:4px}.cl-app-clips .cl-clip-rows{gap:4px}.cl-app-clips .cl-clip-row{padding:3px;gap:3px;border-radius:4px}.cl-app-clips .cl-row-thumb{width:22px;border-radius:3px}.cl-app-clips .cl-row-body{gap:3px}.cl-app-clips .cl-row-meta{font-size:5px;gap:2px}.cl-app-clips .cl-row-meta>b{width:9px;height:9px}.cl-app-clips .cl-row-meta>i{padding:1px 2px}.cl-app-clips .cl-clip-row strong{font-size:6px}.cl-app-clips .cl-row-export{font-size:5px;padding:2px 3px;gap:2px}.cl-app-clips .cl-row-export .ic{width:6px;height:6px}.cl-row-thumb small{font-size:5px}.cl-player-bar{padding:12px 5px 5px;font-size:5px;gap:4px}.cl-player-bar .ic{width:7px;height:7px}.cl-hero-phone{top:65px;right:1%;width:26%}.cl-phone{border-width:3px;border-radius:16px;box-shadow:0 0 0 1.5px #b6a693}.cl-phone:before{height:6px;top:3px}.cl-phone-top{font-size:5px;padding:14px 5px 5px}.cl-phone .cl-sample-caption{font-size:17px;bottom:21%}.cl-phone-bottom{font-size:4px;padding:10px 5px 8px;gap:3px}.cl-phone-bottom>.ic{width:6px;height:6px}.cl-social-rail{top:110px;right:-1%;gap:7px}.cl-social-rail .cl-platform>i{width:24px;height:24px;border-radius:6px;padding:3px}.cl-social-rail .cl-platform.instagram>i{border-width:2px;padding:1px}.cl-compatible{bottom:21px;gap:6px;width:90%}.cl-compatible>span:first-child{font-size:7px}.cl-compatible .cl-platform i{width:14px;height:14px}.cl-compatible .cl-platform.youtube>span,.cl-compatible .cl-platform.shorts>span{font-size:6px}.cl-example-note{font-size:6px;bottom:6px}.cl-section{padding-top:32px;padding-bottom:32px}.cl-section-title{margin-bottom:25px}.clip-landing h2{font-size:28px}.cl-section-title p{font-size:12px}.cl-eyebrow{font-size:8px;padding:5px 11px}.cl-step-heading{min-height:124px;gap:8px}.cl-step-heading h3{font-size:12px;margin-top:5px}.cl-step-heading p{font-size:10px}.cl-step-heading>b{width:27px;height:27px;font-size:16px}.cl-steps,.cl-feature-grid{gap:22px 12px}.cl-mini-card{padding:9px;height:200px;border-radius:12px}.cl-upload-demo>div{height:133px}.cl-upload-demo>div>.ic{width:27px;height:27px}.cl-upload-demo strong{font-size:10px}.cl-upload-demo small{font-size:8px}.cl-upload-demo>span{gap:4px;padding:5px;margin-top:10px}.cl-upload-demo>span>small{font-size:7px}.cl-upload-demo .cl-platform i{width:15px;height:15px}.cl-clip-rows.mini .cl-clip-row{padding:4px;gap:5px}.cl-clip-rows.mini .cl-row-thumb{width:32px}.cl-clip-rows.mini .cl-row-thumb img{aspect-ratio:1.1}.cl-clip-rows.mini .cl-row-meta{font-size:6px;gap:3px}.cl-clip-rows.mini .cl-clip-row strong{font-size:8px}.cl-step-clips>small{font-size:7px;margin-top:10px}.cl-demo-tabs{gap:1px;padding:2px;margin-bottom:5px}.cl-demo-tabs button{font-size:6px;padding:4px 1px}.cl-framing-screen{height:134px}.cl-framing-screen.square{width:125px}.cl-framing-screen.fourfive{width:105px}.cl-framing-screen.wide{height:100px;margin-top:15px}.cl-sample-caption{font-size:18px}.cl-export-demo>strong{font-size:9px}.cl-export-demo>div{height:151px}.cl-export-demo>div>div>span{font-size:6px;padding:5px 2px;gap:3px}.cl-feature{padding:13px 10px;gap:10px}.cl-feature-heading{flex-direction:column;gap:8px;min-height:72px}.cl-feature-heading>span{width:30px;height:30px}.cl-feature-heading h3{font-size:13px;margin:0}.cl-feature>p{font-size:11px;min-height:80px}.cl-feature .cl-clip-rows.mini .cl-row-thumb{width:34px}.cl-feature .cl-clip-rows.mini .cl-row-thumb img{aspect-ratio:1.1}.cl-feature .cl-reframe-demo{min-height:145px;gap:5px}.cl-feature>.cl-btn{font-size:9px;gap:5px}.cl-feature>.cl-btn>.ic{width:12px;height:12px}.cl-caption-picks button{font-size:15px}.cl-caption-colors{gap:5px}.cl-caption-colors button{width:11px;height:11px}.cl-caption-screen{height:95px}.cl-caption-screen .cl-sample-caption{font-size:18px}.cl-edit-strip{height:105px}.cl-audience>div{height:100px}.clip-landing .cl-audience h3{font-size:12px}.clip-landing .cl-audience p{font-size:11px}.clip-landing .cl-audiences h2{font-size:27px}.clip-landing .cp-heading h2{font-size:24px}.cp-plan,.cp-included{padding:20px 12px 13px}.cp-plan.cp-featured{padding:19px 11px 12px}.cp-badge{font-size:7px;right:7px}.cp-features li{font-size:10px}.cp-features{gap:8px}.cp-period{font-size:8px}.cp-price strong{font-size:30px}.cp-currency{font-size:22px}.cp-cta{font-size:9px}.cl-final{padding:23px}.clip-landing .cl-final h2{font-size:27px}.cl-footer-platforms{gap:7px}.cl-footer-platforms .cl-platform i{width:14px;height:14px}.cl-footer{gap:12px}.cl-footer nav{gap:12px}}
@media(prefers-reduced-motion:reduce){.clip-landing *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* Ajustements de fidélité après comparaison à la référence 846 × 1860. */
.cl-persona-photo{background-position:calc(var(--person)*25%) 12%}
@media(min-width:961px){
 .cl-how{padding-top:32px;padding-bottom:32px}.cl-how .cl-section-title{margin-bottom:24px}
 .cl-mini-card{height:232px}.cl-upload-demo>div{height:155px}.cl-framing-screen{height:144px}.cl-export-demo>div{height:178px}
 .cl-feature{gap:11px}.cl-feature>p{min-height:57px}.cl-caption-screen{height:95px}.cl-caption-demo{padding:7px}.cl-caption-picks{margin:5px 0}.cl-caption-picks button{padding:4px 0}.cl-caption-colors{margin-bottom:5px}
 .cl-features{padding-top:32px;padding-bottom:32px}.cl-feature .cl-reframe-demo{min-height:155px}
 .cl-editor-section{padding-top:20px;padding-bottom:16px}
 .cl-audiences{padding-top:20px;padding-bottom:18px}.cl-audiences .cl-section-title{margin-bottom:16px}.cl-audience>div{height:100px}
 .cl-pricing{padding-top:7px;padding-bottom:17px}
}
.cl-features:before{inset:-20px 0 -15px;background:radial-gradient(ellipse 85% 60% at 0 25%,#fff3e7b0,transparent 72%),radial-gradient(ellipse 80% 50% at 100% 100%,#fff0e1b0,transparent 75%);border-radius:50% 40% 0 0 / 7% 5% 0 0}
.cl-features:after{inset:0 -8% -15px;background:linear-gradient(150deg,#fff6ed80,transparent 25%,transparent 75%,#fff2e680)}
.cl-framing-screen.wide{height:auto;aspect-ratio:16/9;max-height:144px}.cl-framing-screen.wide>img{position:absolute;inset:0}.cl-framing-screen.wide.split>img{position:relative}.cl-framing-screen.wide.trio>img{position:relative}
@media(max-width:440px){.cl-phone .cl-sample-caption{font-size:12px;left:3%;right:3%}.cl-step-heading{min-height:110px}}
/* Démo connectée : proportions du navigateur, véritables cartes exportables. */
@media(min-width:761px){
 .cl-hero-grid{grid-template-columns:37% 63%}.cl-hero-copy{padding-right:15px}
 .clip-landing .cl-hero h1{font-size:clamp(39px,4.1vw,54px);line-height:1.03;letter-spacing:-.055em}
 .cl-hero h1 em{font-size:.73em;white-space:nowrap;line-height:1.14;margin-top:4px}
 .cl-hero-copy>p{font-size:13px;max-width:420px;margin-top:22px}
 .cl-hero-copy .cl-btn{padding-inline:13px;font-size:12px}.cl-hero-copy .cl-actions{gap:10px}
}
.cl-hero-art{height:485px}
.cl-app-window{top:66px;right:auto;width:76%;padding:12px;transform:rotate(-.6deg)}
.cl-app-body{grid-template-columns:58% 42%;gap:9px;padding-right:9px}
.cl-app-clips{height:0;min-width:0}.cl-app-clips>b{margin-bottom:9px}
.cl-app-title{font-size:9px;margin:10px 0}.cl-source-play{aspect-ratio:1.3}
.cl-result-card{padding:7px;gap:7px;align-items:stretch;box-shadow:0 3px 9px #1f152403}
.cl-row-thumb{padding:0;border:0;color:#fff;background:#121212;cursor:pointer;width:42px;aspect-ratio:9/16;align-self:stretch}
.cl-row-thumb>.ic{position:absolute;top:40%;left:calc(50% - 8px);width:16px;height:16px;filter:drop-shadow(0 1px 3px #000);opacity:.9}
.cl-row-thumb img{aspect-ratio:9/16;transition:transform .25s}.cl-row-thumb:hover img{transform:scale(1.06)}
.cl-row-title{padding:0;border:0;background:none;text-align:left;font-size:8px;line-height:1.35;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:22px}
.cl-row-meta{gap:3px;font-size:6.5px}.cl-row-meta time{font-size:5.5px;padding-inline:2px}.cl-row-meta>b{width:13px;height:13px}
.cl-row-actions{display:flex;gap:5px;align-items:center;margin-top:auto}.cl-row-export{border:1px solid #ffbb90;background:linear-gradient(125deg,#ffab70,#ff914e);color:#8b3304;font-weight:600;justify-content:center;font-size:7px;gap:3px;padding:5px 4px;white-space:nowrap;flex:1}
.cl-row-edit{display:grid;place-items:center;width:20px;height:23px;flex:none;border:1px solid #ecebf0;border-radius:6px;background:white}.cl-row-edit>.ic{width:10px;height:10px}
.cl-result-card.selected{border-color:#ffad7b;box-shadow:0 0 0 1px #ffb99135;background:#fffaf5}
.cl-hero-phone{top:89px;right:-.6%;width:24%;transform:rotate(-5deg);animation:none;z-index:3}
.cl-phone{aspect-ratio:9/18.4;border-radius:25px}.cl-phone-video{object-fit:cover}.cl-phone-top{padding-top:17px}
.cl-phone-rays{position:absolute;width:65%;bottom:-30px;left:16%;height:30px;stroke:#ff6214;stroke-width:2;stroke-linecap:round;fill:none}
.cl-social-rail{right:-2%;top:175px;z-index:4;transform:rotate(-5deg);gap:12px}.cl-social-rail .cl-platform>i{width:35px;height:35px}
.cl-compatible{bottom:44px;width:73%;gap:9px}.cl-motion-toolbar{position:absolute;bottom:10px;left:0;display:flex;align-items:center;gap:12px;max-width:76%}
.cl-motion-control{display:flex;align-items:center;gap:5px;background:#fff9f4;border:1px solid #ffdec7;border-radius:20px;padding:5px 8px;color:#b04c16!important;font-size:8px;white-space:nowrap}.cl-motion-control>.ic{width:10px;height:10px}
.cl-motion-status{font-size:8px;color:#89818a}.cl-motion-status>span{display:none}.cl-hero-art[data-motion-phase=source] .cl-phase-source,.cl-hero-art[data-motion-phase=detect] .cl-phase-detect,.cl-hero-art[data-motion-phase=clip] .cl-phase-clip{display:inline}
.cl-motion-cursor{position:absolute;width:22px;height:26px;left:0;top:0;transform:translate(var(--cl-cursor-x,0px),var(--cl-cursor-y,0px));pointer-events:none;opacity:0;z-index:8;filter:drop-shadow(0 2px 3px #0003);transition:transform .6s cubic-bezier(.2,.8,.2,1),opacity .2s}
.is-motion-playing .cl-motion-cursor{opacity:1}.is-motion-clicking .cl-motion-cursor{scale:.85}.cl-motion-cursor.is-motion-clicking{scale:.85}
.cl-player-bar i{background:linear-gradient(to right,#ff7927 var(--progress,0%),#fff8 var(--progress,0%))}
.cl-detection-scan{position:absolute;top:0;bottom:0;left:0;width:2px;background:#ff914e;box-shadow:0 0 30px 10px #ff8b4e55;opacity:0;pointer-events:none}
.is-motion-playing[data-motion-phase=detect] .cl-detection-scan{opacity:1;left:calc(var(--cl-detect-progress,0)*100%)}
.cl-scan-badge{position:absolute;top:10px;left:10px;display:flex;gap:5px;align-items:center;padding:5px 8px;border-radius:20px;background:#fff9;color:#942e00;font-size:8px;opacity:0;transform:translateY(-5px);transition:opacity .3s,transform .3s;backdrop-filter:blur(8px)}.cl-scan-badge>.ic{width:12px;height:12px}
.is-motion-playing[data-motion-phase=detect] .cl-scan-badge{opacity:1;transform:translateY(0)}
.is-motion-playing .cl-result-card{transition:opacity .4s,transform .4s,border-color .3s}
.is-motion-playing[data-motion-phase=detect] .cl-result-card:not(.is-motion-visible){opacity:.32;transform:translateY(7px)}
.cl-result-card.is-motion-active{border-color:#ff8436;box-shadow:0 0 0 2px #ff9e5830}
.is-motion-playing[data-motion-phase=clip] .cl-phone{box-shadow:0 0 0 2px #b6a693,0 0 35px #ff9d3430}
.cl-clip-rows.mini .cl-row-title{font-size:10px;min-height:24px}.cl-clip-rows.mini .cl-row-actions{display:none}.cl-clip-rows.mini .cl-row-thumb{aspect-ratio:1.1}.cl-clip-rows.mini .cl-row-thumb img{aspect-ratio:1.1;object-position:center 27%}.cl-clip-rows.mini .cl-row-thumb>.ic{width:12px;height:12px;left:calc(50% - 6px)}
.cl-selected-link{display:flex;justify-content:center;align-items:center;gap:5px;margin-top:11px;font-size:9px;font-weight:600;color:#c74a0a}.cl-selected-link>.ic{width:11px;height:11px}
.cl-step-clips{height:auto;min-height:232px}.cl-step-clips .cl-result-card{cursor:pointer}
/* L'éditeur occupe la largeur de la page : un vrai espace pour manipuler les cadres. */
.cl-editor-section{display:block;padding:65px 0 35px;max-width:1360px!important}
.cl-editor-copy{display:grid;grid-template-columns:1fr 1fr;gap:70px;max-width:none;align-items:center;margin-bottom:26px}
.clip-landing .cl-editor-copy h2{font-size:39px;line-height:1.08;max-width:550px;margin:14px 0 0}.cl-editor-copy p{font-size:14px;max-width:520px;line-height:1.65}
.cl-editor-hints{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:18px}.cl-editor-hints>span{display:flex;align-items:center;gap:5px;font-size:11px}.cl-editor-hints .ic{width:14px;height:14px;color:#ff651b}
@media(min-width:761px) and (max-width:1100px){.cl-hero-art{height:415px}.cl-app-window{padding:9px}.cl-app-title{font-size:7px}.cl-app-body{gap:7px;padding-right:7px}.cl-row-thumb{width:32px}.cl-row-title{font-size:6.5px;min-height:19px}.cl-row-meta{font-size:5px;gap:2px}.cl-row-meta time{font-size:4px}.cl-result-card{padding:5px;gap:4px}.cl-row-meta>b{width:10px;height:10px}.cl-row-export{font-size:5.5px;padding:4px 2px}.cl-row-edit{width:16px;height:20px}.cl-row-edit>.ic{width:8px;height:8px}.cl-compatible{bottom:42px}.cl-hero-phone{top:80px}.cl-social-rail{top:149px}.cl-social-rail .cl-platform>i{width:29px;height:29px}.cl-editor-copy{gap:30px}.clip-landing .cl-editor-copy h2{font-size:33px}}
@media(max-width:760px){.cl-hero-art{height:410px}.cl-app-window{width:75%;top:62px;padding:9px}.cl-app-title{font-size:7px}.cl-row-title{font-size:7px;min-height:20px}.cl-result-card{padding:5px;gap:5px}.cl-row-thumb{width:30px}.cl-row-export{font-size:6px;padding:4px 2px}.cl-row-edit{width:16px;height:19px}.cl-row-edit>.ic{width:9px;height:9px}.cl-hero-phone{top:80px;right:-.5%;width:24%}.cl-social-rail{top:160px;right:-2%}.cl-compatible{bottom:47px;gap:7px}.cl-motion-toolbar{bottom:12px;max-width:95%}.cl-editor-section{padding-top:40px}.cl-editor-copy{display:block;margin-bottom:25px}.clip-landing .cl-editor-copy h2{font-size:34px;margin:14px 0 15px;max-width:550px}.cl-editor-copy p{font-size:13px}.cl-editor-hints{gap:10px;font-size:10px}.cl-clip-rows.mini .cl-row-title{font-size:9px}.cl-selected-link{font-size:8px;line-height:1.4}.cl-step-clips{min-height:228px}}
@media(max-width:440px){.cl-hero-art{height:310px}.cl-app-window{padding:6px;top:55px}.cl-app-title{font-size:5.5px;margin:7px 0}.cl-app-body{gap:4px;padding-right:4px}.cl-app-clips .cl-row-thumb{width:21px}.cl-app-clips .cl-result-card{padding:3px;gap:3px}.cl-app-clips .cl-row-title{font-size:5px;min-height:14px}.cl-app-clips .cl-row-meta{font-size:4px;gap:2px}.cl-app-clips .cl-row-meta>b{width:8px;height:8px}.cl-app-clips .cl-row-meta time{font-size:3.5px}.cl-app-clips .cl-row-actions{gap:2px}.cl-app-clips .cl-row-export{font-size:4px;padding:3px 2px}.cl-app-clips .cl-row-edit{width:12px;height:15px;border-radius:3px}.cl-app-clips .cl-row-edit>.ic{width:6px;height:6px}.cl-app-clips .cl-row-thumb>.ic{width:10px;height:10px;left:calc(50% - 5px)}.cl-hero-phone{top:70px}.cl-phone{border-radius:15px}.cl-social-rail{top:119px;gap:7px}.cl-social-rail .cl-platform>i{width:23px;height:23px}.cl-phone-rays{bottom:-24px;height:24px}.cl-compatible{bottom:38px;gap:5px}.cl-motion-toolbar{bottom:5px;gap:7px}.cl-motion-control{font-size:7px;padding:4px 6px}.cl-motion-status{font-size:7px}.cl-clip-rows.mini .cl-row-title{font-size:8px;min-height:21px}.cl-step-clips{min-height:205px}.cl-selected-link{font-size:7px;margin-top:7px}.cl-scan-badge{font-size:5px;padding:3px 4px;left:5px;top:5px}.cl-scan-badge>.ic{width:8px;height:8px}.cl-editor-hints>span{font-size:10px}}
@media(prefers-reduced-motion:reduce){.cl-motion-cursor{display:none}.cl-detection-scan{display:none}}
.cl-app-clips .cl-row-meta time{display:inline}
@media(min-width:961px){.cl-step-clips .cl-clip-rows.mini .cl-row-thumb{width:48px}}
.cl-framing-screen>.cl-frame-extra{object-position:75% 50%}.cl-framing-screen>img:first-child{object-position:24% 50%}
.cl-caption-screen .cl-sample-caption{max-height:85%;overflow:hidden;font-size:19px;line-height:1.05}
@media(max-width:440px){.cl-caption-screen .cl-sample-caption{font-size:15px}}
@media(max-width:440px){.cl-hero-art{height:350px}.cl-compatible{bottom:36px}.cl-motion-toolbar{bottom:5px}}

/* Finition du hero : commandes compactes, matière et mouvement autour du téléphone. */
.cl-hero-art .cl-row-actions{gap:6px}
.cl-hero-art .cl-row-export{
  position:relative;isolation:isolate;overflow:hidden;flex:0 1 auto;width:fit-content;
  padding:.72em 1em;gap:.5em;border-radius:7px;border-color:#ff994f;
  background:linear-gradient(145deg,#ffb174 0%,#ff9650 48%,#ff7f30 100%);
  color:#652704!important;box-shadow:inset 0 1px 0 #ffe7cc,0 2px 0 #e46c2326,0 4px 9px #ff77231c;
  transition:transform .2s,box-shadow .2s,filter .2s;
}
.cl-hero-art .cl-row-export>.ic{margin:0;flex:none;transition:transform .2s}
.cl-hero-art .cl-row-export::after{
  content:"";position:absolute;inset:-60% -30%;pointer-events:none;
  background:linear-gradient(110deg,transparent 38%,#fff6 48%,transparent 58%);
  transform:translateX(-100%);transition:transform .55s ease;
}
.cl-hero-art .cl-row-export:hover,.cl-hero-art .cl-row-export:focus-visible{
  transform:translateY(-2px);filter:saturate(1.15);
  box-shadow:inset 0 1px 0 #ffe7cc,0 3px 0 #e46c2330,0 7px 14px #ff772338;
}
.cl-hero-art .cl-row-export:is(:hover,:focus-visible)::after{transform:translateX(100%)}
.cl-hero-art .cl-row-export:is(:hover,:focus-visible)>.ic{transform:translateY(1px)}
.cl-hero-art .cl-row-export:active{transform:translateY(1px);box-shadow:inset 0 1px 2px #c95a2520}
.cl-hero-art .cl-row-edit{
  border-radius:50%;aspect-ratio:1;height:auto;border-color:#eeedf1;color:#65616c;
  box-shadow:0 2px 4px #30222806;transition:transform .2s,background .2s,border-color .2s;
}
.cl-hero-art .cl-row-edit:is(:hover,:focus-visible){transform:rotate(-10deg);background:#fff0e4;border-color:#ffb78c;color:#cf4d12}
@media(min-width:1101px){.cl-hero-art .cl-row-export{font-size:8px}}
.cl-hero-art .cl-result-card{transition:transform .25s,box-shadow .25s,border-color .25s;background:linear-gradient(140deg,#fff,#fdfcfc)}
.cl-hero-art .cl-result-card.selected{background:linear-gradient(115deg,#fff5e9,#fffaf6);box-shadow:0 0 0 2px #ffbc7e26,0 5px 15px #b55b1210}
.cl-hero-art .cl-result-card:focus-within{border-color:#ff9251}
.cl-hero-art .cl-row-thumb>.ic{border:1px solid #ffffffb3;border-radius:50%;padding:3px;background:#15131366;box-sizing:content-box;transform:translate(-4px,-4px)}
.cl-hero-art :is(.cl-row-export,.cl-row-edit,.cl-row-title,.cl-row-thumb):focus-visible{outline:2px solid #e85b18;outline-offset:3px}

.cl-hero-art{--cl-orbit-x:5px;--cl-orbit-y:7px;--cl-phone-lift:6px}
.cl-hero-phone{
  transform-origin:50% 70%;animation:cl-phone-hover 7.8s ease-in-out infinite;
  animation-play-state:paused;
}
.cl-hero-art .cl-phone{
  box-shadow:0 0 0 2px #bcaa90,0 0 0 3px #fff8,0 22px 34px -10px #5c3c303d,0 6px 12px #472f2312;
}
.cl-hero-phone::before{
  content:"";position:absolute;inset:15% -21% -10%;z-index:-1;pointer-events:none;
  background:radial-gradient(ellipse,#ffb87935,transparent 66%);filter:blur(12px);
}
.cl-hero-phone::after{
  content:"";position:absolute;right:-24px;top:-17px;width:33px;height:37px;pointer-events:none;
  background:linear-gradient(#ff6c21,#ff6c21) 5px 0/2px 18px no-repeat,linear-gradient(135deg,transparent 45%,#ff6c21 47% 53%,transparent 55%) 13px 3px/18px 22px no-repeat,linear-gradient(-12deg,transparent 44%,#ff6c21 46% 55%,transparent 57%) 15px 23px/18px 8px no-repeat;
  transform:rotate(8deg);
}
.cl-social-rail{transform:none;right:-1.3%;gap:14px;pointer-events:none}
.cl-social-rail>.cl-platform{
  --cl-social-x:-10px;--cl-social-angle:-10deg;
  transform:translateX(var(--cl-social-x)) rotate(var(--cl-social-angle));
  animation:cl-social-orbit 6.2s ease-in-out infinite;animation-play-state:paused;
}
.cl-social-rail>.instagram{--cl-social-x:5px;--cl-social-angle:9deg;animation-duration:7.1s;animation-delay:-2.8s}
.cl-social-rail>.youtube{--cl-social-x:-14px;--cl-social-angle:-6deg;animation-duration:6.8s;animation-delay:-1.7s}
.cl-social-rail>.linkedin{--cl-social-x:3px;--cl-social-angle:7deg;animation-duration:7.7s;animation-delay:-4.2s}
.cl-social-rail .cl-platform>i{
  width:37px;height:37px;border-radius:10px;
  box-shadow:inset 0 1px 1px #ffffff8c,0 1px 0 1px #fff7,0 7px 12px -3px #432d3a36,0 2px 3px #39241e18;
}
.cl-social-rail .tiktok>i{width:40px;height:40px;border:1px solid #3b3536;box-shadow:inset 0 1px 2px #ffffff29,0 0 0 1px #e8c8a180,0 8px 14px -3px #261f314d}
.cl-social-rail .instagram>i{border-width:2px;box-shadow:inset 0 1px 1px #fff9,0 8px 13px -3px #bd397a38,0 2px 3px #39241e18}
.cl-social-rail .youtube>i{width:35px;height:35px;border:1px solid #f2eeea}
.cl-social-rail .linkedin>i{width:34px;height:34px}
.is-ambient-active .cl-hero-phone,.is-ambient-active .cl-social-rail>.cl-platform{animation-play-state:running}
.cl-hero-phone:focus-within{animation-play-state:paused}
.is-animation-active .cl-motion-control>.ic{visibility:hidden;position:relative}
.is-animation-active .cl-motion-control>.ic::after{content:"";visibility:visible;position:absolute;inset:1px 2px;border-inline:2px solid currentColor}
@keyframes cl-social-orbit{
  0%,100%{transform:translate(var(--cl-social-x),0) rotate(var(--cl-social-angle))}
  32%{transform:translate(calc(var(--cl-social-x) + var(--cl-orbit-x)),calc(-1 * var(--cl-orbit-y))) rotate(calc(var(--cl-social-angle) + 4deg))}
  68%{transform:translate(calc(var(--cl-social-x) - var(--cl-orbit-x)),calc(var(--cl-orbit-y) * .4)) rotate(calc(var(--cl-social-angle) - 3deg))}
}
@keyframes cl-phone-hover{
  0%,100%{transform:translateY(0) rotate(-5deg)}
  50%{transform:translateY(calc(-1 * var(--cl-phone-lift))) rotate(-4deg)}
}
@media(hover:hover){
  .cl-hero-art .cl-result-card:hover{transform:translateY(-2px);border-color:#ffbd92;box-shadow:0 6px 16px #6c3f1510}
  .cl-hero-phone:hover{animation-play-state:paused}
}
@media(max-width:1100px){
  .cl-social-rail{gap:12px}
  .cl-social-rail .cl-platform>i{width:30px;height:30px;border-radius:8px}
  .cl-social-rail .tiktok>i{width:33px;height:33px}
  .cl-social-rail .linkedin>i{width:28px;height:28px}
}
@media(max-width:760px){
  .cl-hero-art{--cl-orbit-x:3px;--cl-orbit-y:5px;--cl-phone-lift:4px}
  .cl-social-rail{right:0}
  .cl-hero-phone::after{right:-15px;top:-13px;scale:.7}
}
@media(max-width:440px){
  .cl-hero-art{--cl-orbit-x:2px;--cl-orbit-y:4px;--cl-phone-lift:3px}
  .cl-social-rail{gap:8px;right:-.3%}
  .cl-social-rail>.cl-platform{--cl-social-x:-6px}
  .cl-social-rail>.instagram{--cl-social-x:3px}
  .cl-social-rail>.youtube{--cl-social-x:-8px}
  .cl-social-rail>.linkedin{--cl-social-x:2px}
  .cl-social-rail .cl-platform>i{width:23px;height:23px;border-radius:6px}
  .cl-social-rail .tiktok>i{width:25px;height:25px}
  .cl-social-rail .linkedin>i{width:22px;height:22px}
  .cl-hero-art .cl-row-actions{gap:3px}
  .cl-hero-art .cl-row-export{border-radius:4px}
  .cl-hero-art .cl-row-thumb>.ic{padding:1px;transform:translate(-2px,-2px)}
  .cl-hero-phone::after{right:-13px;top:-17px;scale:.5}
}
@media(prefers-reduced-motion:reduce){
  .cl-hero-phone,.cl-social-rail>.cl-platform{animation:none!important}
  .cl-hero-art .cl-row-export::after{display:none}
}