:root{--bg:#f5f4f8;--surface:#fff;--sunken:#eeedf3;--ink:#1c1a27;--muted:#605d76;--line:#e1dfe9;--accent:#b3207f;--accent-ink:#fff;--accent-soft:color-mix(in srgb, var(--accent) 11%, #fff);--purple:#6528b1;--purple-soft:#efe7fa;--ok:#1d7f4e;--ok-soft:#e2f3ea;--hero:linear-gradient(135deg, #b2207f 0%, #7a2ba0 55%, #4b23a7 100%);--shadow:0 1px 2px #1c1a270d, 0 8px 28px #3c1e5a14;--display:"Bricolage Grotesque", "Avenir Next", "Segoe UI", sans-serif;--body:"IBM Plex Sans", "Helvetica Neue", Arial, sans-serif;--radius:18px;--wrap:1180px;--gutter:max(16px, calc((100% - var(--wrap)) / 2));color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{background:var(--bg);color:var(--ink);font:16px/1.6 var(--body);-webkit-text-size-adjust:100%;margin:0;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--display);text-wrap:balance;letter-spacing:-.01em;margin:0;font-weight:800;line-height:1.12}h1{letter-spacing:-.02em;font-size:clamp(2.2rem,4.6vw,3.5rem);line-height:1.06}h2{font-size:clamp(1.8rem,3.4vw,2.6rem)}h3{font-size:1.22rem;line-height:1.2}p{margin:0}a{color:var(--accent);text-underline-offset:3px}img,video{max-width:100%;display:block}.wrap{padding-inline:var(--gutter)}.muted{color:var(--muted)}.kicker{font:700 .8rem/1 var(--body);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);display:inline-block}.lede{color:var(--muted);max-width:62ch;font-size:1.08rem}.center{text-align:center}.skip{background:var(--surface);z-index:50;border-radius:8px;padding:8px 12px;position:absolute;top:8px;left:-999px}.skip:focus{left:8px}:focus-visible{outline:3px solid var(--purple);outline-offset:2px;border-radius:6px}.btn{min-height:46px;font:700 .95rem/1 var(--body);cursor:pointer;white-space:nowrap;border:1.5px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 20px;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn.primary{background:var(--accent);color:#fff;box-shadow:0 6px 18px color-mix(in srgb, var(--accent) 35%, transparent)}.btn.ghost{color:var(--ink);border-color:var(--line);background:var(--surface)}.btn.light,.btn.outline-light{color:#fff;background:#ffffff24;border-color:#ffffff73}.btn.small{min-height:42px;padding:0 16px;font-size:.92rem}.shopify{color:#fff;background:#0b0b0f;border:1px solid #ffffff40;border-radius:12px;align-items:center;gap:10px;padding:9px 18px;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex}.shopify:hover{transform:translateY(-1px);box-shadow:0 8px 22px #0000004d}.shopify svg{color:#95bf47;flex:none}.shopify span{flex-direction:column;line-height:1.1;display:flex}.shopify small{opacity:.8;font-size:.7rem}.shopify b{font-size:.98rem}.shopify.big{padding:11px 22px}.shopify.big b{font-size:1.08rem}.btn .play{width:18px;height:18px}.btn-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.site-head{top:env(safe-area-inset-top,0px);z-index:30;background:color-mix(in srgb, var(--bg) 88%, transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);position:sticky}.site-head .bar{align-items:center;gap:24px;min-height:68px;display:flex}.brand{color:var(--ink);align-items:center;gap:10px;text-decoration:none;display:inline-flex}.brand img{width:44px;height:auto}.brand span{line-height:1.05;display:grid}.brand b{font:800 1.15rem/1.05 var(--display)}.brand small{color:var(--muted);font-size:.74rem;font-weight:500}.main-nav{flex:1;gap:22px;display:flex}.main-nav a{color:var(--muted);font-size:.94rem;font-weight:600;text-decoration:none}.main-nav a:hover,.main-nav a[aria-current=page]{color:var(--accent)}.head-actions{align-items:center;gap:10px;display:flex}.menu{display:none}@media (width<=1080px){.main-nav,.head-actions .hide-sm{display:none}.menu{margin-left:auto;display:block;position:relative}.menu summary{cursor:pointer;border:1.5px solid var(--line);background:var(--surface);border-radius:999px;place-items:center;min-height:44px;padding:0 14px;font-weight:600;list-style:none;display:grid}.menu summary::-webkit-details-marker{display:none}.menu nav{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);width:min(320px,100vw - 32px);box-shadow:var(--shadow);padding:10px;display:grid;position:absolute;top:54px;right:0}.menu nav a{color:var(--ink);border-radius:10px;padding:12px 14px;font-weight:500;text-decoration:none}.menu nav a:hover{background:var(--sunken)}.menu nav .btn{margin-top:8px}}@media (width<=560px){.head-actions .hide-xs,.brand small{display:none}}.section{padding-block:clamp(56px,8vw,104px)}.section.alt{background:var(--sunken)}.section-head{gap:14px;max-width:760px;margin-bottom:40px;display:grid}.section-head.center{text-align:center;justify-items:center;margin-inline:auto}.grid{gap:22px;display:grid}.grid.two{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr))}.grid.three{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}.grid.four{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);align-content:start;gap:10px;min-width:0;padding:24px;display:grid}a.card{color:var(--ink);text-decoration:none;transition:border-color .15s,transform .15s,box-shadow .15s}a.card:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--line));box-shadow:var(--shadow);transform:translateY(-2px)}.card .more{color:var(--accent);margin-top:4px;font-size:.95rem;font-weight:600}.card p{color:var(--muted)}.tag{background:var(--accent-soft);width:fit-content;color:var(--accent);font:700 .78rem/1.3 var(--body);border-radius:999px;padding:3px 10px;display:inline-flex}.tag.purple{background:var(--purple-soft);color:var(--purple)}.hero{background:var(--hero);color:#fff;position:relative;overflow:hidden}.hero:after{content:"";pointer-events:none;background:radial-gradient(closest-side,#ffffff29,#0000);height:70%;position:absolute;inset:auto -10% -40% 40%}.hero .inner{z-index:1;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:clamp(28px,5vw,64px);padding-block:clamp(48px,7vw,96px);display:grid;position:relative}.hero h1{font-size:clamp(2.4rem,5vw,4rem);line-height:1.04}.hero h1 span,.cta-band h2 span{background:linear-gradient(90deg,#ffd3ef,#c9b8ff);color:#0000;-webkit-background-clip:text;background-clip:text}.hero p.lede{color:#ffffffe6;font-size:1.12rem}.hero .kicker{color:#ffffffd9}.hero-text{gap:22px;display:grid}.trust{color:#ffffffd9;flex-wrap:wrap;gap:8px 20px;margin:0;padding:0;font-size:.88rem;list-style:none;display:flex}.trust li:before{content:"✓ ";color:#b8f5cf;font-weight:700}@media (width<=900px){.hero .inner{grid-template-columns:1fr}}.page-hero{border-bottom:1px solid var(--line);background:linear-gradient(180deg, var(--accent-soft), var(--bg));padding-block:clamp(40px,6vw,80px) clamp(32px,5vw,56px)}.page-hero .inner{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:clamp(28px,5vw,64px);display:grid}.page-hero .text{gap:18px;display:grid}.page-hero.solo .inner{grid-template-columns:minmax(0,860px)}@media (width<=900px){.page-hero .inner{grid-template-columns:1fr}}.answer{color:var(--ink);border-left:4px solid var(--accent);max-width:66ch;padding:4px 0 4px 18px;font-size:1.12rem}.media{box-shadow:var(--shadow);background:var(--sunken);border-radius:22px;position:relative;overflow:hidden}.media-play{color:#fff;font:700 .9rem/1 var(--body);cursor:pointer;backdrop-filter:blur(6px);white-space:nowrap;background:#0009;border:0;border-radius:999px;align-items:center;gap:8px;padding:10px 16px;display:inline-flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.media-play:hover{background:var(--accent)}.media.tall{aspect-ratio:9/16;width:min(100%,360px);max-height:640px;margin-inline:auto}.media.tall img,.media.tall video{object-fit:cover;width:100%;height:100%}.media.wide{aspect-ratio:16/9;width:100%}.media.card{width:min(100%,440px);margin-inline:auto}.media.card img{width:100%;height:auto}.media.wide img{object-fit:cover;width:100%;height:100%}.strip{background:var(--surface);border-bottom:1px solid var(--line);scrollbar-width:none;justify-content:flex-start;gap:14px;padding:28px 16px;display:flex;overflow-x:auto}.strip>:first-child{margin-left:auto}.strip>:last-child{margin-right:auto}.video{aspect-ratio:16/9;background:#000;border-radius:20px;position:relative;overflow:hidden;box-shadow:0 24px 60px #14002859}.video button{all:unset;cursor:pointer;display:block;position:absolute;inset:0}.video img{object-fit:cover;width:100%;height:100%}.video iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.video .playbtn{width:76px;height:76px;color:var(--accent);background:#fffffff2;border-radius:50%;place-items:center;margin:auto;display:grid;position:absolute;inset:0;box-shadow:0 10px 30px #0000004d}.video .label{color:#fff;background:#0009;border-radius:999px;padding:6px 12px;font-size:.88rem;font-weight:600;position:absolute;bottom:16px;left:16px}.feature-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(28px,5vw,72px);display:grid}.feature-row+.feature-row{margin-top:clamp(48px,7vw,88px)}.feature-row:nth-child(2n) .feature-media{order:-1}.feature-row .text{gap:14px;display:grid}.ticks{gap:8px;margin:0;padding:0;list-style:none;display:grid}.ticks li{padding-left:28px;position:relative}.ticks li:before{content:"✓";color:var(--ok);font-weight:800;position:absolute;top:0;left:4px}@media (width<=900px){.feature-row{grid-template-columns:1fr}.feature-row:nth-child(2n) .feature-media{order:0}}.steps{counter-reset:s;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:18px;margin:0;padding:0;list-style:none;display:grid}.steps li{counter-increment:s;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);align-content:start;gap:8px;padding:22px;display:grid}.steps li:before{content:counter(s);background:var(--hero);color:#fff;width:38px;height:38px;font:700 1rem/1 var(--display);border-radius:12px;place-items:center;display:grid}.steps p{color:var(--muted);font-size:.97rem}.plans{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:18px;display:grid}.plan{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);align-content:start;gap:12px;padding:26px 22px;display:grid;position:relative}.plan.featured{border:2px solid var(--accent);box-shadow:var(--shadow)}.plan .badge{background:var(--accent);color:#fff;font:700 .75rem/1 var(--body);border-radius:999px;padding:6px 10px;position:absolute;top:-12px;right:16px}.plan .price{font:800 2.2rem/1 var(--display);font-variant-numeric:tabular-nums}.plan .price small{font:500 .95rem var(--body);color:var(--muted)}.plan .trial{color:var(--ok);font-size:.88rem;font-weight:700}.plan ul{gap:7px;margin:0;padding:0;font-size:.95rem;list-style:none;display:grid}.plan li:before{content:"✓ ";color:var(--ok);font-weight:700}.plan ul{color:var(--muted)}.table-wrap{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:640px;font-size:.95rem}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:12px 16px}th{font-family:var(--display);background:var(--sunken)}td.num,th.num{text-align:center;font-variant-numeric:tabular-nums}tr:last-child td{border-bottom:0}.faq{gap:12px;max-width:860px;display:grid}.faq details{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:4px 20px}.faq summary{cursor:pointer;font:700 1.05rem/1.4 var(--display);padding:16px 28px 16px 0;list-style:none;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--accent);font-size:1.4rem;position:absolute;top:13px;right:0}.faq details[open] summary:after{content:"–"}.faq details p{color:var(--muted);padding-bottom:18px}.cta-band{background:var(--hero);color:#fff;border-radius:28px;justify-items:start;gap:18px;padding:clamp(32px,5vw,56px);display:grid;position:relative;overflow:hidden}.cta-band p{color:#ffffffe0;max-width:60ch}.form{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:22px;gap:16px;min-width:0;padding:clamp(20px,3vw,32px);display:grid}.form .fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.form .full{grid-column:1/-1}.form label{gap:6px;font-size:.92rem;font-weight:600;display:grid}.form label em{color:var(--muted);font-style:normal;font-weight:400}.form input,.form select,.form textarea{font:400 1rem/1.4 var(--body);color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:10px;width:100%;min-height:48px;padding:12px 14px}.form input:focus,.form select:focus,.form textarea:focus{outline:2px solid var(--accent);outline-offset:0;border-color:#0000}.form .foot{color:var(--muted);flex-wrap:wrap;align-items:center;gap:14px;font-size:.86rem;display:flex}.form .trap{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.form .status{border-radius:12px;padding:12px 14px;font-size:.95rem}.form .status.ok{background:var(--ok-soft);color:var(--ok)}.form .status.err{color:#8a2620;background:#fbe6e4}@media (width<=640px){.form .fields{grid-template-columns:1fr}}.crumbs{color:var(--muted);font-size:.88rem}.crumbs ol{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.crumbs li+li:before{content:"/";opacity:.6;margin-right:6px}.crumbs a{color:var(--muted);text-decoration:none}.crumbs a:hover{color:var(--accent)}.prose{gap:18px;max-width:72ch;font-size:1.06rem;display:grid}.prose h2{margin-top:18px;font-size:1.7rem}.prose h3{margin-top:8px;font-size:1.25rem}.prose ul,.prose ol{gap:6px;margin:0;padding-left:1.3em;display:grid}.prose blockquote{border-left:4px solid var(--accent);background:var(--accent-soft);border-radius:0 14px 14px 0;margin:0;padding:16px 22px;font-size:1.1rem}.prose table{min-width:0;display:block;overflow-x:auto}.prose .table-wrap table{min-width:520px}.post-cover{aspect-ratio:1200/630;width:100%;max-width:900px;height:auto;box-shadow:var(--shadow);border-radius:20px;margin-bottom:36px}.prose img{border:1px solid var(--line);border-radius:16px;width:100%;margin-top:6px}.prose p:has(>img)+p>em:only-child{color:var(--muted);margin-top:-8px;font-size:.92rem;font-style:normal;display:block}.prose .table-wrap,.prose table{margin-block:4px}.post-meta{color:var(--muted);flex-wrap:wrap;gap:6px 16px;font-size:.92rem;display:flex}.glossary{gap:0;max-width:860px;display:grid}.glossary div{border-bottom:1px solid var(--line);gap:6px;padding:18px 0;display:grid}.glossary dt{font:700 1.15rem/1.3 var(--display)}.glossary dd{color:var(--muted);margin:0}.az{flex-wrap:wrap;gap:6px;margin-bottom:18px;display:flex}.az a{background:var(--surface);border:1px solid var(--line);border-radius:10px;place-items:center;min-width:36px;height:36px;font-weight:600;text-decoration:none;display:grid}.site-foot{border-top:1px solid var(--line);background:var(--surface);margin-top:0;padding-block:56px 32px}.foot-grid{grid-template-columns:minmax(0,1.4fr) repeat(4,minmax(0,1fr));gap:32px;display:grid}.foot-brand{align-content:start;gap:14px;display:grid}.foot-brand img{width:84px}.foot-brand p{color:var(--muted);max-width:36ch;font-size:.93rem}.foot-col{align-content:start;gap:8px;display:grid}.foot-col h2{margin-bottom:4px;font-size:.95rem}.foot-col a{color:var(--muted);font-size:.93rem;text-decoration:none}.foot-col a:hover{color:var(--accent)}.foot-base{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:40px;padding-top:22px;font-size:.88rem;display:flex}@media (width<=980px){.foot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.foot-brand{grid-column:1/-1}}.stat-row{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:16px;display:grid}.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);gap:4px;padding:20px;display:grid}.stat b{font:800 1.15rem/1.3 var(--display)}.stat span{color:var(--muted);font-size:.93rem}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.feature-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.feature-card{background:var(--surface);border:1px solid var(--line);color:var(--ink);border-radius:20px;grid-template-columns:minmax(0,1fr) 170px;align-items:center;gap:18px;padding:24px;text-decoration:none;transition:border-color .15s,transform .15s,box-shadow .15s;display:grid}a.feature-card:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--line));box-shadow:var(--shadow);transform:translateY(-2px)}.feature-card h3{margin:8px 0;font-size:1.28rem}.feature-card p{color:var(--muted);line-height:1.55}.feature-card .more{color:var(--accent);margin-top:10px;font-size:.92rem;font-weight:700;display:inline-block}.feature-card img,.feature-card video{aspect-ratio:9/16;object-fit:cover;background:var(--sunken);border-radius:14px;width:100%}@media (width<=900px){.feature-cards{grid-template-columns:1fr}.feature-card{grid-template-columns:minmax(0,1fr) 110px;padding:18px}}.media.tall{width:min(100%,320px)}.mini-gallery{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.mini-gallery img{aspect-ratio:9/16;object-fit:cover;width:100%;box-shadow:var(--shadow);border-radius:14px}@media (width<=560px){.mini-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}.samples{grid-template-columns:repeat(auto-fill,minmax(min(100%,170px),1fr));gap:14px;display:grid}.samples .reel-thumb,.samples figure{aspect-ratio:9/16;background:var(--sunken);border-radius:14px;width:auto;height:auto;margin:0;position:relative;overflow:hidden}.samples figure img{object-fit:cover;width:100%;height:100%}.samples .wide{aspect-ratio:auto;grid-column:span 2}.samples .wide img{height:auto}.samples figcaption{color:#fff;background:linear-gradient(#0000,#000000a6);padding:22px 10px 8px;font-size:.8rem;font-weight:600;position:absolute;bottom:0;left:0;right:0}@media (width<=560px){.samples .wide{grid-column:1/-1}}.customer-banner{position:relative}.customer-banner>img:first-child{aspect-ratio:1200/630;object-fit:cover;border-radius:12px;width:100%;height:auto;display:block}.customer-logo{object-fit:contain;width:72px;height:72px;box-shadow:var(--shadow);background:#fff;border-radius:14px;padding:6px;position:absolute;bottom:12px;left:12px}.video-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;max-width:880px;display:grid}.video-grid .reel-thumb{aspect-ratio:9/16;width:auto;height:auto}@media (width<=640px){.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.partner-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:minmax(0,280px) minmax(0,1fr);align-items:center;gap:32px;padding:32px;display:grid}.partner-logo{border-radius:calc(var(--radius) - 6px);border:1px solid var(--line);background:#fff;place-items:center;padding:24px;display:grid}.partner-logo img{width:100%;max-width:260px;height:auto}.partner-text{justify-items:start;gap:12px;min-width:0;display:grid}.partner-text p{color:var(--muted)}@media (width<=720px){.partner-card{grid-template-columns:1fr;gap:20px;padding:22px}}.reels{z-index:100;color:#fff;background:#050408;position:fixed;inset:0}.reels-feed{scroll-snap-type:y mandatory;overscroll-behavior:contain;scrollbar-width:none;outline:none;position:absolute;inset:0;overflow-y:auto}.reels-feed::-webkit-scrollbar{display:none}.reel{scroll-snap-align:start;scroll-snap-stop:always;place-items:center;height:100dvh;display:grid}.reel-frame{background:#000;width:100%;height:100%;position:relative;overflow:hidden}@media (width>=640px) and (aspect-ratio>=3/4){.reel-frame{aspect-ratio:9/16;border-radius:18px;width:auto;height:calc(100dvh - 48px)}}.reel-poster,.reel-video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.reel-video{z-index:1;pointer-events:none;background:0 0}.reel-frame>.reel-video{position:absolute}.reels>.reel-video,.reels>.reel-bar{display:none}.reel-paused{z-index:2;color:#fff;pointer-events:none;background:#00000073;border-radius:50%;place-items:center;width:72px;height:72px;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.reel.paused .reel-paused{display:grid}.reel-info{z-index:3;padding:64px 18px calc(22px + env(safe-area-inset-bottom,0px));background:linear-gradient(#0000,#000000b8);gap:6px;display:grid;position:absolute;bottom:0;left:0;right:0}.reel-info h2{font:800 1.25rem/1.2 var(--display);color:#fff}.reel-info p{color:#ffffffe0;max-width:46ch;font-size:.95rem;line-height:1.45}.reel-tag{background:#ffffff2e;border-radius:999px;width:fit-content;padding:3px 10px;font-size:.78rem;font-weight:700}.reel-link{color:#ffd3ef;width:fit-content;margin-top:4px;font-size:.92rem;font-weight:700;text-decoration:none}.reel-bar{z-index:4;pointer-events:none;background:#fff3;height:3px;position:absolute;bottom:0;left:0;right:0}.reel-bar span{background:#fff;width:0;height:100%;display:block}.reels-top{z-index:5;padding:calc(12px + env(safe-area-inset-top,0px)) 14px 12px;pointer-events:none;justify-content:flex-end;align-items:center;gap:10px;display:flex;position:absolute;top:0;left:0;right:0}.reels-top>*{pointer-events:auto}.reels-count{color:#ffffffd9;text-shadow:0 1px 4px #0009;margin-right:auto;font-size:.88rem;font-weight:700}.reels-btn{color:#fff;cursor:pointer;backdrop-filter:blur(6px);background:#0000006b;border:0;border-radius:50%;place-items:center;width:46px;height:46px;display:grid}.reels-btn:hover{background:#ffffff38}.reels-btn.muted{background:#b3207fd9}.reels-nav{z-index:5;flex-direction:column;gap:12px;display:none;position:absolute;top:50%;right:20px;transform:translateY(-50%)}@media (width>=640px){.reels-nav{display:flex}.reels-top{padding-inline:20px}}html.reels-open,html.reels-open body{overflow:hidden}.reel-thumb{all:unset;cursor:pointer;background:var(--sunken);border-radius:14px;flex:none;width:140px;height:248px;position:relative;overflow:hidden}.reel-thumb img,.reel-thumb video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.reel-thumb .play{color:#fff;background:#00000080;border-radius:50%;place-items:center;width:30px;height:30px;transition:transform .15s;display:grid;position:absolute;bottom:8px;right:8px}.reel-thumb:hover .play,.reel-thumb:focus-visible .play{background:var(--accent);transform:scale(1.15)}.reel-thumb:focus-visible{outline:3px solid var(--purple);outline-offset:2px}@media (width>=1600px){.reel-thumb{width:168px;height:298px}}