@font-face{font-family:Manrope;src:url('/fonts/manrope.woff2') format('woff2');font-display:swap;font-weight:200 800}@font-face{font-family:SpaceGrotesk;src:url('/fonts/space-grotesk.woff2') format('woff2');font-display:swap;font-weight:300 700}
:root{--ink:#15314f;--muted:#62788c;--blue:#206bc4;--paper:#f3f7fb;--line:#dce5ee;--soft:#e5effa;--white:#fff;--orange:#ef8c51}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.65 Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:5px}input:focus-visible{outline:none}button{border:0}[hidden]{display:none!important}.header{height:102px;max-width:1180px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 32px}.brand{display:flex;align-items:center;gap:11px;font-size:14px;letter-spacing:2px;font-weight:800;line-height:1.35}.brand-icon{background:var(--blue);color:white;width:38px;height:42px;border-radius:11px;display:grid;place-items:center;font-family:Arial;font-size:31px;font-weight:400;letter-spacing:0}.brand-sub{display:block;font-size:10px;font-weight:500;letter-spacing:3.2px}.help-link{font-size:12px;color:var(--muted)}.help-link span{margin-left:12px;font-size:20px}main{max-width:1116px;margin:auto;padding:0 32px}.intro{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:50px;padding:40px 12px 54px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--blue);font-weight:800;display:flex;align-items:center;gap:9px}.small-instagram{font-size:22px;line-height:1}h1{font-family:SpaceGrotesk,Arial,sans-serif;font-size:clamp(42px,5.3vw,67px);letter-spacing:-3px;line-height:1.09;font-weight:600;margin:24px 0 20px}h1 span{color:var(--blue)}.intro p{color:var(--muted);font-size:14px;line-height:1.9;margin-bottom:20px}.tags{display:flex;gap:7px}.tags span{background:#e7eef5;border:1px solid #dce5ee;border-radius:6px;padding:3px 10px;font-size:10px;letter-spacing:.3px;color:#4d6b86}.visual{height:290px;position:relative;max-width:360px;width:100%;justify-self:center}.frame{position:absolute;inset:3px 63px 2px 74px;border-radius:20px;background:var(--blue)}.back{transform:rotate(-13deg) translate(-30px,3px);background:#bbd5ef;border:1px solid #a8c9e9}.front{transform:rotate(9deg);box-shadow:0 22px 30px -22px #36668d88;color:#c8e0fb;padding:17px;display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(155deg,#438ed8,#1458a9)}.frame-top{display:flex;align-items:center;gap:6px;font-size:7px;letter-spacing:1px}.frame-top i{height:15px;width:15px;border:1px solid #b3d5fb;border-radius:50%}.frame-top b{margin-left:auto}.play{margin:auto;display:grid;place-items:center;border:1px solid #8cb6e5;border-radius:50%;width:65px;height:65px;color:#fff;background:#ffffff13;padding-left:4px;font-size:22px}.video-wave{display:flex;gap:4px;align-items:center;height:55px;opacity:.4;margin:0 -25px 14px;justify-content:center}.video-wave i{width:10px;flex-shrink:0;border-radius:9px;background:#a2cef6;height:22px}.video-wave i:nth-child(3n){height:45px}.video-wave i:nth-child(3n + 1){height:60px}.video-wave i:nth-child(4n){height:33px}.frame-bottom{display:flex;align-items:center;justify-content:space-between;font-size:7px;letter-spacing:.8px}.frame-bottom b{background:#ffffff22;padding:2px 5px;border-radius:3px}.save-stamp{position:absolute;right:4px;bottom:31px;background:white;border:1px solid var(--line);box-shadow:0 8px 25px #24476612;border-radius:12px;padding:10px 15px;color:var(--blue);font-size:24px;transform:rotate(-5deg);display:flex;gap:12px;align-items:center}.save-stamp span{font-size:11px;font-weight:700;color:var(--ink)}.tool{background:var(--white);border:1px solid var(--line);border-radius:17px;padding:28px;box-shadow:0 12px 30px -22px #49698842}label{display:block;font-size:13px;font-weight:800;margin-bottom:11px}.input-row{display:flex;gap:12px}.url-wrap{display:flex;align-items:center;flex:1;min-width:0;background:#f8fafc;border:1px solid #d4e0ed;border-radius:9px;padding:0 10px 0 15px}.url-wrap:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px #206bc41a}.link-icon{font-size:23px;color:#8ba2b9}.url-wrap input{background:transparent;border:0;min-width:0;flex:1;padding:16px 12px;font-size:13px;color:var(--ink)}input::placeholder{color:#8a9daf}.paste{background:#eaf0f6;color:#3c5a78;border-radius:5px;padding:5px 10px;font-size:11px;font-weight:700}.primary{background:var(--blue);color:white;padding:15px 23px;border-radius:8px;font-size:13px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:28px;transition:background .2s}.primary:hover{background:#1557a6}.primary span{font-size:20px;line-height:1}.input-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:11px}.input-bottom p{margin:0;font-size:10px;color:var(--muted)}.text-button{background:none;color:var(--blue);font-size:11px;padding:0}.notice{margin-top:20px;border-radius:8px;padding:14px 16px;background:#edf4fc;color:#315b86;font-size:12px;display:flex;align-items:center;gap:12px}.notice.error{background:#fff1eb;color:#9e4824}.spinner{display:inline-block;width:16px;height:16px;border:2px solid #acc7e7;border-top-color:var(--blue);border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.results{border-top:1px solid var(--line);margin-top:22px;padding-top:20px}.results h2{font-size:16px;margin:0 0 14px}.video-card{display:grid;grid-template-columns:1fr auto;gap:15px;align-items:center;padding:18px;background:var(--paper);border:1px solid var(--line);border-radius:10px;margin-top:12px}.video-card h3{font-size:13px;margin:0 0 6px;overflow-wrap:anywhere;line-height:1.6}.video-card p{font-size:11px;color:var(--muted);margin:0}.video-card .primary{font-size:11px;gap:10px;padding:11px 16px}.video-card video{width:100%;max-height:420px;display:block;background:#10263c;border-radius:8px;margin-bottom:15px}.video-card:has(video){grid-template-columns:1fr}.download-actions{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.steps{display:grid;grid-template-columns:repeat(3,1fr);padding:36px 18px 47px;gap:25px}.steps article{display:flex;gap:13px}.step-no{font-family:SpaceGrotesk,Arial;font-size:12px;color:var(--blue);border:1px solid #ccdbeb;border-radius:50%;height:27px;width:27px;flex-shrink:0;display:grid;place-items:center;margin-top:1px}.steps h2{font-size:12px;margin:0 0 5px}.steps p{font-size:11px;color:var(--muted);margin:0;line-height:1.8}.faq{display:grid;grid-template-columns:1fr 1.75fr;border-top:1px solid var(--line);padding:38px 12px 52px;gap:70px}.faq h2{font-family:SpaceGrotesk;font-weight:500;font-size:25px;letter-spacing:-.8px;line-height:1.25;margin:13px 0 0}.faq .eyebrow{font-size:9px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{margin-top:-14px}summary{cursor:pointer;list-style:none;font-size:12px;font-weight:700;padding:16px 22px 16px 0;position:relative}summary::after{content:'+';position:absolute;right:0;font-size:18px;color:var(--blue);top:10px}details[open] summary::after{content:'−'}details p{color:var(--muted);font-size:12px;margin:0 0 18px}footer{max-width:1116px;margin:auto;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;padding:24px 32px;color:var(--muted);font-size:9px}footer a{color:var(--blue)}.recent{padding:0 12px 35px}.section-heading{display:flex;justify-content:space-between;align-items:center}.section-heading h2{font-size:14px}.history-item{display:flex;align-items:center;gap:15px;padding:13px 0;border-bottom:1px solid var(--line)}.history-item a{font-size:12px;flex:1;overflow-wrap:anywhere;color:var(--blue)}.history-item time,.muted{font-size:10px;color:var(--muted)}.empty-icon{width:36px;height:36px;border-radius:8px;background:var(--soft);color:var(--blue);display:grid;place-items:center;font-size:20px;flex-shrink:0}
@media(min-width:1400px){.intro{padding-top:65px;padding-bottom:70px}.header{height:115px}}@media(max-width:760px){.header{height:80px;padding:0 22px}main{padding:0 20px}.intro{gap:10px;padding:25px 3px 32px;grid-template-columns:1fr}.intro-copy{text-align:center}.eyebrow,.tags{justify-content:center}h1{font-size:49px;letter-spacing:-2.5px;margin-top:20px}.intro p{font-size:12px}.visual{display:none}.tool{padding:20px;border-radius:12px}.input-row{flex-direction:column;gap:10px}.primary{width:100%}.input-bottom{align-items:flex-start}.input-bottom p{font-size:9px}.input-bottom button{white-space:nowrap}.url-wrap input{padding:15px 8px;font-size:11px}.steps{gap:20px;padding:28px 3px 33px;grid-template-columns:1fr}.steps article{gap:15px}.steps p br{display:none}.steps h2{font-size:12px}.faq{grid-template-columns:1fr;gap:24px;padding:28px 3px 35px}.faq .eyebrow{justify-content:flex-start}.faq h2{font-size:24px}.faq h2 br{display:none}footer{flex-wrap:wrap;padding:20px;font-size:9px;gap:10px}footer span:nth-child(2){width:100%;order:3}.video-card{grid-template-columns:1fr}.history-item{gap:9px}.history-item time{max-width:60px}.recent{padding:0 3px 25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}