/* TikTok's actual application screenshots, scoped to this product page. */
.tk-intro{position:relative;overflow:hidden;padding:58px 0 54px}
.tk-intro-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(220px,1fr);align-items:center;gap:40px}
.tk-intro-copy{position:relative;z-index:1}
.tk-intro-kicker{display:flex;align-items:center;gap:12px;margin-bottom:24px;color:#c4ceda;font-size:11px;font-weight:600;letter-spacing:.04em}
.tk-intro-kicker img{width:22px;height:22px;flex:none}
.tk-intro-kicker>span:last-child{color:#738093}
.tk-intro-divider{height:13px;width:1px;background:#394250}
.tk-intro h1{margin:0;color:#f2f5f9;font-size:clamp(34px,3.7vw,56px);font-weight:700;line-height:1.16;letter-spacing:-.045em}
.tk-intro h1>span{display:block}
.tk-intro-accent{color:#ff609a}
.tk-intro-copy>p{margin:22px 0 0;max-width:530px;font-size:14px;line-height:1.85;color:#a4b1c2}
.tk-intro-links{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px;margin-top:28px}
.tk-intro-links a{display:inline-flex;align-items:center;gap:22px;font-size:12px;font-weight:600;color:#d4dce7;padding:12px 0}
.tk-intro-links a:first-child{padding:13px 20px;border:1px solid #ff4d8d;border-radius:8px;background:#ff397f;color:#100a0e;box-shadow:0 4px 24px #ff397f18}
.tk-intro-links a:hover{color:#ff91b9}
.tk-intro-links a:first-child:hover{background:#ff6aa0;color:#100a0e}
.tk-intro-links a:focus-visible{outline:2px solid #ff9bc1;outline-offset:4px}
.tk-intro-art{position:relative;display:grid;place-items:center;justify-self:center;width:min(100%,320px);aspect-ratio:1;isolation:isolate}
.tk-intro-art:before{content:"";position:absolute;inset:6%;z-index:-1;background:radial-gradient(ellipse at 68% 35%,#ff397f20,transparent 65%),radial-gradient(ellipse at 28% 75%,#27d6cf13,transparent 65%);filter:blur(14px)}
.tk-intro-art>img{width:116px;height:116px;transform:rotate(-9deg);filter:drop-shadow(9px 14px 30px #ff397f2b)}
.tk-orbit{position:absolute;inset:2%;border:1px solid #35404b88;border-radius:50%;transform:rotate(-28deg)}
.tk-orbit-outer{border-right-color:#ff397f77;border-bottom-color:#28404755}
.tk-orbit-inner{inset:16%;border-color:#28354188;border-left-color:#60cfcb66;transform:rotate(35deg)}
.tk-orbit-point{position:absolute;width:7px;height:7px;border-radius:50%;background:#ff5b95;top:13%;right:16%;box-shadow:0 0 14px #ff397f80}
@media(max-width:1000px){.tk-intro-layout{grid-template-columns:minmax(0,1fr) 220px;gap:24px}.tk-intro-art>img{width:86px;height:86px}}
@media(max-width:700px){.tk-intro{padding:38px 0 42px}.tk-intro-layout{display:block}.tk-intro-art{display:none}.tk-intro-kicker{margin-bottom:22px}.tk-intro h1{font-size:clamp(30px,6.5vw,42px);letter-spacing:-.035em}.tk-intro-copy>p{margin-top:18px;font-size:13px}.tk-intro-links{margin-top:24px}}
.tk-figure{margin:0;min-width:0}
.tk-screenshot{display:block;position:relative;width:100%;padding:0;background:#0a0e12;overflow:hidden;border:1px solid var(--line);border-radius:10px;cursor:zoom-in}
.tk-screenshot img{display:block;width:100%;height:auto}
.tk-enlarge{position:absolute;right:14px;bottom:14px;display:flex;align-items:center;gap:8px;background:#10151bef;border:1px solid #526074;color:#eef1f6;border-radius:7px;padding:8px 12px;font-size:11px;opacity:0;transform:translateY(4px);transition:opacity .18s,transform .18s}
.tk-screenshot:hover .tk-enlarge,.tk-screenshot:focus-visible .tk-enlarge{opacity:1;transform:none}
.tk-story{padding:0 0 80px}
.tk-feature{position:relative;isolation:isolate;margin:0;padding:0;scroll-margin-top:calc(var(--tk-header-height,76px) + 16px)}
.tk-feature+.tk-feature{margin-top:88px}
.tk-feature-bar{position:sticky;top:calc(var(--tk-header-height,76px) + 8px);z-index:10;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:66px;padding:14px 0;border-top:2px solid #b43f68;border-bottom:1px solid #2d3744;background:#0b0f14f5;backdrop-filter:blur(16px)}
.tk-feature-name{display:flex;align-items:center;gap:14px;min-width:0}
.tk-feature-name strong{font-size:19px;font-weight:700;line-height:1.35;color:#f2f5f9}
.tk-feature-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:52px;align-items:start;margin:0;padding:32px 0}
.tk-feature-heading .eyebrow{color:#ff4d8d;font-size:10px}
.tk-feature-heading h2{font-size:clamp(28px,3.3vw,43px);margin:0;max-width:520px;line-height:1.16}
.tk-feature-heading p{font-size:14px;line-height:1.8}
.tk-feature-heading ul{padding:0;margin:18px 0 0;list-style:none;display:grid;gap:10px}
.tk-feature-heading li{color:#c1cbd6;font-size:12px;line-height:1.75;padding-left:17px;position:relative}
.tk-feature-heading li:before{content:"";width:4px;height:4px;background:#ff4d8d;border-radius:50%;position:absolute;left:0;top:.78em}
.tk-gallery{min-width:0}
.tk-gallery-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:2px 2px 14px}
.tk-gallery-hint{margin:0;color:#c4ceda;font-size:12px;line-height:1.6}
.tk-gallery-controls{display:flex;align-items:center;gap:8px;flex:none}
.tk-gallery-controls button{display:grid;place-items:center;width:44px;height:40px;padding:0;border:1px solid #596576;border-radius:8px;background:#222d3a;color:#f1f5fa;font-size:22px;cursor:pointer;transition:background .15s,border-color .15s}
.tk-gallery-controls button:hover:not(:disabled){background:#452338;border-color:#ff4d8d}
.tk-gallery-controls button:disabled{background:#151c24;border-color:#2f3946;color:#586373;cursor:default}
.tk-gallery-controls [data-gallery-count]{min-width:40px;text-align:center;font-size:12px;font-variant-numeric:tabular-nums;color:#e6edf5}
.tk-gallery-tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:14px;scrollbar-width:thin;scrollbar-color:#455162 transparent}
.tk-gallery-tabs button{padding:11px 15px;border:1px solid #4a5667;border-radius:8px;background:#1e2834;box-shadow:0 2px 0 #070b10;color:#d5dfea;white-space:nowrap;font-size:12px;font-weight:600;line-height:1.5;cursor:pointer;transition:background .15s,border-color .15s}
.tk-gallery-tabs button:hover{background:#303444;border-color:#ff7aa9;color:#fff}
.tk-gallery-tabs button[aria-selected=true]{color:#fff;background:#74304c;border-color:#ff4d8d;box-shadow:inset 0 -2px 0 #ff4d8d}
.tk-gallery-tabs button:focus-visible,.tk-gallery-controls button:focus-visible{outline:2px solid #ff9bc1;outline-offset:2px}
.tk-gallery [role=tabpanel]{min-width:0}
.tk-lightbox{background:#0c1117;border:1px solid #354152;color:var(--text);padding:0;border-radius:12px;width:min(1900px,calc(100vw - 40px));max-width:none;max-height:calc(100dvh - 40px);overflow:hidden;box-shadow:0 24px 100px #0009}
.tk-lightbox::backdrop{background:#020509e8;backdrop-filter:blur(8px)}
.tk-lightbox[open]{display:flex;flex-direction:column}
.tk-lightbox-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 20px;border-bottom:1px solid var(--line);flex:none}
.tk-lightbox-bar p{color:#e0e6ed;font-size:13px}
.tk-lightbox button{background:#17202b;border:1px solid #364251;border-radius:6px;padding:8px 14px;font-size:12px;flex:none}
.tk-lightbox button:hover{border-color:#ff4d8d}
.tk-lightbox button:disabled{opacity:.4;cursor:default}
.tk-lightbox-image{overflow:auto;display:grid;place-items:center;min-height:0;padding:10px}
.tk-lightbox-image img{width:auto;max-width:100%;max-height:calc(100dvh - 178px);object-fit:contain}
.tk-lightbox-controls{display:flex;align-items:center;justify-content:center;gap:20px;padding:10px 16px;border-top:1px solid var(--line);font-size:11px;flex:none}
body.tk-lightbox-open{overflow:hidden}
@media(min-width:1000px){#tk-settings .tk-gallery{max-width:1000px}}
@media(max-width:900px){.tk-feature-heading{gap:28px}.tk-feature-heading h2{font-size:32px}.tk-feature+.tk-feature{margin-top:64px}}
@media(max-width:600px){.tk-enlarge{display:none}.tk-story{padding:0 0 48px}.tk-feature-heading{grid-template-columns:1fr}.tk-feature-heading p{font-size:13px}.tk-feature-heading li{font-size:12px}.tk-gallery-tabs{padding-bottom:8px}.tk-gallery-tabs button{font-size:11px;padding:9px 10px}.tk-screenshot{border-radius:6px}.tk-lightbox{width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.tk-lightbox-bar{padding:10px;gap:10px}.tk-lightbox-bar p{font-size:11px}.tk-lightbox-controls{gap:8px}.tk-lightbox button{font-size:10px;padding:8px}.tk-lightbox-image{display:block;overflow:auto;padding:4px}.tk-lightbox-image img{width:1100px;max-width:none;max-height:none}.tk-lightbox-controls [data-lightbox-count]{min-width:35px;text-align:center}}
@media(prefers-reduced-motion:reduce){.tk-enlarge,.tk-gallery-tabs button,.tk-gallery-controls button{transition:none}}
@media(max-width:600px){.tk-gallery-toolbar{gap:10px;padding:4px 3px 12px}.tk-gallery-hint{font-size:11px}.tk-gallery-controls{gap:4px}.tk-gallery-controls button{width:38px;height:42px}.tk-gallery-controls [data-gallery-count]{min-width:34px;font-size:11px}.tk-gallery-tabs{gap:6px}}
@media(max-width:600px){.tk-feature+.tk-feature{margin-top:48px}.tk-feature-bar{top:var(--tk-header-height,67px);min-height:58px;padding:12px 0;gap:10px}.tk-feature-name{gap:9px}.tk-feature-name strong{font-size:14px}.tk-feature-heading{padding:24px 0;margin:0;gap:18px}.tk-feature-heading h2{font-size:27px;margin:0}.tk-gallery-tabs{padding-top:2px}.tk-feature-heading ul{margin-top:14px}}