/* Editorial v3: continuous photography, real interface references and long-form reading. */
.signup-banner{display:block;min-height:360px;background:#ecd7e8;isolation:isolate}
.signup-banner>img{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:cover;object-position:50% 50%;z-index:-2}
.signup-banner:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#fff5fc38,transparent 56%);pointer-events:none}
.signup-copy{width:47%;padding:53px 0 48px 44px}
.signup-copy h2{font-size:clamp(29px,3vw,41px);letter-spacing:-1.8px;line-height:1.05;margin:0 0 20px;text-wrap:balance}
.signup-copy>p:not(.eyebrow){font-size:15px;line-height:1.7;max-width:365px;margin:0}
.signup-copy .button{margin-top:25px;font-size:12px;min-height:49px;padding:14px 25px}
.ribbon{display:block;padding:19px 0;overflow:hidden;gap:0}
.ribbon-track{display:flex;width:max-content;animation:ribbon-left 30s linear infinite;will-change:transform}
.ribbon-group{display:flex;align-items:center;justify-content:space-around;gap:48px;min-width:100vw;flex-shrink:0;padding:0 24px;box-sizing:border-box}
.ribbon-group span,.ribbon-group i{display:block!important}
.ribbon:hover .ribbon-track{animation-play-state:paused}
@keyframes ribbon-left{to{transform:translateX(-50%)}}
@media(min-width:761px){.template-card.is-selected .template-choose{transform:translate(-50%,-50%) scale(1.18)}.template-card.is-selected .template-choose:hover{transform:translate(-50%,-54%) scale(1.18)}}
.nav-search{width:36px;height:36px;border:1px solid #ece3ed;border-radius:50%;display:grid;place-items:center;background:#fff;color:#231a26;flex-shrink:0;transition:background .2s,transform .2s}
.nav-search:hover{background:#ffe3f3;transform:scale(1.06)}
.nav-search svg,.search-input-wrap>svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.header-actions{gap:14px}.site-header nav{gap:16px}
.search-open{overflow:hidden}
.search-dialog{border:1px solid #e7d8e8;border-radius:23px;padding:34px;width:min(710px,calc(100vw - 32px));max-height:calc(100dvh - 60px);color:#211a25;box-shadow:0 30px 100px #26142d44;overflow:auto}
.search-dialog::backdrop{background:#21152777;backdrop-filter:blur(9px)}
.search-dialog[open]{animation:search-appear .2s ease-out}
@keyframes search-appear{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.search-dialog>.eyebrow{font-size:10px;letter-spacing:1.8px;color:#a50061;margin-bottom:13px}
.search-dialog h2{font-size:35px;line-height:1.13;letter-spacing:-1.5px;padding-right:30px;margin-bottom:24px;text-wrap:balance}
.search-input-wrap{display:flex;align-items:center;gap:13px;border:1px solid #ded0e1;border-radius:12px;background:#fff;padding:0 17px;min-height:57px;box-shadow:0 4px 18px #503c5d06}
.search-input-wrap:focus-within{outline:2px solid #ef0088;outline-offset:2px}
.search-input-wrap>svg{width:21px;height:21px;color:#b09baa;flex-shrink:0}
.search-input-wrap input{min-width:0;width:100%;padding:15px 0;border:0;outline:none;font:inherit;font-size:14px;background:transparent;color:#231c28}
.search-input-wrap input::-webkit-search-cancel-button{display:none}
.search-input-wrap button{border:0;background:#f8edf5;color:#79657a;border-radius:50%;width:25px;height:25px;font-size:19px;flex-shrink:0;padding:0;line-height:1}
.search-count{font-size:11px;color:#8f7e93;margin:18px 0 11px;font-weight:700}
.search-results{display:flex;flex-direction:column;max-height:min(490px,48dvh);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;gap:6px}
.search-result{display:grid;grid-template-columns:92px 1fr 20px;gap:17px;align-items:center;padding:13px 10px;border-radius:12px;transition:background .15s}
.search-result:hover{background:#fff0f8}
.search-result>img{width:92px;height:76px;object-fit:cover;object-position:bottom;border-radius:8px}
.search-result>div{min-width:0}.search-result div>span{font-size:9px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:#a00066;display:block;margin-bottom:5px}
.search-result strong{font-size:17px;line-height:1.2;letter-spacing:-.4px;display:block}
.search-result p{font-size:11px;line-height:1.6;color:#77677e;margin-top:7px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.search-result>i{font-size:23px;color:#f0008b;font-style:normal}
.search-all{display:inline-block;font-size:12px;font-weight:700;margin-top:18px;color:#bc006d}
.search-empty,.catalog-empty{font-size:15px;line-height:1.7;padding:25px 0;color:#736179}
.catalog-heading{margin-bottom:17px}.catalog-heading b{font-weight:inherit}
.blog-search{display:flex;align-items:center;gap:25px;margin-bottom:29px}
.blog-search label{font-size:12px;font-weight:700;white-space:nowrap}
.blog-search .search-input-wrap{width:min(100%,530px);background:#faf7fb;min-height:49px}
.article-card .card-description{padding-top:16px}
.article-layout{grid-template-columns:220px minmax(0,1fr);gap:55px}
.article-body>.article-intro,.article-section>h2,.article-section>p,.article-section>ul,.article-section>.editor-note{max-width:770px}
.article-section p,.article-section li{font-size:16px;line-height:1.9;color:#534958}
.article-section{padding-top:43px}
.article-section h2{font-size:31px;margin-bottom:23px;line-height:1.22;letter-spacing:-1.1px}
.article-section p+p{margin-top:21px}
.article-toc a{font-size:11px;padding:8px 12px}
.article-infographic{margin:34px 0 15px;padding:29px 22px 20px;position:relative;overflow:hidden}
.article-infographic>div{position:relative;padding:20px 10px 16px}
.article-infographic strong{font-size:clamp(40px,4.5vw,63px);letter-spacing:-2px;line-height:1.13;color:#ffa2d6}
.article-infographic>div:nth-child(2) strong{color:#e2d0ff}.article-infographic>div:nth-child(3) strong{color:#deff9f}
.article-infographic>div>i{display:block;font-style:normal;color:#ffffff55;font-size:25px;margin-bottom:11px}
.article-infographic span{font-size:12px;line-height:1.55;display:block;margin-top:14px}
.article-infographic figcaption{font-size:10px;line-height:1.65;color:#c2adc7}
.guide-screenshot{border:1px solid #e7dce9;border-radius:15px;background:#f6f1f8;margin:32px 0 21px;overflow:hidden;box-shadow:0 9px 25px #24162f08}
.screenshot-toolbar{display:flex;align-items:center;gap:13px;padding:14px 18px;border-bottom:1px solid #e8dfeb;font-size:10px;color:#8b7a93;background:#f3edf6}
.screenshot-toolbar>span:first-child{display:flex;gap:5px}.screenshot-toolbar i{width:7px;height:7px;border-radius:50%;background:#d9c8df}.screenshot-toolbar i:first-child{background:#f491c8}.screenshot-toolbar b{font-size:11px;color:#65556e;letter-spacing:.2px}.screenshot-toolbar>span:last-child{margin-left:auto}
.screenshot-image{display:block;background:#fff;padding:24px;cursor:zoom-in}
.screenshot-image img{width:100%;height:auto;max-height:560px;object-fit:contain;object-position:center;image-rendering:auto}
.guide-screenshot figcaption{display:flex;gap:20px;align-items:center;justify-content:space-between;padding:15px 18px;font-size:10px;line-height:1.7;color:#86718f}
.guide-screenshot figcaption>a{white-space:nowrap;font-weight:700;color:#a90063;text-decoration:none}
.guide-table{margin:30px 0 17px;border:1px solid #e8ddec;border-radius:14px;overflow:hidden;background:white}
.guide-table figcaption{background:#e8daf9;padding:18px 22px;font-size:14px;font-weight:800;line-height:1.45;letter-spacing:-.2px}
.table-scroll{overflow:auto;scrollbar-width:thin;overscroll-behavior:contain}
.guide-table table{width:100%;border-collapse:collapse;font-size:12px;line-height:1.7;min-width:570px}
.guide-table thead{background:#f6f0fb;color:#6a5376}.guide-table th,.guide-table td{padding:16px 18px;text-align:left;vertical-align:top;border-bottom:1px solid #eee5f2}
.guide-table tbody th{font-size:13px;min-width:140px;color:#25152e;font-weight:700}
.guide-table tbody td{color:#73617e}.guide-table tbody tr:nth-child(even){background:#fcf9fe}.guide-table tbody tr:last-child>*{border-bottom:0}
.guide-process{background:#f3eff6;border:1px solid #e8dfed;padding:30px;border-radius:18px;margin:35px 0 20px;position:relative;overflow:hidden}
.guide-process:before{content:'✦';position:absolute;right:-4px;top:-25px;font-size:180px;color:#e6d5f1;line-height:1;rotate:15deg}
.guide-process figcaption{position:relative}.guide-process figcaption>.eyebrow{font-size:9px;letter-spacing:1.8px;color:#a70064}.guide-process figcaption>strong{display:block;font-size:27px;line-height:1.18;letter-spacing:-1px;max-width:440px;margin-top:10px}.guide-process figcaption>p{font-size:13px;line-height:1.7;margin-top:13px}
.process-path{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:28px;position:relative}
.process-path:before{content:'';position:absolute;height:2px;background:repeating-linear-gradient(90deg,#c5afd8 0 5px,transparent 5px 9px);top:28px;left:11%;right:11%}
.process-path>a{display:flex;align-items:center;flex-direction:column;position:relative;text-align:center;padding:0 5px}
.process-symbol{width:58px;height:58px;border:2px solid #211629;box-shadow:3px 3px 0 #211629;display:grid;place-items:center;border-radius:16px;background:#f98fcb;color:#27172c;font-size:28px;rotate:-6deg;transition:rotate .2s}
.process-path>a:nth-child(2) .process-symbol{background:#e0ccf8;rotate:5deg}.process-path>a:nth-child(3) .process-symbol{background:#ddfaab}.process-path>a:nth-child(4) .process-symbol{background:#ffe799;rotate:5deg}.process-path>a:hover .process-symbol{rotate:0deg}
.process-path b{font-size:12px;letter-spacing:.1px;margin-top:18px;line-height:1.4}.process-path a>span:last-child{font-size:10px;line-height:1.55;color:#806b8c;margin-top:7px}
.profile-study{margin:35px 0 20px;background:#ffe6f3;border-radius:20px;display:grid;grid-template-columns:1fr 1fr;gap:35px;padding:37px;overflow:hidden;position:relative}
.profile-study-sheet{background:#fff;padding:9px;box-shadow:8px 13px 0 #dc98bf;rotate:-5deg;align-self:center}.profile-study-sheet img{width:100%}
.profile-study figcaption{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.profile-study .eyebrow{font-size:9px;letter-spacing:1px;line-height:1.6}.profile-study strong{font-size:48px;line-height:1.04;letter-spacing:-2px;display:block;margin:17px 0 24px;font-weight:800}.profile-study em{font-style:normal;color:#ec008a}.profile-study .button{font-size:10px;padding:12px 16px;min-height:43px;white-space:normal}
.article-faq>.eyebrow{font-size:10px;color:#e00082;margin-bottom:15px}.article-faq>h2{font-size:28px;letter-spacing:-.8px;margin-bottom:22px}.article-faq details{border-bottom:1px solid #e8dfec;padding:18px 0;max-width:770px}.article-faq summary{font-size:16px;font-weight:700;line-height:1.6;cursor:pointer;list-style:none;padding-right:32px;position:relative}.article-faq summary:after{content:'+';position:absolute;right:4px;top:0;color:#f0008b;font-size:23px;font-weight:400}.article-faq details[open] summary:after{content:'−'}.article-faq details>p{margin-top:15px;font-size:15px}.article-faq summary::-webkit-details-marker{display:none}
.guide-steps{list-style:none;counter-reset:step;padding:0;margin:25px 0}.guide-steps>li{counter-increment:step;padding:24px 24px 24px 68px;background:#faf5fc;margin:10px 0;border-radius:12px;position:relative}.guide-steps>li:before{content:counter(step);position:absolute;left:23px;top:25px;background:#f0008b;color:#fff;width:25px;height:25px;display:grid;place-items:center;border-radius:50%;font-size:13px;font-weight:800}.guide-steps strong{font-size:17px;display:block;margin-bottom:9px}
@media(max-width:1100px){.header-actions{gap:9px}.site-header nav{gap:13px}.home .header-contact{display:none}.signup-copy{width:49%;padding:39px 0 38px 32px}.signup-banner{min-height:330px}.signup-copy h2{font-size:31px}.signup-copy>p:not(.eyebrow){font-size:13px;max-width:310px}.signup-copy .button{font-size:11px}.article-layout{grid-template-columns:190px minmax(0,1fr);gap:30px}.guide-process{padding:24px}.profile-study{gap:28px;padding:28px}.profile-study strong{font-size:39px}}
@media(max-width:760px){.site-header{gap:8px}.header-actions{gap:8px}.nav-search{height:30px;width:30px}.nav-search svg{width:15px;height:15px}.signup-banner{min-height:0;padding-top:207px;background:#eed8e9}.signup-banner>img{height:230px;object-fit:cover;object-position:100% 50%;z-index:-2}.signup-banner:after{background:linear-gradient(180deg,transparent 160px,#eed8e9 233px);z-index:-1}.signup-copy{width:100%;padding:17px 25px 29px}.signup-copy h2{font-size:31px;max-width:400px;line-height:1.05;margin-bottom:14px;letter-spacing:-1.2px}.signup-copy>p:not(.eyebrow){font-size:13px;max-width:400px;line-height:1.65}.signup-copy .button{margin-top:19px}.ribbon{padding:15px 0}.ribbon-track{animation-duration:24s}.ribbon-group{gap:27px;padding:0 14px;min-width:650px;font-size:12px}.ribbon-group i{font-size:18px}.mobile-choice .button{font-size:13px;min-height:57px;padding:14px}.search-dialog{padding:27px 21px;width:calc(100vw - 24px);max-height:calc(100dvh - 30px);border-radius:18px}.search-dialog h2{font-size:28px;margin-bottom:22px}.search-input-wrap{padding:0 12px;gap:9px}.search-input-wrap input{font-size:12px}.search-result{grid-template-columns:63px 1fr 12px;gap:12px;padding:13px 4px}.search-result>img{width:63px;height:69px}.search-result strong{font-size:14px}.search-result p{font-size:10px}.search-result div>span{font-size:8px}.search-result>i{font-size:18px}.blog-search{display:block;margin-bottom:25px}.blog-search label{display:block;margin-bottom:10px;font-size:11px}.blog-search .search-input-wrap{width:100%}.article-layout{display:block;padding-top:24px}.article-section{padding-top:32px}.article-section p,.article-section li{font-size:15px;line-height:1.85}.article-section h2{font-size:27px;letter-spacing:-.7px}.article-toc a{font-size:10px}.article-infographic{padding:21px 8px 14px}.article-infographic strong{font-size:31px;letter-spacing:-1.3px}.article-infographic span{font-size:9px;line-height:1.55;margin-top:9px}.article-infographic>div{padding:5px 5px 10px}.article-infographic>div>i{font-size:18px;margin-bottom:9px}.article-infographic figcaption{font-size:8px}.guide-screenshot{margin:27px 0 16px}.screenshot-toolbar{padding:11px 13px;font-size:8px;gap:9px}.screenshot-toolbar b{font-size:10px}.screenshot-toolbar>span:last-child{max-width:140px;text-align:right;line-height:1.5}.screenshot-image{padding:13px}.guide-screenshot figcaption{padding:12px 13px;font-size:9px;gap:13px;align-items:flex-start}.guide-table figcaption{font-size:13px;padding:17px}.guide-table th,.guide-table td{padding:14px;font-size:11px}.guide-process{padding:23px}.guide-process figcaption>strong{font-size:25px;max-width:270px}.guide-process figcaption>p{font-size:12px}.process-path{grid-template-columns:1fr 1fr;gap:25px 16px}.process-path:before{display:none}.process-symbol{width:51px;height:51px;font-size:25px;border-radius:12px}.process-path b{font-size:11px;margin-top:14px}.process-path a>span:last-child{font-size:10px}.profile-study{padding:23px;gap:24px;grid-template-columns:1fr 1fr}.profile-study strong{font-size:32px;letter-spacing:-1px}.profile-study .eyebrow{font-size:8px}.profile-study .button{font-size:8px;padding:10px;min-height:36px}.profile-study-sheet{padding:6px;box-shadow:5px 8px 0 #dc98bf}.article-faq summary{font-size:15px}.article-faq details>p{font-size:14px}.article-faq>h2{font-size:26px}.guide-steps>li{padding:20px 18px 20px 55px}.guide-steps>li:before{left:17px;top:22px}}
@media(max-width:760px){.signup-banner{--banner-art-height:min(230px,49vw);padding-top:calc(var(--banner-art-height) - 20px)}.signup-banner>img{height:var(--banner-art-height)}.signup-banner:after{background:linear-gradient(180deg,transparent calc(var(--banner-art-height) - 38px),#eed8e9 calc(var(--banner-art-height) + 4px))}.article-body[data-article=tip-menu-bots] .article-hero{background:#ded9ff}.article-body[data-article=stream-safety] .article-hero{background:#caeee7}}
@media(prefers-reduced-motion:reduce){.ribbon-track{animation:none;will-change:auto}.search-dialog[open]{animation:none}.process-symbol{transition:none}}