@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/inter-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2070, U+2074-207E, U+2080-208E, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/inter-400-latin-ext.woff2) format("woff2");unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/inter-500-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2070, U+2074-207E, U+2080-208E, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/inter-500-latin-ext.woff2) format("woff2");unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/inter-600-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2070, U+2074-207E, U+2080-208E, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/inter-600-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/inter-600-latin-ext.woff2) format("woff2");unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/inter-700-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2070, U+2074-207E, U+2080-208E, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/inter-700-latin-ext.woff2) format("woff2");unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:"Krona One";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/krona-one-400-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:"Krona One";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/krona-one-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:"Guide Source Inter";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/inter-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2070, U+2074-207E, U+2080-208E, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:"Guide Source Inter";font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/inter-700-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2070, U+2074-207E, U+2080-208E, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:"Guide Source Inter";font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/guide-source-inter-400-italic-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2070, U+2074-207E, U+2080-208E, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:"Guide Source Inter Placeholder";src:local("Arial");ascent-override:89.79%;descent-override:22.36%;line-gap-override:0%;size-adjust:107.89%;}
@font-face{font-family:"Guide Source Mono";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/guide-source-fragment-mono-400-latin.woff2) format("woff2");}
:root {
  --c-brand: rgb(230, 41, 86);          
  --c-brand-light: rgb(235, 84, 120);   
  --c-text: rgb(51, 51, 51);            
  --c-text-2: rgb(102, 102, 102);       
  --c-text-3: rgb(153, 153, 153);       
  --c-line: rgb(223, 223, 223);         
  --c-bg: rgb(245, 246, 247);           
  --c-white: rgb(255, 255, 255);
  --c-accent-image: rgb(254, 129, 20);  
  --c-accent-video: rgb(42, 74, 233);   
  --c-btn-soft: rgb(240, 232, 240);     
  --c-btn-soft-fg: rgb(233, 30, 140);   
  --c-black: rgb(0, 0, 0);
  --font-display: "Krona One", var(--font-sans);   
  --font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
  --fs-h1: 30px;   --lh-h1: 1.3;  --fw-h1: 600;   
  --fs-h1b: 70px;  --lh-h1b: 1.2; --fw-h1b: 700;  
  --fs-h2: 24px;   --lh-h2: 1.3;  --fw-h2: 600;   
  --fs-h2b: 36px;  --lh-h2b: 1.3; --fw-h2b: 700;  
  --fs-h3: 22px;   --lh-h3: 1.3;  --fw-h3: 700;
  --fs-h4: 20px;   --lh-h4: 1.3;  --fw-h4: 600;
  --fs-h5: 18px;   --lh-h5: 1.3;  --fw-h5: 500;
  --fs-h6: 16px;   --lh-h6: 1.3;  --fw-h6: 500;
  --fs-body: 16px; --lh-body: 1.5;
  --fs-body-2: 14px; --fs-body-3: 12px;
  --ls: 0px;
  --r-sm: 8px; --r-md: 16px; --r-lg: 24px; --r-pill: 100px;
  --shadow-wall-card: 0 0 2px 0 rgba(0, 0, 0, .1); 
  --shadow-card: 2px 2px 4px 0 rgba(0, 0, 0, 0.04);
  --border-card: 1px solid rgb(153, 153, 153);
  --page-max: 1200px;      
  --gutter: 20px;
  --section-y: 48px;
  --nav-h: 64px;
}
@media (min-width: 810px) {
  :root { --fs-h1: 24px; --fs-h1b: 44px; --fs-h2: 20px; --fs-h2b: 24px; --fs-h3: 20px; --fs-h4: 18px; --fs-body: 14px; --gutter: 32px; --section-y: 64px; }
}
@media (min-width: 1280px) {
  :root { --fs-h1: 34px; --fs-h1b: 56px; --fs-h2: 28px; --fs-h2b: 32px; --fs-h3: 24px; --fs-h4: 20px; --fs-body: 16px; --gutter: 40px; --section-y: 80px; }
}
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
body { margin: 0; font-family: var(--font-sans); font-size: var(--fs-body); line-height: var(--lh-body); color: var(--c-text); background: var(--c-white); letter-spacing: var(--ls); -webkit-font-smoothing: antialiased; }
body { overflow-wrap: break-word; }
h1, h2, h3, h4, h5, h6, p, ul, ol, figure, blockquote { margin: 0; }
ul, ol { padding: 0; list-style: none; }
img, video, svg, picture { display: block; max-width: 100%; height: auto; }
a { color: inherit; text-decoration: none; }
button { font: inherit; }
:focus-visible { outline: 2px solid var(--c-brand); outline-offset: 2px; }
h1 { font-size: var(--fs-h1); line-height: var(--lh-h1); font-weight: var(--fw-h1); text-wrap: balance; }
h2 { font-size: var(--fs-h2b); line-height: var(--lh-h2b); font-weight: var(--fw-h2b); text-wrap: balance; }
h3 { font-size: var(--fs-h3); line-height: var(--lh-h3); font-weight: var(--fw-h3); }
h4 { font-size: var(--fs-h4); line-height: var(--lh-h4); font-weight: var(--fw-h4); }
h5 { font-size: var(--fs-h5); line-height: var(--lh-h5); font-weight: var(--fw-h5); }
h6 { font-size: var(--fs-h6); line-height: var(--lh-h6); font-weight: var(--fw-h6); }
.wrap { width: min(100% - 2 * var(--gutter), var(--page-max)); margin-inline: auto; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; } }
.consent-banner { position: fixed; left: max(16px, env(safe-area-inset-left)); right: max(16px, env(safe-area-inset-right)); bottom: max(16px, env(safe-area-inset-bottom)); z-index: 70; display: flex; align-items: center; justify-content: space-between; gap: 20px; width: min(720px, calc(100% - 32px)); margin-inline: auto; padding: 18px; border: 1px solid var(--c-line); border-radius: var(--r-sm); background: var(--c-white); box-shadow: var(--shadow-card); }
.consent-banner[hidden] { display: none; }
.consent-banner h2 { margin: 0 0 6px; font-size: 18px; line-height: 1.3; text-wrap: balance; }
.consent-banner p { margin: 0; color: var(--c-text-2); font-size: 14px; line-height: 1.5; text-wrap: pretty; }
.consent-banner p a { color: var(--c-accent-video); text-decoration: underline; text-underline-offset: 2px; }
.consent-actions { display: flex; flex: none; gap: 8px; }
.consent-actions .btn { min-height: 44px; white-space: nowrap; }
@media (max-width: 639px) { .consent-banner { align-items: stretch; flex-direction: column; } .consent-actions { width: 100%; } .consent-actions .btn { flex: 1 1 0; } }
.footer-consent { display: block; margin: 12px auto 0; padding: 4px 0; border: 0; background: transparent; color: var(--c-line); font-size: 12px; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
@media (max-width: 809px) { [data-hide~="phone"] { display: none !important; } }
@media (min-width: 810px) and (max-width: 1199px) { [data-hide~="tablet"] { display: none !important; } }
@media (min-width: 1200px) { [data-hide~="desktop"] { display: none !important; } }
main[data-surface] {
  --s-band-y: var(--t-sec-y, var(--section-y));
  --s-row-gap: var(--t-row-gap, var(--section-y));
  --s-col-gap: var(--t-col-gap, var(--gutter));
  --s-ground: var(--c-white);
  --s-card-bg: var(--c-white);
  --s-card-line: var(--c-line);
  --s-card-radius: var(--r-md);
  --s-card-shadow: var(--shadow-card);
  --s-title: var(--t-sec-h2, var(--fs-h2b));
  --s-row-title: var(--t-row-h2, var(--fs-h2));
  --s-h3: var(--t-h3, var(--fs-h3));
  --s-h4: var(--t-h4, var(--fs-h4));
  --s-display: var(--font-sans);
  --s-link: var(--c-brand);
}
main[data-surface="tool"] {
  --s-ground: var(--c-white);
  --s-card-radius: var(--t-card-r, var(--r-md));
  --s-card-x: var(--t-card-x, var(--gutter));
  --s-inset: var(--t-inset, 0px);
  --s-hero-tint: var(--t-hero-tint);
}
main[data-surface="home"] {
  --s-ground: var(--c-white);
  --s-card-line: var(--home-card-line, var(--c-line));
  --s-band-pad: var(--home-band-pad, var(--gutter));
  --s-media-col: var(--home-media-col);
  --s-media-gap: var(--home-media-gap, var(--gutter));
  --s-tile-gap: var(--home-tile-gap, 4px);
}
main[data-surface="blog"] {
  --s-ground: var(--c-bg);
  --s-card-bg: var(--c-white);
  --s-card-radius: var(--blog-r-card, var(--r-sm));
  --s-card-shadow: var(--blog-shadow-card, var(--shadow-card));
  --s-display: var(--font-display);
  --s-link: var(--blog-link, var(--c-brand));
  --s-cover-h: var(--blog-cover-h);
}
.sec { display: grid; grid-template-columns: minmax(var(--gutter), 1fr) minmax(0, var(--page-max)) minmax(var(--gutter), 1fr); padding-block: var(--section-y); }
.sec > * { grid-column: 2; }
.sec > h2 { text-align: center; margin-bottom: 32px; }
.sec-sub { text-align: center; color: var(--c-text-2); max-width: 64ch; margin: -20px auto 32px; }
.btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; font-weight: 600; line-height: 1.2; text-align: center; border-radius: var(--r-sm); padding: 12px 20px; transition: background-color .15s ease, color .15s ease, transform .15s ease; }
.btn:hover { transform: translateY(-1px); }
.btn-primary { background: var(--c-brand); color: var(--c-white); }
.btn-primary:hover { background: var(--c-brand-light); }
.btn-dark { background: var(--c-text); color: var(--c-white); }
.btn-white { background: var(--c-white); color: var(--c-text); }
.btn-ghost { background: transparent; color: var(--c-text); border: 1px solid var(--c-line); }
.btn-lg { padding: 14px 32px; font-size: 18px; }
.cta-row { display: flex; justify-content: center; margin-top: 24px; }
.microcopy { text-align: center; color: var(--c-text-2); font-size: var(--fs-body-2); margin-top: 6px; }
.card { background: var(--c-white); border: 1px solid var(--c-line); border-radius: var(--r-md); box-shadow: var(--shadow-card); }
.card-grid { display: grid; gap: 16px; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); }
.prose { max-width: 72ch; }
.prose p, .prose ul, .prose ol { margin-block: 0 1em; }
.prose ul { list-style: disc; padding-left: 1.4em; }
.prose ol { list-style: decimal; padding-left: 1.4em; }
.prose h2, .prose h3, .prose h4 { margin-block: 1.4em .5em; }
.prose a { color: var(--c-accent-video); text-decoration: underline; text-underline-offset: 2px; }
.prose img, .prose picture { border-radius: var(--r-sm); margin-block: 1em; }
.wall-followers .wall-count { font-weight: 500; color: var(--c-text); }
.wall-followers .wall-unit { font-weight: 400; color: var(--c-text-3); font-size: 0.66em; }
.wall-followers .wall-unit:empty { display: none; }
:root {
  --nav-bg: rgba(0, 0, 0, 0.65);           
  --nav-blur: 24px;                          
  --nav-h-phone: 60px;
  --chrome-rule: rgba(255, 255, 255, 0.42);  
  --chrome-heading: rgb(222, 222, 222);      
  --chrome-link: var(--c-text-3);            
  --menu-shadow: 0 8px 24px rgba(0, 0, 0, 0.16), 0 1px 3px rgba(0, 0, 0, 0.08);
}
.nav { position: sticky; top: 0; z-index: 50; background: var(--nav-bg); color: var(--c-white); -webkit-backdrop-filter: blur(var(--nav-blur)); backdrop-filter: blur(var(--nav-blur)); }
.nav-inner { display: grid; grid-template-columns: auto 1fr auto; align-items: center; column-gap: 24px; min-height: var(--nav-h); }
.nav-logo { display: inline-flex; flex: none; align-items: center; color: var(--c-white); }
.nav-logo svg { display: block; width: 166px; height: 62px; }                 
.nav-links { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 8px 52px; font-size: 16px; line-height: 1.3; font-weight: 400; }
.nav-links li { display: flex; }
.nav-links a { display: inline-flex; align-items: center; justify-content: center; padding: 4px 0; color: var(--c-white); opacity: 1; transition: opacity .15s ease; white-space: nowrap; }
.nav-links a:hover { opacity: .75; }
.nav-right { display: flex; align-items: center; justify-content: flex-end; gap: 10px; }
.nav .nav-launch { padding: 8px 20px; min-height: 44px; border-radius: 4px; font-size: 18px; font-weight: 700; line-height: 1.2; color: var(--c-text); background: var(--c-white); white-space: nowrap; }
.nav .nav-launch:hover { background: var(--c-bg); transform: none; }
.nav :focus-visible { outline-color: var(--c-white); }
.nav .lang-menu :focus-visible, .nav .nav-launch:focus-visible { outline-color: var(--c-brand); }
.nav-drawer { display: none; }
.lang { position: relative; }
.lang-current { display: inline-flex; align-items: center; gap: 4px; height: 40px; padding: 8px 12px; border-radius: 4px; font-size: 16px; line-height: 1.3; color: var(--c-white); cursor: default; white-space: nowrap; }   
.lang-current svg { flex: none; }
.lang-current svg:first-child { width: 20px; height: 20px; }   
.lang-current svg:last-child { transition: transform .15s ease; }
.lang:hover .lang-current svg:last-child, .lang:focus-within .lang-current svg:last-child { transform: rotate(180deg); }
.lang-menu { position: absolute; top: 100%; right: 0; z-index: 60; min-width: 200px; margin-top: 4px; padding: 6px 0; list-style: none; background: var(--c-white); color: var(--c-text); border-radius: var(--r-sm); box-shadow: var(--menu-shadow); opacity: 0; transform: translateY(-4px); pointer-events: none; transition: opacity .15s ease, transform .15s ease; }
.lang-menu::before { content: ""; position: absolute; left: 0; right: 0; top: -8px; height: 8px; }   
.lang:hover .lang-menu, .lang:focus-within .lang-menu { opacity: 1; transform: none; pointer-events: auto; }
.lang-menu li { font-size: 14px; line-height: 1.3; }
.lang-menu li[aria-current] { padding: 8px 16px; color: var(--c-text-3); }
.lang-menu a { display: block; padding: 8px 16px; color: var(--c-text); }
.lang-menu a:hover, .lang-menu a:focus-visible { background: var(--c-bg); color: var(--c-brand); outline-offset: -2px; }
@media (prefers-reduced-motion: reduce) { .lang-menu { transition: none; } }
@media (min-width: 1280px) {
  .nav-inner { grid-template-columns: 1fr auto 1fr; }
  .nav-links { justify-self: center; margin-right: 120px; gap: 8px 52px; }
  .nav-links a { min-width: 88px; }
}
@media (min-width: 810px) and (max-width: 1279px) {
  .nav-inner.wrap { width: calc(100% - 40px); }
  .nav-inner { column-gap: clamp(2px, (100vw - 810px) * .2, 24px); }
  .nav-links { flex-wrap: nowrap; gap: 8px 28px; }   
  .nav-right { gap: 8px; }
  .lang-current { padding: 8px; }   
}
@media (min-width: 1024px) and (max-width: 1279px) { .nav-links a { min-width: 88px; } }
@media (max-width: 809px) {
  .nav-inner { display: flex; align-items: center; column-gap: 6px; min-height: var(--nav-h-phone); }
  .nav-logo { margin-right: auto; height: var(--nav-h-phone); }
  .nav-logo svg { width: 138px; height: 52px; }             
  .nav-links, .lang { display: none; }
  .nav-right { gap: 6px; }
  .nav .nav-launch { padding: 8px 14px; min-height: 36px; min-width: 124px; font-size: 14px; }
  .nav-drawer { display: block; }
  .nav-burger { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 5px; width: 44px; height: 44px; margin-right: -6px; list-style: none; cursor: pointer; border-radius: 4px; }
  .nav-burger::-webkit-details-marker { display: none; }
  .nav-burger::marker { content: ""; }
  .nav-burger span { display: block; width: 22px; height: 2px; border-radius: 1px; background: var(--c-white); transition: transform .2s ease, opacity .2s ease; }
  .nav-drawer[open] .nav-burger span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
  .nav-drawer[open] .nav-burger span:nth-child(2) { opacity: 0; }
  .nav-drawer[open] .nav-burger span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
  .nav-burger:focus-visible { outline: 2px solid var(--c-white); outline-offset: 2px; }
  .nav:has(.nav-inner > .nav-right > .nav-drawer[open]) { background: var(--c-white); color: var(--c-text); -webkit-backdrop-filter: none; backdrop-filter: none; animation: none; }   
  .nav:has(.nav-inner > .nav-right > .nav-drawer[open]) .nav-logo { color: var(--c-text); }
  .nav:has(.nav-inner > .nav-right > .nav-drawer[open]) .nav-burger span { background: var(--c-text); }
  .nav:has(.nav-inner > .nav-right > .nav-drawer[open]) .nav-burger:focus-visible { outline-color: var(--c-text); }
  .nav:has(.nav-inner > .nav-right > .nav-drawer[open]) .nav-launch { background: var(--c-text); color: var(--c-white); }
  .nav:has(.nav-inner > .nav-right > .nav-drawer[open]) .nav-launch:hover { background: var(--c-text-2); }
  .nav-drawer-panel { position: absolute; top: 100%; left: 0; right: 0; min-height: calc(100vh - var(--nav-h-phone)); min-height: calc(100dvh - var(--nav-h-phone)); max-height: calc(100vh - var(--nav-h-phone)); max-height: calc(100dvh - var(--nav-h-phone)); overflow-y: auto; padding: 30px var(--gutter) 32px; background: var(--c-white); color: var(--c-text); }   
  .nav-drawer-links { display: flex; flex-direction: column; list-style: none; }
  .nav-drawer-links a { display: flex; align-items: center; min-height: 64px; border-bottom: 1px solid var(--c-line); font-size: 16px; line-height: 1.3; font-weight: 400; color: var(--c-text); }
  .nav-drawer-links a:hover { color: var(--c-brand); }
  .nav-drawer-lang-label { display: flex; align-items: center; min-height: 64px; margin: 0; padding-left: 26px; border-bottom: 1px solid var(--c-line); font-size: 16px; line-height: 1.3; color: var(--c-text); background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' fill='%23333'%3E%3Cpath d='M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm87.63,96H175.8c-1.41-28.46-10.27-55.47-25.12-77A88.2,88.2,0,0,1,215.63,120ZM128,215.89c-18.73-20.27-30.09-49-31.77-79.89h63.54C158.09,166.87,146.73,195.62,128,215.89ZM96.23,120c1.68-30.87,13-59.62,31.77-79.89,18.73,20.27,30.09,49,31.77,79.89Zm9.09-77C90.47,64.53,81.61,91.54,80.2,120H40.37A88.2,88.2,0,0,1,105.32,43ZM40.37,136H80.2c1.41,28.46,10.27,55.47,25.12,77A88.2,88.2,0,0,1,40.37,136Zm110.31,77c14.85-21.56,23.71-48.57,25.12-77h39.83A88.2,88.2,0,0,1,150.68,213Z'/%3E%3C/svg%3E") 0 50% / 18px 18px no-repeat; }   
  .nav-drawer-langs { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; list-style: none; font-size: 14px; line-height: 1.2; }
  .nav-drawer-langs li, .nav-drawer-langs a { display: inline-flex; align-items: center; min-height: 32px; padding: 0 12px; border-radius: var(--r-pill); border: 1px solid var(--c-line); color: var(--c-text); }
  .nav-drawer-langs li:has(> a) { padding: 0; border: 0; }
  .nav-drawer-langs li[aria-current] { background: var(--c-text); color: var(--c-white); border-color: var(--c-text); }
  .nav-drawer-langs a:hover { border-color: var(--c-text); }
  @media (prefers-reduced-motion: reduce) { .nav-burger span { transition: none; } }
}
body:has(> main[data-page="home"]) .nav:has(+ main[data-page="home"]) { position: fixed; top: 0; left: 0; right: 0; z-index: 50; background: var(--nav-bg); --nav-blur: 16px; }
.nav:has(+ main[data-page="home"]) .nav-links a, .nav:has(+ main[data-page="home"]) .lang-current { text-shadow: 0 1px 2px rgba(0, 0, 0, .35); }
@supports (animation-timeline: scroll()) {
  @keyframes navbg { from { background-color: rgba(0, 0, 0, 0); -webkit-backdrop-filter: blur(0px); backdrop-filter: blur(0px); } }
  body:has(> main[data-page="home"]) .nav:has(+ main[data-page="home"]) { animation: navbg linear both; animation-timeline: scroll(root); animation-range: 0px 64px; }
}
.footer { background: var(--c-text); color: var(--c-white); padding-block: 32px; font-size: 16px; line-height: 1.2; }
.footer-inner { display: flex; flex-direction: column; gap: 24px; }
.footer-top { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding-bottom: 24px; border-bottom: 1px solid var(--chrome-rule); }
.footer-logo { display: inline-flex; color: var(--c-white); }
.footer-logo svg { display: block; width: 184px; height: 33px; }   
.footer-social { display: flex; align-items: center; gap: 16px; }
.footer-social a { display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; padding: 5px; border: 1px solid var(--c-text-3); border-radius: 4px; color: var(--c-white); transition: border-color .15s ease, background-color .15s ease; }   
.footer-social a:hover { border-color: var(--c-white); background: rgba(255, 255, 255, .08); }
.footer-social picture, .footer-social img { flex: none; width: 20px; height: 20px; object-fit: contain; }
.footer-social img { background-color: transparent !important; }   
.footer-cols { display: grid; grid-template-columns: 228fr 478fr 228fr 250fr; column-gap: 8px; row-gap: 32px; align-items: start; }
.footer-toggle[hidden] { display: block; position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); border: 0; opacity: 0; }   
.footer-col-head { display: block; }
.footer-chevron { display: none; }
.footer-col h2, .footer-col h5 { margin-bottom: 16px; font-size: 12px; line-height: 1.2; font-weight: 400; color: var(--chrome-heading); text-wrap: initial; }
.footer-col h2 { text-transform: uppercase; }
.footer-list { display: flex; flex-direction: column; gap: 12px; }   
.footer-list a { color: var(--chrome-link); transition: color .15s ease; }
.footer-list a:hover { color: var(--c-white); }
.footer-col-features .footer-list { display: block; columns: 2; column-gap: 10px; }
.footer-col-features .footer-list li { break-inside: avoid; margin-bottom: 12px; }
.footer-col-contact { justify-self: end; text-align: right; }
.footer-col-contact h2 { margin-bottom: 12px; }
.footer-col-contact p a { color: var(--c-bg); }
.footer-col-contact p a:hover { text-decoration: underline; text-underline-offset: 3px; }
.footer-copy { padding-top: 24px; border-top: 1px solid var(--chrome-rule); text-align: center; font-size: 14px; line-height: 1.2; color: var(--chrome-heading); }
.footer-copy small { font-size: inherit; }
.footer-copy small::before { content: "© "; }   
.footer :focus-visible { outline-color: var(--c-white); }
main[data-kind] footer.sec-social, main footer.sec-social { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; border: 0; }
@media (min-width: 810px) and (max-width: 1279px) {
  .footer { font-size: 16px; }
  .footer-inner.wrap { width: calc(100% - 40px); }
  .footer-cols { grid-template-columns: 236fr 492fr 236fr; grid-template-rows: auto 1fr; column-gap: 10px; row-gap: 32px; }
  .footer-col-links { grid-column: 1; grid-row: 1; }
  .footer-col-contact { grid-column: 1; grid-row: 2; align-self: end; justify-self: start; text-align: left; }
  .footer-col-features { grid-column: 2; grid-row: 1 / span 2; }
  .footer-col-tools { grid-column: 3; grid-row: 1 / span 2; }
  .footer-col-contact h2 { margin-bottom: 8px; }
}
@media (max-width: 809px) {
  .footer { padding-block: 32px; }
  .footer-inner.wrap { width: calc(100% - 32px); }   
  .footer-top { flex-direction: column; align-items: flex-start; gap: 24px; }
  .footer-cols { grid-template-columns: 1fr; row-gap: 0; margin-top: -8px; }   
  .footer-col { position: relative; }
  .footer-col-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 47px; cursor: pointer; -webkit-tap-highlight-color: transparent; }
  .footer-col-head h2, .footer-col-head h5 { margin: 0; font-size: 18px; line-height: 1.3; font-weight: 500; color: var(--c-line); text-transform: none; }   
  .footer-col-head h2 { text-transform: uppercase; }
  .footer-chevron { display: block; flex: none; width: 20px; height: 20px; margin-right: -2px; color: var(--c-white); transition: transform .2s ease; }
  .footer-toggle:checked ~ .footer-col-head .footer-chevron { transform: rotate(180deg); }
  .footer-toggle:focus-visible ~ .footer-col-head { outline: 2px solid var(--c-white); outline-offset: 2px; border-radius: 2px; }
  .footer-list, .footer-col-features .footer-list { display: none; flex-direction: column; gap: 12px; padding: 2px 0 16px; columns: auto; font-size: 16px; }
  .footer-toggle:checked ~ .footer-list { display: flex; }
  .footer-col-features .footer-list li { margin-bottom: 0; }
  .footer-col-contact { justify-self: start; text-align: left; margin-top: 12px; }
  .footer-col-contact h2 { margin-bottom: 4px; font-size: 12px; line-height: 1.2; font-weight: 400; color: var(--chrome-heading); text-transform: uppercase; }
  .footer-copy { text-align: left; }
  .footer-copy small { display: block; position: relative; padding-left: 20px; }   
  .footer-copy small::before { position: absolute; left: 0; top: 0; }
  @media (prefers-reduced-motion: reduce) { .footer-chevron { transition: none; } }
}
.nav-drawer-cta { display: none; }
@media (max-width: 809px) {
  .nav:has(.nav-drawer[open]) .nav-launch { display: none; }
  .nav-drawer[open] .nav-drawer-cta { display: flex; justify-content: center; align-items: center; width: 100%; min-height: 48px; margin-top: 40px; border-radius: 4px; background: var(--c-text); color: var(--c-white); font-size: 16px; font-weight: 600; line-height: 1.2; text-transform: uppercase; }
  .nav-drawer[open] .nav-drawer-cta:hover { background: var(--c-text); color: var(--c-white); opacity: .92; }
}
main[data-kind] {
  --t-hero-h1: 40px; --t-hero-lh: 1.2;
  --t-sec-h2: 24px;          
  --t-row-h2: 20px;          
  --t-steps-h2: 24px;        
  --t-h3: 20px;
  --t-h4: 18px;
  --t-sec-y: 28px;           
  --t-row-gap: 48px;         
  --t-hero-tint: rgb(249, 243, 248);
  --t-inset: 0px;            
  --t-card-r: var(--r-md);   
  --t-card-x: 16px;          
  --t-col-gap: 24px;         
}
@media (max-width: 809px) { main[data-kind] { --gutter: 16px; } }   
@media (min-width: 810px) {
  main[data-kind] { --t-hero-h1: 80px; --t-hero-h1-w: 640px; --t-sec-h2: 30px; --t-row-h2: 22px; --t-steps-h2: 28px; --t-h3: 20px; --t-sec-y: 40px; --t-row-gap: 80px; --t-inset: 24px; --t-card-x: 20px; }
}
@media (min-width: 1280px) {
  main[data-kind] { --t-hero-h1: 80px; --t-hero-h1-w: none; --t-sec-h2: 36px; --t-row-h2: 24px; --t-steps-h2: 32px; --t-h3: 22px; --t-h4: 20px; --t-sec-y: 48px; --t-row-gap: 96px; --t-inset: 40px; --t-col-gap: 40px; }
}
main[data-kind] .sec { padding-block: var(--t-sec-y); }
.sec > h2 { font-size: var(--t-sec-h2); line-height: 1.2; font-weight: 700; margin-bottom: 32px; }
.sec > .sec-sub { font-size: 18px; line-height: 1.2; color: var(--c-text-3); margin: -16px auto 32px; }
main[data-kind] .sec h3, main[data-kind] .hero h3 { font-size: var(--t-h3); line-height: 1.3; font-weight: 700; }
main[data-kind] .sec h4 { font-size: var(--t-h4); line-height: 1.3; font-weight: 700; }
main[data-kind] .sec p:not(.sec-sub, .microcopy, .cta-row, .wall-name, .wall-followers) { line-height: 1.5; }
main[data-kind] :is(h1, h2, h3, h4) { text-wrap: wrap; }
main[data-kind] a[href]:hover { text-decoration: none; }
main[data-kind] .sec strong { font-weight: 700; }
main[data-kind] .sec :is(p, li:not(.card, .wall-card, .review-card), h3, h4, dd) a:not([class]):not([href*="?cta="]):not(:where(p > [href^="https://app.apob.ai/"]:not([target]):only-child)) { color: var(--c-accent-video); }
main[data-kind] .sec :is(p, li:not(.card, .wall-card, .review-card), h3, h4, dd) a:not([class]):not([href*="?cta="]):not(:where(p > [href^="https://app.apob.ai/"]:not([target]):only-child)):hover { text-decoration: underline; text-underline-offset: 2px; }
@media (max-width: 809px) {
  main[data-kind] .sec :is(.sec-text, .sec-body, .proscons-grid, .faq-answer) :is(p:not(.cta-row), li),
  main[data-kind] .sec-selling :is(p, li) { font-size: 14px; line-height: 21px; }
}
.hero-tool {
  display: grid;
  grid-template-columns: minmax(var(--gutter), 1fr) minmax(0, var(--page-max)) minmax(var(--gutter), 1fr);
  padding: 48px 0 24px;
  background: linear-gradient(var(--t-hero-tint) 49.5%, var(--c-white) 100%);
}
@media (min-width: 810px) { .hero-tool { padding: 64px 0 40px; } }
@media (min-width: 1280px) { .hero-tool { padding: 80px 0; } }
.hero-tool > * { grid-column: 2; }
.hero-tool .hero-text { max-width: 900px; margin-inline: auto; text-align: center; width: 100%; }
.hero-tool .hero-media { order: 2; margin-top: 32px; max-width: 900px; margin-inline: auto; }
.hero-tool .hero-media img { border-radius: var(--r-md); }
.hero-tool h1 { font-size: var(--t-hero-h1); line-height: var(--t-hero-lh); font-weight: 600; color: var(--c-text); max-width: var(--t-hero-h1-w, none); margin-inline: auto; }
.hero-tool .hero-sub { margin-top: 16px; font-size: var(--fs-body); line-height: 1.2; color: var(--c-black); }   
@media (min-width: 810px) { .hero-tool .hero-sub { font-size: 16px; } }
.hero-tool .cta-row { margin-top: 32px; }
.hero-tool .cta-row .btn {
  display: inline-flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px;
  padding: 10px 44px 8px;
  border-radius: var(--r-pill);
  font-size: 22px; line-height: 1.2; font-weight: 700;
  box-shadow: 2px 4px 10px 0 rgba(0, 0, 0, .16);
  transition: background-color .15s ease;
}
.hero-tool .cta-row .btn:hover { transform: none; }
.hero-tool .cta-row .btn p { margin: 0; }
.hero-tool .cta-row .btn .btn-label::after { content: "→"; font-weight: 600; font-size: 24px; line-height: 1; margin-left: 2px; }
.hero-tool .cta-row .btn .microcopy { font-size: 14px; line-height: 1.2; font-weight: 500; color: var(--c-bg); opacity: .92; }
@media (min-width: 810px) { .hero-tool .cta-row .btn { border-radius: var(--r-sm); } }
@media (max-width: 809px) { .hero-tool .cta-row .btn { width: 100%; max-width: 360px; } }
.hero-tool.has-bg { position: relative; isolation: isolate; }
.hero-tool.has-bg > :not(.hero-bg) { position: relative; z-index: 1; }
.hero-tool .hero-bg { grid-column: auto; position: absolute; inset: 0; z-index: 0; overflow: hidden; background: inherit; }
.hero-tool .hero-bg::after { content: ""; position: absolute; inset: 0; background: inherit; opacity: .42; pointer-events: none; }
.hero-tool .hero-bg .hero-backdrop, .hero-tool .hero-bg .hero-videos { position: absolute; inset: 0; pointer-events: none; }
.hero-tool .hero-bg .hero-backdrop picture { width: 100%; height: 100%; }
.hero-tool .hero-bg .hero-backdrop img, .hero-tool .hero-bg .hero-videos video { width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; display: block; }
.hero-tool .hero-bg .hero-videos video:not(:first-child) { display: none; }
.hero-tool.has-bg:not(.no-spacer)::after { content: ""; display: block; grid-column: 2; order: 3; height: 270px; }
@media (min-width: 810px) { .hero-tool.has-bg:not(.no-spacer)::after { height: 90px; } }
@media (min-width: 1280px) { .hero-tool.has-bg:not(.no-spacer)::after { height: 290px; } }
.hero-tool .hero-bg .hero-motion-toggle { position: absolute; top: 12px; right: 16px; z-index: 1; display: inline-flex; align-items: center; gap: 7px; min-height: 40px; margin: 0; padding: 8px 12px; border: 1px solid rgba(255, 255, 255, 0.55); border-radius: 999px; background: rgba(20, 20, 24, 0.58); color: var(--c-white); font: inherit; font-size: 13px; line-height: 1; cursor: pointer; touch-action: manipulation; -webkit-tap-highlight-color: transparent; }
.hero-tool .hero-bg .hero-motion-toggle:not(:focus-visible) { opacity: 0; pointer-events: none; }
.hero-tool .hero-bg .hero-motion-toggle[hidden] { display: none; }
.hero-tool .hero-bg .hero-motion-toggle:focus-visible { outline: 3px solid var(--c-white); outline-offset: 3px; }
.hero-tool .hero-bg .hero-motion-icon { display: inline-flex; align-items: center; justify-content: center; width: 14px; min-height: 14px; font-size: 12px; font-weight: 700; }
@media (prefers-reduced-motion: reduce) {
  .hero-tool .hero-bg .hero-videos, .hero-tool .hero-bg .hero-motion-toggle { display: none; }
}
main[data-kind="tool"] .sec-group { padding-block: var(--t-sec-y); }
main[data-kind="tool"] .sec-group > .sec { padding-block: 0; }
main[data-kind="tool"] .sec-group > .sec-row.has-media { margin-top: var(--t-row-gap); }
main[data-kind="tool"] .sec-group > .sec:not(.has-media):first-child + .sec-row.has-media { margin-top: 0; }
main[data-kind="tool"] .sec-group > .sec:not(.has-media):first-child:has(+ .sec-row.has-media) > .sec-text { padding-inline: 0; }
main[data-kind="tool"] .sec-group > .sec:not(.has-media):first-child:has(+ .sec-row.has-media) > .sec-text > h2 { font-size: var(--t-steps-h2); line-height: 1.3; font-weight: 700; text-align: center; margin: 0 0 48px; }
@media (max-width: 809px) { main[data-kind="tool"] .sec-group > .sec:not(.has-media):first-child:has(+ .sec-row.has-media) > .sec-text > h2 { margin-bottom: 24px; } }
main[data-kind="tool"] .sec-group:has(> .has-media) > .sec-row:not(.has-media) { margin-top: 64px; }
main[data-kind="tool"] .sec-group:has(> .has-media) > .sec-row:not(.has-media) > .sec-text { padding-inline: 0; }
@media (min-width: 810px) { main[data-kind="tool"] .sec-group:has(> .has-media) > .sec-row:not(.has-media) > .sec-text { max-width: 580px; } }
.sec-explainer .sec-text > h2 { font-size: var(--t-row-h2); line-height: 1.3; font-weight: 600; text-align: left; margin: 0 0 24px; }
.sec-explainer .sec-text > * + * { margin-top: 24px; }
.sec-explainer .sec-text > :first-child { margin-top: 0; }
.sec-explainer .sec-text > h3 { margin-top: 36px; }
.sec-explainer .sec-text > h4 { margin-top: 32px; }
.sec-explainer .sec-text > :is(h3, h4) + * { margin-top: 24px; }
.sec-explainer .sec-text > * + h2 { font-size: var(--t-row-h2); line-height: 1.3; font-weight: 600; text-align: left; margin: 40px 0 24px; }
.sec-explainer .sec-text > * + h2 + * { margin-top: 0; }
@media (max-width: 809px) {
  .sec-explainer .sec-text > * + * { margin-top: 21px; }
  .sec-explainer .sec-text > h3 { margin-top: 27px; }
  .sec-explainer .sec-text > :is(h3, h4) + * { margin-top: 21px; }
  .sec-explainer .sec-text > * + h2 { margin-top: 32px; }
  .sec-explainer .sec-text > :first-child { margin-top: 0; }
}
.sec-explainer .sec-text > ul, .sec-explainer .sec-text > ol { padding-left: 1.4em; }
.sec-explainer .sec-text > ul { list-style: disc; }
.sec-explainer .sec-text > ol { list-style: decimal; }
.sec-explainer .sec-text li + li { margin-top: 8px; }
.sec-explainer .sec-text > p:has(> a[href*="?cta="]:only-child), .sec-explainer .sec-text > p:has(> a[href^="https://app.apob.ai/"]:where(:not([target])):only-child) { margin-top: 32px; }
.sec-explainer .sec-text > p > a[href*="?cta="]:only-child,
.sec-explainer .sec-text > p > a[href^="https://app.apob.ai/"]:where(:not([target])):only-child,
.sec-fold > p > a[href*="?cta="]:only-child,
.sec-fold > p > a[href^="https://app.apob.ai/"]:where(:not([target])):only-child,
.sec-explainer .sec-text .cta-row .btn {
  display: inline-flex; align-items: center; justify-content: center;
  padding: 12px 24px; border-radius: 4px; min-width: 160px;
  background: var(--c-text); color: var(--c-white);
  font-size: 18px; line-height: 1.2; font-weight: 700;
  transition: background-color .15s ease, transform .15s ease;
}
.sec-explainer .sec-text > p > a[href*="?cta="]:only-child:hover,
.sec-explainer .sec-text > p > a[href^="https://app.apob.ai/"]:where(:not([target])):only-child:hover,
.sec-fold > p > a[href*="?cta="]:only-child:hover,
.sec-fold > p > a[href^="https://app.apob.ai/"]:where(:not([target])):only-child:hover,
.sec-explainer .sec-text .cta-row .btn:hover { background: var(--c-black); transform: translateY(-1px); }
.sec-explainer .sec-text > .cta-row { justify-content: flex-start; margin-top: 32px; }
.sec-explainer .sec-text > .cta-row + * { margin-top: 32px; }
.sec-explainer .sec-text > p:has(> a[href*="?cta="]:only-child) + :is(h3, h4), .sec-explainer .sec-text > p:has(> a[href^="https://app.apob.ai/"]:where(:not([target])):only-child) + :is(h3, h4) { margin-top: 40px; }
@media (max-width: 809px) {
  .sec-explainer .sec-text > p:has(> a[href*="?cta="]:only-child), .sec-explainer .sec-text > p:has(> a[href^="https://app.apob.ai/"]:where(:not([target])):only-child), .sec-explainer .sec-text > .cta-row { margin-top: 16px; }
  .sec-explainer .sec-text > p:has(> a[href*="?cta="]:only-child) + :is(h3, h4), .sec-explainer .sec-text > p:has(> a[href^="https://app.apob.ai/"]:where(:not([target])):only-child) + :is(h3, h4) { margin-top: 40px; }
}
.sec-explainer:not(.has-media) > .sec-text { padding-inline: var(--t-inset); }
.sec-explainer:not(.has-media) .sec-text > h2:first-child { font-size: var(--t-sec-h2); font-weight: 700; line-height: 1.2; text-align: center; margin-bottom: 32px; }
@media (max-width: 809px) { .sec-explainer:not(.has-media) .sec-text > h2:first-child { margin-bottom: 24px; } }   
.sec-explainer.sec-prompts:not(.has-media) > .sec-text { padding-inline: 0; }
.sec-explainer.sec-prompts:not(.has-media) .sec-text > h2:first-child { margin-bottom: 32px; }
.sec-prompts .sec-scroll { position: relative; box-sizing: border-box; height: 320px; padding: 20px; background: var(--c-white); border-radius: 4px; }
.sec-prompts .sec-scroll::after { content: ""; position: absolute; inset: 0; border: 1px solid var(--c-line); border-radius: inherit; pointer-events: none; }
.sec-prompts .sec-scroll-inner { height: 100%; overflow: auto; }
.sec-prompts .sec-scroll-inner:focus-visible { outline: 2px solid var(--c-text); outline-offset: 2px; }
.sec-prompts .sec-scroll-inner > * + * { margin-top: 16px; }
.sec-prompts .sec-scroll-inner > h3 { margin-top: 36px; }
.sec-prompts .sec-scroll-inner > h4 { margin-top: 28px; }
.sec-prompts .sec-scroll-inner > :first-child { margin-top: 0; }
.sec-prompts .sec-scroll-inner > :is(h3, h4) + :is(ul, ol) { margin-top: 4px; }
.sec-prompts .sec-scroll-inner > :is(ul, ol) { padding-left: 1.4em; }
.sec-prompts .sec-scroll-inner > ul { list-style: disc; }
.sec-prompts .sec-scroll-inner > ol { list-style: decimal; }
.sec-explainer.sec-prompts .sec-scroll-inner li + li { margin-top: 0; }
.sec-prompts .sec-scroll-inner:has(> .rich-table-wrap[data-table-preset]:first-child) { display: flex; flex-direction: column; }
.sec-prompts .sec-scroll-inner:has(> .rich-table-wrap[data-table-preset]:first-child) > * { flex: 0 0 auto; }
.sec-prompts .sec-scroll-inner:has(> .rich-table-wrap[data-table-preset]:first-child) > .rich-table-wrap[data-table-preset]:first-child { flex: 0 1 auto; min-height: 0; overflow: auto; }
.sec-prompts > .sec-media { margin-top: 32px; }
@media (max-width: 809px) { .sec-prompts .sec-scroll { margin-inline: calc(-1 * var(--gutter)); } }   
@media (min-width: 810px) {
  .sec-prompts.prompts-scroll-short .sec-scroll { height: 296px; }
  .sec-prompts.prompts-scroll-phone .sec-scroll { height: auto; }
  .sec-prompts.prompts-scroll-phone .sec-scroll-inner { height: auto; overflow: visible; }
}
@media (max-width: 809px) {
  .sec-prompts.prompts-scroll-inset .sec-scroll, .sec-prompts.prompts-scroll-short .sec-scroll { margin-inline: 0; padding: 16px; }
  .sec-prompts.prompts-scroll-short .sec-scroll { height: 200px; }
  .sec-prompts.prompts-scroll-phone .sec-scroll { margin-inline: 16px; padding: 0; height: 168px; }
}
main[data-kind] .sec-group.sec-card-group { padding-block: 0; }
main[data-kind] .sec-group.sec-card-group > .sec.sec-card { padding-block: 92px 32px; }
main[data-kind] .sec-explainer.sec-card > .sec-text { padding-inline: 0; }
main[data-kind] .sec-card .sec-card-frame { position: relative; box-sizing: border-box; padding: 20px; background: var(--c-white); border-radius: 4px; }
main[data-kind] .sec-card .sec-card-frame::after { content: ""; position: absolute; inset: 0; border: 1px solid rgb(222, 222, 222); border-radius: inherit; pointer-events: none; }
main[data-kind] .sec-card .sec-card-body { padding-top: 60px; }
main[data-kind] .sec-card .sec-card-body:focus-visible { outline: 2px solid var(--c-text); outline-offset: 2px; }
main[data-kind] .sec-card .sec-card-body > * { margin: 20px 0 0; }
main[data-kind] .sec-card .sec-card-body > h3 { margin-top: 10px; font-size: 24px; line-height: 1.3; font-weight: 600; color: var(--c-text); }
main[data-kind] .sec-card .sec-card-body > h2 { font-size: 16px; line-height: 24px; font-weight: 400; text-align: left; color: var(--c-text); }
main[data-kind] .sec-card .sec-card-body > :first-child { margin-top: 0; }
main[data-kind] .sec-card .sec-card-body > :is(ul, ol) { padding-left: 1.4em; }
main[data-kind] .sec-card .sec-card-body > ul { list-style: disc; }
main[data-kind] .sec-card .sec-card-body > ol { list-style: decimal; }
main[data-kind] .sec-group.sec-card-group > .sec.sec-card-links { padding-block: 72px 88px; background: var(--c-bg); }
main[data-kind] .sec-explainer.sec-card-links > .sec-text { padding-inline: 12px; }
main[data-kind] .sec-card-links .sec-card-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; align-items: start; }
main[data-kind] .sec-card-links .sec-card-grid > p { margin: 0; padding: 20px; background: var(--c-white); border-radius: 16px; box-shadow: 2px 4px 10px 0 rgba(0, 0, 0, 0.16); white-space: pre-wrap; overflow-wrap: break-word; }
main[data-kind] .sec-group > .sec.sec-card-links .sec-card-grid > p { font-size: 30px; line-height: 36px; font-weight: 700; }
main[data-kind] .sec-card-links .sec-card-grid:has(> p:nth-child(4)) > p:nth-child(-n+3) { margin-bottom: 156px; }
main[data-kind] .sec-group > .sec.sec-card-links .sec-card-grid > p > a[href] { color: rgb(11, 24, 43); }
main[data-kind] .sec-group > .sec.sec-card-links > .sec-text > .sec-card-grid + p { margin: 156px 0 0; font-size: 20px; line-height: 26px; font-weight: 500; color: var(--c-text-3); text-align: center; }
@media (max-width: 809px) {
  main[data-kind] .sec-group.sec-card-group > .sec.sec-card { padding-block: 48px 32px; }
  main[data-kind] .sec-card .sec-card-frame { height: 200px; padding: 16px; }
  main[data-kind] .sec-card .sec-card-body { height: 100%; overflow: auto; }
  main[data-kind] .sec-card .sec-card-body > h3 { font-size: 18px; }
  main[data-kind] .sec-card .sec-card-body > h2 { font-size: 14px; line-height: 21px; }
  main[data-kind] .sec-group.sec-card-group > .sec.sec-card-links { padding-block: 64px 80px; }
  main[data-kind] .sec-explainer.sec-card-links > .sec-text { padding-inline: 0; }
  main[data-kind] .sec-card-links .sec-card-grid { grid-template-columns: minmax(0, 1fr); }
  main[data-kind] .sec-group > .sec.sec-card-links .sec-card-grid > p { font-size: 20px; line-height: 24px; }
  main[data-kind] .sec-card-links .sec-card-grid:has(> p:nth-child(4)) > p:nth-child(-n+3) { margin-bottom: 0; }
  main[data-kind] .sec-card-links .sec-card-grid:has(> p:nth-child(4)) > p:nth-child(3) { margin-bottom: 68px; }
  main[data-kind] .sec-group > .sec.sec-card-links > .sec-text > .sec-card-grid + p { margin-top: 100px; }
}
.sec-fold { position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: 24px; }
.sec-fold > .fold-text { align-self: stretch; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; font-size: 16px; line-height: 24px; color: var(--c-text); }
.sec-fold > .fold-text > * + * { margin-top: 30px; }
.sec-fold:has(> .fold-state:checked) > .fold-text { display: block; -webkit-line-clamp: none; overflow: visible; }
.sec-fold > .fold-state[hidden] { display: block; position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); border: 0; opacity: 0; }
.sec-fold > .fold-toggle { display: flex; align-items: center; gap: 8px; height: 26px; font-size: 20px; line-height: 26px; font-weight: 700; color: var(--c-text-3); cursor: pointer; }
.sec-fold > .fold-state:focus-visible + .fold-toggle { outline: 2px solid var(--c-text); outline-offset: 2px; }
.sec-fold > .fold-toggle > .fold-rule { flex: 0 0 34px; height: 4px; background: linear-gradient(currentColor, currentColor) 0 0 / 32px 1px no-repeat; }
.sec-fold > .fold-toggle > .fold-chevron { flex: 0 0 20px; width: 20px; height: 20px; stroke-width: 1.2; }
.sec-fold:has(> .fold-state:checked) > .fold-toggle > .fold-chevron { transform: rotate(180deg); }
.sec-fold > p:has(> a[href*="?cta="]:only-child), .sec-fold > p:has(> a[href^="https://app.apob.ai/"]:where(:not([target])):only-child) { margin-top: 8px; }
@media (max-width: 809px) { .sec-fold { gap: 8px; } .sec-fold > .fold-text { font-size: 14px; line-height: 21px; } .sec-fold > .fold-toggle { font-size: 14px; } }
.sec-fold > .fold-toggle > .fold-label::before { content: "Expand"; }
.sec-fold:has(> .fold-state:checked) > .fold-toggle > .fold-label::before { content: "Collapse"; }
.sec-fold > .fold-toggle > .fold-label:lang(es)::before { content: "Expandir"; }
.sec-fold:has(> .fold-state:checked) > .fold-toggle > .fold-label:lang(es)::before { content: "Colapsar"; }
.sec-fold > .fold-toggle > .fold-label:lang(fr)::before { content: "Développer"; }
.sec-fold:has(> .fold-state:checked) > .fold-toggle > .fold-label:lang(fr)::before { content: "Réduire"; }
.sec-fold > .fold-toggle > .fold-label:lang(pt)::before { content: "Expandir"; }
.sec-fold:has(> .fold-state:checked) > .fold-toggle > .fold-label:lang(pt)::before { content: "Recolher"; }
.sec-fold > .fold-toggle > .fold-label:lang(ko)::before { content: "확장"; }
.sec-fold:has(> .fold-state:checked) > .fold-toggle > .fold-label:lang(ko)::before { content: "접기"; }
.sec-fold > .fold-toggle > .fold-label:lang(ja)::before { content: "展開"; }
.sec-fold:has(> .fold-state:checked) > .fold-toggle > .fold-label:lang(ja)::before { content: "折りたたむ"; }
.sec-fold > .fold-toggle > .fold-label:lang(de)::before { content: "Erweitern"; }
.sec-fold:has(> .fold-state:checked) > .fold-toggle > .fold-label:lang(de)::before { content: "Zuklappen"; }
main[data-kind] .sec-explainer.sec-thumbs { padding-block: 40px; }
main[data-kind] .sec-explainer.sec-thumbs > .sec-text { padding-inline: 0; }
main[data-kind] .sec-explainer.sec-thumbs > .sec-text > h2:first-child { font-size: 24px; line-height: 38px; font-weight: 700; text-align: left; margin: 0 0 16px; }
main[data-kind] .sec-explainer.sec-thumbs > .sec-text > p { font-size: 18px; line-height: 1.35; color: rgb(80, 80, 80); }
main[data-kind] .sec-explainer.sec-thumbs > .sec-text > p + p { margin-top: 16px; }
main[data-kind] .sec-explainer.sec-thumbs > .sec-strip { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 16px; }
main[data-kind] .sec-explainer.sec-thumbs > .sec-strip > .strip-cell { position: relative; aspect-ratio: 3 / 4; border-radius: 8px; overflow: hidden; }
main[data-kind] .sec-explainer.sec-thumbs > .sec-strip > .strip-cell::after { content: ""; position: absolute; inset: 0; border: 1px solid rgb(222, 222, 222); border-radius: inherit; pointer-events: none; }
main[data-kind] .sec-explainer.sec-thumbs > .sec-strip > .strip-cell :is(picture, img) { display: block; width: 100%; height: 100%; }
main[data-kind] .sec-explainer.sec-thumbs > .sec-strip > .strip-cell img { object-fit: cover; object-position: 50% 50%; }
main[data-kind] .sec-explainer.sec-thumbs > .sec-strip-caption { margin: 16px 0 0; font-size: 14px; line-height: 1.35; font-weight: 600; color: var(--c-text-2); text-align: center; }
@media (min-width: 1200px) { main[data-kind] .sec-explainer.sec-thumbs { padding-block: 56px; } main[data-kind] .sec-explainer.sec-thumbs > .sec-text > h2:first-child { font-size: 36px; line-height: 1.35; margin-bottom: 18px; } main[data-kind] .sec-explainer.sec-thumbs > .sec-text > p + p, main[data-kind] .sec-explainer.sec-thumbs > .sec-strip, main[data-kind] .sec-explainer.sec-thumbs > .sec-strip-caption { margin-top: 18px; } main[data-kind] .sec-explainer.sec-thumbs > .sec-strip { grid-template-columns: repeat(6, minmax(0, 1fr)); } }
@media (max-width: 1199px) { main[data-kind] .sec-explainer.sec-thumbs { --gutter: 20px; } }
main[data-kind="tool"] .sec-explainer[data-embeds] > .sec-media { gap: 40px; }
main[data-kind="tool"] .sec-explainer[data-embeds] > .sec-media > .bx-social-embed { width: 400px; max-width: 100%; }
@media (min-width: 810px) {
  main[data-kind="tool"] .sec-explainer.has-media[data-embeds="1"]:not(.alt) { grid-template-columns: minmax(var(--gutter), 1fr) minmax(0, 400px) minmax(0, 120px) minmax(0, 680px) minmax(var(--gutter), 1fr); }
  main[data-kind="tool"] .sec-explainer.has-media.alt[data-embeds="1"] { grid-template-columns: minmax(var(--gutter), 1fr) minmax(0, 680px) minmax(0, 120px) minmax(0, 400px) minmax(var(--gutter), 1fr); }
  main[data-kind="tool"] .sec-explainer.has-media[data-embeds]:not([data-embeds="1"]) { grid-template-columns: minmax(var(--gutter), 1fr) minmax(0, var(--page-max)) minmax(var(--gutter), 1fr); }
  main[data-kind="tool"] .sec-explainer.has-media[data-embeds]:not([data-embeds="1"]) > .sec-media { grid-column: 2; grid-row: 1; display: flex; flex-wrap: wrap; justify-content: center; column-gap: clamp(20px, calc(100% - 800px), 212px); row-gap: 40px; }
  main[data-kind="tool"] .sec-explainer.has-media[data-embeds]:not([data-embeds="1"]) > .sec-text { grid-column: 2; grid-row: 2; margin-top: 40px; }
}
main[data-kind="tool"] .sec-group[data-block="explainer"] > .sec-explainer.has-media[data-embeds="1"] { align-items: center; }
main[data-kind="tool"] .sec-group > .sec-explainer[data-embeds] > .sec-text :is(p:not(.cta-row), li) { font-size: 18px; line-height: 27px; }
main[data-kind="tool"] .sec-group[data-block="explainer"]:has(> .sec-explainer[data-embeds]:not([data-embeds="1"])) { --page-max: 1012px; }
main[data-kind="tool"] .sec-group > .sec.sec-explainer[data-header="section"]:not(.has-media):first-child > .sec-text { padding-inline: 0; }
main[data-kind="tool"] .sec-group > .sec.sec-explainer[data-header="section"]:not(.has-media):first-child > .sec-text > h2:first-child { font-size: 36px; line-height: 1.2; font-weight: 700; text-align: center; margin: 0; }
main[data-kind="tool"] .sec-group > .sec.sec-explainer[data-header="section"]:not(.has-media):first-child > .sec-text > p { margin: 20px 0 0; font-size: 20px; line-height: 24px; color: var(--c-text-2); text-align: center; }
main[data-kind="tool"] .sec-group > .sec.sec-explainer[data-header="section"]:not(.has-media):first-child + .sec-row.sec-explainer { margin-top: 40px; }
main[data-kind="tool"] .sec-group > .sec.sec-explainer[data-header="section"]:not(.has-media):first-child:has(> .sec-text > p) + .sec-row.sec-explainer { margin-top: 20px; }
@media (min-width: 810px) { .sec-explainer.has-media > .sec-media[data-media-width] { width: 100%; max-width: var(--row-media-w); justify-self: center; } }
.sec-explainer .sec-text > .sec-rowscroll:focus-visible { outline: 2px solid var(--c-text); outline-offset: 2px; }
@media (min-width: 810px) { .sec-explainer .sec-text > .sec-rowscroll { max-height: 500px; overflow-y: auto; scrollbar-width: none; } }
@media (max-width: 809px) { .sec-explainer .sec-text > .sec-rowscroll[data-phone="frame"] { max-height: 300px; overflow-y: auto; scrollbar-width: none; } }
main[data-kind] .sec-group[data-quote="bar"] > .sec div > * + blockquote { margin-top: 20px; }
main[data-kind] .sec-group[data-quote="bar"] > .sec blockquote { position: relative; padding-left: 22px; }
main[data-kind] .sec-group[data-quote="bar"] > .sec blockquote::before { content: " "; position: absolute; top: 0; left: 0; width: 2px; height: 100%; border-radius: 1px; background: #ddd; }
main[data-kind] .sec-group[data-quote="bar"] > .sec blockquote :is(p, li) { font-size: 16px; line-height: 1.8em; font-style: italic; font-weight: 400; color: #999; }
main[data-kind] .sec-group[data-quote="bar"] > .sec blockquote > * + * { margin-top: 20px; }
main[data-kind] .sec-youtube > .sec-body:has(> .yt-caption > blockquote) { position: relative; padding-left: 42px; }
main[data-kind] .sec-youtube > .sec-body:has(> .yt-caption > blockquote)::before { content: " "; position: absolute; top: 0; bottom: 20px; left: 20px; width: 2px; border-radius: 1px; background: #ddd; }
main[data-kind] .sec-youtube > .sec-body:first-child:has(> .yt-caption > blockquote)::before { top: 20px; }
@media (max-width: 809px) {   
  main[data-kind] .sec-youtube > .sec-body:has(> .yt-caption > blockquote) { padding-left: 54px; }
  main[data-kind] .sec-youtube > .sec-body:has(> .yt-caption > blockquote)::before { left: 32px; }
}
main[data-kind] .sec-youtube .sec-body .yt-caption > blockquote > p { margin: 20px 0 0; font-size: 16px; line-height: 1.8em; font-style: italic; font-weight: 400; color: #999; }
.sec-explainer .sec-text > h2.sec-title-hidden { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; border: 0; }
.sec-explainer .sec-text > h2.sec-title-hidden + *, .sec-explainer .sec-text > h2.sec-title-hidden + p:has(> a[href*="?cta="]:only-child), .sec-explainer .sec-text > h2.sec-title-hidden + p:has(> a[href^="https://app.apob.ai/"]:where(:not([target])):only-child) { margin-top: 0; }   
main[data-kind="tool"] .sec-group:not(:has(> .has-media)) > .sec-row { margin-top: 36px; }   
main[data-kind="tool"] .sec-group:not(:has(> .has-media)) > .sec:first-child + .sec-row { margin-top: 0; }   
main[data-kind="tool"] .sec-group:not(:has(> .has-media)) > .sec-row > .sec-text > h3:first-child { margin-top: 0; }
main[data-kind="tool"] > .sec-group:nth-last-child(n of .sec-group:has(> .sec-row):not(:has(> .has-media))):where(:not([data-module], .sec-plain)) > .sec-row, main[data-surface="tool"] > .sec-group[data-variant="boxed-text"]:not(:has(> .has-media)) > .sec-row { margin-top: 0; }
main[data-kind="tool"] > .sec-group:nth-last-child(n of .sec-group:has(> .sec-row):not(:has(> .has-media))):where(:not([data-module], .sec-plain)) > .sec:first-child > .sec-text, main[data-surface="tool"] > .sec-group[data-variant="boxed-text"]:not(:has(> .has-media)) > .sec:first-child > .sec-text { padding-inline: 0; }
main[data-kind="tool"] > .sec-group:nth-last-child(n of .sec-group:has(> .sec-row):not(:has(> .has-media))):where(:not([data-module], .sec-plain)) > .sec:first-child > .sec-text > h2, main[data-surface="tool"] > .sec-group[data-variant="boxed-text"]:not(:has(> .has-media)) > .sec:first-child > .sec-text > h2 { margin-bottom: 24px; }
main[data-kind="tool"] > .sec-group:nth-last-child(n of .sec-group:has(> .sec-row):not(:has(> .has-media))):where(:not([data-module], .sec-plain)) > .sec:first-child > .sec-text > h2 + p, main[data-surface="tool"] > .sec-group[data-variant="boxed-text"]:not(:has(> .has-media)) > .sec:first-child > .sec-text > h2 + p { margin: -8px 0 24px; text-align: center; font-size: 18px; line-height: 1.2; color: var(--c-text-3); }
@media (min-width: 1280px) { main[data-kind="tool"] > .sec-group:nth-last-child(n of .sec-group:has(> .sec-row):not(:has(> .has-media))):where(:not([data-module], .sec-plain)) > .sec:first-child > .sec-text > h2 + p, main[data-surface="tool"] > .sec-group[data-variant="boxed-text"]:not(:has(> .has-media)) > .sec:first-child > .sec-text > h2 + p { font-size: 20px; } }
main[data-kind="tool"] > .sec-group:nth-last-child(n of .sec-group:has(> .sec-row):not(:has(> .has-media))):where(:not([data-module], .sec-plain)) > .sec-row > .sec-text, main[data-surface="tool"] > .sec-group[data-variant="boxed-text"]:not(:has(> .has-media)) > .sec-row > .sec-text { background: var(--s-card-bg, var(--c-white)); border-inline: 1px solid var(--s-card-line, var(--c-line)); padding-inline: var(--s-card-x, var(--t-card-x)); }
main[data-kind="tool"] > .sec-group:nth-last-child(n of .sec-group:has(> .sec-row):not(:has(> .has-media))):where(:not([data-module], .sec-plain)) > .sec-row > .sec-text > h3:first-child, main[data-surface="tool"] > .sec-group[data-variant="boxed-text"]:not(:has(> .has-media)) > .sec-row > .sec-text > h3:first-child { padding-top: 36px; }
main[data-kind="tool"] > .sec-group:nth-last-child(n of .sec-group:has(> .sec-row):not(:has(> .has-media))):where(:not([data-module], .sec-plain)) > .sec:first-child + .sec-row > .sec-text, main[data-surface="tool"] > .sec-group[data-variant="boxed-text"]:not(:has(> .has-media)) > .sec:first-child + .sec-row > .sec-text { border-top: 1px solid var(--s-card-line, var(--c-line)); border-radius: var(--s-card-radius, var(--t-card-r)) var(--s-card-radius, var(--t-card-r)) 0 0; }
main[data-kind="tool"] > .sec-group:nth-last-child(n of .sec-group:has(> .sec-row):not(:has(> .has-media))):where(:not([data-module], .sec-plain)) > .sec:first-child + .sec-row > .sec-text > h3:first-child, main[data-surface="tool"] > .sec-group[data-variant="boxed-text"]:not(:has(> .has-media)) > .sec:first-child + .sec-row > .sec-text > h3:first-child { padding-top: 20px; }
main[data-kind="tool"] > .sec-group:nth-last-child(n of .sec-group:has(> .sec-row):not(:has(> .has-media))):where(:not([data-module], .sec-plain)) > .sec-row:last-child > .sec-text, main[data-surface="tool"] > .sec-group[data-variant="boxed-text"]:not(:has(> .has-media)) > .sec-row:last-child > .sec-text { border-bottom: 1px solid var(--s-card-line, var(--c-line)); border-radius: 0 0 var(--s-card-radius, var(--t-card-r)) var(--s-card-radius, var(--t-card-r)); padding-bottom: 24px; }
main[data-kind="tool"] > .sec-group:nth-last-child(n of .sec-group:has(> .sec-row):not(:has(> .has-media))):where(:not([data-module], .sec-plain)) > .sec:first-child + .sec-row:last-child > .sec-text, main[data-surface="tool"] > .sec-group[data-variant="boxed-text"]:not(:has(> .has-media)) > .sec:first-child + .sec-row:last-child > .sec-text { border-radius: var(--s-card-radius, var(--t-card-r)); }
main[data-kind="tool"] > .sec-group:nth-last-child(n of .sec-group:has(> .sec-row):not(:has(> .has-media))):where(:not([data-module], .sec-plain)) > .sec-row > .sec-text > :is(ul, ol), main[data-surface="tool"] > .sec-group[data-variant="boxed-text"]:not(:has(> .has-media)) > .sec-row > .sec-text > :is(ul, ol) { margin-left: 1.4em; padding-left: 0; }
main[data-kind="tool"] > .sec-group:nth-last-child(n of .sec-group:has(> .sec-row):not(:has(> .has-media))):where(:not([data-module], .sec-plain)) > .sec-box-intro > .sec-text > :first-child, main[data-surface="tool"] > .sec-group[data-variant="boxed-text"]:not(:has(> .has-media)) > .sec-box-intro > .sec-text > :first-child { padding-top: 20px; }
@media (min-width: 810px) {
  .sec-explainer.has-media {
    grid-template-columns: minmax(var(--gutter), 1fr) minmax(0, 580px) var(--t-col-gap) minmax(0, 580px) minmax(var(--gutter), 1fr);
    align-items: center;
  }
  .sec-explainer.has-media > .sec-text { grid-column: 2; grid-row: 1; }
  .sec-explainer.has-media > .sec-media { grid-column: 4; grid-row: 1; }
  .sec-explainer.has-media.alt > .sec-text { grid-column: 4; }
  .sec-explainer.has-media.alt > .sec-media { grid-column: 2; }
  main[data-kind="tool"] .sec-explainer.has-media > .sec-text { grid-column: 4; }
  main[data-kind="tool"] .sec-explainer.has-media > .sec-media { grid-column: 2; }
  main[data-kind="tool"] .sec-explainer.has-media.alt > .sec-text { grid-column: 2; }
  main[data-kind="tool"] .sec-explainer.has-media.alt > .sec-media { grid-column: 4; }
}
@media (max-width: 809px) {
  .sec-explainer.has-media > .sec-media { margin-top: 32px; }
  main[data-kind="tool"] .sec-explainer.has-media > .sec-media { margin-top: 20px; }   
  main[data-kind="tool"] .sec-explainer.has-media:not(.alt) > .sec-media { grid-row: 1; margin: 0 0 20px; }
  main[data-kind="tool"] .sec-explainer.has-media:not(.alt) > .sec-text { grid-row: 2; }
  main[data-kind="tool"] .sec-explainer.sec-row.has-media > .sec-media { grid-row: auto; margin: 20px 0 0; }
  main[data-kind="tool"] .sec-explainer.sec-row.has-media > .sec-text { grid-row: auto; }
}
@media (min-width: 810px) {
  main[data-kind="tool"] .sec-group[data-block="explainer"] > .sec-explainer.has-media { align-items: start; }
  main[data-kind="tool"] > .sec-group:nth-child(even of .sec-group:has(> .has-media)) > .sec-explainer.has-media[data-side="auto"] > .sec-text { grid-column: 2; }
  main[data-kind="tool"] > .sec-group:nth-child(even of .sec-group:has(> .has-media)) > .sec-explainer.has-media[data-side="auto"] > .sec-media { grid-column: 4; }
  main[data-kind="tool"] > .sec-group:nth-child(even of .sec-group:has(> .has-media)) > .sec-explainer.has-media.alt[data-side="auto"] > .sec-text { grid-column: 4; }
  main[data-kind="tool"] > .sec-group:nth-child(even of .sec-group:has(> .has-media)) > .sec-explainer.has-media.alt[data-side="auto"] > .sec-media { grid-column: 2; }
}
@media (max-width: 809px) {
  main[data-kind="tool"] .sec-group[data-block="explainer"] > .sec-explainer.has-media:not(.sec-row) > .sec-media { grid-row: auto; margin: 20px 0 0; }
  main[data-kind="tool"] .sec-group[data-block="explainer"] > .sec-explainer.has-media:not(.sec-row) > .sec-text { grid-row: auto; }
  main[data-kind="tool"] .sec-group[data-block="explainer"] > .sec-explainer.sec-row.has-media:not(.alt) > .sec-media { grid-row: 1; margin: 0 0 20px; }
  main[data-kind="tool"] .sec-group[data-block="explainer"] > .sec-explainer.sec-row.has-media:not(.alt) > .sec-text { grid-row: 2; }
  main[data-kind="tool"] > .sec-group:nth-child(even of .sec-group:has(> .has-media)) > .sec-explainer.sec-row.has-media[data-side="auto"]:not(.alt) > .sec-media { grid-row: auto; margin: 20px 0 0; }
  main[data-kind="tool"] > .sec-group:nth-child(even of .sec-group:has(> .has-media)) > .sec-explainer.sec-row.has-media[data-side="auto"]:not(.alt) > .sec-text { grid-row: auto; }
  main[data-kind="tool"] > .sec-group:nth-child(even of .sec-group:has(> .has-media)) > .sec-explainer.sec-row.has-media.alt[data-side="auto"] > .sec-media { grid-row: 1; margin: 0 0 20px; }
  main[data-kind="tool"] > .sec-group:nth-child(even of .sec-group:has(> .has-media)) > .sec-explainer.sec-row.has-media.alt[data-side="auto"] > .sec-text { grid-row: 2; }
}
@media (max-width: 809px) {
  main[data-kind="tool"] > .sec-group:nth-child(n of .sec-group:has(> .has-media))[data-block="explainer"] > .sec-explainer.has-media[data-picture-mobile-first="false"]:is(.alt, :not(.alt)):is([data-side], :not([data-side])) > .sec-media { grid-row: auto; margin: 20px 0 0; }
  main[data-kind="tool"] > .sec-group:nth-child(n of .sec-group:has(> .has-media))[data-block="explainer"] > .sec-explainer.has-media[data-picture-mobile-first="false"]:is(.alt, :not(.alt)):is([data-side], :not([data-side])) > .sec-text { grid-row: auto; }
  main[data-kind="tool"] > .sec-group:nth-child(n of .sec-group:has(> .has-media))[data-block="explainer"] > .sec-explainer.has-media[data-picture-mobile-first="true"]:is(.alt, :not(.alt)):is([data-side], :not([data-side])) > .sec-media { grid-row: 1; margin: 0 0 20px; }
  main[data-kind="tool"] > .sec-group:nth-child(n of .sec-group:has(> .has-media))[data-block="explainer"] > .sec-explainer.has-media[data-picture-mobile-first="true"]:is(.alt, :not(.alt)):is([data-side], :not([data-side])) > .sec-text { grid-row: 2; }
}
.sec-media { min-width: 0; display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; align-content: center; }
.sec-media > * { min-width: 0; }
.sec-media picture, .sec-media img, .sec-media video { display: block; width: 100%; height: auto; }
.sec-media img, .sec-media video { border-radius: var(--r-md); }
.sec-media img { box-shadow: 0 0 0 1px var(--c-line); }   
main[data-kind="tool"] .sec-explainer.sec-row.has-media > .sec-media > picture + picture { display: none; }
.sec-media video { object-fit: cover; background: var(--c-black); }
.sec-media video:where(:not([width][height])) { aspect-ratio: 16 / 9; }
.sec-media video[autoplay] { aspect-ratio: auto; }
.sec-media video[data-autoplay] { aspect-ratio: auto; }
main[data-kind="tool"] .sec-gallery { padding-top: calc(var(--t-sec-y) + 20px); padding-bottom: calc(var(--t-sec-y) + 48px); }
.sec-gallery > h2 { line-height: 1.3; }
.sec-gallery > .gallery-grid {
  grid-column: 1 / -1;
  width: min(100% - 2 * var(--gutter), 1392px);
  margin-inline: auto;
  display: grid; gap: 4px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (min-width: 810px) { .sec-gallery > .gallery-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); width: min(100% - 48px, 1392px); } }
@media (min-width: 1280px) { .sec-gallery > .gallery-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); } }
.gallery-grid li { min-width: 0; }
.gallery-grid picture, .gallery-grid img { width: 100%; height: 100%; }
.gallery-grid img { aspect-ratio: 3 / 4; object-fit: cover; }
.sec-prose > .sec-body, .sec-usecases > .sec-body { padding: 20px var(--t-card-x) 24px; background: var(--c-white); border: 1px solid var(--c-line); border-radius: var(--t-card-r); }
.sec-prose > .sec-body > * + *, .sec-usecases > .sec-body > * + * { margin-top: 24px; }
.sec-prose > .sec-body > h3, .sec-usecases > .sec-body > h3 { margin-top: 36px; }
.sec-prose > .sec-body > :first-child, .sec-usecases > .sec-body > :first-child { margin-top: 0; }
.sec-prose > .sec-body > ul, .sec-prose > .sec-body > ol, .sec-usecases > .sec-body > ul, .sec-usecases > .sec-body > ol { list-style: disc; padding-left: 1.4em; }
.sec-usecases > .sec-sub { font-size: 18px; line-height: 1.2; color: var(--c-text-3); }
@media (min-width: 1280px) { .sec-usecases > .sec-sub { font-size: 20px; } }
main[data-kind="tool"] > .sec-group:not(:has(> .sec-row, > .has-media)):has(+ .sec-reviews):where(:not([data-module])) > .sec-explainer > .sec-text > p:not(:has(strong, a)) + p:not(:has(strong, a)), main[data-surface="tool"] > .sec-group:not(:has(> .sec-row, > .has-media))[data-next="reviews"] > .sec-explainer > .sec-text > p:not(:has(strong, a)) + p:not(:has(strong, a)) { margin-top: 0; }
main[data-kind="tool"] > .sec-group:not(:has(> .sec-row, > .has-media)):has(+ .sec-reviews):where(:not([data-module])) > .sec-explainer > .sec-text > p:not(:has(strong, a)), main[data-surface="tool"] > .sec-group:not(:has(> .sec-row, > .has-media))[data-next="reviews"] > .sec-explainer > .sec-text > p:not(:has(strong, a)) { font-size: 16px; line-height: 19px; color: var(--c-black); }
main[data-kind="tool"] > .sec-group:not(:has(> .sec-row, > .has-media)):has(+ .sec-reviews):where(:not([data-module])) > .sec-explainer > .sec-text > h2:first-child, main[data-surface="tool"] > .sec-group:not(:has(> .sec-row, > .has-media))[data-next="reviews"] > .sec-explainer > .sec-text > h2:first-child { margin-bottom: 24px; }
main[data-kind="tool"] > .sec-group:not(:has(> .sec-row, > .has-media)):has(+ .sec-reviews):where(:not([data-module])) > .sec-explainer > .sec-text > h2 + p:not(:has(strong, a)), main[data-surface="tool"] > .sec-group:not(:has(> .sec-row, > .has-media))[data-next="reviews"] > .sec-explainer > .sec-text > h2 + p:not(:has(strong, a)) { margin-top: 0; }
.sec-selling > h2 { max-width: 700px; margin-inline: auto; }
.sec-selling > :not(h2) { padding-inline: var(--t-inset); }
.sec-selling > * + * { margin-top: 24px; }
.sec-selling > h2 + * { margin-top: 0; }   
@media (max-width: 809px) { .sec-selling > h2 { margin-bottom: 24px; } }
.sec-selling > h3 { margin-top: 36px; }
.sec-selling > h3 + p { margin-top: 24px; }
.sec-selling > ul, .sec-selling > ol { list-style: disc; padding-left: calc(var(--t-inset) + 1.4em); }
.sec-selling.sec-prompts > h2 { max-width: none; margin-inline: 0; line-height: 1.3; }
.sec-selling.sec-prompts .sec-scroll-inner > * + * { margin-top: 24px; }
.sec-selling.sec-prompts .sec-scroll-inner > h3 { margin-top: 36px; }
.sec-selling.sec-prompts .sec-scroll-inner > :first-child { margin-top: 0; }
@media (max-width: 809px) {
  .sec-selling.sec-prompts > h2 { margin-bottom: 16px; }
  .sec-selling.sec-prompts .sec-scroll-inner > * + * { margin-top: 21px; }
  .sec-selling.sec-prompts .sec-scroll-inner > h3 { margin-top: 27px; }
  .sec-selling.sec-prompts .sec-scroll-inner > :first-child { margin-top: 0; }
}
.sec-youtube > h2, .sec-youtube > .sec-sub, .sec-youtube > .sec-body { margin: 0; max-width: none; background: var(--c-white); border-inline: 1px solid var(--c-line); padding-inline: 20px; }
.sec-youtube > h2 { border-top: 1px solid var(--c-line); border-radius: 12px 12px 0 0; padding-top: 20px; padding-bottom: 20px; text-align: center; font-size: 36px; line-height: 1.2; }   
.sec-youtube > .sec-sub { font-size: 20px; line-height: 1.2; color: var(--c-text-2); text-align: center; padding-bottom: 20px; }
.sec-youtube > .sec-body { padding-bottom: 20px; border-bottom: 1px solid var(--c-line); border-radius: 0 0 12px 12px; }
.sec-youtube > .sec-body:first-child { border-top: 1px solid var(--c-line); border-radius: 12px; padding-top: 20px; }
.sec-youtube .yt-facade {
  display: block; position: relative;
  aspect-ratio: 16 / 9;
  border-radius: 4px; overflow: hidden;
  background-color: var(--c-black);
  background-repeat: no-repeat; background-size: cover; background-position: center;
  color: var(--c-white);
}
.sec-youtube .yt-facade::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, .18); transition: background-color .15s ease; }
.sec-youtube .yt-facade:hover::before { background: rgba(0, 0, 0, .28); }
.sec-youtube .yt-facade .yt-play {
  position: absolute; left: 50%; top: 50%; width: 68px; height: 48px; margin: -24px 0 0 -34px;
  border-radius: 12px; background: rgba(0, 0, 0, .55); transition: background-color .15s ease;
}
.sec-youtube .yt-facade .yt-play::after { content: ""; position: absolute; left: 50%; top: 50%; margin: -10px 0 0 -6px; border-style: solid; border-width: 10px 0 10px 17px; border-color: transparent transparent transparent var(--c-white); }
.sec-youtube .yt-facade:hover .yt-play { background: var(--c-brand); }
.sec-youtube .yt-facade .yt-label { position: absolute; right: 16px; bottom: 16px; font-size: 13px; font-weight: 600; line-height: 1.2; padding: 6px 10px; border-radius: 6px; background: rgba(0, 0, 0, .6); }
.sec-youtube noscript { display: none; }
.sec-youtube .sec-body iframe { display: block; width: 100%; aspect-ratio: 16 / 9; height: auto; border: 0; }
.sec-youtube figcaption { display: block; font-size: 13px; line-height: 1.3; color: var(--c-text); text-align: left; margin-top: 6px; }
main[data-kind] .sec-youtube .sec-body .yt-caption { margin: 0; text-align: left; color: var(--c-black); }
main[data-kind] .sec-youtube .sec-body .yt-caption p { margin: 0; font-size: 16px; line-height: 1.2; color: var(--c-black); text-align: left; }
main[data-kind] .sec-youtube .sec-body .yt-caption strong { font-weight: 700; }
main[data-kind] .sec-youtube .sec-body .yt-caption p a[href]:not([class]) { color: inherit; }
main[data-kind] .sec-youtube .sec-body .yt-caption p a[href]:not([class]):hover { text-decoration: underline; text-underline-offset: 2px; }
@media (max-width: 809px) {
  .sec-youtube .yt-facade .yt-label { display: none; }
  .sec-youtube .yt-facade .yt-play { width: 56px; height: 40px; margin: -20px 0 0 -28px; }
  main[data-kind] .sec-youtube > :is(h2, .sec-sub, .sec-body) { margin-inline: calc(-1 * var(--gutter)); padding-inline: 32px; }
}
.sec-reviews { background: var(--c-bg); position: relative; }
@media (min-width: 1280px) { .sec-reviews > h2 { font-size: 40px; line-height: 48px; } }
.sec-reviews > .reviews-strip {
  display: grid; grid-auto-flow: column; grid-template-rows: repeat(3, auto);
  grid-auto-columns: 86%; gap: 16px 12px;
  overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; overscroll-behavior-x: contain;
  padding: 4px 0 8px; scrollbar-width: none;
}
.sec-reviews > .reviews-strip::-webkit-scrollbar { display: none; }
@media (min-width: 810px) { .sec-reviews > .reviews-strip { grid-auto-flow: row; grid-template-rows: none; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-auto-columns: auto; overflow: visible; gap: 16px 8px; } }
.review-card { scroll-snap-align: start; min-width: 0; }
.review-card blockquote {
  height: 100%; display: flex; flex-wrap: wrap; align-items: center; align-content: flex-start; gap: 12px 16px;
  padding: 16px; background: var(--c-white); border-radius: var(--r-md); box-shadow: var(--shadow-card);
}
.review-card picture { order: 0; width: 40px; height: 40px; flex: 0 0 40px; border-radius: 50%; overflow: hidden; }
.review-card picture img { width: 40px; height: 40px; object-fit: cover; }
.review-card .review-by { order: 1; flex: 1 1 0; min-width: 0; font-size: 18px; font-weight: 500; line-height: 1.2; color: var(--c-text); }
.review-card .review-by a:hover { text-decoration: underline; text-underline-offset: 2px; }
.review-card .review-quote { order: 2; flex: 1 1 100%; margin: 0; padding-top: 12px; border-top: 1px solid var(--c-line); font-size: 16px; line-height: 1.3; color: var(--c-text-2); }
main[data-kind] .sec .review-card .review-quote { line-height: 1.3; }   
.sec-reviews > .carousel-controls { display: contents; }
.sec-reviews > .carousel-controls a {
  position: absolute; top: 50%; z-index: 1; width: 40px; height: 40px; margin-top: -20px;
  display: flex; align-items: center; justify-content: center;
  border-radius: 50%; background: rgba(0, 0, 0, .1); transition: background-color .15s ease;
}
.sec-reviews > .carousel-controls a:hover { background: rgba(0, 0, 0, .2); }
.sec-reviews > .carousel-controls a:first-child { left: 8px; }
.sec-reviews > .carousel-controls a:last-child { right: 8px; }
.sec-reviews > .carousel-controls img { width: 24px; height: 24px; }
@media (min-width: 810px) { .sec-reviews > .carousel-controls a:first-child { left: max(8px, calc(50% - var(--page-max) / 2 + 20px)); } .sec-reviews > .carousel-controls a:last-child { right: max(8px, calc(50% - var(--page-max) / 2 + 20px)); } }
@media (max-width: 809px) {
  .sec-reviews > .reviews-strip { grid-column: 1 / -1; grid-auto-flow: row; grid-template-rows: none; grid-template-columns: repeat(3, 343px); grid-auto-columns: auto; gap: 16px 8px; padding-inline: 8px; scroll-padding-inline: 8px; }
  .sec-reviews > .carousel-controls a { background: rgba(0, 0, 0, .2); }
  .sec-reviews > .carousel-controls a:first-child { left: 24px; }
  .sec-reviews > .carousel-controls a:last-child { right: 16px; }
  .sec-reviews > h2 { margin-bottom: 16px; }   
  .sec-reviews > .reviews-strip .review-quote { font-size: 16px; line-height: 1.3; }
}
@media (max-width: 1199px) {
  .sec-reviews.reviews-scroller > .reviews-strip { grid-column: 1 / -1; display: flex; flex-direction: row; gap: 8px; overflow-x: auto; scroll-snap-type: x mandatory; padding: 0 0 4px; scroll-padding-inline: 0; }
  .sec-reviews.reviews-scroller > .reviews-strip > .review-card { flex: 0 0 343px; }
}
@media (min-width: 810px) and (max-width: 1199px) { .sec-reviews.reviews-scroller > .reviews-strip > .review-card { flex-basis: 360px; } }
.sec-reviews.reviews-scroller > .carousel-controls { grid-column: 1 / -1; display: flex; justify-content: center; gap: 16px; margin: 16px 0 0; }
.sec-reviews.reviews-scroller > .carousel-controls a, .sec-reviews.reviews-scroller > .carousel-controls a:hover { position: static; margin: 0; width: 40px; height: 40px; border-radius: 8px; background: transparent; }
.sec-reviews.reviews-paged:not(:has(> .reviews-strip > .review-card:nth-child(109))) .review-page-anchor { display: block; }   
.sec-reviews.reviews-paged:not(:has(> .reviews-strip > .review-card:nth-child(109))) > .reviews-strip { grid-auto-flow: column; grid-template-columns: none; grid-template-rows: repeat(3, auto); gap: 16px; overflow-x: auto; }
.sec-reviews.reviews-paged:not(:has(> .reviews-strip > .review-card:nth-child(109))) .review-card { --rv-p: 0; --rv-k: 0; order: calc(var(--rv-p) * 9 + var(--rv-k)); }
.sec-reviews.reviews-paged:not(:has(> .reviews-strip > .review-card:nth-child(109))) .review-card:nth-child(n + 10) { --rv-p: 1; }
.sec-reviews.reviews-paged:not(:has(> .reviews-strip > .review-card:nth-child(109))) .review-card:nth-child(n + 19) { --rv-p: 2; }
.sec-reviews.reviews-paged:not(:has(> .reviews-strip > .review-card:nth-child(109))) .review-card:nth-child(n + 28) { --rv-p: 3; }
.sec-reviews.reviews-paged:not(:has(> .reviews-strip > .review-card:nth-child(109))) .review-card:nth-child(n + 37) { --rv-p: 4; }
.sec-reviews.reviews-paged:not(:has(> .reviews-strip > .review-card:nth-child(109))) .review-card:nth-child(n + 46) { --rv-p: 5; }
.sec-reviews.reviews-paged:not(:has(> .reviews-strip > .review-card:nth-child(109))) .review-card:nth-child(n + 55) { --rv-p: 6; }
.sec-reviews.reviews-paged:not(:has(> .reviews-strip > .review-card:nth-child(109))) .review-card:nth-child(n + 64) { --rv-p: 7; }
.sec-reviews.reviews-paged:not(:has(> .reviews-strip > .review-card:nth-child(109))) .review-card:nth-child(n + 73) { --rv-p: 8; }
.sec-reviews.reviews-paged:not(:has(> .reviews-strip > .review-card:nth-child(109))) .review-card:nth-child(n + 82) { --rv-p: 9; }
.sec-reviews.reviews-paged:not(:has(> .reviews-strip > .review-card:nth-child(109))) .review-card:nth-child(n + 91) { --rv-p: 10; }
.sec-reviews.reviews-paged:not(:has(> .reviews-strip > .review-card:nth-child(109))) .review-card:nth-child(n + 100) { --rv-p: 11; }
.sec-reviews.reviews-paged:not(:has(> .reviews-strip > .review-card:nth-child(109))) .review-card:nth-child(9n + 2) { --rv-k: 3; }
.sec-reviews.reviews-paged:not(:has(> .reviews-strip > .review-card:nth-child(109))) .review-card:nth-child(9n + 3) { --rv-k: 6; }
.sec-reviews.reviews-paged:not(:has(> .reviews-strip > .review-card:nth-child(109))) .review-card:nth-child(9n + 4) { --rv-k: 1; }
.sec-reviews.reviews-paged:not(:has(> .reviews-strip > .review-card:nth-child(109))) .review-card:nth-child(9n + 5) { --rv-k: 4; }
.sec-reviews.reviews-paged:not(:has(> .reviews-strip > .review-card:nth-child(109))) .review-card:nth-child(9n + 6) { --rv-k: 7; }
.sec-reviews.reviews-paged:not(:has(> .reviews-strip > .review-card:nth-child(109))) .review-card:nth-child(9n + 7) { --rv-k: 2; }
.sec-reviews.reviews-paged:not(:has(> .reviews-strip > .review-card:nth-child(109))) .review-card:nth-child(9n + 8) { --rv-k: 5; }
.sec-reviews.reviews-paged:not(:has(> .reviews-strip > .review-card:nth-child(109))) .review-card:nth-child(9n + 9) { --rv-k: 8; }
.sec-reviews.reviews-paged:not(:has(> .reviews-strip > .review-card:nth-child(109))) .review-card:is(:nth-child(9n + 1), :nth-child(9n + 2), :nth-child(9n + 3)) { grid-row: 1; }
.sec-reviews.reviews-paged:not(:has(> .reviews-strip > .review-card:nth-child(109))) .review-card:is(:nth-child(9n + 4), :nth-child(9n + 5), :nth-child(9n + 6)) { grid-row: 2; }
.sec-reviews.reviews-paged:not(:has(> .reviews-strip > .review-card:nth-child(109))) .review-card:is(:nth-child(9n + 7), :nth-child(9n + 8), :nth-child(9n + 9)) { grid-row: 3; }
.sec-reviews.reviews-paged:not(:has(> .reviews-strip > .review-card:nth-child(109))) > .carousel-controls a { grid-row: 2 / 3; grid-column: 1 / -1; }
@media (min-width: 810px) {
  .sec-reviews.reviews-paged:not(:has(> .reviews-strip > .review-card:nth-child(109))) > .reviews-strip { grid-auto-columns: calc((100% - 32px) / 3); }
  .sec-reviews.reviews-paged:not(:has(> .reviews-strip > .review-card:nth-child(109))) > .reviews-strip:has(> .review-card:last-child:nth-child(9n + 1))::after, .sec-reviews.reviews-paged:not(:has(> .reviews-strip > .review-card:nth-child(109))) > .reviews-strip:has(> .review-card:last-child:nth-child(9n + 2))::after { content: ""; order: 999999; grid-row: 1; }
  .sec-reviews.reviews-paged:not(:has(> .reviews-strip > .review-card:nth-child(109))) > .reviews-strip:has(> .review-card:last-child:nth-child(9n + 1))::after { grid-column-end: span 2; }
  .sec-reviews.reviews-paged:not(:has(> .reviews-strip > .review-card:nth-child(109))) .review-card { position: relative; }
  .sec-reviews.reviews-paged:not(:has(> .reviews-strip > .review-card:nth-child(109))) .review-page-anchor { position: absolute; top: 0; left: 0; width: calc(300% + 32px); height: 1px; pointer-events: none; }   
}
@media (max-width: 809px) {
  .sec-reviews.reviews-paged:not(:has(> .reviews-strip > .review-card:nth-child(109))) > .reviews-strip { grid-column: 1 / -1; grid-auto-columns: 100%; padding-inline: var(--gutter); scroll-padding-inline: var(--gutter); }
}
.sec-wall { background: var(--c-bg); overflow: hidden; }
main[data-kind] .sec-wall { padding-block: 56px; }
.sec-wall > h2 { margin-bottom: 40px; }
@media (min-width: 1280px) { .sec-wall > h2 { line-height: 1.3; } }
.sec-wall > .wall {
  grid-column: 1 / -1; width: max-content; max-width: none; justify-self: start;
  display: grid; grid-auto-flow: row; gap: 12px;
  animation: wall-slide 60s linear infinite alternate;
  will-change: transform;
}
.sec-wall > .wall:hover, .sec-wall > .wall:focus-within { animation-play-state: paused; }
@keyframes wall-slide { from { transform: translateX(0); } to { transform: translateX(min(0px, calc(100vw - 100%))); } }
.wall-row { display: flex; gap: 12px; width: max-content; }
.wall-row[data-row="1"] { margin-left: -160px; }   
.wall-card {
  display: grid; grid-template-columns: 80px 1fr; grid-template-rows: auto auto; column-gap: 16px; align-items: center;
  width: 320px; padding: 20px;
  background: var(--c-white); border-radius: var(--r-md); box-shadow: 0 0 2px 0 rgba(0, 0, 0, .1);
}
.wall-card > a { grid-row: 1 / span 2; width: 80px; height: 80px; border-radius: 50%; overflow: hidden; display: block; }
.wall-card > a:focus-visible { outline-offset: 0; }
.wall-card img { width: 80px; height: 80px; object-fit: cover; }
.wall-card :is(.wall-name, .wall-followers) { margin: 0; }   
.wall-card .wall-name { font-size: 20px; line-height: 1.2; color: var(--c-text-2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; align-self: end; }
main[data-kind="tool"] .wall-card .wall-name { display: flex; align-items: center; gap: 8px; }
main[data-kind="tool"] .wall-card .wall-name::before { content: ""; flex: 0 0 auto; width: 18px; height: 18px; background: currentColor; -webkit-mask: var(--t-icon, none) center / contain no-repeat; mask: var(--t-icon, none) center / contain no-repeat; opacity: .8; }
main[data-kind="tool"] .wall-card:not(:has(a[href*="x.com"], a[href*="twitter.com"], a[href*="tiktok.com"], a[href*="youtube.com"], a[href*="instagram.com"])) .wall-name::before { display: none; }
main[data-kind="tool"] .wall-card:is(:has(a[href*="x.com"]), :has(a[href*="twitter.com"])) .wall-name { --t-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18.9 2H22l-7.6 8.7L23 22h-6.9l-5.4-7-6.2 7H1l8.1-9.3L.5 2h7.1l4.9 6.4L18.9 2zm-1.2 18h1.9L7.4 3.9H5.4L17.7 20z'/%3E%3C/svg%3E"); }
main[data-kind="tool"] .wall-card:has(a[href*="tiktok.com"]) .wall-name { --t-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M16.6 5.8A4.3 4.3 0 0 1 15.5 3h-3.1v12.4a2.6 2.6 0 1 1-2.6-2.6c.3 0 .5 0 .8.1V9.7a5.7 5.7 0 1 0 4.9 5.7V9.1a7.3 7.3 0 0 0 4.3 1.4V7.4a4.3 4.3 0 0 1-3.2-1.6z'/%3E%3C/svg%3E"); }
main[data-kind="tool"] .wall-card:has(a[href*="youtube.com"]) .wall-name { --t-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8'%3E%3Crect x='2' y='5' width='20' height='14' rx='4'/%3E%3Cpath d='M10 9l5.5 3-5.5 3z' fill='%23000' stroke='none'/%3E%3C/svg%3E"); }
main[data-kind="tool"] .wall-card:has(a[href*="instagram.com"]) .wall-name { --t-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.2c3.2 0 3.6 0 4.8.1 3.2.1 4.8 1.7 4.9 4.9.1 1.3.1 1.6.1 4.8s0 3.6-.1 4.8c-.1 3.2-1.7 4.8-4.9 4.9-1.3.1-1.6.1-4.8.1s-3.6 0-4.8-.1c-3.3-.1-4.8-1.7-4.9-4.9C2.2 15.6 2.2 15.2 2.2 12s0-3.6.1-4.8C2.4 4 4 2.4 7.2 2.3 8.4 2.2 8.8 2.2 12 2.2zM12 0C8.7 0 8.3 0 7.1.1 2.7.3.3 2.7.1 7.1 0 8.3 0 8.7 0 12s0 3.7.1 4.9c.2 4.4 2.6 6.8 7 7 1.2.1 1.6.1 4.9.1s3.7 0 4.9-.1c4.4-.2 6.8-2.6 7-7 .1-1.2.1-1.6.1-4.9s0-3.7-.1-4.9c-.2-4.4-2.6-6.8-7-7C15.7 0 15.3 0 12 0zm0 5.8a6.2 6.2 0 1 0 0 12.4 6.2 6.2 0 0 0 0-12.4zM12 16a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm6.4-11.8a1.4 1.4 0 1 0 0 2.9 1.4 1.4 0 0 0 0-2.9z'/%3E%3C/svg%3E"); }
.wall-card .wall-followers { font-size: 24px; line-height: 1.2; font-weight: 500; color: var(--c-text); white-space: nowrap; align-self: start; margin-top: 8px; }
@media (prefers-reduced-motion: reduce) { .sec-wall > .wall { animation: none; } }
.sec-proscons { background: var(--c-bg); }
.sec-table { background: var(--c-bg); }
.rich-table-wrap:not([data-table-preset]) { width: 100%; overflow-x: auto; border: 1px solid var(--c-line); border-radius: var(--r-sm); background: var(--c-white); }
.rich-table-wrap:not([data-table-preset]) table { width: 100%; min-width: 720px; border-collapse: collapse; text-align: left; }
.rich-table-wrap:not([data-table-preset]) :is(th, td) { min-width: 180px; padding: 16px; border-right: 1px solid var(--c-line); border-bottom: 1px solid var(--c-line); vertical-align: top; }
.rich-table-wrap:not([data-table-preset]) :is(th, td):last-child { border-right: 0; }
.rich-table-wrap:not([data-table-preset]) tr:last-child td { border-bottom: 0; }
.rich-table-wrap:not([data-table-preset]) th { font-weight: 700; color: var(--c-text); background: var(--c-bg); }
.rich-table-wrap[data-table-preset] { width: 100%; overflow-x: auto; }
.rich-table-wrap[data-table-preset] table { width: 100%; border-collapse: separate; border-spacing: 0; table-layout: auto; word-break: normal; border: 1px solid #99999940; border-radius: 8px; overflow: hidden; text-align: start; }
.rich-table-wrap[data-table-preset] :is(th, td) { min-width: 16ch; padding: 10px; vertical-align: top; overflow-wrap: anywhere; font-weight: inherit; text-align: inherit; }
.rich-table-wrap[data-table-preset] th { background: #9999991a; }
.rich-table-wrap[data-table-preset] tr + tr :is(th, td) { border-top: 1px solid #99999940; }
.rich-table-wrap[data-table-preset] tr > :is(th, td) + :is(th, td) { border-left: 1px solid #99999940; }
.rich-table-wrap :is(th, td) > :first-child { margin-top: 0; }
.rich-table-wrap :is(th, td) > :last-child { margin-bottom: 0; }
@property --rt-cell-font-size { syntax: "<length>"; inherits: true; initial-value: 16px; }
.rich-table-wrap[data-table-preset] { --rt-cell-font-size: 1em; }
.rich-table-wrap[data-table-preset] :is(th, td) { font-family: sans-serif; font-size: 12px; }
:where(.rich-table-wrap[data-table-preset] :is(th, td)) > * { font-family: var(--font-sans); font-size: var(--rt-cell-font-size); }
.sec-proscons > .proscons-grid { display: grid; gap: 12px; grid-template-columns: minmax(0, 1fr); }
@media (min-width: 810px) { .sec-proscons > .proscons-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; } }
.proscons-grid > div { background: var(--c-white); border: 1px solid var(--c-line); border-radius: var(--r-sm); padding: 20px 20px 16px; }
.proscons-grid > div > div:only-child { display: contents; }   
.proscons-grid > div > h3:first-child, .proscons-grid > div > div:only-child > h3:first-child {
  display: flex; align-items: center; justify-content: center; gap: 8px; margin: 0;
  font-size: 18px; line-height: 1.2; font-weight: 500; text-align: center; padding-bottom: 12px; border-bottom: 1px solid var(--c-line);
}
@media (min-width: 810px) { .proscons-grid > div > h3:first-child, .proscons-grid > div > div:only-child > h3:first-child { font-size: 24px; } }
.proscons-grid > div > h3:first-child::before, .proscons-grid > div > div:only-child > h3:first-child::before { content: ""; width: 20px; height: 20px; flex: 0 0 20px; background: currentColor; -webkit-mask: var(--t-face) center / contain no-repeat; mask: var(--t-face) center / contain no-repeat; }
.proscons-grid > .pros { --t-face: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M8 14s1.5 2 4 2 4-2 4-2'/%3E%3Cline x1='9' y1='9' x2='9.01' y2='9'/%3E%3Cline x1='15' y1='9' x2='15.01' y2='9'/%3E%3C/svg%3E"); }
.proscons-grid > .cons { --t-face: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M16 16s-1.5-2-4-2-4 2-4 2'/%3E%3Cline x1='9' y1='9' x2='9.01' y2='9'/%3E%3Cline x1='15' y1='9' x2='15.01' y2='9'/%3E%3C/svg%3E"); }
.proscons-grid > div > * + *, .proscons-grid > div > div:only-child > * + * { margin-top: 24px; }
.proscons-grid > div > h3, .proscons-grid > div > div:only-child > h3 { margin-top: 36px; font-size: var(--t-h3); line-height: 1.3; font-weight: 700; text-align: left; }
.proscons-grid > div > h3 + p, .proscons-grid > div > div:only-child > h3 + p { margin-top: 24px; }
.proscons-grid > div > h3:first-child + *, .proscons-grid > div > div:only-child > h3:first-child + * { margin-top: 24px; }
.proscons-grid > div > ul, .proscons-grid > div > ol, .proscons-grid > div > div:only-child > ul, .proscons-grid > div > div:only-child > ol { list-style: disc; padding-left: 1.4em; }
main[data-kind] .sec-proscons > .proscons-grid > :is(.pros, .cons) > ol, main[data-kind] .sec-proscons > .proscons-grid > :is(.pros, .cons) > div:only-child > ol { list-style: decimal; padding-left: 0; margin-top: 0; }
main[data-kind] .sec-proscons > .proscons-grid > :is(.pros, .cons) > ol > li, main[data-kind] .sec-proscons > .proscons-grid > :is(.pros, .cons) > div:only-child > ol > li { font-size: var(--t-h3); line-height: 1.3; font-weight: 700; }
.proscons-grid p strong { font-weight: 700; }
.proscons-grid p a:not([class]) { color: var(--c-accent-video); }
.proscons-grid p a:not([class]):hover { text-decoration: underline; text-underline-offset: 2px; }
.sec-related, .sec-blogcards, .sec-cta { background: var(--c-bg); }
.sec-related > .sec-sub, .sec-blogcards > .sec-sub { font-size: 20px; line-height: 1.3; font-weight: 500; color: var(--c-text-3); margin-top: -12px; }
.sec-related > .related-grid, .sec-blogcards > .blogcards-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; }
@media (min-width: 810px) { .sec-blogcards > .blogcards-grid { grid-column: 1 / -1; width: min(100% - 2 * var(--gutter), 1392px); justify-self: center; } }
.related-grid > .card, .blogcards-grid > .card { border: 0; box-shadow: none; background: transparent; border-radius: 12px; max-width: 100%; transition: background-color .15s ease; }   
.related-grid > .card .card-arrow, .blogcards-grid > .card .card-arrow { font-weight: 400; }
.related-grid > .card > a, .blogcards-grid > .card > a { display: flex; align-items: center; justify-content: center; gap: 8px; padding: 14px 22px; font-size: 16px; line-height: 1.3; font-weight: 600; color: var(--c-text); text-decoration: none; text-wrap: balance; }
.related-grid > .card:hover, .blogcards-grid > .card:hover { background: var(--c-white); }
.related-grid > .card > a:hover, .blogcards-grid > .card > a:hover { color: var(--c-brand); }
@media (max-width: 809px) {
  .sec-related > *, .sec-blogcards > * { padding-inline: 4px; }
  .related-grid > .card, .blogcards-grid > .card { flex: 0 1 auto; width: fit-content; }
  .related-grid > .card > a, .blogcards-grid > .card > a { justify-content: space-between; text-align: left; text-wrap: pretty; padding: 12px 16px; }
  .related-grid > .card > a > .card-label, .blogcards-grid > .card > a > .card-label { flex: 1 1 auto; }
  .related-grid > .card > a > .card-arrow, .blogcards-grid > .card > a > .card-arrow { flex: 0 0 auto; }
}
main[data-kind] .sec-cta { padding: 40px 0 48px; }   
.sec-cta > h2 { grid-row: 1; margin-bottom: 20px; font-family: var(--font-display); font-weight: 400; font-size: var(--t-sec-h2); line-height: 1.2; }
.sec-cta > .microcopy { grid-row: 2; margin: 0; font-size: 14px; line-height: 1.2; color: var(--c-text-3); }
.sec-cta > .cta-row { grid-row: 3; margin-top: 8px; }
.sec-cta > .cta-row .btn { padding: 12px 24px; border-radius: 4px; font-size: 16px; font-weight: 700; }
main[data-kind] .sec-cta + .sec-blogcards:where(:not([data-module])), main[data-surface="tool"] > [data-module="blog-cards"][data-prev="tool-cta"] { padding-top: 32px; }
@media (max-width: 809px) {
  main[data-kind] .sec-cta { padding-bottom: 24px; }
  main[data-kind] .sec-cta > .cta-row .btn { padding: 10px 24px; font-size: 14px; }   
  main[data-kind] .sec-cta + .sec-blogcards:where(:not([data-module])), main[data-surface="tool"] > [data-module="blog-cards"][data-prev="tool-cta"] { padding-top: 28px; }
  main[data-kind] .sec-cta > h2 { margin-inline: calc(-1 * var(--gutter)); }   
  main[data-kind] .sec-blogcards > h2 { font-size: 20px; line-height: 1.3; }
}
.sec-faq { background: var(--c-bg); row-gap: 0; }
.sec-faq > h2 { text-align: center; line-height: 1.3; margin-bottom: 20px; }
.sec-faq > .sec-sub { margin: 0 0 32px; max-width: none; text-align: left; font-size: 18px; line-height: 1.2; color: rgb(140, 150, 160); }
@media (min-width: 810px) {
  .sec-faq { grid-template-columns: minmax(var(--gutter), 1fr) minmax(0, 380px) 48px minmax(0, 772px) minmax(var(--gutter), 1fr); grid-template-rows: auto auto 1fr; align-items: start; }
  .sec-faq > h2 { grid-column: 2; grid-row: 1; text-align: left; margin: 0; }
  .sec-faq > .sec-sub { grid-column: 2; grid-row: 2; margin: 20px 0 0; }
  .sec-faq > .faq-list { grid-column: 4; grid-row: 1 / span 3; }
}
@media (min-width: 1280px) { main[data-kind] .sec-faq { padding-block: 60px; } }
.faq-list { display: flex; flex-direction: column; gap: 36px; }
.faq-item > summary { list-style: none; cursor: pointer; display: block; }
.faq-item > summary::-webkit-details-marker { display: none; }
.faq-item > summary::marker { content: ""; }
.faq-item > summary h3 { text-align: left; }
.faq-item > .faq-answer { padding-top: 24px; }
.faq-item > .faq-answer > * + * { margin-top: 24px; }
.faq-item > .faq-answer > p + :is(ul, ol) { margin-top: 0; }
.faq-item > .faq-answer ul, .faq-item > .faq-answer ol { list-style: disc; padding-left: 20px; }
.faq-item > .faq-answer li + li { margin-top: 0; }
@media (max-width: 809px) { .faq-item > .faq-answer > * + * { margin-top: 21px; } .faq-item > .faq-answer > p + :is(ul, ol) { margin-top: 0; } }
@supports selector(::details-content) { .faq-item::details-content { content-visibility: visible; display: block; } .faq-item > summary { cursor: default; } }
main[data-kind] > .sec-social { display: none; }
.sec-blogcards > .blogcards-grid:has(> .card-has-cover) { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 12px; }
@media (min-width: 810px) { .sec-blogcards > .blogcards-grid:has(> .card-has-cover) { width: 100%; } }
.blogcards-grid > .card-has-cover { background: var(--c-white); border-radius: 8px; overflow: hidden; box-shadow: var(--shadow-card, 0 1px 3px rgba(0,0,0,.08)); max-width: none; width: auto; border: 1px solid var(--c-line); }
.blogcards-grid > .card-has-cover > a { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 0; padding: 0; text-align: left; text-wrap: normal; height: 100%; }
.blogcards-grid > .card-has-cover .card-cover { display: block; width: 100%; aspect-ratio: 16 / 9; overflow: hidden; }
.blogcards-grid > .card-has-cover .card-cover img, .blogcards-grid > .card-has-cover .card-cover picture { display: block; width: 100%; height: 100%; object-fit: cover; }
.blogcards-grid > .card-has-cover .card-label { display: block; padding: 10px 8px 4px; font-size: 18px; line-height: 1.3; font-weight: 600; color: var(--c-text); }
.blogcards-grid > .card-has-cover .card-more { display: block; padding: 0 8px 12px; font-size: 12px; line-height: 1.2; font-weight: 600; color: var(--c-text); }
.blogcards-grid > .card-has-cover .card-arrow { font-weight: 600; }
.blogcards-grid > .card-has-cover:hover { background: var(--c-white); }
.blogcards-grid > .card-has-cover > a:hover .card-label { color: var(--c-brand); }
.blogcards-grid > .card-article { display: flex; flex-direction: column; align-items: flex-start; text-align: left; }
.blogcards-grid > .card-article .card-title { margin: 0; padding: 10px 8px 4px; font-size: 18px; line-height: 1.3; font-weight: 600; }
.blogcards-grid > .card-article .card-title a { color: var(--c-text); }
.blogcards-grid > .card-article .card-excerpt { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; padding: 0 8px; font-size: 14px; line-height: 1.5; color: var(--c-text); }
.blogcards-grid > .card-article .card-excerpt h2, .blogcards-grid > .card-article .card-excerpt h3, .blogcards-grid > .card-article .card-excerpt h4 { font-size: 19px; line-height: 1.3; margin: 0 0 4px; }
.blogcards-grid > .card-article .card-excerpt p { margin: 0 0 6px; }
.blogcards-grid > .card-article .card-more { display: block; padding: 6px 8px 12px; font-size: 12px; line-height: 1.2; font-weight: 600; color: var(--c-text); }
@media (max-width: 809px) {
  .sec-blogcards > .blogcards-grid:has(> .card-has-cover) { grid-template-columns: 1fr; gap: 12px; padding-inline: 0; }
  .blogcards-grid > .card-has-cover { width: 100%; }
  .blogcards-grid > .card-has-cover .card-label { font-size: 20px; }
}
@media (min-width: 810px) {
  .sec-group[data-block="guide"] > .sec-explainer.has-media[data-guide-picture-side="right"] > .sec-text { grid-column: 2; }
  .sec-group[data-block="guide"] > .sec-explainer.has-media[data-guide-picture-side="right"] > .sec-media { grid-column: 4; }
  .sec-group[data-block="guide"] > .sec-explainer.has-media[data-guide-picture-side="left"] > .sec-text { grid-column: 4; }
  .sec-group[data-block="guide"] > .sec-explainer.has-media[data-guide-picture-side="left"] > .sec-media { grid-column: 2; }
}
@media (max-width: 809px) {
  .sec-group[data-block="guide"] > .sec-explainer.has-media[data-guide-picture-mobile-first="true"] > .sec-media { grid-row: 1; margin: 0 0 20px; }
  .sec-group[data-block="guide"] > .sec-explainer.has-media[data-guide-picture-mobile-first="true"] > .sec-text { grid-row: 2; }
  .sec-group[data-block="guide"] > .sec-explainer.has-media[data-guide-picture-mobile-first="false"] > .sec-text { grid-row: 1; }
  .sec-group[data-block="guide"] > .sec-explainer.has-media[data-guide-picture-mobile-first="false"] > .sec-media { grid-row: 2; margin: 20px 0 0; }
}
.sec.sec-blogcards.source-grid[data-variant="source-grid"] { display: flex; flex-direction: column; align-items: center; gap: 24px; padding: 20px 0 40px; background: #f5f6f7; letter-spacing: normal; }
.sec.sec-blogcards.source-grid[data-variant="source-grid"] > h2 { width: 100%; margin: 0; padding: 0; font-size: 36px; line-height: 1.2em; font-weight: 700; text-align: center; text-wrap: wrap; white-space: pre-wrap; word-break: break-word; overflow-wrap: break-word; }
.sec.sec-blogcards.source-grid[data-variant="source-grid"] .source-blog-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 12px; width: 100%; max-width: none; min-width: 0; margin: 0; padding: 0; align-self: stretch; }
.sec.sec-blogcards.source-grid[data-variant="source-grid"] .source-blog-card { display: flex; flex-direction: column; gap: 12px; background: #fff; border: 0; box-shadow: none; border-radius: 8px; overflow: hidden; text-decoration: none; color: rgb(51, 51, 51); font-family: Inter, sans-serif; line-height: normal; }
.sec.sec-blogcards.source-grid[data-variant="source-grid"] .source-blog-image { width: 100%; aspect-ratio: 291 / 160; overflow: hidden; }
.sec.sec-blogcards.source-grid[data-variant="source-grid"] .source-blog-image :is(picture, img) { display: block; width: 100%; height: 100%; object-fit: cover; }
.sec.sec-blogcards.source-grid[data-variant="source-grid"] .source-blog-copy { display: flex; flex-direction: column; gap: 8px; padding: 0 4px 12px; }
.sec.sec-blogcards.source-grid[data-variant="source-grid"] .source-blog-label { font-size: 20px; font-weight: 600; line-height: 26px; }
.sec.sec-blogcards.source-grid[data-variant="source-grid"] .source-blog-description { font-size: 14px; font-weight: 400; line-height: 20px; color: rgb(102, 102, 102); }
.sec.sec-blogcards.source-grid[data-variant="source-grid"] .source-blog-description p { margin: 0; }
.sec.sec-blogcards.source-grid[data-variant="source-grid"] .source-blog-more { font-size: 14px; font-weight: 600; color: rgb(51, 51, 51); }
@media (min-width: 768px) and (max-width: 1279.98px) { .sec.sec-blogcards.source-grid[data-variant="source-grid"] { padding: 20px; } }
@media (max-width: 767.98px) {
  .sec.sec-blogcards.source-grid[data-variant="source-grid"] { align-items: flex-start; gap: 12px; padding: 0 16px 20px; }
  .sec.sec-blogcards.source-grid[data-variant="source-grid"] > h2 { font-size: 20px; line-height: 1.3em; }
}
.sec-group[data-block="guide"].guide-heading-full-width { padding-top: 0; }
.sec-group[data-block="guide"] > .guide-full-width-heading { display: flex; flex-direction: column; align-items: center; width: 100%; padding: 40px 0 0; margin: 0 0 24px; }
.sec-group[data-block="guide"] > .guide-full-width-heading > h2 { width: 100%; max-width: 1280px; margin: 0; padding: 0; color: var(--c-text); font-family: Inter, sans-serif; font-size: 24px; line-height: 1.3em; font-weight: 700; text-align: center; white-space: pre-wrap; text-wrap: wrap; word-break: break-word; overflow-wrap: break-word; }
@media (min-width: 768px) { .sec-group[data-block="guide"] > .guide-full-width-heading { margin-bottom: 48px; } .sec-group[data-block="guide"] > .guide-full-width-heading > h2 { font-size: 28px; } }
@media (min-width: 1280px) { .sec-group[data-block="guide"] > .guide-full-width-heading > h2 { font-size: 32px; } }
.sec.sec-cta.source-order[data-variant="source-order"] { display: flex; flex-direction: column; align-items: center; padding: 40px 0 60px; gap: 0; }
.sec.sec-cta.source-order[data-variant="source-order"] > h2 { width: 100%; max-width: none; padding: 0; margin: 0 0 20px; font-family: "Krona One", sans-serif; font-size: 36px; line-height: 1.2em; font-weight: 400; white-space: pre-wrap; text-wrap: wrap; word-break: break-word; overflow-wrap: break-word; }
.sec.sec-cta.source-order[data-variant="source-order"] > .microcopy { width: 191px; padding: 0; margin: 0; font-family: Inter, sans-serif; font-size: 14px; line-height: 1.2em; white-space: pre-wrap; word-break: break-word; overflow-wrap: break-word; }
.sec.sec-cta.source-order[data-variant="source-order"] > .cta-row { width: auto; padding: 0; margin: 8px 0 0; }
.sec.sec-cta.source-order[data-variant="source-order"] > .cta-row > .btn { padding: 12px 24px; font-family: Inter, sans-serif; font-size: 16px; line-height: 1.2em; font-weight: 700; letter-spacing: 0; border-radius: 4px; }
@media (min-width: 768px) and (max-width: 1279.98px) { .sec.sec-cta.source-order[data-variant="source-order"] { padding: 40px 60px 60px; } .sec.sec-cta.source-order[data-variant="source-order"] > h2 { font-size: 34px; } }
@media (max-width: 767.98px) { .sec.sec-cta.source-order[data-variant="source-order"] { padding: 40px 0 48px; } .sec.sec-cta.source-order[data-variant="source-order"] > h2 { font-size: 24px; } .sec.sec-cta.source-order[data-variant="source-order"] > .cta-row > .btn { height: 40px; font-size: 14px; } }
.guide-source-layout.sec-group[data-block="guide"] { display: flex; flex-direction: column; align-items: center; gap: 0; width: 100%; padding: 0; }
.guide-source-layout.sec-group[data-block="guide"] > .guide-full-width-heading { display: flex; flex-direction: column; align-items: center; width: 100%; padding: 40px 0 0; margin: 0; }
.guide-source-layout.sec-group[data-block="guide"] > .guide-full-width-heading > h2 { width: 100%; max-width: 1280px; margin: 0; padding: 0; color: #333; font: 700 24px/1.3em "Guide Source Inter", "Guide Source Inter Placeholder", sans-serif; text-align: center; white-space: pre-wrap; word-break: break-word; overflow-wrap: break-word; }
.guide-source-layout .guide-source-row { display: flex; justify-content: center; flex: none; width: 100%; padding: 24px 16px; }
.guide-source-layout .guide-source-columns { display: flex; flex-direction: column; flex: none; align-items: center; gap: 20px; width: 100%; }
.guide-source-layout .guide-source-text, .guide-source-layout .guide-source-media { flex: 1 0 0; min-width: 0; width: 100%; }
.guide-source-layout .guide-source-text { color: #333; font: 400 14px/1.5em "Guide Source Inter", "Guide Source Inter Placeholder", sans-serif; letter-spacing: 0; white-space: pre-wrap; word-break: break-word; overflow-wrap: break-word; }
.guide-source-layout .guide-source-text > * { margin: 0; padding: 0; }
.guide-source-layout .guide-source-text > * + * { margin-top: 21px; }
.guide-source-layout .guide-source-text h3 { color: #333; font: 700 20px/1.3em "Guide Source Inter", "Guide Source Inter Placeholder", sans-serif; letter-spacing: 0; }
.guide-source-layout .guide-source-text > h3 { margin-top: 27px; }
.guide-source-layout .guide-source-text > :first-child { margin-top: 0; }
.guide-source-layout .guide-source-text p, .guide-source-layout .guide-source-text li, .guide-source-layout .guide-source-text blockquote { font-size: inherit; line-height: inherit; }
.guide-source-layout .guide-source-text ul, .guide-source-layout .guide-source-text ol { padding-left: 3ch; }
.guide-source-layout .guide-source-text ul { list-style: disc; }
.guide-source-layout .guide-source-text ol { list-style: decimal; }
.guide-source-layout .guide-source-text code { font: 400 1em/1.5em "Guide Source Mono", monospace; background: rgba(0,0,0,.1); padding: .1em .2em; border-radius: 6px; }
.guide-source-layout .guide-source-text a:not(.btn) { color: #1a73e8; text-decoration: none; }
.guide-source-layout .guide-source-text > .cta-row { display: flex; justify-content: flex-start; margin: 16px 0 0; padding: 0; white-space: normal; }
.guide-source-layout .guide-source-text .cta-row .btn { min-width: 160px; display: inline-flex; align-items: center; justify-content: center; padding: 12px 24px; border: 0; border-radius: 4px; background: #333; color: #fff; font: 700 18px/1.2em "Guide Source Inter", "Guide Source Inter Placeholder", sans-serif; letter-spacing: 0; }
.guide-source-layout .guide-source-media { aspect-ratio: var(--guide-picture-ratio, auto); position: relative; border-radius: 16px; overflow: hidden; }
.guide-source-layout .guide-source-media::after { content: ""; position: absolute; inset: 0; pointer-events: none; border: 1px solid #dedede; border-radius: inherit; }
.guide-source-layout .guide-source-media picture, .guide-source-layout .guide-source-media img { display: block; width: 100%; height: 100%; object-fit: cover; margin: 0; border-radius: 0; box-shadow: none; }
.guide-source-layout .guide-source-row[data-text-inset="true"] .guide-source-text { padding-top: 16px; }
@media (max-width: 767.98px) {
 .guide-source-layout .guide-source-media[data-mobile-radius="8"] { border-radius: 8px; }
 .guide-source-layout .guide-source-text, .guide-source-layout .guide-source-media { flex: none; }
 .guide-source-layout .guide-source-row[data-guide-picture-mobile-first="true"] .guide-source-media { order: -1; }
}
@media (min-width: 768px) {
 .guide-source-layout.sec-group[data-block="guide"] > .guide-full-width-heading > h2 { font-size: 28px; }
 .guide-source-layout .guide-source-row { padding: 48px 20px; }
 .guide-source-layout .guide-source-columns { flex-direction: row; }
 .guide-source-layout .guide-source-row[data-picture-align="start"] .guide-source-columns { align-items: flex-start; }
 .guide-source-layout .guide-source-row[data-guide-picture-side="left"] .guide-source-media { order: -1; }
 .guide-source-layout .guide-source-row[data-text-inset="true"] .guide-source-text { padding-top: 32px; }
 .guide-source-layout .guide-source-text > .cta-row { margin-top: 32px; }
 .guide-source-layout .guide-source-row[data-cta-gap="0"] .guide-source-text > .cta-row { margin-top: 0; }
 .guide-source-layout .guide-source-row[data-bottom-padding="60"] { padding-bottom: 60px; }
}
@media (min-width: 810px) {
 .guide-source-layout .guide-source-text { font-size: 16px; }
 .guide-source-layout .guide-source-text h3 { font-size: 24px; }
 .guide-source-layout .guide-source-text > * + * { margin-top: 24px; }
 .guide-source-layout .guide-source-text > h3 { margin-top: 36px; }
 .guide-source-layout .guide-source-text > :first-child { margin-top: 0; }
}
@media (min-width: 1280px) {
 .guide-source-layout.sec-group[data-block="guide"] > .guide-full-width-heading > h2 { font-size: 32px; }
 .guide-source-layout .guide-source-row { padding-inline: 120px; }
 .guide-source-layout .guide-source-columns { width: 1200px; gap: 40px; }
 .guide-source-layout .guide-source-text h3 { font-size: 22px; }
}
@media (min-width: 1100px) {
 .guide-source-layout.guide-source-wide-media .guide-source-row { justify-content: flex-start; }
 .guide-source-layout.guide-source-wide-media .guide-source-columns { align-items: flex-start; gap: 40px; width: min(1280px, calc(100vw - 80px)); max-width: min(1280px, calc(100vw - 80px)); margin-left: auto; margin-right: auto; overflow: visible; }
 .guide-source-layout.guide-source-wide-media .guide-source-text { box-sizing: border-box; flex: 0 0 calc(48% - 20px); width: calc(48% - 20px); max-width: calc(48% - 20px); height: auto; min-height: 0; max-height: none; overflow: visible; }
 .guide-source-layout.guide-source-wide-media .guide-source-media { aspect-ratio: auto; box-sizing: border-box; flex: 0 0 calc(52% - 20px); width: calc(52% - 20px); max-width: calc(52% - 20px); align-self: flex-start; display: block; height: auto; min-height: 0; max-height: none; }
 .guide-source-layout.guide-source-wide-media .guide-source-media picture, .guide-source-layout.guide-source-wide-media .guide-source-media img { height: auto; object-fit: contain; image-rendering: auto; margin-left: auto; margin-right: auto; }
}
.guide-source-layout .guide-source-text > .rich-table-wrap { margin-top: 0; border: 0; border-radius: 0; background: transparent; font: 400 12px/normal sans-serif; font-feature-settings: normal; }
.guide-source-layout .rich-table-wrap table { width: 100%; min-width: 0; border-collapse: separate; border-spacing: 0; table-layout: auto; word-break: normal; border: 1px solid #99999940; border-radius: 8px; overflow: hidden; }
.guide-source-layout .rich-table-wrap :is(th, td) { min-width: 16ch; padding: 10px; border: 0; vertical-align: top; overflow-wrap: anywhere; }
.guide-source-layout .rich-table-wrap th { background: #9999991a; }
.guide-source-layout .rich-table-wrap tr + tr :is(th, td) { border-top: 1px solid #99999940; }
.guide-source-layout .rich-table-wrap tr > :is(th, td) + :is(th, td) { border-left: 1px solid #99999940; }
.guide-source-layout .rich-table-wrap p { margin: 0; font: 400 14px/1.5em "Guide Source Inter", "Guide Source Inter Placeholder", sans-serif; }
.guide-source-layout .guide-source-text, .guide-source-layout .rich-table-wrap p { font-feature-settings: "blwf" on, "cv09" on, "cv03" on, "cv04" on, "cv11" on; }
.guide-source-layout .guide-source-text > blockquote { position: relative; margin-top: 20px; padding: 0 0 0 22px; color: #999; font: italic 400 16px/1.8em "Guide Source Inter", "Guide Source Inter Placeholder", sans-serif; font-feature-settings: normal; }
.guide-source-layout .guide-source-text > blockquote::before { content: " "; background: #ddd; border-radius: 1px; width: 2px; height: 100%; display: block; position: absolute; top: 0; left: 0; }
.guide-source-layout .guide-source-text :is(ul, ol) { margin-top: 0; padding-left: 0; list-style: none; }
.guide-source-layout .guide-source-text li { position: relative; counter-increment: list-item; padding-inline-start: 2ch; list-style: none; }
.guide-source-layout .guide-source-text ul > li::before { content: "•"; position: absolute; inset-inline-start: 0; }
.guide-source-layout .guide-source-text ol > li::before { content: counter(list-item) "."; font-variant-numeric: tabular-nums; position: absolute; inset-inline-start: 0; }
@media (min-width: 810px) { .guide-source-layout .rich-table-wrap p { font-size: 16px; } }
.guide-source-layout .guide-source-text blockquote strong { font-style: normal; font-weight: 700; }
.guide-source-layout .guide-source-text blockquote em > strong { font-style: italic; }
.guide-source-layout .guide-source-text blockquote p { font-feature-settings: "blwf" on, "cv09" on, "cv03" on, "cv04" on, "cv11" on; }
@media (min-width: 1100px) {
 .guide-source-layout.guide-source-wide-media .guide-source-media { aspect-ratio: var(--guide-picture-ratio, auto); overflow: visible; }
 .guide-source-layout.guide-source-wide-media .guide-source-media > picture { position: absolute; inset: 0; height: 100%; }
}
.yt-facade > .yt-active-frame { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.sec-youtube button.yt-facade { width: 100%; padding: 0; border: 0; cursor: pointer; }
.sec-youtube .yt-facade[hidden] { display: none; }
.sec-youtube noscript.yt-tutorial-fallback { display: none; }
.sec-youtube noscript.yt-tutorial-fallback > iframe { display: block; width: 100%; aspect-ratio: 16 / 9; height: auto; border: 0; }
.hero-tool.sized-title { --hero-h1-size: var(--hero-h1-p); --hero-h1-lh: var(--hero-h1-lh-p); --hero-h1-w: var(--hero-h1-w-p); }
@media (min-width: 810px) { .hero-tool.sized-title { --hero-h1-size: var(--hero-h1-t); --hero-h1-lh: var(--hero-h1-lh-t); --hero-h1-w: var(--hero-h1-w-t); } }
@media (min-width: 1280px) { .hero-tool.sized-title { --hero-h1-size: var(--hero-h1-d); --hero-h1-lh: var(--hero-h1-lh-d); --hero-h1-w: var(--hero-h1-w-d); } }
.hero-tool.sized-title h1 { font-size: var(--hero-h1-size, var(--t-hero-h1)); line-height: var(--hero-h1-lh, var(--t-hero-lh)); max-width: var(--hero-h1-w, var(--t-hero-h1-w, none)); margin-inline: auto; }
.hero-tool.sized-title .hero-text { max-width: max(900px, var(--hero-h1-w, 0px)); }
.hero-tool.sized-title .hero-text > :not(h1) { max-width: 900px; margin-inline: auto; }
main[data-page="home"] {
  --home-hero-h: 693px;              
  --home-hero-pad-x: 20px;
  --home-panel-w: 415px;             
  --home-hero-gap: 16px;             
  --home-glass: rgba(255, 255, 255, 0.18);
  --home-band-pad: 24px;             
  --home-faq-pad-b: 40px;
  --home-cta-h: 360px;               
  --home-tile-gap: 4px;
  --home-card-line: rgb(236, 236, 236);   
  --home-media-col: 580px;
  --home-media-gap: 24px;
  --home-fade: 160px;                
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  overflow-x: clip;
  background: var(--c-bg);
}
main[data-page="home"] > * { grid-column: 1 / -1; min-width: 0; }
@media (min-width: 810px) {
  main[data-page="home"] { --home-hero-h: 720px; --home-hero-pad-x: 40px; --home-hero-gap: 24px; --home-band-pad: 40px; --home-faq-pad-b: 48px; --home-cta-h: 520px; }
}
@media (min-width: 1280px) {
  main[data-page="home"] { --home-hero-h: 810px; --home-hero-pad-x: 80px; --home-band-pad: 48px; --home-faq-pad-b: 56px; --home-cta-h: 560px; --home-media-gap: 40px; }
}
body:has(> main[data-page="home"]) .nav { position: absolute; top: 0; left: 0; right: 0; z-index: 20; background: transparent; box-shadow: none; border-bottom: 0; color: var(--c-white); }
body:has(> main[data-page="home"]) .nav :is(.nav-logo, .nav-links a, .lang-current) { color: var(--c-white); }
body:has(> main[data-page="home"]) .nav .nav-launch { background: var(--c-white); color: var(--c-text); }
main[data-page="home"] .hero-page {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-content: end;
  min-height: var(--home-hero-h);
  aspect-ratio: 9 / 16;
  padding: calc(var(--nav-h) + 24px) var(--home-hero-pad-x) 24px;
  background: var(--c-text);                       
  color: var(--c-white);
  overflow: hidden;
}
@media (min-width: 768px) { main[data-page="home"] .hero-page { aspect-ratio: 16 / 9; } }
main[data-page="home"] .hero-page .hero-backdrop { position: absolute; inset: 0; z-index: -2; pointer-events: none; }
main[data-page="home"] .hero-page .hero-backdrop img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; display: block; }
main[data-page="home"] .hero-page .hero-videos { position: absolute; inset: 0; z-index: -1; pointer-events: none; }
main[data-page="home"] .hero-page .hero-videos video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
main[data-page="home"] .hero-page .hero-videos video:not(:first-child) { display: none; }
main[data-page="home"] .hero-page .hero-motion-toggle { position: absolute; top: calc(var(--nav-h) + 12px); right: 16px; z-index: 3; display: inline-flex; align-items: center; gap: 7px; min-height: 40px; margin: 0; padding: 8px 12px; border: 1px solid rgba(255, 255, 255, 0.55); border-radius: 999px; background: rgba(20, 20, 24, 0.58); color: var(--c-white); font: inherit; font-size: 13px; line-height: 1; cursor: pointer; touch-action: manipulation; -webkit-tap-highlight-color: transparent; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
main[data-page="home"] .hero-page .hero-motion-toggle:not(:focus-visible) { opacity: 0; pointer-events: none; }
main[data-page="home"] .hero-page .hero-motion-toggle[hidden] { display: none; }
main[data-page="home"] .hero-page .hero-motion-toggle:hover { background: rgba(20, 20, 24, 0.76); }
main[data-page="home"] .hero-page .hero-motion-toggle:focus-visible { outline: 3px solid var(--c-white); outline-offset: 3px; }
main[data-page="home"] .hero-page .hero-motion-icon { display: inline-flex; align-items: center; justify-content: center; width: 14px; min-height: 14px; font-size: 12px; font-weight: 700; }
@media (prefers-reduced-motion: reduce) {
  main[data-page="home"] .hero-page .hero-videos, main[data-page="home"] .hero-page .hero-motion-toggle { display: none; }
}
main[data-page="home"] .hero-page .hero-text {
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  justify-items: start;
  align-content: end;
  gap: 0;
  max-width: 100%;
  width: 100%;
}
main[data-page="home"] .hero-page .hero-text > * { grid-column: 1 / -1; }
main[data-page="home"] .hero-page h1 { font-family: var(--font-display); font-size: 28px; line-height: 1.2; font-weight: 700; font-synthesis: none; letter-spacing: 0; color: var(--c-white); max-width: 100%; text-wrap: initial; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); }
main[data-page="home"] .hero-page .hero-sub { color: var(--c-white); font-size: 16px; margin-top: 12px; }
main[data-page="home"] .hero-page .cta-row { grid-column: 1; justify-content: flex-start; margin: 16px 0 0; width: 100%; }
main[data-page="home"] .hero-page .cta-row .btn {
  width: 100%;
  min-width: 240px;                                
  min-height: 56px;
  background: var(--c-white);
  color: var(--c-text);
  border-radius: 6px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
  padding: 10px 40px 8px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
}
main[data-page="home"] .hero-page .cta-row .btn:hover { background: var(--c-white); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3); }
main[data-page="home"] .hero-page .cta-row .btn { display: inline-flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; }
main[data-page="home"] .hero-page .cta-row .btn .microcopy { display: block; color: var(--c-text-2); font-size: 12px; line-height: 16px; font-weight: 500; }
main[data-page="home"] .hero-page .hero-tags { display: flex; flex-wrap: wrap; align-items: center; margin-top: 12px; font-size: 16px; line-height: 1.6; color: var(--c-bg); }
main[data-page="home"] .hero-page .hero-tags li + li::before { content: ""; display: inline-block; width: 1px; height: 1.1em; background: currentColor; margin: 0 16px; vertical-align: -0.2em; opacity: 0.9; }
main[data-page="home"] .hero-page > .hero-highlights { width: min(100%, var(--home-panel-w)); margin-top: 8px; padding: 4px 0; color: var(--c-white); }
main[data-page="home"] .hero-page > .hero-highlights li + li { margin-top: 16px; }   
main[data-page="home"] .hero-page > .hero-highlights h2 { position: relative; margin: 0; padding-left: 22px; font-size: 16px; line-height: 1.3; font-weight: 400; color: var(--c-line); text-align: left; text-wrap: initial; }
main[data-page="home"] .hero-page > .hero-highlights h2 :is(b, strong) { color: var(--c-white); font-weight: inherit; }
main[data-page="home"] .hero-page > .hero-highlights h2::before { content: ""; position: absolute; left: 4px; top: 0.5em; width: 7px; height: 7px; background: currentColor; transform: rotate(45deg); opacity: 0.85; }
main[data-page="home"] .hero-page > .hero-highlights li:nth-child(2) h2 { font-size: 20px; font-weight: 700; color: var(--c-white); }
@media (max-width: 809px) {
  main[data-page="home"] .sec-reviews .reviews-strip { display: flex; flex-wrap: nowrap; gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; scrollbar-width: none; padding-bottom: 8px; }
  main[data-page="home"] .sec-reviews .reviews-strip::-webkit-scrollbar { display: none; }
  main[data-page="home"] .sec-reviews .reviews-strip > .review-card { flex: 0 0 min(320px, 86vw); scroll-snap-align: start; }
  main[data-page="home"] .hero-page { padding-bottom: 20px; }   
}
@media (min-width: 810px) {
  main[data-page="home"] .hero-page > .hero-highlights h2 { font-size: 20px; }
  main[data-page="home"] .hero-page > .hero-highlights li + li { margin-top: 12px; }
  main[data-page="home"] .hero-page .hero-text { max-width: 480px; }
  main[data-page="home"] .hero-page h1 { font-size: 36px; }
  main[data-page="home"] .hero-page .cta-row { margin-top: 22px; }
  main[data-page="home"] .hero-page .cta-row .btn { min-height: 64px; padding: 10px 52px 8px; font-size: 22px; min-width: 300px; }
  main[data-page="home"] .hero-page .cta-row .btn .microcopy { font-size: 14px; line-height: 17px; }
  main[data-page="home"] .hero-page .hero-tags { margin-top: 18px; font-size: 20px; line-height: 1.3; }
  main[data-page="home"] .hero-page > .hero-highlights { margin-top: 24px; padding: 24px 24px 24px 18px; border-radius: 12px; background: var(--home-glass); }
  main[data-page="home"] .hero-page > .hero-highlights h2::before { width: 8px; height: 8px; top: 0.5em; }
}
@media (min-width: 1280px) {
  main[data-page="home"] .hero-page { grid-template-columns: minmax(0, 1fr) minmax(0, var(--home-panel-w)); column-gap: 40px; align-items: end; align-content: center; padding-top: 24px; }
  main[data-page="home"] .hero-page h1 { font-size: 46px; max-width: 400px; }
  main[data-page="home"] .hero-page > .hero-highlights { margin-top: 0; width: 100%; justify-self: end; }
}
main[data-page="home"] .sec > h2 { font-size: 24px; line-height: 1.2; font-weight: 700; color: var(--c-text); text-align: center; text-wrap: initial; margin-bottom: 16px; }
@media (min-width: 810px) { main[data-page="home"] .sec > h2 { font-size: 32px; margin-bottom: 32px; } }
@media (min-width: 1280px) { main[data-page="home"] .sec > h2 { font-size: 40px; margin-bottom: 40px; } }
main[data-page="home"] .sec-wall { position: relative; padding: 64px 0 24px; row-gap: 0; }
main[data-page="home"] .sec-wall > h2 { position: relative; z-index: 2; }
main[data-page="home"] .sec-wall::before, main[data-page="home"] .sec-wall::after { content: ""; position: absolute; top: 0; bottom: 0; width: 12.5%; z-index: 1; pointer-events: none; }
main[data-page="home"] .sec-wall::before { left: 0; background: linear-gradient(to right, var(--c-bg), rgba(245, 246, 247, 0)); }
main[data-page="home"] .sec-wall::after { right: 0; background: linear-gradient(to left, var(--c-bg), rgba(245, 246, 247, 0)); }
main[data-page="home"] .sec-wall > .wall { gap: 8px 12px; padding: 8px 4px; }
main[data-page="home"] .sec-wall .wall-row { display: flex; align-items: stretch; gap: 12px; width: max-content; margin: 0; padding: 0; list-style: none; }
main[data-page="home"] .sec-wall .wall-row[data-row="1"] { margin-left: 40px; }
main[data-page="home"] .sec-wall .wall-card {
  grid-template-columns: 80px minmax(0, 1fr);
  column-gap: 16px;
  row-gap: 8px;
  align-content: center;
  width: 320px;
  min-width: 0;
  flex: 0 0 320px;
  height: 120px;
  padding: 20px;
  border-radius: var(--r-md);
}
main[data-page="home"] .sec-wall .wall-card > a { width: 80px; height: 80px; }
main[data-page="home"] .sec-wall .wall-card picture, main[data-page="home"] .sec-wall .wall-card img { width: 80px; height: 80px; object-fit: cover; border-radius: 50%; }
main[data-page="home"] .sec-wall .wall-name { grid-column: 2; display: flex; align-items: center; gap: 8px; max-width: none; font-size: 20px; line-height: 1.3; font-weight: 400; color: var(--c-text-2); }
main[data-page="home"] .sec-wall .wall-followers { grid-column: 2; font-size: 20px; line-height: 1.2; font-weight: 500; color: var(--c-text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
main[data-page="home"] .sec-wall .wall-followers:has(> :is(b, small)) { font-size: 22px; }
main[data-page="home"] .sec-wall .wall-followers b { font-weight: 500; }
main[data-page="home"] .sec-wall .wall-followers small { font-size: 15px; font-weight: 400; color: var(--c-text-3); margin-left: 4px; }
main[data-page="home"] .sec-wall .wall-name::before { content: ""; flex: 0 0 auto; width: 18px; height: 18px; background: currentColor; -webkit-mask: var(--home-icon, none) center / contain no-repeat; mask: var(--home-icon, none) center / contain no-repeat; opacity: 0.8; }
main[data-page="home"] .sec-wall .wall-card:not(:has(a[href*="x.com"], a[href*="twitter.com"], a[href*="tiktok.com"], a[href*="youtube.com"], a[href*="instagram.com"])) .wall-name::before { display: none; }
main[data-page="home"] .wall-card:has(a[href*="x.com"]) .wall-name, main[data-page="home"] .wall-card:has(a[href*="twitter.com"]) .wall-name, main[data-page="home"] .review-by:has(a[href*="x.com"]), main[data-page="home"] .review-by:has(a[href*="twitter.com"]) { --home-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18.9 2H22l-7.6 8.7L23 22h-6.9l-5.4-7-6.2 7H1l8.1-9.3L.5 2h7.1l4.9 6.4L18.9 2zm-1.2 18h1.9L7.4 3.9H5.4L17.7 20z'/%3E%3C/svg%3E"); }
main[data-page="home"] .wall-card:has(a[href*="tiktok.com"]) .wall-name, main[data-page="home"] .review-by:has(a[href*="tiktok.com"]) { --home-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M16.6 5.8A4.3 4.3 0 0 1 15.5 3h-3.1v12.4a2.6 2.6 0 1 1-2.6-2.6c.3 0 .5 0 .8.1V9.7a5.7 5.7 0 1 0 4.9 5.7V9.1a7.3 7.3 0 0 0 4.3 1.4V7.4a4.3 4.3 0 0 1-3.2-1.6z'/%3E%3C/svg%3E"); }
main[data-page="home"] .wall-card:has(a[href*="youtube.com"]) .wall-name, main[data-page="home"] .review-by:has(a[href*="youtube.com"]) { --home-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8'%3E%3Crect x='2' y='5' width='20' height='14' rx='4'/%3E%3Cpath d='M10 9l5.5 3-5.5 3z' fill='%23000' stroke='none'/%3E%3C/svg%3E"); }   
main[data-page="home"] .wall-card:has(a[href*="instagram.com"]) .wall-name, main[data-page="home"] .review-by:has(a[href*="instagram.com"]) { --home-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.2c3.2 0 3.6 0 4.8.1 3.2.1 4.8 1.7 4.9 4.9.1 1.3.1 1.6.1 4.8s0 3.6-.1 4.8c-.1 3.2-1.7 4.8-4.9 4.9-1.3.1-1.6.1-4.8.1s-3.6 0-4.8-.1c-3.3-.1-4.8-1.7-4.9-4.9C2.2 15.6 2.2 15.2 2.2 12s0-3.6.1-4.8C2.4 4 4 2.4 7.2 2.3 8.4 2.2 8.8 2.2 12 2.2zM12 0C8.7 0 8.3 0 7.1.1 2.7.3.3 2.7.1 7.1 0 8.3 0 8.7 0 12s0 3.7.1 4.9c.2 4.4 2.6 6.8 7 7 1.2.1 1.6.1 4.9.1s3.7 0 4.9-.1c4.4-.2 6.8-2.6 7-7 .1-1.2.1-1.6.1-4.9s0-3.7-.1-4.9c-.2-4.4-2.6-6.8-7-7C15.7 0 15.3 0 12 0zm0 5.8a6.2 6.2 0 1 0 0 12.4 6.2 6.2 0 0 0 0-12.4zM12 16a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm6.4-11.8a1.4 1.4 0 1 0 0 2.9 1.4 1.4 0 0 0 0-2.9z'/%3E%3C/svg%3E"); }
@media (min-width: 810px) {
  main[data-page="home"] .sec-wall { padding-top: 80px; padding-bottom: 32px; }
}
@media (min-width: 1280px) {
  main[data-page="home"] .sec-wall { padding-top: 100px; }
}
main[data-page="home"] .sec-wall + .sec-gallery:where(:not([data-module])), main[data-surface="home"] [data-module="gallery"][data-prev="influencer-wall"] { background: var(--c-bg); padding: 24px 0; }   
main[data-page="home"] .sec-wall + .sec-gallery:where(:not([data-module])) > h2, main[data-surface="home"] [data-module="gallery"][data-prev="influencer-wall"] > h2 { font-size: 24px; line-height: 1.2; font-weight: 500; color: var(--c-text-2); margin-bottom: 20px; }
main[data-page="home"] .sec-wall + .sec-gallery:where(:not([data-module])) > .gallery-grid, main[data-surface="home"] [data-module="gallery"][data-prev="influencer-wall"] > .gallery-grid { grid-column: 2; width: 100%; margin: 0; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 4px 26px; }
main[data-page="home"] .sec-wall + .sec-gallery:where(:not([data-module])) .gallery-grid li, main[data-surface="home"] [data-module="gallery"][data-prev="influencer-wall"] .gallery-grid li { display: block; flex: 0 1 auto; width: auto; max-width: 100%; height: auto; aspect-ratio: auto; border-radius: 0; overflow: visible; }
main[data-page="home"] .sec-wall + .sec-gallery:where(:not([data-module])) .gallery-grid picture, main[data-surface="home"] [data-module="gallery"][data-prev="influencer-wall"] .gallery-grid picture { display: block; width: auto; height: auto; }
main[data-page="home"] .sec-wall + .sec-gallery:where(:not([data-module])) .gallery-grid img, main[data-surface="home"] [data-module="gallery"][data-prev="influencer-wall"] .gallery-grid img { display: block; width: auto; height: 42px; max-width: 100%; aspect-ratio: auto; object-fit: contain; object-position: center; border-radius: 0; box-shadow: none; background: transparent !important; filter: grayscale(1); opacity: 0.3; }
@media (min-width: 810px) {
  main[data-page="home"] .sec-wall + .sec-gallery:where(:not([data-module])), main[data-surface="home"] [data-module="gallery"][data-prev="influencer-wall"] { padding-bottom: 32px; }
  main[data-page="home"] .sec-wall + .sec-gallery:where(:not([data-module])) > h2, main[data-surface="home"] [data-module="gallery"][data-prev="influencer-wall"] > h2 { margin-bottom: 20px; }
  main[data-page="home"] .sec-wall + .sec-gallery:where(:not([data-module])) > .gallery-grid, main[data-surface="home"] [data-module="gallery"][data-prev="influencer-wall"] > .gallery-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); justify-items: center; gap: 12px 24px; }
  main[data-page="home"] .sec-wall + .sec-gallery:where(:not([data-module])) .gallery-grid li, main[data-surface="home"] [data-module="gallery"][data-prev="influencer-wall"] .gallery-grid li { justify-self: auto; max-width: 100%; }
  main[data-page="home"] .sec-wall + .sec-gallery:where(:not([data-module])) .gallery-grid img, main[data-surface="home"] [data-module="gallery"][data-prev="influencer-wall"] .gallery-grid img { height: 48px; max-width: 100%; object-position: center; }
}
@media (min-width: 1280px) {
  main[data-page="home"] .sec-wall + .sec-gallery:where(:not([data-module])) > .gallery-grid, main[data-surface="home"] [data-module="gallery"][data-prev="influencer-wall"] > .gallery-grid { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; column-gap: 70px; row-gap: 12px; }
  main[data-page="home"] .sec-wall + .sec-gallery:where(:not([data-module])) .gallery-grid li, main[data-surface="home"] [data-module="gallery"][data-prev="influencer-wall"] .gallery-grid li { flex: 0 0 auto; }
  main[data-page="home"] .sec-wall + .sec-gallery:where(:not([data-module])) .gallery-grid img, main[data-surface="home"] [data-module="gallery"][data-prev="influencer-wall"] .gallery-grid img { height: 64px; max-width: 355px; }
}
main[data-page="home"] > .sec-group > .sec-explainer { background: var(--c-bg); padding-block: var(--home-band-pad); align-items: center; }
main[data-page="home"] > .sec-group > .sec-explainer > .sec-text > h2 { font-size: 20px; line-height: 1.2; font-weight: 700; color: var(--c-text); text-align: left; margin: 0 0 16px; }
main[data-page="home"] > .sec-group > .sec-explainer > .sec-text > h3 { font-size: 16px; line-height: 1.3; font-weight: 700; color: var(--c-text); }
main[data-page="home"] > .sec-group > .sec-explainer > .sec-text > :is(p, ul, ol), main[data-page="home"] > .sec-group > .sec-explainer > .sec-text li { font-size: 14px; line-height: 1.5; color: var(--c-text); }
main[data-page="home"] > .sec-group > .sec-explainer > .sec-text strong { font-weight: 700; }
main[data-page="home"] > .sec-group > .sec-explainer > .sec-text > p > a[href*="?cta="]:only-child, main[data-page="home"] > .sec-group > .sec-explainer > .sec-text > .sec-fold > p > a[href*="?cta="]:only-child, main[data-page="home"] > .sec-group > .sec-explainer > .sec-text > .cta-row .btn { font-size: 18px; padding: 12px 24px; min-width: 160px; justify-content: center; }
main[data-page="home"] > .sec-group > .sec-explainer > .sec-media { display: block; }
main[data-page="home"] > .sec-group > .sec-explainer > .sec-media img { border-radius: var(--r-md); }
main[data-page="home"] > .sec-group > .sec-explainer > .sec-media > picture img { width: 100%; height: auto; aspect-ratio: 3 / 4; object-fit: cover; }
main[data-page="home"] > .sec-group > .sec-explainer.has-media > .sec-media > picture ~ picture { display: none; }
@media (min-width: 810px) {
  main[data-page="home"] > .sec-group > .sec-explainer > .sec-text > h2 { font-size: 26px; margin-bottom: 24px; }
  main[data-page="home"] > .sec-group > .sec-explainer > .sec-text > :is(p, ul, ol), main[data-page="home"] > .sec-group > .sec-explainer > .sec-text li { font-size: 15px; }
  main[data-page="home"] > .sec-group > .sec-explainer:not(.has-media) > .sec-text { max-width: 760px; padding-inline: 0; }
  main[data-page="home"] > .sec-group > .sec-explainer:not(.has-media).alt > .sec-text { margin-left: auto; }
}
@media (min-width: 1280px) {
  main[data-page="home"] > .sec-group > .sec-explainer > .sec-text > h2 { font-size: 32px; margin-bottom: 32px; }
  main[data-page="home"] > .sec-group > .sec-explainer > .sec-text > * + * { margin-top: 24px; }
  main[data-page="home"] > .sec-group > .sec-explainer > .sec-text > h3 + p { margin-top: 12px; }
  main[data-page="home"] > .sec-group > .sec-explainer > .sec-text > p:has(> a[href*="?cta="]:only-child) { margin-top: 32px; }
  main[data-page="home"] > .sec-group > .sec-explainer > .sec-text > :is(p, ul, ol), main[data-page="home"] > .sec-group > .sec-explainer > .sec-text li { font-size: 16px; }
}
main[data-page="home"] > .sec-group:not(:last-child):where(:not([data-module])) > .sec-explainer > .sec-text:has(> p > a[href*="?cta="]), main[data-surface="home"] > .sec-group:where([data-module]):not(:is([data-pos="last"], [data-pos="only"])) > .sec-explainer > .sec-text:has(> p > a[href*="?cta="]) { display: flex; flex-direction: column; align-items: stretch; }
main[data-page="home"] > .sec-group:not(:last-child):where(:not([data-module])) > .sec-explainer > .sec-text:has(> p > a[href*="?cta="]) > *, main[data-surface="home"] > .sec-group:where([data-module]):not(:is([data-pos="last"], [data-pos="only"])) > .sec-explainer > .sec-text:has(> p > a[href*="?cta="]) > * { margin: 0; }
main[data-page="home"] > .sec-group:not(:last-child):where(:not([data-module])) > .sec-explainer > .sec-text:has(> p > a[href*="?cta="]) > h2, main[data-surface="home"] > .sec-group:where([data-module]):not(:is([data-pos="last"], [data-pos="only"])) > .sec-explainer > .sec-text:has(> p > a[href*="?cta="]) > h2 { margin: 0 0 16px; }
main[data-page="home"] > .sec-group:not(:last-child):where(:not([data-module])) > .sec-explainer > .sec-text:has(> p > a[href*="?cta="]) > p:nth-child(2), main[data-surface="home"] > .sec-group:where([data-module]):not(:is([data-pos="last"], [data-pos="only"])) > .sec-explainer > .sec-text:has(> p > a[href*="?cta="]) > p:nth-child(2) { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
main[data-page="home"] > .sec-group:not(:last-child):where(:not([data-module])) > .sec-explainer > .sec-text:has(> p > a[href*="?cta="]) > p:nth-child(3), main[data-surface="home"] > .sec-group:where([data-module]):not(:is([data-pos="last"], [data-pos="only"])) > .sec-explainer > .sec-text:has(> p > a[href*="?cta="]) > p:nth-child(3) { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; margin-top: 16px; }
main[data-page="home"] > .sec-group:not(:last-child):where(:not([data-module])) > .sec-explainer > .sec-text:has(> p > a[href*="?cta="]) > p:nth-child(n + 4):has(~ p + p + p > a[href*="?cta="]), main[data-surface="home"] > .sec-group:where([data-module]):not(:is([data-pos="last"], [data-pos="only"])) > .sec-explainer > .sec-text:has(> p > a[href*="?cta="]) > p:nth-child(n + 4):has(~ p + p + p > a[href*="?cta="]) { display: none; }
main[data-page="home"] > .sec-group:not(:last-child):where(:not([data-module])) > .sec-explainer > .sec-text:has(> p:nth-child(6) > a[href*="?cta="]) > p:nth-child(3), main[data-surface="home"] > .sec-group:where([data-module]):not(:is([data-pos="last"], [data-pos="only"])) > .sec-explainer > .sec-text:has(> p:nth-child(6) > a[href*="?cta="]) > p:nth-child(3) { display: none; }
main[data-page="home"] > .sec-group:not(:last-child):where(:not([data-module])) > .sec-explainer > .sec-text:has(> p > a[href*="?cta="]) > p:has(+ p > a[href*="?cta="]), main[data-surface="home"] > .sec-group:where([data-module]):not(:is([data-pos="last"], [data-pos="only"])) > .sec-explainer > .sec-text:has(> p > a[href*="?cta="]) > p:has(+ p > a[href*="?cta="]) { display: none; }
main[data-page="home"] > .sec-group:not(:last-child):where(:not([data-module])) > .sec-explainer > .sec-text:has(> p > a[href*="?cta="]) > p:has(+ p + p > a[href*="?cta="]), main[data-surface="home"] > .sec-group:where([data-module]):not(:is([data-pos="last"], [data-pos="only"])) > .sec-explainer > .sec-text:has(> p > a[href*="?cta="]) > p:has(+ p + p > a[href*="?cta="]) {
  order: 1;
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 8px;
  font-size: 14px;
  line-height: 26px;
  font-weight: 700;
  color: var(--c-text-3);
}
main[data-page="home"] > .sec-group:not(:last-child):where(:not([data-module])) > .sec-explainer > .sec-text:has(> p > a[href*="?cta="]) > p:has(+ p + p > a[href*="?cta="])::before, main[data-surface="home"] > .sec-group:where([data-module]):not(:is([data-pos="last"], [data-pos="only"])) > .sec-explainer > .sec-text:has(> p > a[href*="?cta="]) > p:has(+ p + p > a[href*="?cta="])::before { content: ""; flex: 0 0 30px; width: 30px; height: 1px; background: rgb(203, 203, 203); }
main[data-page="home"] > .sec-group:not(:last-child):where(:not([data-module])) > .sec-explainer > .sec-text:has(> p > a[href*="?cta="]) > p:has(+ p + p > a[href*="?cta="])::after, main[data-surface="home"] > .sec-group:where([data-module]):not(:is([data-pos="last"], [data-pos="only"])) > .sec-explainer > .sec-text:has(> p > a[href*="?cta="]) > p:has(+ p + p > a[href*="?cta="])::after { content: ""; width: 11px; height: 11px; margin: -6px 0 0 4px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg); }
main[data-page="home"] > .sec-group:not(:last-child):where(:not([data-module])) > .sec-explainer > .sec-text:has(> p > a[href*="?cta="]) > p:has(> a[href*="?cta="]), main[data-surface="home"] > .sec-group:where([data-module]):not(:is([data-pos="last"], [data-pos="only"])) > .sec-explainer > .sec-text:has(> p > a[href*="?cta="]) > p:has(> a[href*="?cta="]) { order: 2; margin-top: 16px; }
main[data-page="home"] > .sec-group:not(:last-child):where(:not([data-module])) > .sec-explainer > .sec-text:has(> p > a[href*="?cta="]) > ul, main[data-surface="home"] > .sec-group:where([data-module]):not(:is([data-pos="last"], [data-pos="only"])) > .sec-explainer > .sec-text:has(> p > a[href*="?cta="]) > ul { order: 0; margin-top: 12px; padding-left: 1.4em; list-style: disc; }
main[data-page="home"] > .sec-group:not(:last-child):where(:not([data-module])) > .sec-explainer > .sec-text:has(> p > a[href*="?cta="]) > ul > li, main[data-surface="home"] > .sec-group:where([data-module]):not(:is([data-pos="last"], [data-pos="only"])) > .sec-explainer > .sec-text:has(> p > a[href*="?cta="]) > ul > li { margin: 0; }
main[data-page="home"] > .sec-group:not(:last-child):where(:not([data-module])) > .sec-explainer > .sec-text:has(> p > a[href*="?cta="]) > ul > li + li, main[data-surface="home"] > .sec-group:where([data-module]):not(:is([data-pos="last"], [data-pos="only"])) > .sec-explainer > .sec-text:has(> p > a[href*="?cta="]) > ul > li + li { margin-top: 4px; }
main[data-page="home"] > .sec-group:not(:last-child):where(:not([data-module])) > .sec-explainer > .sec-text:has(> p > a[href*="?cta="]) > ul > li:nth-child(2) > span, main[data-surface="home"] > .sec-group:where([data-module]):not(:is([data-pos="last"], [data-pos="only"])) > .sec-explainer > .sec-text:has(> p > a[href*="?cta="]) > ul > li:nth-child(2) > span { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }
main[data-page="home"] > .sec-group:not(:last-child):where(:not([data-module])) > .sec-explainer > .sec-text:has(> p > a[href*="?cta="]) > ul > li:nth-child(n + 3), main[data-surface="home"] > .sec-group:where([data-module]):not(:is([data-pos="last"], [data-pos="only"])) > .sec-explainer > .sec-text:has(> p > a[href*="?cta="]) > ul > li:nth-child(n + 3) { display: none; }
main[data-page="home"] > .sec-group:not(:last-child):where(:not([data-module])) > #s-2.sec-explainer > .sec-text:has(> p > a[href*="?cta="]) > ul, main[data-surface="home"] > .sec-group:where([data-module]):not(:is([data-pos="last"], [data-pos="only"]))[data-variant="home-feature-no-list"] > .sec-explainer > .sec-text:has(> p > a[href*="?cta="]) > ul { display: none; }
main[data-page="home"] > .sec-group:not(:last-child):where(:not([data-module])) > #s-5.sec-explainer > .sec-text:has(> p > a[href*="?cta="]) > p:nth-child(2), main[data-surface="home"] > .sec-group:where([data-module]):not(:is([data-pos="last"], [data-pos="only"]))[data-variant="home-feature-bold-intro"] > .sec-explainer > .sec-text:has(> p > a[href*="?cta="]) > p:nth-child(2) { font-weight: 700; }
@media (min-width: 810px) {
  main[data-page="home"] > .sec-group:not(:last-child):where(:not([data-module])) > .sec-explainer > .sec-text:has(> p > a[href*="?cta="]) > h2, main[data-surface="home"] > .sec-group:where([data-module]):not(:is([data-pos="last"], [data-pos="only"])) > .sec-explainer > .sec-text:has(> p > a[href*="?cta="]) > h2 { margin-bottom: 24px; }
  main[data-page="home"] > .sec-group:not(:last-child):where(:not([data-module])) > .sec-explainer > .sec-text:has(> p > a[href*="?cta="]) > p:nth-child(3), main[data-surface="home"] > .sec-group:where([data-module]):not(:is([data-pos="last"], [data-pos="only"])) > .sec-explainer > .sec-text:has(> p > a[href*="?cta="]) > p:nth-child(3) { margin-top: 24px; }
  main[data-page="home"] > .sec-group:not(:last-child):where(:not([data-module])) > .sec-explainer > .sec-text:has(> p > a[href*="?cta="]) > p:has(+ p + p > a[href*="?cta="]), main[data-surface="home"] > .sec-group:where([data-module]):not(:is([data-pos="last"], [data-pos="only"])) > .sec-explainer > .sec-text:has(> p > a[href*="?cta="]) > p:has(+ p + p > a[href*="?cta="]) { margin-top: 20px; font-size: 18px; }
  main[data-page="home"] > .sec-group:not(:last-child):where(:not([data-module])) > .sec-explainer > .sec-text:has(> p > a[href*="?cta="]) > p:has(> a[href*="?cta="]), main[data-surface="home"] > .sec-group:where([data-module]):not(:is([data-pos="last"], [data-pos="only"])) > .sec-explainer > .sec-text:has(> p > a[href*="?cta="]) > p:has(> a[href*="?cta="]) { margin-top: 28px; }
}
@media (min-width: 1280px) {
  main[data-page="home"] > .sec-group:not(:last-child):where(:not([data-module])) > .sec-explainer > .sec-text:has(> p > a[href*="?cta="]) > h2, main[data-surface="home"] > .sec-group:where([data-module]):not(:is([data-pos="last"], [data-pos="only"])) > .sec-explainer > .sec-text:has(> p > a[href*="?cta="]) > h2 { margin-bottom: 32px; }
  main[data-page="home"] > .sec-group:not(:last-child):where(:not([data-module])) > .sec-explainer > .sec-text:has(> p > a[href*="?cta="]) > p:has(+ p + p > a[href*="?cta="]), main[data-surface="home"] > .sec-group:where([data-module]):not(:is([data-pos="last"], [data-pos="only"])) > .sec-explainer > .sec-text:has(> p > a[href*="?cta="]) > p:has(+ p + p > a[href*="?cta="]) { margin-top: 24px; font-size: 20px; }
  main[data-page="home"] > .sec-group:not(:last-child):where(:not([data-module])) > .sec-explainer > .sec-text:has(> p > a[href*="?cta="]) > p:has(> a[href*="?cta="]), main[data-surface="home"] > .sec-group:where([data-module]):not(:is([data-pos="last"], [data-pos="only"])) > .sec-explainer > .sec-text:has(> p > a[href*="?cta="]) > p:has(> a[href*="?cta="]) { margin-top: 32px; }
}
main[data-page="home"] .sec-tabshow { --ts-accent: var(--c-accent-video); background: var(--c-white); padding: 48px var(--gutter) 0; }
main[data-page="home"] .sec-tabshow > h2 { font-size: 24px; line-height: 1.2; font-weight: 700; color: var(--c-text); text-align: center; margin: 0 0 24px; }
main[data-page="home"] .sec-tabshow .ts-r { position: absolute; width: 1px; height: 1px; margin: 0; padding: 0; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }
main[data-page="home"] .sec-tabshow .ts-stagebar { display: flex; justify-content: center; align-items: center; column-gap: 40px; }
main[data-page="home"] .sec-tabshow .ts-stagebar label { position: relative; display: flex; align-items: center; gap: 8px; margin: 0 0 16px; font-size: 20px; line-height: 1.2; font-weight: 500; color: var(--c-text-3); cursor: pointer; touch-action: manipulation; -webkit-tap-highlight-color: transparent; }
main[data-page="home"] .sec-tabshow .ts-stagebar label::before { content: ""; flex: 0 0 auto; width: 1em; height: 1em; background: currentColor; -webkit-mask: var(--ts-icon) center / contain no-repeat; mask: var(--ts-icon) center / contain no-repeat; }
main[data-page="home"] .sec-tabshow .ts-stagebar label[data-si="0"] { --ts-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm-2 14V8l6 4-6 4z'/%3E%3C/svg%3E"); }
main[data-page="home"] .sec-tabshow .ts-stagebar label[data-si="1"] { --ts-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 3h16a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2zm0 2v10.6l4.5-4.5 3.5 3.5 4-4 4 4V5H4zm4.5 4a1.8 1.8 0 1 1 0 3.6 1.8 1.8 0 0 1 0-3.6z'/%3E%3C/svg%3E"); }
main[data-page="home"] .sec-tabshow .ts-stagebar label[data-si="0"]:has(#ts-s0:checked) { color: var(--c-accent-video); }
main[data-page="home"] .sec-tabshow .ts-stagebar label[data-si="1"]:has(#ts-s1:checked) { color: var(--ts-orange, #f97316); }
main[data-page="home"] .sec-tabshow .ts-stage { display: none; }
main[data-page="home"] .sec-tabshow:has(#ts-s0:checked) > .ts-stage[data-si="0"] { display: block; }
main[data-page="home"] .sec-tabshow:has(#ts-s1:checked) > .ts-stage[data-si="1"] { display: block; --ts-accent: var(--ts-orange, #f97316); }
main[data-page="home"] .sec-tabshow .ts-bar { display: flex; align-items: stretch; gap: 8px; overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: none; box-shadow: inset 0 -1px var(--c-line); }
main[data-page="home"] .sec-tabshow .ts-bar::-webkit-scrollbar { display: none; }
main[data-page="home"] .sec-tabshow .ts-bar label { position: relative; display: block; flex: 0 0 auto; margin: 0; padding: 8px 12px 10px; font-size: 16px; line-height: 1.3; font-weight: 400; color: var(--c-text); white-space: nowrap; cursor: pointer; touch-action: manipulation; -webkit-tap-highlight-color: transparent; }
main[data-page="home"] .sec-tabshow .ts-panel { display: none; grid-template-columns: 1fr; gap: 24px; padding-top: 32px; }
main[data-page="home"] .sec-tabshow .ts-panel .ts-copy :is(h3, .ts-title) { display: flex; align-items: center; gap: 10px; margin: 0; font-size: 20px; line-height: 1.3; font-weight: 700; color: var(--c-text); }
main[data-page="home"] .sec-tabshow .ts-stage[data-si="0"] .ts-panel .ts-copy :is(h3, .ts-title)::before { content: ""; flex: 0 0 auto; width: 1em; height: 1em; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm-2 14V8l6 4-6 4z'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm-2 14V8l6 4-6 4z'/%3E%3C/svg%3E") center / contain no-repeat; }
main[data-page="home"] .sec-tabshow .ts-panel .ts-copy p { margin: 16px 0 0; font-size: 16px; line-height: 1.6; color: var(--c-text-2); max-width: 62ch; }
main[data-page="home"] .sec-tabshow .ts-media video { width: 100%; height: auto; aspect-ratio: 1 / 1; object-fit: cover; border-radius: 12px; background: var(--c-line); }
main[data-page="home"] .sec-tabshow .ts-media video[hidden] { display: none; }
main[data-page="home"] .sec-tabshow .ts-media picture img, main[data-page="home"] .sec-tabshow .ts-media > img { width: 100%; height: auto; border-radius: 12px; }   
main[data-page="home"] .sec-tabshow .ts-media-fallback { display: grid; place-items: center; width: 100%; aspect-ratio: 1 / 1; margin: 0; padding: 24px; border-radius: 12px; background: var(--c-bg); text-align: center; }
main[data-page="home"] .sec-tabshow .ts-media-fallback[hidden] { display: none; }
main[data-page="home"] .sec-tabshow .ts-media-fallback a { color: var(--ts-accent); font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
main[data-page="home"] .sec-tabshow .ts-bar label:has(.ts-r:checked) { font-weight: 700; color: var(--ts-accent); box-shadow: inset 0 -2px var(--ts-accent); }
main[data-page="home"] .sec-tabshow .ts-stage:has(.ts-bar label:nth-child(1) .ts-r:checked) .ts-panels > .ts-panel:nth-child(1),
main[data-page="home"] .sec-tabshow .ts-stage:has(.ts-bar label:nth-child(2) .ts-r:checked) .ts-panels > .ts-panel:nth-child(2),
main[data-page="home"] .sec-tabshow .ts-stage:has(.ts-bar label:nth-child(3) .ts-r:checked) .ts-panels > .ts-panel:nth-child(3),
main[data-page="home"] .sec-tabshow .ts-stage:has(.ts-bar label:nth-child(4) .ts-r:checked) .ts-panels > .ts-panel:nth-child(4),
main[data-page="home"] .sec-tabshow .ts-stage:has(.ts-bar label:nth-child(5) .ts-r:checked) .ts-panels > .ts-panel:nth-child(5),
main[data-page="home"] .sec-tabshow .ts-stage:has(.ts-bar label:nth-child(6) .ts-r:checked) .ts-panels > .ts-panel:nth-child(6),
main[data-page="home"] .sec-tabshow .ts-stage:has(.ts-bar label:nth-child(7) .ts-r:checked) .ts-panels > .ts-panel:nth-child(7),
main[data-page="home"] .sec-tabshow .ts-stage:has(.ts-bar label:nth-child(8) .ts-r:checked) .ts-panels > .ts-panel:nth-child(8),
main[data-page="home"] .sec-tabshow .ts-stage:has(.ts-bar label:nth-child(9) .ts-r:checked) .ts-panels > .ts-panel:nth-child(9) { display: grid; }
main[data-page="home"] .sec-tabshow :is(.ts-stagebar, .ts-bar) label:has(.ts-r:focus-visible) { outline: 2px solid var(--ts-accent); outline-offset: 2px; }
@media (min-width: 810px) {
  main[data-page="home"] .sec-tabshow > h2 { font-size: 32px; margin-bottom: 32px; }
  main[data-page="home"] .sec-tabshow .ts-stagebar label { font-size: 24px; margin-bottom: 6px; }
  main[data-page="home"] .sec-tabshow .ts-bar { gap: 16px; }
  main[data-page="home"] .sec-tabshow .ts-bar label { font-size: 18px; padding: 10px 12px; }
  main[data-page="home"] .sec-tabshow .ts-panel .ts-copy :is(h3, .ts-title) { font-size: 24px; }
  main[data-page="home"] .sec-tabshow .ts-panel .ts-copy p { font-size: 18px; line-height: 1.4; }
  main[data-page="home"] .sec-tabshow .ts-panels > .ts-panel { grid-template-columns: minmax(0, 1fr) minmax(0, var(--home-media-col)); align-items: center; column-gap: var(--home-media-gap); }
}
@media (min-width: 1280px) {
  main[data-page="home"] .sec-tabshow > h2 { font-size: 40px; }
  main[data-page="home"] .sec-tabshow .ts-stagebar label { font-size: 28px; }
  main[data-page="home"] .sec-tabshow .ts-bar label { font-size: 20px; }
  main[data-page="home"] .sec-tabshow .ts-panel .ts-copy :is(h3, .ts-title) { font-size: 30px; }
  main[data-page="home"] .sec-tabshow .ts-panel .ts-copy p { margin-top: 28px; font-size: 20px; line-height: 1.3; }
}
main[data-page="home"] .sec-gallery:where(:not([data-module])):not(.sec-wall + .sec-gallery), main[data-surface="home"] .sec-gallery[data-module="gallery"]:not([data-prev="influencer-wall"]) { background: linear-gradient(var(--c-white) 0%, var(--c-bg) 100%); padding-block: 40px 0; }
main[data-page="home"] .sec-gallery:where(:not([data-module])):not(.sec-wall + .sec-gallery) > .gallery-grid, main[data-surface="home"] .sec-gallery[data-module="gallery"]:not([data-prev="influencer-wall"]) > .gallery-grid { position: relative; grid-auto-rows: max-content; grid-template-rows: none; height: auto; max-height: 1590px; overflow: hidden; align-content: start; gap: var(--home-tile-gap); }
main[data-page="home"] .sec-gallery:where(:not([data-module])):not(.sec-wall + .sec-gallery) > .gallery-grid::after, main[data-surface="home"] .sec-gallery[data-module="gallery"]:not([data-prev="influencer-wall"]) > .gallery-grid::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: var(--home-fade); background: linear-gradient(rgba(245, 246, 247, 0), var(--c-bg)); pointer-events: none; }
main[data-page="home"] .sec-gallery:where(:not([data-module])):not(.sec-wall + .sec-gallery) .gallery-grid li, main[data-surface="home"] .sec-gallery[data-module="gallery"]:not([data-prev="influencer-wall"]) .gallery-grid li { aspect-ratio: 1 / 1; border-radius: 4px; overflow: hidden; }
main[data-page="home"] .sec-gallery:where(:not([data-module])):not(.sec-wall + .sec-gallery) .gallery-grid li:nth-child(n + 11), main[data-surface="home"] .sec-gallery[data-module="gallery"]:not([data-prev="influencer-wall"]) .gallery-grid li:nth-child(n + 11) { aspect-ratio: 275 / 489; }
main[data-page="home"] .sec-gallery:where(:not([data-module])):not(.sec-wall + .sec-gallery) .gallery-grid picture, main[data-surface="home"] .sec-gallery[data-module="gallery"]:not([data-prev="influencer-wall"]) .gallery-grid picture, main[data-page="home"] .sec-gallery:where(:not([data-module])):not(.sec-wall + .sec-gallery) .gallery-grid img, main[data-surface="home"] .sec-gallery[data-module="gallery"]:not([data-prev="influencer-wall"]) .gallery-grid img { display: block; width: 100%; height: 100%; aspect-ratio: auto; object-fit: cover; border-radius: 4px; }
@media (min-width: 810px) {
  main[data-page="home"] .sec-gallery:where(:not([data-module])):not(.sec-wall + .sec-gallery), main[data-surface="home"] .sec-gallery[data-module="gallery"]:not([data-prev="influencer-wall"]) { padding-top: 60px; }
  main[data-page="home"] .sec-gallery:where(:not([data-module])):not(.sec-wall + .sec-gallery) > .gallery-grid, main[data-surface="home"] .sec-gallery[data-module="gallery"]:not([data-prev="influencer-wall"]) > .gallery-grid { max-height: 1240px; }
}
@media (min-width: 1280px) {
  main[data-page="home"] .sec-gallery:where(:not([data-module])):not(.sec-wall + .sec-gallery) > .gallery-grid, main[data-surface="home"] .sec-gallery[data-module="gallery"]:not([data-prev="influencer-wall"]) > .gallery-grid { max-height: 1180px; }
}
main[data-page="home"] .sec-reviews { padding-block: 48px; }
main[data-page="home"] .sec-reviews .review-card blockquote { align-content: flex-start; border: 1px solid var(--home-card-line); box-shadow: none; }
main[data-page="home"] .sec-reviews .review-card .review-quote { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; font-size: 16px; line-height: 1.3; color: var(--c-text-2); }
main[data-page="home"] .sec-reviews .review-by { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
main[data-page="home"] .sec-reviews .review-by a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
main[data-page="home"] .sec-reviews .review-by::after { content: ""; flex: 0 0 auto; width: 36px; height: 36px; border-radius: 50%; border: 1px solid var(--c-text-3); background: var(--home-icon, none) center / 22px 22px no-repeat; }
main[data-page="home"] .sec-reviews .review-by:not(:has(a[href*="x.com"], a[href*="twitter.com"], a[href*="tiktok.com"], a[href*="youtube.com"], a[href*="instagram.com"]))::after { display: none; }
main[data-page="home"] .sec-reviews .review-card { --home-p: 0; --home-k: 0; order: calc(var(--home-p) * 9 + var(--home-k)); }
main[data-page="home"] .sec-reviews .review-card:nth-child(n + 10) { --home-p: 1; }
main[data-page="home"] .sec-reviews .review-card:nth-child(n + 19) { --home-p: 2; }
main[data-page="home"] .sec-reviews .review-card:nth-child(n + 28) { --home-p: 3; }
main[data-page="home"] .sec-reviews .review-card:nth-child(9n + 2) { --home-k: 3; }
main[data-page="home"] .sec-reviews .review-card:nth-child(9n + 3) { --home-k: 6; }
main[data-page="home"] .sec-reviews .review-card:nth-child(9n + 4) { --home-k: 1; }
main[data-page="home"] .sec-reviews .review-card:nth-child(9n + 5) { --home-k: 4; }
main[data-page="home"] .sec-reviews .review-card:nth-child(9n + 6) { --home-k: 7; }
main[data-page="home"] .sec-reviews .review-card:nth-child(9n + 7) { --home-k: 2; }
main[data-page="home"] .sec-reviews .review-card:nth-child(9n + 8) { --home-k: 5; }
main[data-page="home"] .sec-reviews .review-card:nth-child(9n + 9) { --home-k: 8; }
@media (max-width: 809px) {
  main[data-page="home"] .sec-reviews > h2 { margin-bottom: 4px; }
  main[data-page="home"] .sec-reviews > .reviews-strip { grid-column: 1 / -1; grid-auto-flow: column; grid-template-columns: none; grid-template-rows: repeat(3, auto); grid-auto-columns: 100%; gap: 16px 8px; overflow-x: auto; scroll-snap-type: x mandatory; overscroll-behavior-x: contain; padding: 4px var(--gutter) 8px; scroll-padding-inline: var(--gutter); scrollbar-width: none; }
  main[data-page="home"] .sec-reviews > .reviews-strip::-webkit-scrollbar { display: none; }
  main[data-page="home"] .sec-reviews .review-card { scroll-snap-align: start; }
  main[data-page="home"] .sec-reviews > .carousel-controls { display: none; }   
}
@media (min-width: 810px) {
  main[data-page="home"] .sec-reviews { padding-block: 60px; }
  main[data-page="home"] .sec-reviews > .reviews-strip { grid-auto-flow: column; grid-template-columns: none; grid-template-rows: repeat(3, auto); grid-auto-columns: calc((100% - 24px) / 3); gap: 16px 12px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; overscroll-behavior-x: contain; padding: 4px 0 8px; scrollbar-width: none; }
  main[data-page="home"] .sec-reviews > .reviews-strip::-webkit-scrollbar { display: none; }
  main[data-page="home"] .sec-reviews .review-card { scroll-snap-align: start; }
}
main[data-page="home"] .sec-faq { --home-faq-left: 32%; --home-faq-list: 35.3%; background: var(--c-bg); padding: 16px 0 var(--home-faq-pad-b); }   
main[data-page="home"] .sec-faq > h2 { font-size: 24px; line-height: 1.2; font-weight: 700; color: var(--c-text); text-align: center; margin: 0 0 12px; }
main[data-page="home"] .sec-faq > .faq-list { display: block; gap: 0; }
main[data-page="home"] .sec-faq .faq-item { margin: 0; padding: 22px 0; border-bottom: 1px solid var(--c-line); }
main[data-page="home"] .sec-faq .faq-item:last-child { border-bottom: 0; }
main[data-page="home"] .sec-faq .faq-item > summary { display: flex; align-items: center; justify-content: space-between; gap: 24px; cursor: pointer; list-style: none; border-radius: 4px; }
main[data-page="home"] .sec-faq .faq-item > summary::-webkit-details-marker { display: none; }
main[data-page="home"] .sec-faq .faq-item > summary:focus-visible { outline: 2px solid var(--c-accent-video); outline-offset: 4px; }
main[data-page="home"] .sec-faq .faq-item > summary > h3 { flex: 1 1 auto; margin: 0; font-size: 18px; line-height: 1.3; font-weight: 500; color: var(--c-text); text-align: left; }
main[data-page="home"] .sec-faq .faq-item > summary::after { content: ""; flex: 0 0 24px; width: 24px; height: 24px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='1.5' stroke-linecap='round'%3E%3Cpath d='M12 5.75v12.5M5.75 12h12.5'/%3E%3C/svg%3E") center / 24px 24px no-repeat; transition: transform .3s ease; }
main[data-page="home"] .sec-faq .faq-item[open] > summary::after { transform: rotate(45deg); }
main[data-page="home"] .sec-faq .faq-item:not([open])::details-content { content-visibility: hidden; display: none; }
main[data-page="home"] .sec-faq .faq-item > .faq-answer { padding-top: 16px; }
main[data-page="home"] .sec-faq .faq-item > .faq-answer > * + * { margin-top: 12px; }
main[data-page="home"] .sec-faq .faq-item > .faq-answer :is(p, li) { font-size: 14px; line-height: 1.5; color: var(--c-text-2); }
main[data-page="home"] .sec-faq .faq-item > .faq-answer :is(ul, ol) { padding-left: 1.4em; }
main[data-page="home"] .sec-faq .faq-item > .faq-answer ul { list-style: disc; }
main[data-page="home"] .sec-faq .faq-item > .faq-answer ol { list-style: decimal; }
main[data-page="home"] .sec-faq .faq-item > .faq-answer a { color: var(--c-accent-video); text-decoration: underline; text-underline-offset: 2px; }
main[data-page="home"] .sec-faq .faq-item:has(> .faq-answer:empty) { padding: 0 0 12px; border-bottom: 0; }
main[data-page="home"] .sec-faq .faq-item:has(> .faq-answer:empty) > summary { cursor: default; pointer-events: none; }
main[data-page="home"] .sec-faq .faq-item:has(> .faq-answer:empty) > summary::after { display: none; }
main[data-page="home"] .sec-faq .faq-item:has(> .faq-answer:empty) > summary > h3 { font-size: 16px; line-height: 1.3; font-weight: 400; color: var(--c-text-3); }
main[data-page="home"] .sec-faq .faq-item:has(> .faq-answer:empty) > .faq-answer { display: none; }
@media (min-width: 810px) {
  main[data-page="home"] .sec-faq { display: flow-root; padding: 64px max(var(--gutter), calc(50% - var(--page-max) / 2)) var(--home-faq-pad-b); }
  main[data-page="home"] .sec-faq > h2 { float: left; clear: left; width: var(--home-faq-left); text-align: left; font-size: 32px; margin: 0; }
  main[data-page="home"] .sec-faq > .faq-list { display: contents; }
  main[data-page="home"] .sec-faq .faq-item:has(> .faq-answer:empty) { float: left; clear: left; width: var(--home-faq-left); margin-top: 32px; padding: 0 4px 0 0; }   
  main[data-page="home"] .sec-faq .faq-item:has(> .faq-answer:empty) > summary > h3 { font-size: 18px; }
  main[data-page="home"] .sec-faq .faq-item:not(:has(> .faq-answer:empty)) { margin-left: var(--home-faq-list); padding: 34px 0; }
  main[data-page="home"] .sec-faq .faq-item:has(> .faq-answer:empty) + .faq-item, main[data-page="home"] .sec-faq .faq-item:first-child:not(:has(> .faq-answer:empty)) { padding-top: 0; }
  main[data-page="home"] .sec-faq .faq-item > summary > h3 { font-size: 20px; }
  main[data-page="home"] .sec-faq .faq-item > .faq-answer :is(p, li) { font-size: 16px; }
}
@media (min-width: 1280px) {
  main[data-page="home"] .sec-faq { padding-top: 100px; }
  main[data-page="home"] .sec-faq > h2 { font-size: 40px; }
  main[data-page="home"] .sec-faq .faq-item:has(> .faq-answer:empty) > summary > h3 { font-size: 20px; }
}
main[data-page="home"] > .sec-group:last-child:where(:not([data-module])) > .sec-explainer, main[data-surface="home"] > .sec-group:where([data-module]):is([data-pos="last"], [data-pos="only"]) > .sec-explainer { position: relative; isolation: isolate; display: grid; grid-template-columns: minmax(0, 1fr); align-content: end; justify-items: center; min-height: var(--home-cta-h); padding: 40px 16px; background: linear-gradient(160deg, var(--c-text), var(--c-black)); color: var(--c-white); }
main[data-page="home"] > .sec-group:last-child:where(:not([data-module])) > .sec-explainer > .sec-media, main[data-surface="home"] > .sec-group:where([data-module]):is([data-pos="last"], [data-pos="only"]) > .sec-explainer > .sec-media { position: absolute; inset: 0; z-index: -1; display: block; padding: 0; margin: 0; grid-column: auto; grid-row: auto; }   
main[data-page="home"] > .sec-group:last-child:where(:not([data-module])) > .sec-explainer > .sec-media picture, main[data-surface="home"] > .sec-group:where([data-module]):is([data-pos="last"], [data-pos="only"]) > .sec-explainer > .sec-media picture, main[data-page="home"] > .sec-group:last-child:where(:not([data-module])) > .sec-explainer > .sec-media img, main[data-surface="home"] > .sec-group:where([data-module]):is([data-pos="last"], [data-pos="only"]) > .sec-explainer > .sec-media img { display: block; width: 100%; height: 100%; aspect-ratio: auto; object-fit: cover; border-radius: 0; box-shadow: none; }
main[data-page="home"] > .sec-group:last-child:where(:not([data-module])) > .sec-explainer.has-media::before, main[data-surface="home"] > .sec-group:where([data-module]):is([data-pos="last"], [data-pos="only"]) > .sec-explainer.has-media::before { content: ""; position: absolute; inset: 0; z-index: -1; background: rgba(0, 0, 0, 0.12); }
main[data-page="home"] > .sec-group:last-child:where(:not([data-module])) > .sec-explainer > .sec-text, main[data-surface="home"] > .sec-group:where([data-module]):is([data-pos="last"], [data-pos="only"]) > .sec-explainer > .sec-text { grid-column: 1; width: 100%; max-width: 560px; padding: 0; margin: 0 auto; display: flex; flex-direction: column; align-items: center; gap: 12px; text-align: center; }
main[data-page="home"] > .sec-group:last-child:where(:not([data-module])) > .sec-explainer > .sec-text > *, main[data-surface="home"] > .sec-group:where([data-module]):is([data-pos="last"], [data-pos="only"]) > .sec-explainer > .sec-text > * { margin: 0; }
main[data-page="home"] > .sec-group:last-child:where(:not([data-module])) > .sec-explainer > .sec-text > h2, main[data-surface="home"] > .sec-group:where([data-module]):is([data-pos="last"], [data-pos="only"]) > .sec-explainer > .sec-text > h2 { order: -3; font-family: var(--font-display); font-size: 24px; line-height: 1.2; font-weight: 400; letter-spacing: 0; color: var(--c-white); text-align: center; text-wrap: initial; margin: 0 0 12px; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
main[data-page="home"] > .sec-group:last-child:where(:not([data-module])) > .sec-explainer > .sec-text > p:has(> a:only-child), main[data-surface="home"] > .sec-group:where([data-module]):is([data-pos="last"], [data-pos="only"]) > .sec-explainer > .sec-text > p:has(> a:only-child), main[data-page="home"] > .sec-group:last-child:where(:not([data-module])) > .sec-explainer > .sec-text > .cta-row, main[data-surface="home"] > .sec-group:where([data-module]):is([data-pos="last"], [data-pos="only"]) > .sec-explainer > .sec-text > .cta-row { order: -2; margin: 0; }
main[data-page="home"] > .sec-group:last-child:where(:not([data-module])) > .sec-explainer > .sec-text > p > a:only-child, main[data-surface="home"] > .sec-group:where([data-module]):is([data-pos="last"], [data-pos="only"]) > .sec-explainer > .sec-text > p > a:only-child, main[data-page="home"] > .sec-group:last-child:where(:not([data-module])) > .sec-explainer > .sec-text > .cta-row .btn, main[data-surface="home"] > .sec-group:where([data-module]):is([data-pos="last"], [data-pos="only"]) > .sec-explainer > .sec-text > .cta-row .btn { display: inline-flex; align-items: center; justify-content: center; min-height: 52px; background: var(--c-white); color: var(--c-text); border-radius: 4px; padding: 14px 40px; font-size: 18px; line-height: 1.2; font-weight: 700; }
main[data-page="home"] > .sec-group:last-child:where(:not([data-module])) > .sec-explainer > .sec-text > p > a:only-child:hover, main[data-surface="home"] > .sec-group:where([data-module]):is([data-pos="last"], [data-pos="only"]) > .sec-explainer > .sec-text > p > a:only-child:hover, main[data-page="home"] > .sec-group:last-child:where(:not([data-module])) > .sec-explainer > .sec-text > .cta-row .btn:hover, main[data-surface="home"] > .sec-group:where([data-module]):is([data-pos="last"], [data-pos="only"]) > .sec-explainer > .sec-text > .cta-row .btn:hover { background: var(--c-white); }
main[data-page="home"] > .sec-group:last-child:where(:not([data-module])) > .sec-explainer > .sec-text > p, main[data-surface="home"] > .sec-group:where([data-module]):is([data-pos="last"], [data-pos="only"]) > .sec-explainer > .sec-text > p, main[data-page="home"] > .sec-group:last-child:where(:not([data-module])) > .sec-explainer > .sec-text > .microcopy, main[data-surface="home"] > .sec-group:where([data-module]):is([data-pos="last"], [data-pos="only"]) > .sec-explainer > .sec-text > .microcopy { order: -1; font-size: 12px; line-height: 1.3; color: var(--c-white); opacity: 0.92; margin: 0; }
main[data-page="home"] > .sec-group:last-child:where(:not([data-module])) > .sec-explainer > .sec-text > p:has(> a:only-child), main[data-surface="home"] > .sec-group:where([data-module]):is([data-pos="last"], [data-pos="only"]) > .sec-explainer > .sec-text > p:has(> a:only-child) { opacity: 1; }   
@media (min-width: 810px) {
  main[data-page="home"] > .sec-group:last-child:where(:not([data-module])) > .sec-explainer, main[data-surface="home"] > .sec-group:where([data-module]):is([data-pos="last"], [data-pos="only"]) > .sec-explainer { padding: 40px var(--gutter) 80px; }
  main[data-page="home"] > .sec-group:last-child:where(:not([data-module])) > .sec-explainer > .sec-text > h2, main[data-surface="home"] > .sec-group:where([data-module]):is([data-pos="last"], [data-pos="only"]) > .sec-explainer > .sec-text > h2 { font-size: 30px; }
}
@media (min-width: 1280px) {
  main[data-page="home"] > .sec-group:last-child:where(:not([data-module])) > .sec-explainer, main[data-surface="home"] > .sec-group:where([data-module]):is([data-pos="last"], [data-pos="only"]) > .sec-explainer { padding-bottom: 100px; }
  main[data-page="home"] > .sec-group:last-child:where(:not([data-module])) > .sec-explainer > .sec-text > h2, main[data-surface="home"] > .sec-group:where([data-module]):is([data-pos="last"], [data-pos="only"]) > .sec-explainer > .sec-text > h2 { font-size: 36px; }
}
main[data-page="home"] .review-showcase { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 8px; list-style: none; margin: 24px 0 0; padding: 0; }
main[data-page="home"] .review-showcase img { width: 100%; height: 100%; object-fit: cover; border-radius: 10px; display: block; }
main[data-kind="blogIndex"], main[data-kind="post"], main[data-kind="tag"] {
  --blog-shadow-card: 0 4px 16px 0 rgba(0, 0, 0, 0.10);   
  --blog-link: rgb(26, 115, 232);                          
  --blog-r-card: 4px;                                      
  --blog-cover-h: 216px;
  --blog-load: rgb(68, 68, 68);                            
  --blog-like-bg: rgba(245, 245, 245, 0.35);               
  --blog-like-line: rgba(0, 0, 0, 0.07);
  background: var(--c-bg);
}
@media (max-width: 809px) {
  main[data-kind="blogIndex"], main[data-kind="post"], main[data-kind="tag"] { --gutter: 16px; }   
}
.hero-blog { position: relative; overflow: hidden; background: var(--c-bg); display: grid; grid-template-columns: minmax(var(--gutter), 1fr) minmax(0, var(--page-max)) minmax(var(--gutter), 1fr); align-items: center; }
.hero-blog > * { grid-column: 2; grid-row: 1; }
.hero-blog .hero-text { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; text-align: center; padding-block: 24px 44px; }
@media (max-width: 809px) {
  .hero-blog:has(.hero-collage) { min-height: 260px; align-items: end; }
}
.hero-blog h1 { font-family: var(--font-display); font-size: 28px; font-weight: 400; line-height: 1.2; letter-spacing: normal; }
.hero-blog .hero-sub { color: var(--c-text); font-size: 16px; line-height: 1.3; font-weight: 400; margin-top: 20px; max-width: 40ch; }
.hero-blog .cta-row { margin-top: 12px; }
.hero-blog .cta-row .btn { padding: 12px 24px; font-size: 14px; font-weight: 700; line-height: 1.15; border-radius: var(--blog-r-card); }
.hero-collage { grid-column: 1 / -1; grid-row: 1; position: relative; z-index: 0; align-self: stretch; justify-self: stretch; margin: 0; padding: 0; list-style: none; pointer-events: none;
  -webkit-mask-image: radial-gradient(50% 50% at 50% 50%, rgba(0, 0, 0, 0.24) 0%, transparent 100%); mask-image: radial-gradient(50% 50% at 50% 50%, rgba(0, 0, 0, 0.24) 0%, transparent 100%); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; }
.hero-collage li { position: absolute; left: 50%; top: 50%; width: 189px; height: 252px; margin: -126px 0 0 -94.5px; transform: rotate(-18deg) translate(var(--tx, 0px), var(--ty, 0px)); }
.hero-collage li:nth-child(1) { --tx: -201px; --ty: -264px; }
.hero-collage li:nth-child(2) { --tx: -201px; --ty: 0px; }
.hero-collage li:nth-child(3) { --tx: -201px; --ty: 264px; }
.hero-collage li:nth-child(4) { --tx: 0px; --ty: -396px; }
.hero-collage li:nth-child(5) { --tx: 0px; --ty: -132px; }
.hero-collage li:nth-child(6) { --tx: 0px; --ty: 132px; }
.hero-collage li:nth-child(7) { --tx: 0px; --ty: 396px; }
.hero-collage li:nth-child(8) { --tx: 201px; --ty: -264px; }
.hero-collage li:nth-child(9) { --tx: 201px; --ty: 0px; }
.hero-collage li:nth-child(10) { --tx: 201px; --ty: 264px; }
.hero-collage li:nth-child(n+11) { display: none; }
.hero-collage picture, .hero-collage img { width: 100%; height: 100%; }
.hero-collage img { object-fit: cover; border-radius: 12px; }
@media (min-width: 810px) {
  .hero-blog { min-height: 380px; }
  .hero-blog .hero-text { align-items: flex-start; text-align: left; padding-block: 48px; max-width: 392px; }
  .hero-blog h1 { font-size: 40px; }
  .hero-blog .hero-sub { color: var(--c-text-2); font-size: 20px; line-height: 1.3; font-weight: 500; margin-top: 32px; }
  .hero-blog .cta-row { margin-top: 16px; }
  .hero-blog .cta-row .btn { font-size: 16px; line-height: 1.2; }
  .hero-collage { grid-column: 2; justify-self: end; width: min(561px, 52%); pointer-events: auto;
    -webkit-mask-image: radial-gradient(50% 50% at 50% 50%, #000 24%, transparent 95%); mask-image: radial-gradient(50% 50% at 50% 50%, #000 24%, transparent 95%); }
  .hero-collage li { transition: transform .2s ease; }
  .hero-collage li:hover { transform: rotate(-18deg) translate(var(--tx, 0px), var(--ty, 0px)) scale(1.03); }
}
@media (min-width: 1280px) {
  .hero-blog { min-height: 412px; }
  .hero-blog .hero-text { padding-inline-start: 40px; max-width: 432px; }   
  .hero-collage { width: 561px; margin-right: 40px; }
}
.hero-blog:not(:has(.hero-collage)) { min-height: 0; }
.hero-blog:not(:has(.hero-collage)) .hero-text { align-items: center; text-align: center; margin-inline: auto; max-width: 60ch; padding-block: 48px; padding-inline-start: 0; }
main[data-kind] .sec.sec-posts { display: block; padding-block: 0; }   
main[data-kind="blogIndex"] .sec.sec-posts, main[data-kind="tag"] .sec.sec-posts { width: min(100% - 2 * var(--gutter), 1368px); }
.sec-posts > h2 { font-size: 24px; line-height: 1.2; font-weight: 700; text-align: center; margin: 0 auto 20px; width: fit-content; }
main[data-kind="blogIndex"] .sec-posts > h2, main[data-kind="tag"] .sec-posts > h2 { background: linear-gradient(90deg, var(--c-brand) 0%, var(--c-text) 100%); -webkit-background-clip: text; background-clip: text; color: transparent; }
.sec-posts > h3 { font-size: 22px; font-weight: 700; line-height: 1.3; margin-bottom: 16px; }
main[data-kind="blogIndex"] > #latest { padding-block: 72px 32px; }
main[data-kind="tag"] > .sec-posts { padding-block: 32px; }
.post-grid { display: grid; gap: 16px; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); margin: 0; padding: 0; list-style: none; }
main[data-kind="post"] .post-grid { grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); }
.post-card { display: flex; flex-direction: column; background: var(--c-white); border-radius: var(--r-md); box-shadow: var(--blog-shadow-card); overflow: hidden; transition: transform .2s ease, box-shadow .2s ease; }
.post-card:hover { transform: translateY(-2px); box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.12); }
.post-cover { display: block; height: var(--blog-cover-h); background: var(--c-line); }
.post-cover picture, .post-cover img { width: 100%; height: 100%; }
.post-cover img { object-fit: cover; }
.post-body { flex: 1; display: flex; flex-direction: column; gap: 8px; padding: 12px 16px 30px; }
main[data-kind="blogIndex"] > #latest .post-body, main[data-kind="tag"] .post-body { padding-bottom: 57px; }
.post-date { font-size: var(--fs-body-3); color: var(--c-text-2); line-height: 1.5; }
.post-title { font-size: 18px; font-weight: 500; line-height: 1.3; min-height: 2.6em; color: var(--c-text); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
main[data-kind] .sec.sec-posts .post-card .post-title a { color: inherit; }   
main[data-kind] .sec.sec-posts .post-card .post-title a:hover { color: var(--c-brand); }
.post-excerpt { font-size: var(--fs-body-3); line-height: 1.5; color: var(--c-text-2); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.post-body .post-tags { margin: 0; }
.post-more { align-self: flex-end; display: inline-flex; align-items: center; gap: 8px; font-size: 16px; font-weight: 500; line-height: 1.3; color: var(--c-text); }
.post-more::after, main[data-kind="post"] > #also .post-card::after { content: ""; width: 8px; height: 8px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(-45deg); flex: none; margin-right: 3px; }
.post-more:hover { color: var(--c-brand); }
@media (min-width: 810px) {
  main[data-kind] .sec.sec-posts { padding-block: 48px 0; }
  .sec-posts > h2 { font-size: 34px; margin-bottom: 32px; }
  main[data-kind="blogIndex"] > #latest { padding-block: 72px 32px; }
  main[data-kind="tag"] > .sec-posts { padding-block: 48px 32px; }
}
.load-more { display: none; justify-content: center; margin-top: 16px; }
.load-more .btn { background: var(--blog-load); color: var(--c-white); border: 0; border-radius: 10px; height: 40px; padding: 0 14px; font-size: var(--fs-body-2); font-weight: 600; line-height: 1; min-width: 100px; cursor: pointer; }
.load-more .btn:hover { background: var(--c-text); }
main:is([data-kind="blogIndex"], [data-kind="tag"]):is(:lang(en), :lang(es)) .load-more .btn { text-transform: capitalize; }   
@media (scripting: enabled) { .post-grid:has(+ .load-more) > li:nth-child(n+13):not([data-shown]) { display: none; }
  .post-grid:has(> li:nth-child(n+13):not([data-shown])) + .load-more, .load-more[data-bx-more] { display: flex; } }
@media (scripting: enabled) and (max-width: 809px) { .post-grid:has(+ .load-more) > li:nth-child(n+9):not([data-shown]) { display: none; }
  .post-grid:has(> li:nth-child(n+9):not([data-shown])) + .load-more { display: flex; } }
.blog-cta { position: relative; overflow: hidden; isolation: isolate; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; min-height: 360px; padding: 48px var(--gutter) 65px; color: var(--c-white); text-align: center; }
.blog-cta-art { position: absolute; inset: 0; z-index: -1; background: var(--c-text-3); }
.blog-cta-art picture, .blog-cta-art img { position: absolute; inset: 0; width: 100%; height: 100%; }
.blog-cta-art img { object-fit: cover; object-position: 50% 0%; }
.blog-cta-art picture:not(:last-child) { display: none; }
.blog-cta-art::after { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.12); }
.blog-cta-text { display: flex; flex-direction: column; align-items: center; gap: 24px; max-width: 560px; }
.blog-cta-text h2 { font-family: var(--font-display); font-size: 24px; line-height: 1.2; font-weight: 400; letter-spacing: normal; color: var(--c-white); text-shadow: 0 1px 8px rgba(0, 0, 0, 0.25); white-space: pre-line; }   
.blog-cta-text > p:not(.cta-row) { order: 3; margin-top: -16px; font-size: var(--fs-body-3); line-height: 1.2; color: var(--c-bg); }
.blog-cta-text .cta-row { margin-top: 0; }
.blog-cta-text .cta-row .btn { background: var(--c-white); color: var(--c-text); border-radius: var(--blog-r-card); padding: 12px 32px; font-size: 20px; font-weight: 700; line-height: 1.4; }
.blog-cta-text .cta-row .btn:hover { background: var(--c-bg); }
.blog-cta-text .cta-row .btn:focus-visible { outline-color: var(--c-white); }
@media (min-width: 810px) { .blog-cta { min-height: 480px; padding-bottom: 80px; } .blog-cta-text h2 { font-size: 30px; } }
@media (min-width: 1280px) { .blog-cta { min-height: 560px; padding-bottom: 100px; } .blog-cta-text h2 { font-size: 36px; } }
main[data-kind="post"] { display: flex; flex-direction: column; padding-top: 32px; }
main[data-kind="post"] > .blog-cta { order: 10; margin-top: 0; }
article.post { width: min(100% - 2 * var(--gutter), 700px); margin-inline: auto; background: var(--c-white); border-radius: var(--blog-r-card) var(--blog-r-card) 0 0; padding: 44px 24px 34px; display: flex; flex-direction: column; gap: 28px; }
article.post h1 { font-size: var(--fs-h1); font-weight: 700; line-height: 1.3; text-wrap: pretty; }
.post-hero { border-radius: var(--blog-r-card); overflow: hidden; aspect-ratio: 16 / 9; background: var(--c-line); }
.post-hero picture, .post-hero img { width: 100%; height: 100%; }
.post-hero img { object-fit: cover; }
article.post .prose { max-width: none; font-size: 16px; line-height: 1.5; }
article.post .prose > :first-child { margin-top: 0; }
article.post .prose p { margin: 24px 0 0; }
article.post .prose h2 { font-size: 24px; font-weight: 600; line-height: 1.3; margin: 42px 0 0; text-wrap: auto; }   
article.post .prose h3 { font-size: 22px; font-weight: 700; line-height: 1.3; margin: 36px 0 0; }
article.post .prose h4 { font-size: 20px; font-weight: 600; line-height: 1.3; margin: 32px 0 0; }
article.post .prose h2 + p, article.post .prose h3 + p, article.post .prose h4 + p { margin-top: 24px; }
article.post .prose ul, article.post .prose ol { margin: 32px 0 0; padding-left: 20px; }
article.post .prose ol { list-style: none; padding-left: 0; counter-reset: blog-item; }
article.post .prose ol > li { position: relative; counter-increment: blog-item; padding-inline-start: 2ch; }
article.post .prose ol > li::before { content: counter(blog-item) "."; position: absolute; inset-inline-start: 0; top: 0; font-variant-numeric: tabular-nums; }
article.post .prose ol:has(> li:nth-child(10)) > li { padding-inline-start: 3ch; }
article.post .prose li { margin: 0; }
article.post .prose li + li { margin-top: 0; }
article.post .prose li > :is(ul, ol) { margin-top: 0; }
article.post .prose a { color: var(--blog-link); text-decoration: none; }
article.post .prose a:hover { text-decoration: underline; text-underline-offset: 3px; }
article.post .prose h2 a, article.post .prose h3 a { color: var(--blog-link); }
article.post .prose img, article.post .prose picture { border-radius: var(--blog-r-card); margin: 24px 0 0; width: 100%; height: auto; }
article.post .prose picture img { margin: 0; }
article.post .prose .yt-embed { position: relative; width: 100%; aspect-ratio: 560 / 315; margin: 24px 0 0; border-radius: var(--blog-r-card); overflow: hidden; background: #000; }
article.post .prose .yt-embed iframe { display: block; width: 100%; height: 100%; border: 0; }
article.post .prose .code-block { margin: 32px 0 0; padding: 30px 32px 30px 34px; background: #161820; border-radius: 15px; color: #eee; font-family: monospace; font-size: 16px; line-height: 24px; font-weight: 400; white-space: pre; overflow-x: auto; }
article.post .prose .code-block code { font: inherit; color: inherit; background: none; padding: 0; white-space: inherit; }
article.post .prose blockquote { margin: 24px 0 0; padding-left: 16px; border-left: 3px solid var(--c-line); color: var(--c-text-2); }
article.post .prose .rich-table-wrap[data-table-preset] { margin: 24px 0 0; }
article.post .prose .rich-table-wrap[data-table-preset] :is(th, td) > :first-child { margin-top: 0; }
article.post .prose strong { font-weight: 600; }
@media (max-width: 809px) {
  main[data-kind="post"] { padding-top: 44px; }
  article.post { padding: 32px 24px 24px; gap: 24px; }
  article.post h1 { font-size: 24px; line-height: 1.3; }
  article.post .prose { font-size: 14px; line-height: 1.5; }
  article.post .prose p { margin-top: 21px; }
  article.post .prose .rich-table-wrap[data-table-preset] { margin-top: 21px; }
  article.post .prose h2, article.post .prose h3 { font-size: 20px; line-height: 1.3; }
  article.post .prose h2 { margin-top: 30px; }
  article.post .prose h3 { margin-top: 27px; }
  article.post .prose h4 { font-size: 18px; margin-top: 27px; }
  article.post .prose h2 + p, article.post .prose h3 + p, article.post .prose h4 + p { margin-top: 21px; }
}
.after-article { position: relative; width: min(100% - 2 * var(--gutter), 700px); margin-inline: auto; background: var(--c-white); border-radius: 0 0 var(--blog-r-card) var(--blog-r-card); padding: 0 24px 44px; display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; }
.after-article .btn { padding: 12px 24px; font-size: 16px; border-radius: var(--blog-r-card); flex: 1 1 100%; }
.after-article .btn-ghost { background: rgba(153, 153, 153, 0.65); color: var(--c-white); border: 0; font-weight: 500; opacity: 0.85; }
.after-article .btn-ghost:hover { opacity: 1; }
.after-article .btn-primary { font-weight: 700; }
.after-article::after { content: ""; order: 3; flex: 1 1 100%; box-sizing: border-box; height: 118px; margin-top: 12px; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; padding: 18px 20px 17px; border: 1px solid var(--blog-like-line); border-radius: var(--blog-r-card); background: var(--blog-like-bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 44'%3E%3Ccircle cx='22' cy='22' r='21.5' fill='%23fff' stroke='%23d4d4d4'/%3E%3Ccircle cx='22' cy='22' r='13.5' fill='%23c4c4c4'/%3E%3Ccircle cx='22' cy='22' r='13.5' fill='none' stroke='%23a9a9a9' stroke-width='.8'/%3E%3Cellipse cx='17.4' cy='18.2' rx='1.7' ry='2.9' fill='%23fff'/%3E%3Cellipse cx='26.6' cy='18.2' rx='1.7' ry='2.9' fill='%23fff'/%3E%3Cpath d='M14.6 24.6h14.8a7.4 7.4 0 0 1-14.8 0z' fill='%23fff'/%3E%3Cpath d='M16.4 27h11.2a5.6 5.6 0 0 1-11.2 0z' fill='%23888'/%3E%3C/svg%3E") no-repeat 50% 18px / 44px 44px; font-size: 16px; line-height: 24px; color: var(--c-text-3); text-align: center; }
main[data-kind="post"]:lang(en) .after-article::after { content: "Be the first to like this."; }
main[data-kind="post"]:lang(es) .after-article::after { content: "Sé el primero en darle me gusta a esto."; }
main[data-kind="post"] > #also .post-grid { grid-template-columns: minmax(0, 1fr); gap: 20px; }
main[data-kind="post"] > #also .post-card { position: relative; display: grid; grid-template-columns: 120px minmax(0, 1fr); grid-template-areas: "date date" "cover title"; column-gap: 16px; row-gap: 8px; align-items: start; padding: 16px; border-radius: var(--blog-r-card); box-shadow: none; overflow: visible; }
main[data-kind="post"] > #also .post-card:hover { transform: none; box-shadow: var(--blog-shadow-card); }
main[data-kind="post"] > #also .post-cover { grid-area: cover; height: 77px; border-radius: 2px; overflow: hidden; }
main[data-kind="post"] > #also .post-body { display: contents; }
main[data-kind="post"] > #also .post-date { grid-area: date; }
main[data-kind="post"] > #also .post-title { grid-area: title; min-height: 0; }
main[data-kind="post"] > #also .post-card::after { position: absolute; right: 22px; bottom: 18px; }
main[data-kind="post"] > #also > h3 { text-align: center; }
main[data-kind="post"] > #more { padding-block: 32px 40px; }
main[data-kind="post"] > #more > h2 { color: var(--c-text); background: none; -webkit-text-fill-color: currentColor; margin-bottom: 24px; }
main[data-kind="post"] > #more .post-cover { height: auto; min-height: 0; aspect-ratio: 4 / 3; overflow: hidden; }   
main[data-kind="post"] > #more .post-body { padding: 42px 16px; }
main[data-kind="post"] > #also { padding-block: 20px 0; }   
@media (max-width: 809px) {
  main[data-kind="post"] > #more > h2 { font-size: 20px; line-height: 26px; margin-bottom: 12px; }   
}
@media (min-width: 810px) {
  article.post { gap: 34px; }
  main[data-kind="post"] > #also { padding-block: 32px 0; }
  .after-article { padding-bottom: 44px; gap: 16px; }
  .after-article .btn { flex: 0 1 auto; min-width: 200px; }
  .after-article::after { margin-top: 18px; height: 124px; padding: 22px 20px 24px; background-position: 50% 22px; }
  main[data-kind="post"] > #also .post-grid { grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); }
  main[data-kind="post"] > #more > h2 { font-size: 36px; }
  main[data-kind="post"] > #more { padding-block: 40px 40px; }
}
@media (min-width: 1280px) {
  main[data-kind="post"] { display: grid; grid-template-columns: minmax(var(--gutter), 1fr) minmax(0, 700px) 20px minmax(0, 395px) minmax(var(--gutter), 1fr); grid-template-rows: auto auto auto auto; align-items: start; }
  main[data-kind="post"] > article.post { grid-column: 2; grid-row: 1; width: auto; margin-inline: 0; }
  main[data-kind="post"] > .after-article { grid-column: 2; grid-row: 2; width: auto; margin: 0 0 32px; }
  main[data-kind="post"] > #also { grid-column: 4; grid-row: 1 / span 2; width: auto; padding: 0; margin: 0; }
  main[data-kind="post"] > #also > h3 { text-align: left; }
  main[data-kind="post"] > #also .post-grid { grid-template-columns: minmax(0, 1fr); }
  main[data-kind="post"] > #more { grid-column: 1 / -1; grid-row: 3; }
  main[data-kind="post"] > .blog-cta { grid-column: 1 / -1; grid-row: 4; }
}
@media (prefers-reduced-motion: reduce) { .post-card, .hero-collage li { transition: none; } }
.post-tags { display: flex; flex-wrap: wrap; gap: .5rem; margin: 0 0 1.25rem; }
.tag-chip {
  display: inline-block; padding: .25rem .7rem; border: 1px solid var(--line, #e3e3e3);
  border-radius: 999px; font-size: .8125rem; line-height: 1.5; text-decoration: none;
  color: var(--ink-2, #555); background: var(--surface-2, transparent);
}
.tag-chip:hover { border-color: var(--ink-2, #555); color: var(--ink, #111); }
.yt-inline-facade { display: inline-block; width: 300px; height: 150px; padding: 0; border: 0; background-color: #000; background-size: cover; background-position: center; cursor: pointer; position: relative; }
.yt-inline-facade[hidden] { display: none; }
.yt-embed > noscript.yt-rich-fallback { display: none; }
article.post .prose .yt-embed .yt-inline-facade { display: block; width: 100%; height: 100%; }
article.post .prose .yt-embed .yt-inline-facade[hidden] { display: none; }
.yt-inline-play { position: absolute; left: 50%; top: 50%; width: 68px; height: 48px; transform: translate(-50%, -50%); border-radius: 12px; background: rgba(0, 0, 0, .8); }
.yt-inline-play::after { content: ""; position: absolute; left: 50%; top: 50%; margin: -12px 0 0 -8px; border-style: solid; border-width: 12px 0 12px 20px; border-color: transparent transparent transparent #fff; }
article.post .prose .yt-embed { margin-top: 32px; border-radius: 0; }
article.post .prose .yt-embed .yt-inline-play { border-radius: 0; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 68 48'%3E%3Cpath d='M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55%20C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19%20C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z' fill='%23212121' fill-opacity='0.8'/%3E%3Cpath d='M45,24%2027,14%2027,34' fill='%23fff'/%3E%3C/svg%3E") center / 68px 48px no-repeat; }
article.post .prose .yt-embed .yt-inline-play::after { content: none; }
article.post .prose .yt-embed .yt-inline-facade:hover .yt-inline-play { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 68 48'%3E%3Cpath d='M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55%20C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19%20C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z' fill='%23f00' fill-opacity='1'/%3E%3Cpath d='M45,24%2027,14%2027,34' fill='%23fff'/%3E%3C/svg%3E"); }
.yt-inline-facade > .yt-active-frame, .yt-facade > .yt-active-frame { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
main[data-kind="post"]:lang(fr) .after-article::after { content: "Soyez le premier à aimer ceci."; }
main[data-kind="post"]:lang(pt) .after-article::after { content: "Seja o primeiro a gostar disto."; }
main[data-kind="post"]:lang(ko) .after-article::after { content: "이 글에 가장 먼저 좋아요를 눌러보세요."; }
main[data-kind="post"]:lang(ja) .after-article::after { content: "最初にこれに「いいね」してください。"; }
main[data-kind="post"]:lang(de) .after-article::after { content: "Sei der Erste, dem das gefällt."; }
@media (max-width: 809px) {
  main[data-kind="post"] > #more .post-grid > li:nth-child(n+9) { display: none; }
}
main[data-kind="post"] .after-article::after { height: 116px; padding: 16px 20px; border-color: rgb(222, 222, 222); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Ccircle cx='24' cy='24' r='23.5' fill='%23fff' stroke='%23dedede'/%3E%3Ccircle cx='24' cy='24' r='14.5' fill='%23c4c4c4'/%3E%3Ccircle cx='24' cy='24' r='14.5' fill='none' stroke='%23a9a9a9' stroke-width='.8'/%3E%3Cellipse cx='19.06' cy='19.92' rx='1.83' ry='3.11' fill='%23fff'/%3E%3Cellipse cx='28.94' cy='19.92' rx='1.83' ry='3.11' fill='%23fff'/%3E%3Cpath d='M16.05 26.79h15.9a7.95 7.95 0 0 1-15.9 0z' fill='%23fff'/%3E%3Cpath d='M17.99 29.37h12.02a6.01 6.01 0 0 1-12.02 0z' fill='%23888'/%3E%3C/svg%3E"); background-position: 50% 16px; background-size: 48px 48px; }
@media (min-width: 810px) { main[data-kind="post"] .after-article::after { height: 124px; padding: 20px; background-position: 50% 20px; } }
main[data-kind="post"] .after-article .like-toggle { position: absolute; left: calc(50% - 24px); bottom: 95px; width: 48px; height: 48px; margin: 0; padding: 0; border: 0; border-radius: 50%; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cdefs%3E%3CradialGradient id='f' cx='24' cy='17.4' r='17.8' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23fafafa'/%3E%3Cstop offset='.5' stop-color='%23dcdcdc'/%3E%3Cstop offset='.82' stop-color='%23c0c0c0'/%3E%3Cstop offset='1' stop-color='%23979797'/%3E%3C/radialGradient%3E%3ClinearGradient id='e' x1='0' y1='15.8' x2='0' y2='24.2' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%233f3f3f'/%3E%3Cstop offset='1' stop-color='%238a8a8a'/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle cx='24' cy='24' r='23.5' fill='%23fff' stroke='%23dedede'/%3E%3Ccircle cx='24' cy='24' r='14.2' fill='url(%23f)'/%3E%3Ccircle cx='24' cy='24' r='13.95' fill='none' stroke='%238a8a8a' stroke-width='.5'/%3E%3Cellipse cx='19.8' cy='20' rx='1.85' ry='4.2' fill='url(%23e)'/%3E%3Cellipse cx='28.2' cy='20' rx='1.85' ry='4.2' fill='url(%23e)'/%3E%3Cpath d='M14.2 26.2Q24 28 33.8 26.2C33.4 32.6 29.3 36.3 24 36.3S14.6 32.6 14.2 26.2z' fill='%236a6a6a'/%3E%3Cpath d='M14.2 26.2Q24 28 33.8 26.2L33.2 28.8Q24 35.2 14.8 28.8z' fill='%23f2f2f2'/%3E%3C/svg%3E") center / 48px 48px no-repeat; cursor: pointer; transition: box-shadow .2s ease, transform .15s ease; -webkit-tap-highlight-color: transparent; }
@media (min-width: 810px) { main[data-kind="post"] .after-article .like-toggle { bottom: 99px; } }
main[data-kind="post"] .after-article:has(> .like-toggle)::after { background-image: none; }
main[data-kind="post"] .after-article .like-toggle:hover, main[data-kind="post"] .after-article .like-toggle[aria-pressed="true"] { box-shadow: inset 0 0 0 1px rgb(235, 84, 120); }
main[data-kind="post"] .after-article .like-toggle[aria-pressed="true"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cdefs%3E%3CradialGradient id='f' cx='24' cy='17.4' r='17.8' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23fefbbd'/%3E%3Cstop offset='.5' stop-color='%23fed634'/%3E%3Cstop offset='.82' stop-color='%23f9ab16'/%3E%3Cstop offset='1' stop-color='%23dd7e1a'/%3E%3C/radialGradient%3E%3ClinearGradient id='e' x1='0' y1='15.8' x2='0' y2='24.2' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23673104'/%3E%3Cstop offset='1' stop-color='%23b07410'/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle cx='24' cy='24' r='23.5' fill='%23fff' stroke='%23dedede'/%3E%3Ccircle cx='24' cy='24' r='14.2' fill='url(%23f)'/%3E%3Ccircle cx='24' cy='24' r='13.95' fill='none' stroke='%23d98613' stroke-width='.5'/%3E%3Cellipse cx='19.8' cy='20' rx='1.85' ry='4.2' fill='url(%23e)'/%3E%3Cellipse cx='28.2' cy='20' rx='1.85' ry='4.2' fill='url(%23e)'/%3E%3Cpath d='M14.2 26.2Q24 28 33.8 26.2C33.4 32.6 29.3 36.3 24 36.3S14.6 32.6 14.2 26.2z' fill='%239a5d06'/%3E%3Cpath d='M14.2 26.2Q24 28 33.8 26.2L33.2 28.8Q24 35.2 14.8 28.8z' fill='%23f4f4f6'/%3E%3C/svg%3E"); }
main[data-kind="post"] .after-article .like-toggle:active { transform: scale(.9); }
@media (prefers-reduced-motion: reduce) { main[data-kind="post"] .after-article .like-toggle { transition: none; } main[data-kind="post"] .after-article .like-toggle:active { transform: none; } }
.bx-social-embed { width: 100%; max-width: 400px; margin: 0; color: inherit; }
.bx-social-stage[hidden], .bx-social-fallback button[hidden] { display: none; }
.bx-social-stage iframe { display: block; width: 100%; max-width: 100%; border: 0; box-sizing: border-box; }
.bx-social-embed[data-bx-social="instagram"] .bx-social-stage {
  padding-bottom: 12px;
}
.bx-social-embed[data-bx-social="instagram"] .bx-social-stage iframe { width: calc(100% - 2px); margin: 0 auto; border: 1px solid #dbdbdb; border-radius: 3px; background: #fff; }
.bx-social-embed[data-bx-social="tiktok"] .bx-social-stage {
  padding: 18px 0;
}
.bx-social-caption { margin: 0 0 12px; line-height: 1.5; overflow-wrap: anywhere; white-space: pre-line; }
.bx-social-embed[data-social-state="embedded"] .bx-social-caption, .bx-social-embed[data-social-state="embedded"] .bx-social-fallback {
  display: none;
}
.bx-social-fallback { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 10px; font-size: 14px; line-height: 1.5; }
.bx-social-fallback a { color: inherit; text-decoration: underline; text-underline-offset: .16em; }
.bx-social-fallback button { font: inherit; color: inherit; background: transparent; border: 1px solid currentColor; border-radius: 4px; padding: 5px 10px; cursor: pointer; }
.bx-social-fallback :focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }