.page-loader{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;animation:pageLoaderIn .3s .3s forwards}
.page-loader::after{content:"";width:44px;height:44px;background:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'><circle cx='25' cy='25' r='20' fill='none' stroke='%23AF9EC2' stroke-opacity='.35' stroke-width='4'/><circle cx='25' cy='25' r='20' fill='none' stroke='%23E80B6B' stroke-width='4' stroke-linecap='round' stroke-dasharray='32 94'><animateTransform attributeName='transform' type='rotate' from='0 25 25' to='360 25 25' dur='.9s' repeatCount='indefinite'/></circle></svg>") center/contain no-repeat}
@keyframes pageLoaderIn{to{opacity:1}}

img.lz{background:var(--surface-sunken) url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'><circle cx='25' cy='25' r='20' fill='none' stroke='%23AF9EC2' stroke-opacity='.35' stroke-width='4'/><circle cx='25' cy='25' r='20' fill='none' stroke='%23E80B6B' stroke-width='4' stroke-linecap='round' stroke-dasharray='32 94'><animateTransform attributeName='transform' type='rotate' from='0 25 25' to='360 25 25' dur='.9s' repeatCount='indefinite'/></circle></svg>") center/28px 28px no-repeat}

img.lz{color:transparent}

.foot-pill{transition:border-color 200ms var(--ease-out),background 200ms var(--ease-out)}
.foot-pill:hover,.foot-pill:focus-visible{border-color:var(--lav-400) !important;background:color-mix(in srgb, var(--text-inverse) 8%, transparent) !important}
.foot-lang-item{transition:background 150ms var(--ease-out)}
.foot-lang-item:hover,.foot-lang-item:focus-visible{background:var(--surface-sunken)}

html:has([aria-modal="true"]) .dsw-cur-ring,html:has([aria-modal="true"]) .dsw-cur-dot{display:none !important}
html.dsw-nocursor:has([aria-modal="true"]),html.dsw-nocursor:has([aria-modal="true"]) *{cursor:auto !important}
html.dsw-nocursor:has([aria-modal="true"]) :is(a,button,[role="button"],label,summary){cursor:pointer !important}
html.dsw-nocursor:has([aria-modal="true"]) :is(input,textarea){cursor:text !important}

@media (max-width:360px){
  .fh-st-txt{flex-direction:column;align-items:flex-start !important;gap:2px !important}
  .fh-st-txt>span:last-child{margin-left:0 !important;text-align:left !important}
}


.feed{display:grid;gap:14px;align-items:stretch}
.feed .col{display:flex;flex-direction:column;gap:14px;min-width:0}

.feed .tile{isolation:isolate;-webkit-mask-image:-webkit-radial-gradient(white,black)}
@media (max-width:640px){.feed,.feed .col{gap:10px}}

@media (max-width:880px){div.feed{grid-template-columns:repeat(3,minmax(0,1fr)) !important}}
@media (max-width:640px){div.feed{grid-template-columns:repeat(2,minmax(0,1fr)) !important}}

.feed .feed-ov{opacity:0;transition:opacity var(--dur-med) var(--ease-out)}
.feed figure:hover .feed-ov,.feed figure:focus-within .feed-ov{opacity:1}

@media (hover:none){.feed .feed-ov{opacity:1}}

.feed-more{display:none}

@media (min-width:881px){.hdr-mob,.mob-only{display:none !important}}

@media (max-width:880px){
  .hero-car{gap:10px !important;height:min(58vw,300px) !important;min-height:0 !important;overflow-x:auto !important;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;margin:0 -20px 36px !important;padding:0 20px !important}
  .hero-card{flex:0 0 78% !important;min-width:0 !important;scroll-snap-align:center;border-radius:var(--radius-quirk) !important;cursor:auto !important}
  .hero-card-img{opacity:1 !important}
  .hero-card-vlab{display:none !important}
  .hero-card-pill{display:inline-flex !important}
  .hero-card-num{color:var(--accent) !important}
}
@media (max-width:880px){
  .hdr-desk{display:none !important}
  .hdr-right{margin-left:auto !important}
  .hdr-logo{width:128px !important}
  .hdr-logo-in{top:12px !important;filter:none !important}
  .hdr-logo img{height:40px !important}
}

[id^="who-"]{scroll-margin-top:88px}


footer::after{content:"";display:block;height:var(--cookie-space, 0px)}

@media (max-width:768px){
  .cookie-note{left:10px !important;right:10px !important;bottom:10px !important;max-width:none !important;padding:8px 8px 8px 16px !important;gap:12px !important;justify-content:space-between}
  .cookie-note span{font-size:13.5px !important}
  .cookie-note button{display:inline-flex !important;align-items:center !important;padding:0 20px !important;min-height:40px !important;box-sizing:border-box !important}
}


@media (max-width:880px){
  
  [style*="grid-template-columns: minmax"],[style*="grid-template-columns: repeat"],
  
  [style*="grid-template-columns:minmax"],[style*="grid-template-columns:repeat"]{grid-template-columns:1fr !important}
  [style*="grid-template-columns: minmax"]>*,[style*="grid-template-columns: repeat"]>*,
  [style*="grid-template-columns:minmax"]>*,[style*="grid-template-columns:repeat"]>*{min-width:0 !important;max-width:100% !important}
  
  section [style*="position: sticky"],
  
  section [style*="position:sticky"]{position:static !important;top:auto !important}
  
  [style*="padding-top: 132px"],
  
  [style*="padding-top:132px"]{padding-top:96px !important}
  [style*="padding: 150px"],
  [style*="padding:150px"]{padding-top:104px !important}
  
  
  .hero-type{font-size:clamp(28px,8.6vw,46px) !important}
  .hero-slot{display:none !important}
  h1[style*="anywhere"]{overflow-wrap:normal !important;word-break:keep-all !important}
  h2[style*="--display-xl"]{font-size:clamp(26px,8vw,38px) !important}
  
  [style*="var(--container-pad)"]{padding-left:20px !important;padding-right:20px !important}
  
  footer [style*="display: flex"],
  
  footer [style*="display:flex"]{flex-wrap:wrap}
  
  
  .dsw-cur-ring,.dsw-cur-dot{display:none !important}
  
  #top{min-height:0 !important}
  
  html,body{overflow-x:hidden;-webkit-text-size-adjust:100%;text-size-adjust:100%}
  
  .hero-type .hl{overflow:visible !important}
  
  .hero-kicker{text-align:left !important;padding-right:0 !important}
  
  .mfold{flex-direction:column !important;min-height:0 !important}
  .mfold>*{flex:none !important;width:100% !important;min-height:240px}
  
  h3[style*="--display-l"],h2[style*="--display-l"]{font-size:clamp(22px,6.6vw,30px) !important}
  [style*="--display-xxl"]{font-size:clamp(30px,9vw,44px) !important}
  
  [style*="text-stroke: 1px"],[style*="text-stroke: 1.5px"],[style*="text-stroke: 2px"],
  
  [style*="text-stroke:1px"],[style*="text-stroke:1.5px"],[style*="text-stroke:2px"]{font-size:clamp(40px,12vw,64px) !important}
  
  [style*="border-radius: 99px"],
  
  [style*="border-radius:99px"]{white-space:normal}
  
  table{display:block;overflow-x:auto}
  
  .who-fit .rv>*{gap:12px !important}
  .who-fit h3{font-size:17px !important}
  
  #faq [style*="padding: 16px 26px"],
  
  #faq [style*="padding:16px 26px"]{padding:14px 14px !important}
  #faq [style*="padding: 22px 26px"],
  #faq [style*="padding:22px 26px"]{padding:16px 14px !important}
  #faq span[style*="width: 34px"],
  #faq span[style*="width:34px"]{width:20px !important}
  #faq p[style*="margin: 12px 0px 0px 50px"],#faq p[style*="margin: 12px 0 0 50px"],
  #faq p[style*="margin:12px 0px 0px 50px"],#faq p[style*="margin:12px 0 0 50px"]{margin-left:34px !important}
  
  h1,h2,h3,p{max-width:100% !important;overflow-wrap:break-word}
  
  [style*="white-space: nowrap"],
  
  [style*="white-space:nowrap"]{white-space:normal !important}
  [style*="text-overflow: ellipsis"],
  [style*="text-overflow:ellipsis"]{white-space:nowrap !important}
  .marquee [style*="white-space: nowrap"],.marquee span,
  .marquee [style*="white-space:nowrap"]{white-space:nowrap !important}
  
  .keep-nowrap{white-space:nowrap !important}
  
  .dsw-badge,.ba-lbl,.hero-card-num{font-size:12px !important}
  
  footer a.foot-link{min-width:44px !important}
}
@media (max-width:880px){
  
  .dsw-mnav-overlay{position:fixed;inset:0;z-index:90;background:var(--surface-inverse);color:var(--text-inverse);overflow-y:auto;display:flex;flex-direction:column;padding:84px 24px 32px;animation:mnavIn 380ms var(--ease-out) both}
  @keyframes mnavIn{from{opacity:0;transform:translateY(-14px)}}
  .dsw-mnav-link{display:flex;align-items:baseline;gap:14px;color:var(--text-inverse);text-decoration:none;padding:13px 0;border-bottom:1px solid color-mix(in srgb,#fff 10%,transparent)}
  .dsw-mnav-link .n{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;color:var(--lav-400);width:22px;flex:none}
  .dsw-mnav-link .t{font-family:var(--font-display);font-weight:500;font-size:clamp(22px,6.4vw,30px);letter-spacing:-.01em;line-height:1.05}
  .dsw-mnav-link .d{margin-left:auto;font-size:11px;color:color-mix(in srgb,#fff 45%,transparent);text-align:right}
  .dsw-mnav-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin:26px 0 4px}
  .dsw-mnav-burger{all:unset;cursor:pointer;width:44px;height:44px;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}
  .dsw-mnav-burger i{display:block;width:22px;height:2px;border-radius:2px;background:currentColor;transition:transform 300ms var(--ease-out),opacity 200ms}
  .dsw-mnav-burger[data-open="true"] i:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .dsw-mnav-burger[data-open="true"] i:nth-child(2){opacity:0}
  .dsw-mnav-burger[data-open="true"] i:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
}
@media (min-width:881px){
  .dsw-mnav-burger,.dsw-mnav-overlay{display:none !important}
}

@media (max-width:880px){
  
  .dsw-tab,.soc-pill{min-height:40px !important}
  .dsw-btn[style*="height: 32px"],
  .dsw-btn[style*="height:32px"]{height:40px !important}
  
  button[style*="padding: 8px 10px"],button[style*="padding: 8px 16px"][style*="border-radius: 99px"],
  
  button[style*="padding:8px 10px"],button[style*="padding:8px 16px"][style*="border-radius:99px"]{min-height:40px !important}
  
  input[type=range]{height:40px !important}
  
  [style*="padding-bottom: 26px"]>input[type=range],
  
  [style*="padding-bottom:26px"]>input[type=range]{margin:-12px 0 !important}
  [style*="padding-bottom: 26px"]:has(>input[type=range]),
  [style*="padding-bottom:26px"]:has(>input[type=range]){padding-bottom:52px !important}
  [style*="padding-bottom: 26px"]>button[style*="position: absolute"],
  [style*="padding-bottom:26px"]>button[style*="position:absolute"]{display:flex !important;flex-direction:column !important;justify-content:flex-end !important;min-height:40px !important;width:min-content !important;min-width:56px !important;font-size:10px !important;letter-spacing:.05em !important;padding-bottom:11px !important;bottom:-11px !important}
  
  [style*="padding-bottom: 26px"]>button[style*="position: absolute"],
  
  [style*="padding-bottom:26px"]>button[style*="position:absolute"]{text-align:center !important;align-items:center !important}
  [style*="padding-bottom: 26px"]>button[style*="position: absolute"]:first-of-type,
  [style*="padding-bottom:26px"]>button[style*="position:absolute"]:first-of-type{text-align:left !important;align-items:flex-start !important}
  
  @media (max-width:360px){
    [style*="padding-bottom: 26px"]>button[style*="position: absolute"],
    [style*="padding-bottom:26px"]>button[style*="position:absolute"]{font-size:9px !important;letter-spacing:0 !important;min-width:48px !important}
  }
  
  input[type=email][style*="padding: 10px 16px"],
  
  input[type=email][style*="padding:10px 16px"]{padding-top:12px !important;padding-bottom:12px !important}
  a[style*="align-self: flex-end"][style*="margin-top: 14px"],
  a[style*="align-self:flex-end"][style*="margin-top:14px"]{padding:9px 0 !important;margin-top:5px !important}
  
  footer a[style*="opacity: 0.85"],
  
  footer a[style*="opacity:0.85"]{display:block;padding:9px 0 !important;margin:-5px 0 !important}
  
  footer .fadeup a{display:flex;align-items:center;min-height:40px}
  footer button{min-height:40px !important}
  
  a[style*="--lav-300"][style*="font-size: 14px"],
  
  a[style*="--lav-300"][style*="font-size:14px"]{padding:9px 0 !important}
}


.ba-lbl{position:absolute;bottom:12px;z-index:1;pointer-events:none;font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#fff;background:rgba(23,20,27,.55);padding:5px 10px;border-radius:99px}


[data-theme="dark"] [style*="--surface-inverse"] [style*="--lav-300"]{color:var(--lav-600) !important}


@media (max-width:880px){
  
  :root{--sp-10:64px;--sp-9:56px}
  
  header[style*="72%, transparent"]{background:var(--surface-page) !important}
  
  :root{--text-faint:#7A6A93}
  [data-theme="dark"]{--text-faint:#9A91B0}
  
  [style*="font-size: 9px"],[style*="font-size: 9.5px"],[style*="font-size: 10px"],[style*="font-size: 10.5px"],
  
  [style*="font-size:9px"],[style*="font-size:9.5px"],[style*="font-size:10px"],[style*="font-size:10.5px"]{font-size:11.5px !important}
  
  .bs-row{flex-wrap:wrap !important;row-gap:6px !important;align-items:center !important}
  .bs-m{order:1;white-space:nowrap !important}
  .bs-t{order:2;flex:1 1 100% !important}
  .bs-arrow{display:none !important}
  .bs-all{align-self:flex-start !important;display:inline-flex;align-items:center;min-height:40px}
  
  footer .foot-grid{row-gap:28px !important}
  footer .foot-grid>div{gap:24px !important}
  footer .foot-h{font-family:var(--font-display) !important;font-size:16px !important;font-weight:600;letter-spacing:0 !important;text-transform:none !important;color:var(--text-inverse) !important}
  footer span[style*="50%, transparent"]{color:color-mix(in srgb,var(--text-inverse) 72%,transparent) !important}
  
  .ba-knob{width:40px !important;height:40px !important}
  
  span[aria-hidden="true"][style*="position: absolute"][style*="text-stroke"],
  
  span[aria-hidden="true"][style*="position:absolute"][style*="text-stroke"]{display:none !important}
  
  .tool-cta{width:100%}
  
  .hero-sec .dsw-btn{width:100%;justify-content:center}
  
  span[aria-hidden="true"][style*="right: -13px"],
  
  span[aria-hidden="true"][style*="right:-13px"]{display:none !important}
  
  .mfold>.pm-card{min-height:0 !important}
  .pm-card[data-on="0"]{flex-direction:row !important;align-items:center !important;justify-content:flex-start !important;gap:14px !important;padding:16px 52px 16px 18px !important}
  .pm-card[data-on="0"]::after{content:"+";position:absolute;right:18px;top:50%;transform:translateY(-50%);font-size:22px;line-height:1;color:var(--accent)}
  .pm-t{writing-mode:horizontal-tb !important;transform:none !important;white-space:normal !important}
  
  .faq-tag{display:none}
  .faq-q{line-height:1.25 !important}
  
  .sc-ok{top:52px !important;right:auto !important;left:14px}
  
  .smart-tip{left:12px !important;top:auto !important;bottom:12px;transform:none !important}
  
  .tools-more{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  
  .mock-tabs{grid-template-columns:repeat(3,minmax(0,1fr)) !important}
  
  .page-top{padding-top:64px !important}
  
  .blog-rubs{flex-wrap:nowrap !important;overflow-x:auto;margin-left:-20px !important;margin-right:-20px !important;padding:0 20px;scrollbar-width:none}
  .blog-rubs::-webkit-scrollbar{display:none}
  .blog-rubs>button{flex:none;white-space:nowrap !important}
  
  .blog-back{display:inline-flex;align-items:center;min-height:40px}
  
  .nf-ways{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:10px !important}
  .nf-ways>a{padding:16px 14px !important}
  .nf-ways>a>span:first-child{font-size:15px !important}
  .nf-ways>a>span+span{font-size:12.5px !important}
  
  .team-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:10px !important}
  .team-grid>*{padding:12px !important}
  .team-grid [style*="height: 170px"],
  .team-grid [style*="height:170px"]{height:150px !important}
  .team-ini{display:none !important}
  
  .zone-card{flex-direction:column !important;gap:6px !important}
  
  .hero-type{line-height:1.08 !important}
  
  textarea{resize:none !important}
  
  .feed-more{display:flex;justify-content:center;margin-top:6px}
  
  .how-state{display:none !important}
  
  .gal-tabs .dsw-tab{white-space:nowrap !important}
  
  #pro a span[style*="width: 44px"][style*="border-radius: 99px"],
  
  #pro a span[style*="width:44px"][style*="border-radius:99px"]{display:none !important}
  
  .fh-own{display:none !important}
  
  .faq-count{display:none !important}
  #faq p a{display:inline-block;padding:10px 0}
  
  #studio>.rv{padding:22px 16px !important}
  
  .faq-q{min-width:0;hyphens:auto;-webkit-hyphens:auto}
  
  h1[style*="--display-l"]{font-size:clamp(20px,6vw,34px) !important}
}


@media (max-width:360px){
  .hero-type{font-size:clamp(22px,7.6vw,46px) !important}
  .faq-q{font-size:15px !important}
}