@font-face{font-family:'Caveat';font-style:normal;font-weight:600;font-display:swap;src:url(/v2/fonts/81102a44f9.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:'Caveat';font-style:normal;font-weight:700;font-display:swap;src:url(/v2/fonts/81102a44f9.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:'Geist';font-style:normal;font-weight:400;font-display:swap;src:url(/v2/fonts/edc7ad59a4.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:'Geist';font-style:normal;font-weight:500;font-display:swap;src:url(/v2/fonts/edc7ad59a4.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:'Geist';font-style:normal;font-weight:600;font-display:swap;src:url(/v2/fonts/edc7ad59a4.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:'Geist';font-style:normal;font-weight:700;font-display:swap;src:url(/v2/fonts/edc7ad59a4.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:'Manrope';font-style:normal;font-weight:500;font-display:swap;src:url(/v2/fonts/a96cafd642.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:'Manrope';font-style:normal;font-weight:600;font-display:swap;src:url(/v2/fonts/a96cafd642.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:'Manrope';font-style:normal;font-weight:700;font-display:swap;src:url(/v2/fonts/a96cafd642.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:'Manrope';font-style:normal;font-weight:800;font-display:swap;src:url(/v2/fonts/a96cafd642.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:'Plus Jakarta Sans';font-style:normal;font-weight:800;font-display:swap;src:url(/v2/fonts/7d44de1af0.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}
body{padding-bottom:0}
html:not(.js) .rv{opacity:1!important;transform:none!important}
.toast{position:fixed;left:50%;bottom:24px;z-index:120;transform:translate(-50%,10px);opacity:0;pointer-events:none;max-width:calc(100vw - 32px);padding:11px 16px;border-radius:12px;background:var(--ink);color:var(--bg);font-size:14px;box-shadow:var(--sh-pop);transition:opacity .25s,transform .3s}
.toast.show{opacity:1;transform:translate(-50%,0)}
.pc8-u .p8-u2 b{font-weight:600;color:var(--acc-text)}
.s-hs-n{padding:6px 12px 4px;font-size:13px;color:var(--ink2)}
.s-hs-res ul{list-style:none;margin:0;padding:0}
.s-hs-res a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:12px}
.s-hs-res a:hover{background:var(--surf2)}
.s-hs-res a:hover b{text-decoration:underline;text-underline-offset:3px}
.s-hs-res b{display:block;font:600 15px/1.35 var(--ft);color:var(--ink)}
.s-hs-res small{font-size:13px;color:var(--ink2)}
.s-hs-res .s-chev{flex:none;color:var(--ink2)}
.s-hs-none{padding:12px;font-size:15px;color:var(--ink2)}
.st-row .st-s{display:inline-flex;align-items:center;gap:8px;font-weight:600;white-space:nowrap;color:var(--ink3)}
.st-row .st-s i{width:8px;height:8px;border-radius:50%;background:currentColor}
.st-s[data-state="up"]{color:var(--ok)}
.st-s[data-state="degraded"]{color:#a15c00}
.st-s[data-state="down"]{color:#c0262d}
[data-theme="dark"] .st-s[data-state="degraded"]{color:#f2b34a}
[data-theme="dark"] .st-s[data-state="down"]{color:#ff7a70}
.st-banner[data-state] i{background:var(--ink3);box-shadow:0 0 0 5px color-mix(in srgb,var(--ink3) 18%,transparent)}
.st-banner[data-state="up"] i{background:#22a861;box-shadow:0 0 0 5px color-mix(in srgb,#22a861 18%,transparent)}
.st-banner[data-state="degraded"] i{background:#e09a1a;box-shadow:0 0 0 5px color-mix(in srgb,#e09a1a 18%,transparent)}
.st-banner[data-state="down"] i{background:#d93a3a;box-shadow:0 0 0 5px color-mix(in srgb,#d93a3a 18%,transparent)}
.ftcols .ft-h{margin:0 0 14px;font:600 13.5px var(--ft);color:var(--ink);letter-spacing:normal}
.nav-r .nav-ix{display:none;align-items:center;gap:4px;margin-right:8px}
@media (min-width:1061px){.nav-r .nav-ix{display:inline-flex}}
.nav-ic{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:999px;color:var(--ink);background:none;transition:background .15s}
.nav-ic:hover{background:color-mix(in srgb,var(--ink) 7%,transparent)}
.nav-ic svg{width:19px;height:19px}
.nav-ic svg path{fill:currentColor}
.nav-ic .nt-moon path,.nav-ic .nt-sun *{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
html[data-theme="dark"] .nt-moon,html:not([data-theme="dark"]) .nt-sun{display:none}
.mob-x{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:16px 0 4px}
.mob-dc{display:inline-flex;align-items:center;gap:8px;height:40px}
.mob-dc svg{width:18px;height:18px}
.mob-dc svg path{fill:currentColor}
:root{color-scheme:light;
  --fd:"Manrope",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --ft:"Geist",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --gut:16px;
  --bg:#f6f5f2; --bg2:#edebe6; --app:#efeee9; --surf:#ffffff; --surf2:#f8f7f4; --sunk:#ebe9e4;
  --ink:#121117; --ink2:#4b4953; --ink3:#7b7984; --line:#e3e1dc; --line2:#d2cfc8;
  --acc:#702cdb; --acc-h:#5d1fc2; --acc-ink:#ffffff; --acc-soft:#f0eafc; --acc-text:#6223cc; --acc-line:#c9b4f4;
  --wash:linear-gradient(180deg,#e8e1fa 0%,#efeafb 30%,rgba(246,245,242,0) 100%);
  --frame:#d8d3cb; --chip:#ffffff; --chip-ink:#121117;
  --sh-media:0 1px 2px rgba(18,17,23,.06),0 30px 60px -30px rgba(18,17,23,.38);
  --sh-card:0 1px 2px rgba(18,17,23,.05),0 10px 28px -14px rgba(18,17,23,.16);
  --sh-pop:0 2px 6px rgba(18,17,23,.06),0 44px 90px -28px rgba(18,17,23,.42);
  --scrim:rgba(18,17,23,.44);
  --ok:#17804d; --down:#b43c3c;
  --proto:#17161c; --proto-line:rgba(255,255,255,.06); --proto-ink:#f4f3f8; --proto-ink2:#a6a4b0; --proto-on:#ffffff; --proto-on-ink:#17161c;}
[data-theme="dark"]{color-scheme:dark;
  --bg:#070612; --bg2:#0e0c1b; --app:#070612; --surf:#131124; --surf2:#181527; --sunk:#1e1b30;
  --ink:#fafafd; --ink2:#b7b5c5; --ink3:#9190a3; --line:rgba(255,255,255,.075); --line2:rgba(255,255,255,.14);
  --acc:#874ff7; --acc-h:#9a6af9; --acc-ink:#ffffff; --acc-soft:rgba(135,79,247,.15); --acc-text:#c3b0fd; --acc-line:rgba(175,118,248,.5);
  --wash:linear-gradient(180deg,#1d1440 0%,#150f30 26%,rgba(7,6,18,0) 100%),linear-gradient(90deg,rgba(92,97,239,.10),rgba(135,79,247,0) 60%);
  --frame:#181527; --chip:#0e0c1b; --chip-ink:#fafafd;
  --sh-media:0 0 0 1px rgba(255,255,255,.06),0 34px 70px -30px rgba(0,0,0,.9);
  --sh-card:0 0 0 1px rgba(255,255,255,0);
  --sh-pop:0 0 0 1px rgba(255,255,255,.09),0 44px 90px -24px rgba(0,0,0,.85);
  --scrim:rgba(3,2,10,.74);
  --ok:#5fd59a; --down:#f08a8a;
  --proto:#181527; --proto-line:rgba(255,255,255,.1); --proto-ink:#fafafd; --proto-ink2:#9190a3; --proto-on:#fafafd; --proto-on-ink:#070612;}
@media (min-width:700px){
:root{--gut:32px}
}
@media (min-width:1100px){
:root{--gut:56px}
}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;background:var(--bg)}
body.in-studio{background:var(--app)}
body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.55 var(--ft);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding-bottom:84px;overflow-x:hidden;transition:background-color .3s}
img,video,svg{display:block;max-width:100%}
button,input{font:inherit;color:inherit;letter-spacing:inherit}
button{cursor:pointer;background:none;border:0;padding:0;text-align:inherit}
a{color:inherit;text-decoration:none}
p{margin:0}
:focus-visible{outline:2px solid var(--acc);outline-offset:3px}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.i{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.wrap{width:min(1280px,calc(100% - 2*var(--gut)));margin-inline:auto}
.lk-d,.mk-d{display:none}
[data-theme="dark"] .lk-l,[data-theme="dark"] .mk-l{display:none}
[data-theme="dark"] .lk-d,[data-theme="dark"] .mk-d{display:block}
.d2{font:800 clamp(34px,4.3vw,62px)/.98 var(--fd);letter-spacing:-.05em;margin:0;text-wrap:balance}
.lede{font-size:clamp(18px,1.45vw,21px);line-height:1.45;color:var(--ink2)}
.num{font-variant-numeric:tabular-nums}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 20px;border-radius:999px;font:600 15px/1 var(--ft);letter-spacing:-.006em;white-space:nowrap;transition:background-color .18s,color .18s,border-color .18s,box-shadow .18s,transform .12s;user-select:none}
.btn:active{transform:translateY(1px)}
.btn-acc{background:var(--acc);color:var(--acc-ink)}
.btn-acc:hover{background:var(--acc-h)}
.btn-ink{background:var(--ink);color:var(--bg)}
.btn-ink:hover{background:color-mix(in srgb,var(--ink) 82%,var(--acc))}
.btn-line{background:var(--surf);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line2)}
.btn-line:hover{box-shadow:inset 0 0 0 1px var(--ink3)}
.btn-ghost{color:var(--ink2)}
.btn-ghost:hover{color:var(--ink);background:var(--sunk)}
.btn-lg{height:54px;padding:0 28px;font-size:16px}
.btn-sm{height:36px;padding:0 14px;font-size:14px}
.btn-block{width:100%}
.btn .i{width:16px;height:16px}
.lnk{font:500 14px var(--ft);color:var(--acc-text);border-radius:6px}
.lnk:hover{text-decoration:underline;text-underline-offset:3px}
.nav{position:sticky;top:0;z-index:40;transition:background-color .25s,box-shadow .25s}
.nav.is-scrolled{background:var(--bg);box-shadow:0 1px 0 var(--line)}
.nav-in{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:72px;gap:24px}
.logo{display:inline-flex;align-items:center;flex:none;border-radius:8px}
.logo img{height:24px;width:auto}
.nav-r{grid-column:3;justify-self:end;display:flex;align-items:center;gap:6px}
.nav.is-min .nav-cta{display:none}
@media (max-width:899px){
.nav-in{height:62px;gap:8px;grid-template-columns:auto minmax(0,1fr)}
.nav-signin{height:38px;padding:0 10px;font-size:14px}
.nav-r{grid-column:2}
.logo img{height:22px}
.nav-cta{height:38px;padding:0 14px;font-size:14px}
}
.hero-act{margin-top:38px}
.linkbox{display:flex;align-items:center;gap:6px;max-width:540px;background:var(--surf);border-radius:999px;padding:6px 6px 6px 20px;box-shadow:inset 0 0 0 1px var(--line2),var(--sh-card);transition:box-shadow .2s}
.linkbox:focus-within{box-shadow:inset 0 0 0 1.5px var(--acc),0 0 0 5px var(--acc-soft)}
.linkbox .i{color:var(--ink3)}
.linkbox input{flex:1;min-width:0;height:48px;border:0;background:transparent;outline:none;font:500 16px var(--ft);color:var(--ink);padding:0 2px}
.linkbox input::placeholder{color:var(--ink3);opacity:1}
.linkbox .btn{height:48px}
.lb-err{margin:10px 0 0 20px;font-size:14px;color:var(--down)}
.fine{margin-top:20px;font-size:14px;color:var(--ink3)}
.pcard{container-type:inline-size;margin:0;background:var(--surf);border-radius:24px;padding:8px;box-shadow:inset 0 0 0 1px var(--line),var(--sh-media)}
.pcard .pi{aspect-ratio:1;border-radius:17px;overflow:hidden;background:var(--sunk)}
.pcard .pi img{width:100%;height:100%;object-fit:cover}
.pcard figcaption{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding:10px 6px 3px;font-size:13px;line-height:1.3}
.pcard figcaption span{color:var(--ink3);white-space:nowrap}
.arrow{display:grid;justify-items:center;gap:10px;color:var(--ink3);font-size:12px;line-height:1.3;text-align:center;padding:0 6px}
.arrow svg{width:76px;height:16px;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.arrow circle{fill:currentColor;stroke:none}
.arrow .dl{stroke-dasharray:70;stroke-dashoffset:0}
.vframe{container-type:inline-size;position:relative;aspect-ratio:9/16;border-radius:28px;overflow:hidden;background:var(--frame);box-shadow:var(--sh-media);isolation:isolate}
.vframe video,.vframe>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.made{position:absolute;left:12px;bottom:12px;z-index:2;white-space:nowrap;display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 11px 0 6px;border-radius:999px;background:var(--chip);color:var(--chip-ink);font:600 12px/1 var(--ft);box-shadow:0 1px 3px rgba(0,0,0,.14)}
.made img{width:17px;height:17px}
.made.sm{height:24px;font-size:11px;left:9px;bottom:9px;padding:0 9px 0 5px}
.made.sm img{width:14px;height:14px}
@container (max-width:180px){
.made,.made.sm{height:22px;left:7px;bottom:7px;gap:4px;padding:0 7px 0 4px;font-size:10px}
.made img,.made.sm img{width:12px;height:12px}
}
.snd{position:absolute;right:12px;top:12px;z-index:2;display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px 0 10px;border-radius:999px;background:rgba(18,17,23,.56);color:#fff;font:600 12px/1 var(--ft);transition:background-color .15s}
.snd:hover{background:rgba(18,17,23,.78)}
.snd[aria-pressed="true"]{background:var(--acc)}
.snd .i{width:15px;height:15px}
.snd .on{display:none}
.snd[aria-pressed="true"] .on{display:block}
.snd[aria-pressed="true"] .off{display:none}
.snd.sm{right:9px;top:9px;height:28px;width:28px;padding:0;justify-content:center}
.sec{padding-top:160px}
.sec-head{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:48px;align-items:end;margin-bottom:56px}
.sec-head p{color:var(--ink2);font-size:18px;line-height:1.5;max-width:36ch}
.sec-head .lnk{display:inline-block;margin-top:14px;font-size:15px}
.rv{opacity:0;transform:translateY(22px);transition:opacity .8s ease,transform .9s cubic-bezier(.2,.7,.2,1)}
.rv.in{opacity:1;transform:none}
.how-n{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;box-shadow:inset 0 0 0 1px var(--line2);font:700 13px var(--fd);color:var(--ink2);transition:background-color .3s,color .3s,box-shadow .3s}
.win{width:100%;max-width:500px;background:var(--surf);border-radius:22px;box-shadow:inset 0 0 0 1px var(--line),var(--sh-pop);padding:22px}
.win-h{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;color:var(--ink3);margin-bottom:16px}
.win-h b{font:700 15px var(--fd);color:var(--ink);letter-spacing:-.015em}
.mlb{display:flex;align-items:center;gap:10px;height:50px;border-radius:999px;padding:0 5px 0 16px;box-shadow:inset 0 0 0 1px var(--line2);font-size:14px;color:var(--ink2);min-width:0}
.mlb span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mprod{display:flex;align-items:center;gap:14px;margin-top:14px;padding:12px;border-radius:16px;background:var(--surf2);box-shadow:inset 0 0 0 1px var(--line)}
.mprod img{width:72px;height:72px;border-radius:12px;object-fit:cover;flex:none}
.mprod div{min-width:0}
.mprod b{display:block;font:600 15px/1.3 var(--ft)}
.mprod span{font-size:13px;color:var(--ink3)}
.fm-list{display:grid;gap:8px}
.fm{position:relative;display:block;width:100%;text-align:left;padding:13px 44px 13px 16px;border-radius:14px;background:var(--surf);box-shadow:inset 0 0 0 1px var(--line);transition:box-shadow .15s,background-color .15s}
.fm:hover{box-shadow:inset 0 0 0 1px var(--line2)}
.fm b{display:block;font:600 15px/1.3 var(--ft)}
.fm span{display:block;margin-top:2px;font-size:13.5px;line-height:1.4;color:var(--ink3)}
.fm::after{content:"";position:absolute;right:16px;top:50%;width:16px;height:16px;margin-top:-8px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--line2)}
.fm[aria-checked="true"]{background:var(--acc-soft);box-shadow:inset 0 0 0 1.5px var(--acc)}
.fm[aria-checked="true"]::after{box-shadow:inset 0 0 0 5px var(--acc)}
.fm[aria-checked="true"] span{color:var(--ink2)}
.seg{display:inline-grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:3px;padding:3px;border-radius:13px;background:var(--sunk)}
.seg button{display:flex;align-items:baseline;justify-content:center;gap:8px;padding:9px 16px;border-radius:10px;font:500 14px var(--ft);color:var(--ink2);white-space:nowrap;transition:background-color .15s,color .15s,box-shadow .15s}
.seg button:hover{color:var(--ink)}
.seg button span{font-size:12.5px;color:var(--ink3)}
.seg button[aria-checked="true"],.seg button[aria-pressed="true"]{background:var(--surf);color:var(--ink);box-shadow:0 1px 2px rgba(18,17,23,.1),inset 0 0 0 1px var(--line)}
[data-theme="dark"] .seg button[aria-checked="true"],[data-theme="dark"] .seg button[aria-pressed="true"]{background:#2b2643}
.runl{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:14px;padding:14px 14px 14px 18px;border-radius:16px;background:var(--surf2);box-shadow:inset 0 0 0 1px var(--line)}
.runl small{display:block;font-size:12.5px;color:var(--ink3)}
.runl b{font:800 22px/1.15 var(--fd);letter-spacing:-.03em}
.runl b em{font:500 14px var(--ft);font-style:normal;color:var(--ink2);letter-spacing:0;margin-left:4px}
.sample{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:999px;font:500 12px var(--ft);color:var(--ink3);border:1px dashed var(--line2)}
.spark{width:92px;height:28px;fill:none;stroke:var(--acc);stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round}
.up{color:var(--ok);font-weight:600}
.r{text-align:right}
.ov{position:absolute;left:50%;transform:translateX(-50%);z-index:2;max-width:86%;text-align:center;font:800 15px/1.25 var(--fd);letter-spacing:-.01em;padding:7px 12px;border-radius:8px;background:#fff;color:#121117;white-space:nowrap}
.ov.a{top:20%}
.ov.b{bottom:22%;background:#121117;color:#fff}
.sel:where(:not(.tpw *)){position:relative;display:inline-flex;align-items:center}
@media (max-width:1180px){
.arrow svg{width:56px}
}
@media (max-width:899px){
.hero-act{margin-top:24px}
.arrow{padding:0}
.arrow svg{width:24px}
.sec{padding-top:104px}
.sec-head{grid-template-columns:1fr;gap:16px;margin-bottom:32px}
.sec-head p{font-size:16.5px}
.ov{font-size:11px;padding:5px 8px;white-space:normal;width:max-content;max-width:88%}
.seg{display:grid;width:100%}
}
@media (prefers-reduced-motion:reduce){
*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
.rv{opacity:1;transform:none}
}
.logo{justify-self:start}
.steps3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.stp{min-width:0}
.stp-vis{height:440px;border-radius:28px;background:var(--bg2);display:grid;place-items:center;padding:28px;overflow:hidden}
.stp-vis .win{max-width:340px;padding:18px;box-shadow:inset 0 0 0 1px var(--line),var(--sh-card)}
.stp-vis .mlb{height:44px;padding:0 16px}
.stp-t{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:14px;row-gap:6px;margin-top:22px;padding-right:16px}
.stp-t .how-n{grid-row:span 2;background:var(--acc);color:#fff;box-shadow:none;margin-top:1px}
.stp-t h3{margin:0;font:800 24px/1.15 var(--fd);letter-spacing:-.03em}
.stp-t p{color:var(--ink2);font-size:16px;line-height:1.5}
.stp-pair{display:grid;grid-template-columns:112px 30px 206px;align-items:center}
.stp-pair .arrow svg{width:26px}
.stp-pair .pcard{border-radius:18px;padding:6px}
.stp-pair .pcard .pi{border-radius:13px}
.stp-pair .pcard figcaption{padding:7px 4px 1px;font-size:11.5px}
.stp-pair .vframe{border-radius:22px}
@media (max-width:1180px){
.stp-pair{grid-template-columns:96px 24px 170px}
}
@media (max-width:899px){
.snap{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;margin-inline:calc(-1*var(--gut));padding:0 var(--gut) 8px;scroll-padding-inline:var(--gut);scrollbar-width:none}
.snap::-webkit-scrollbar{display:none}
.snap>*{flex:0 0 84%;scroll-snap-align:start}
.stp-vis{height:400px;padding:16px;border-radius:24px}
.stp-vis .win{padding:14px}
.stp-pair{grid-template-columns:84px 22px 176px}
.stp-t h3{font-size:21px}
.stp-t p{font-size:15px}
}
.nav-in{grid-template-columns:auto 1fr auto}
.mm{display:flex;align-items:center;gap:2px;margin-left:28px;justify-self:start}
.mm-t{display:inline-flex;align-items:center;gap:5px;height:38px;padding:0 12px;border-radius:999px;font:500 15px var(--ft);color:var(--ink2);transition:color .15s,background-color .15s}
.mm-t .i{width:13px;height:13px;transition:transform .2s;opacity:.7}
.mm-t:hover,.mm-t[aria-expanded="true"]{color:var(--ink);background:color-mix(in srgb,var(--ink) 6%,transparent)}
.mm-t[aria-expanded="true"] .i{transform:rotate(180deg)}
.mm-t.cur{color:var(--ink)}
.nav.mm-open{background:var(--surf);box-shadow:0 1px 0 var(--line)}
.mm-p{position:absolute;left:0;right:0;top:100%;background:var(--surf);box-shadow:0 1px 0 var(--line),0 30px 50px -30px rgba(18,17,23,.28);animation:mmIn .22s cubic-bezier(.2,.7,.2,1)}
[data-theme="dark"] .mm-p{box-shadow:0 1px 0 var(--line),0 30px 60px -20px rgba(0,0,0,.7)}
.mob-t{display:none;width:40px;height:40px;border-radius:12px;align-items:center;justify-content:center;color:var(--ink)}
.mob-t .i{width:20px;height:20px}
.mob{position:fixed;inset:0;z-index:95;background:var(--bg);overflow:auto;padding:0 var(--gut) 120px;animation:fade .2s ease}
.mob-h{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;height:62px;background:var(--bg);box-shadow:0 1px 0 var(--line);margin:0 calc(-1*var(--gut));padding:0 var(--gut);z-index:2}
.mob-h button{width:40px;height:40px;border-radius:12px;display:grid;place-items:center}
.mob-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 18px;padding:24px 0}
.mob-g h6{margin:0 0 8px;font:500 12.5px var(--ft);color:var(--ink3)}
.mob-g ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.mob-g a{display:block;padding:6px 0;font:500 15px/1.3 var(--ft);color:var(--ink)}
.mob-cta{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:18px 0;border-top:1px solid var(--line)}
.ip{padding-top:20px}
.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:13.5px;color:var(--ink3);margin-bottom:22px}
.crumbs a{color:var(--ink3);transition:color .15s}
.crumbs a:hover{color:var(--ink)}
.crumbs .sep{opacity:.5}
.crumbs span[aria-current]{color:var(--ink2)}
.ih{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:56px;align-items:center;padding:12px 0 8px}
.ih h1{font:800 clamp(38px,4.4vw,62px)/1 var(--fd);letter-spacing:-.048em;margin:0;text-wrap:balance}
.ih .lede{margin-top:20px;max-width:40ch}
.ih-pair{display:grid;grid-template-columns:minmax(0,190px) 70px minmax(0,290px);align-items:center;justify-content:end}
.ih-pair .arrow svg{width:52px}
.ih-c{text-align:center;max-width:760px;margin:0 auto;padding:28px 0 8px}
.ih-c h1{font:800 clamp(38px,4.6vw,64px)/1 var(--fd);letter-spacing:-.048em;margin:0;text-wrap:balance}
.ih-c .lede{margin:18px auto 0;max-width:46ch}
.isec{padding-top:120px}
.isec-h{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:36px}
.isec-h h2{font:800 clamp(28px,3vw,42px)/1.04 var(--fd);letter-spacing:-.045em;margin:0;max-width:22ch}
.isec-h p{max-width:42ch;color:var(--ink2);font-size:16.5px}
.fitcost{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}
.fc{padding:32px;border-radius:24px;background:var(--surf);box-shadow:inset 0 0 0 1px var(--line)}
.fc h3{margin:0 0 18px;font:700 20px var(--fd);letter-spacing:-.025em}
.fc ul{list-style:none;margin:0;padding:0;display:grid;gap:12px;font-size:15.5px;color:var(--ink2)}
.fc li{display:flex;gap:10px;align-items:flex-start;line-height:1.45}
.fc li .i{margin-top:3px;flex:none}
.fc li .i.ok{color:var(--acc-text)}
.fc .rows{border-top:1px solid var(--line)}
.fc .row{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--line);font-size:15px}
.fc .row span{color:var(--ink2)}
.fc .row b{font:700 16px var(--fd);letter-spacing:-.015em;text-align:right}
.fc .row span{flex:none;max-width:52%}
.fc .note{margin-top:14px;font-size:13.5px;color:var(--ink3);line-height:1.5}
.steps-l{display:grid;grid-template-columns:repeat(var(--n,3),minmax(0,1fr));gap:24px}
.sl{padding-top:20px;border-top:1.5px solid var(--ink)}
.sl .k{font:600 13px var(--ft);color:var(--acc-text)}
.sl h3{margin:10px 0 8px;font:700 20px/1.2 var(--fd);letter-spacing:-.025em}
.sl p{color:var(--ink2);font-size:15.5px;line-height:1.5}
.endcta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:40px;align-items:center;padding:56px;border-radius:32px;background:var(--bg2)}
.endcta h2{font:800 clamp(28px,3vw,44px)/1.04 var(--fd);letter-spacing:-.045em;margin:0}
.endcta p{margin-top:12px;color:var(--ink2)}
.endcta .side{display:grid;gap:10px;justify-items:start}
.specs4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-radius:22px;background:var(--surf);box-shadow:inset 0 0 0 1px var(--line);overflow:hidden}
.specs4 div{padding:22px 24px}
.specs4 div+div{box-shadow:-1px 0 0 var(--line)}
.specs4 small{display:block;font-size:13px;color:var(--ink3)}
.specs4 b{display:block;margin-top:6px;font:700 20px/1.2 var(--fd);letter-spacing:-.025em}
.ptab-wrap{overflow-x:auto;border-radius:22px;background:var(--surf);box-shadow:inset 0 0 0 1px var(--line)}
.ptab{width:100%;min-width:640px;border-collapse:collapse;font-size:15px}
.ptab th,.ptab td{padding:16px 22px;text-align:left;border-bottom:1px solid var(--line)}
.ptab thead th{font:600 13px var(--ft);color:var(--ink3)}
.ptab tbody tr:last-child td,.ptab tbody tr:last-child th{border-bottom:0}
.ptab th[scope="row"]{font:700 16px var(--fd);letter-spacing:-.015em}
.chip{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px;border-radius:999px;background:var(--surf);box-shadow:inset 0 0 0 1px var(--line2);font:500 14px var(--ft);color:var(--ink);transition:box-shadow .15s}
.chip:hover{box-shadow:inset 0 0 0 1px var(--ink3)}
.vd{display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:64px;align-items:start;padding-top:8px}
.vd .vframe{border-radius:26px}
.vd h1{font:800 clamp(32px,3.4vw,48px)/1.04 var(--fd);letter-spacing:-.045em;margin:0}
.vd dl{display:grid;grid-template-columns:auto 1fr;gap:12px 28px;margin:28px 0 0;padding-top:22px;border-top:1px solid var(--line);font-size:15px;max-width:520px}
.vd dt{color:var(--ink3)}
.vd dd{margin:0;font-weight:600}
.vd .hero-act{margin-top:30px}
.tools-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.tool:where(:not(.tpw *)){display:flex;flex-direction:column;border-radius:24px;background:var(--surf);box-shadow:inset 0 0 0 1px var(--line);overflow:hidden;transition:box-shadow .15s,transform .2s}
.tool:hover:where(:not(.tpw *)){box-shadow:inset 0 0 0 1px var(--ink3);transform:translateY(-2px)}
.tool .tv:where(:not(.tpw *)){height:200px;background:var(--bg2);display:grid;place-items:center;position:relative;overflow:hidden}
.tool .tb:where(:not(.tpw *)){padding:20px 22px 22px;display:flex;flex-direction:column;gap:6px;flex:1}
.tool b:where(:not(.tpw *)){font:700 18px/1.25 var(--fd);letter-spacing:-.02em}
.tool span:where(:not(.tpw *)){font-size:14.5px;color:var(--ink2);line-height:1.45}
.tool .go:where(:not(.tpw *)){margin-top:auto;padding-top:12px;display:flex;justify-content:space-between;align-items:center;font:600 13.5px var(--ft);color:var(--acc-text)}
.tv-safe{position:relative;width:96px;aspect-ratio:9/16;border-radius:12px;overflow:hidden;background:#000}
.tv-safe img{width:100%;height:100%;object-fit:cover;opacity:.85}
.tv-safe i{position:absolute;inset:12% 16% 22% 7%;border:1.5px dashed #fff;border-radius:6px}
.tv-calc{display:grid;gap:8px;width:220px}
.tv-calc div{display:flex;justify-content:space-between;padding:10px 12px;border-radius:12px;background:var(--surf);box-shadow:inset 0 0 0 1px var(--line);font-size:13px;color:var(--ink2)}
.tv-calc div b{color:var(--ink);font:700 14px var(--fd)}
.tv-sizes{display:flex;align-items:flex-end;gap:10px}
.tv-sizes i{display:grid;place-items:center;border-radius:8px;background:var(--surf);box-shadow:inset 0 0 0 1px var(--line2);font:600 11px var(--ft);font-style:normal;color:var(--ink3)}
.tv-hooks{display:grid;gap:8px;width:240px}
.tv-hooks span{padding:9px 12px;border-radius:10px;background:var(--surf);box-shadow:inset 0 0 0 1px var(--line);font:600 13px var(--ft);color:var(--ink)}
.idx-feat{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:0;border-radius:28px;overflow:hidden;background:var(--surf);box-shadow:inset 0 0 0 1px var(--line);transition:box-shadow .15s}
.idx-feat:hover{box-shadow:inset 0 0 0 1px var(--ink3)}
.idx-feat .iv{min-height:320px;background:var(--bg2);display:grid;place-items:center;gap:14px;grid-auto-flow:column;padding:28px}
.idx-feat .iv img{width:120px;aspect-ratio:9/16;object-fit:cover;border-radius:14px}
.idx-feat .ib{padding:40px;display:flex;flex-direction:column;justify-content:center;gap:10px}
.idx-feat .ib small{font-size:13px;color:var(--ink3)}
.idx-feat .ib b{font:800 30px/1.08 var(--fd);letter-spacing:-.04em}
.idx-feat .ib span{color:var(--ink2);font-size:16px}
.gcard{display:flex;flex-direction:column;gap:8px;padding:24px;border-radius:22px;background:var(--surf);box-shadow:inset 0 0 0 1px var(--line);min-height:170px}
.gcard small{font-size:12.5px;color:var(--ink3)}
.gcard b{font:700 18px/1.3 var(--fd);letter-spacing:-.02em}
.art{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:72px;align-items:start}
.art-b{max-width:680px}
.art-meta{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:18px;font-size:14px;color:var(--ink3)}
.prose{margin-top:40px;font-size:17px;line-height:1.7;color:var(--ink2)}
.prose h2{margin:44px 0 12px;font:700 25px/1.2 var(--fd);letter-spacing:-.03em;color:var(--ink);scroll-margin-top:90px}
.prose p+p{margin-top:16px}
.prose ul{margin:14px 0 0;padding-left:20px;display:grid;gap:8px}
.prose b{color:var(--ink);font-weight:600}
.prose a{color:var(--acc-text);text-decoration:underline;text-underline-offset:3px}
.art-side{position:sticky;top:96px;display:grid;gap:20px}
.toc h6{margin:0 0 10px;font:600 13px var(--ft);color:var(--ink)}
.toc ul{list-style:none;margin:0;padding:0;display:grid;gap:8px;border-left:1px solid var(--line)}
.toc a{display:block;padding-left:14px;margin-left:-1px;font-size:14px;color:var(--ink3);border-left:1px solid transparent}
.toc a:hover{color:var(--ink);border-left-color:var(--ink)}
.side-cta{padding:20px;border-radius:20px;background:var(--bg2)}
.side-cta b{display:block;font:700 16px/1.3 var(--fd);letter-spacing:-.02em}
.side-cta p{margin:6px 0 14px;font-size:14px;color:var(--ink2)}
.help-hero{text-align:center;padding:36px 0 12px}
.help-hero h1{font:800 clamp(38px,4.4vw,60px)/1.02 var(--fd);letter-spacing:-.048em;margin:0}
.help-hero p{margin-top:14px;color:var(--ink2);font-size:18px}
.hcats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.hcat{padding:26px;border-radius:22px;background:var(--surf);box-shadow:inset 0 0 0 1px var(--line)}
.hcat h2{margin:0;font:700 19px/1.25 var(--fd);letter-spacing:-.02em}
.hcat p{margin-top:6px;font-size:14px;color:var(--ink3)}
.hcat ul{list-style:none;margin:16px 0 0;padding:14px 0 0;border-top:1px solid var(--line);display:grid;gap:9px}
.hcat a{font-size:14.5px;color:var(--ink2);display:flex;justify-content:space-between;gap:10px}
.hcat a:hover{color:var(--ink)}
.hart{display:grid;grid-template-columns:230px minmax(0,1fr) 250px;gap:56px;align-items:start}
.hnav{position:sticky;top:96px}
.hnav h6{margin:0 0 10px;font:600 13px var(--ft);color:var(--ink)}
.hnav ul{list-style:none;margin:0 0 22px;padding:0;display:grid;gap:2px}
.hnav a{display:block;padding:7px 10px;border-radius:10px;font-size:14px;color:var(--ink3)}
.hnav a:hover{color:var(--ink);background:var(--surf2)}
.hnav a[aria-current]{color:var(--ink);background:var(--acc-soft);font-weight:600}
.cl:where(:not(.tpw *)){display:grid;gap:0}
.cl-e{display:grid;grid-template-columns:200px minmax(0,1fr);gap:40px;padding:36px 0;border-top:1px solid var(--line)}
.cl-e time{font-size:14px;color:var(--ink3)}
.cl-e .k{display:inline-block;margin-top:8px;font:600 12px var(--ft);color:var(--acc-text)}
.cl-e h2{margin:0;font:700 22px/1.25 var(--fd);letter-spacing:-.025em}
.cl-e p{margin-top:10px;color:var(--ink2);max-width:62ch}
.st-banner{display:flex;align-items:center;gap:14px;padding:24px 28px;border-radius:22px;background:var(--surf);box-shadow:inset 0 0 0 1px var(--line)}
.st-banner i{width:12px;height:12px;border-radius:50%;background:#22a861;box-shadow:0 0 0 5px color-mix(in srgb,#22a861 18%,transparent)}
.st-banner b{font:700 20px var(--fd);letter-spacing:-.02em}
.st-banner small{margin-left:auto;font-size:13.5px;color:var(--ink3)}
.st-list{margin-top:20px;border-radius:22px;background:var(--surf);box-shadow:inset 0 0 0 1px var(--line)}
.st-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 26px;border-top:1px solid var(--line);font-size:15px}
.st-row:first-child{border-top:0}
.st-row small{display:block;font-size:13px;color:var(--ink3);margin-top:2px}
.st-row .ok{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--ok);white-space:nowrap}
.st-row .ok i{width:8px;height:8px;border-radius:50%;background:currentColor}
.sec-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.sec-c{padding:28px;border-radius:22px;background:var(--surf);box-shadow:inset 0 0 0 1px var(--line)}
.sec-c h2{margin:0;font:700 19px/1.25 var(--fd);letter-spacing:-.02em}
.sec-c p{margin-top:10px;font-size:15px;color:var(--ink2);line-height:1.55}
.ct-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.ct{display:flex;flex-direction:column;gap:8px;padding:28px;border-radius:22px;background:var(--surf);box-shadow:inset 0 0 0 1px var(--line)}
.ct h2{margin:0;font:700 19px/1.25 var(--fd);letter-spacing:-.02em}
.ct p{font-size:15px;color:var(--ink2);line-height:1.55}
.ct a.m{margin-top:auto;padding-top:12px;font:600 15px var(--ft);color:var(--acc-text)}
.ab-p{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}
.ab-p div{padding-top:20px;border-top:1.5px solid var(--ink)}
.ab-p h3{margin:0 0 8px;font:700 20px/1.2 var(--fd);letter-spacing:-.025em}
.ab-p p{color:var(--ink2);font-size:15.5px}
@media (max-width:1180px){
.mm{margin-left:12px}
.mm-t{padding:0 9px;font-size:14.5px}
.art{grid-template-columns:minmax(0,1fr)}
.art-side{display:none}
.hart{grid-template-columns:200px minmax(0,1fr)}
.hart .art-side{display:none}
}
@media (max-width:1060px){
.mm,.nav-signin.dsk{display:none}
.mob-t{display:inline-flex}
.nav-in{grid-template-columns:auto 1fr auto}
}
@media (max-width:899px){
.nav-in{grid-template-columns:auto minmax(0,1fr)}
.nav-r{grid-column:2}
.ip{padding-top:8px}
.ih{grid-template-columns:minmax(0,1fr);gap:32px}
.ih h1{font-size:38px}
.ih-pair{grid-template-columns:minmax(0,1fr) 28px minmax(0,1.3fr);justify-content:start}
.ih-pair .arrow svg{width:22px}
.ih-c{text-align:left;padding-top:10px}
.ih-c .lede{margin-left:0}
.ih-c h1{font-size:38px}
.isec{padding-top:84px}
.isec-h{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:26px}
.fitcost{grid-template-columns:minmax(0,1fr)}
.fc{padding:22px}
.steps-l{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;margin-inline:calc(-1*var(--gut));padding:0 var(--gut) 6px;scrollbar-width:none;scroll-padding-inline:var(--gut)}
.steps-l::-webkit-scrollbar{display:none}
.steps-l>*{flex:0 0 78%;scroll-snap-align:start}
.endcta{grid-template-columns:minmax(0,1fr);padding:28px 20px;border-radius:26px;gap:20px}
.specs4{grid-template-columns:repeat(2,minmax(0,1fr))}
.specs4 div:nth-child(3){box-shadow:0 -1px 0 var(--line)}
.specs4 div:nth-child(4){box-shadow:0 -1px 0 var(--line),-1px 0 0 var(--line)}
.vd{grid-template-columns:minmax(0,1fr);gap:28px}
.vd .vframe{width:78%;margin:0 auto}
.tools-g,.hcats,.sec-g,.ct-g,.ab-p{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;margin-inline:calc(-1*var(--gut));padding:0 var(--gut) 6px;scrollbar-width:none}
.tools-g::-webkit-scrollbar,.hcats::-webkit-scrollbar,.sec-g::-webkit-scrollbar,.ct-g::-webkit-scrollbar,.ab-p::-webkit-scrollbar{display:none}
.tools-g>*,.hcats>*,.sec-g>*,.ct-g>*,.ab-p>*{flex:0 0 82%;scroll-snap-align:start}
.idx-feat{grid-template-columns:minmax(0,1fr)}
.idx-feat .iv{min-height:220px}
.idx-feat .iv img{width:84px}
.idx-feat .ib{padding:24px}
.idx-feat .ib b{font-size:24px}
.hart{grid-template-columns:minmax(0,1fr);gap:24px}
.hnav{position:static;display:none}
.cl-e{grid-template-columns:minmax(0,1fr);gap:10px;padding:28px 0}
.st-banner{flex-wrap:wrap}
.st-banner small{margin-left:0;width:100%}
.st-row{padding:16px 18px}
.prose{font-size:16px}
}
.prose ol{margin:14px 0 0;padding-left:22px;display:grid;gap:8px}
.prose>:first-child{margin-top:0}
.prose p{margin:0}
.prose p+p,.prose ul+p,.prose ol+p,.prose .md-tw+p,.prose p+ul,.prose p+ol{margin-top:14px}
.md-tw{margin:18px 0;overflow-x:auto;border-radius:16px;box-shadow:inset 0 0 0 1px var(--line);background:var(--surf)}
.md-t{width:100%;border-collapse:collapse;font-size:14.5px;line-height:1.45}
.md-t th,.md-t td{padding:12px 16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.md-t th{font:600 13px var(--ft);color:var(--ink3);white-space:nowrap}
.md-t tr:last-child td{border-bottom:0}
.md-t td{color:var(--ink2)}
.take{margin-top:30px;padding:22px 24px;border-radius:20px;background:var(--acc-soft)}
.take h2{margin:0 0 10px;font:700 16px var(--fd);letter-spacing:-.015em}
.take ul{margin:0;padding-left:20px;display:grid;gap:8px;font-size:15.5px;line-height:1.55;color:var(--ink)}
.srcs{margin-top:48px;padding-top:22px;border-top:1px solid var(--line)}
.srcs h2{margin:0 0 10px;font:600 14px var(--ft);color:var(--ink)}
.srcs ul{margin:0;padding-left:18px;display:grid;gap:6px;font-size:13.5px;color:var(--ink3)}
.srcs a{color:var(--ink2);text-decoration:underline;text-underline-offset:2px}
.gl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
a.gcard{transition:box-shadow .15s,transform .2s}
a.gcard:hover{box-shadow:inset 0 0 0 1px var(--ink3);transform:translateY(-2px)}
.gcard span{font-size:14px;color:var(--ink2);line-height:1.45}
.helpful{margin-top:40px;padding:18px 20px;border-radius:16px;background:var(--bg2);font-size:15px;color:var(--ink2)}
.helpful span{font-weight:600;color:var(--ink)}
.hnav{max-height:calc(100vh - 120px);overflow:auto;scrollbar-width:thin}
.hnav h6{margin-top:4px}
@media (max-width:1180px){
.gl{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:899px){
.md-t{font-size:13.5px}
.md-t th,.md-t td{padding:10px 12px}
.gl{grid-template-columns:minmax(0,1fr);gap:14px}
.take{padding:18px}
}
:root{--w1:rgba(190,168,252,.42);--w2:rgba(214,200,253,.55);--w3:rgba(160,166,248,.20);--glowC:#ddd2fb;
  --pg0:linear-gradient(140deg,#f1ecfe 0%,#e9e3fd 48%,#f3eefb 100%);--pg1:linear-gradient(140deg,#ebedfd 0%,#e6e1fc 55%,#f1edfd 100%);--pg2:linear-gradient(140deg,#f4effd 0%,#ede4fc 50%,#e9e9fd 100%);
  --pchip:#ffffff;--pshadow:0 1px 2px rgba(40,20,90,.08),0 8px 24px -12px rgba(40,20,90,.25)}
[data-theme="dark"]{--w1:rgba(135,79,247,.22);--w2:rgba(112,60,220,.24);--w3:rgba(92,97,239,.16);--glowC:#22164a;
  --pg0:linear-gradient(140deg,#1b1438 0%,#151030 50%,#1a1336 100%);--pg1:linear-gradient(140deg,#15163a 0%,#171233 55%,#1c1439 100%);--pg2:linear-gradient(140deg,#1d1538 0%,#171131 50%,#14163a 100%);
  --pchip:#181527;--pshadow:0 0 0 1px rgba(255,255,255,.07),0 10px 26px -12px rgba(0,0,0,.8)}
body{background:radial-gradient(1200px 560px at 8% -4%,var(--w2),transparent 70%),radial-gradient(1000px 520px at 96% 2%,var(--w3),transparent 72%),radial-gradient(900px 420px at 50% 0%,var(--w1),transparent 75%) no-repeat,var(--bg);background-color:var(--bg)}
body.in-studio{background:var(--app)}
.nav.is-scrolled{background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:saturate(1.2) blur(10px);-webkit-backdrop-filter:saturate(1.2) blur(10px)}
.s7{position:relative;padding-top:110px}
.s7.tight{padding-top:72px}
.c7h{position:relative;text-align:center;max-width:760px;margin:0 auto 44px}
.c7h::before{content:"";position:absolute;left:50%;top:50%;width:min(900px,100%);height:260px;transform:translate(-50%,-50%);background:radial-gradient(closest-side,var(--w1),transparent);z-index:-1;pointer-events:none;opacity:.8}
.c7h h2{margin:12px 0 0;font:800 clamp(30px,3.3vw,46px)/1.05 var(--fd);letter-spacing:-.045em;text-wrap:balance}
.c7h p{margin-top:12px;color:var(--ink2);font-size:17px}
.pill7{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 12px;border-radius:999px;background:color-mix(in srgb,var(--acc) 10%,var(--surf));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--acc) 22%,transparent);font:600 12.5px var(--ft);color:var(--acc-text);white-space:nowrap}
a.il{color:var(--acc-text);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--acc) 45%,transparent);text-underline-offset:3px}
a.il:hover{text-decoration-color:currentColor}
.h7{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center;padding:8px 0 20px}
.ip>.crumbs{margin:8px 0 20px}
.h7 h1{margin:16px 0 0;font:800 clamp(38px,4.2vw,60px)/1.02 var(--fd);letter-spacing:-.045em;text-wrap:balance}
.h7 .lede{margin-top:20px;max-width:46ch;font-size:18px}
.h7 .hero-act{margin-top:18px}
.hc7{position:relative;justify-self:end;width:min(520px,100%);aspect-ratio:4/5;border-radius:32px;overflow:visible}
.hc7>img{width:100%;height:100%;object-fit:cover;border-radius:32px;box-shadow:var(--sh-media)}
.hl{position:absolute;left:16px;bottom:16px;height:28px;padding:0 12px;border-radius:999px;background:rgba(18,17,23,.6);color:#fff;font:600 12px/28px var(--ft)}
.strip7{display:flex;align-items:stretch;gap:10px}
.strip7>div{flex:1;min-width:0;padding:20px 22px;border-radius:20px;background:color-mix(in srgb,var(--surf) 82%,transparent);box-shadow:inset 0 0 0 1px var(--line)}
.strip7>div span{font:600 12px var(--ft);color:var(--acc-text)}
.strip7>div b{display:block;margin-top:6px;font:700 17px/1.25 var(--fd);letter-spacing:-.02em}
.strip7>div p{margin-top:6px;font-size:14px;color:var(--ink2);line-height:1.45}
.strip7>i{display:grid;place-items:center;flex:none;color:var(--ink3)}
.rows7{display:grid;gap:96px}
.row7{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:72px;align-items:center}
.row7.flip .rt7{order:2}
.rt7 h3{margin:16px 0 0;font:800 clamp(24px,2.3vw,32px)/1.12 var(--fd);letter-spacing:-.035em}
.rt7 .prose{margin-top:16px;font-size:16.5px}
.pnl{position:relative;display:grid;place-items:center;align-content:center;gap:18px;min-height:400px;padding:40px 32px;border-radius:30px;background:var(--pg0);overflow:hidden}
.pnl.g1{background:var(--pg1)}
.pnl.g2{background:var(--pg2)}
.pnl::after{content:"";position:absolute;inset:auto -10% -40% -10%;height:60%;background:radial-gradient(closest-side,rgba(255,255,255,.55),transparent);pointer-events:none}
[data-theme="dark"] .pnl::after{background:radial-gradient(closest-side,rgba(135,79,247,.16),transparent)}
.pnl>*{position:relative;z-index:1}
.pnl.mini{min-height:250px;padding:22px 18px}
.pcs{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.pc{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 13px;border-radius:999px;background:var(--pchip);box-shadow:var(--pshadow);font:600 12.5px var(--ft);color:var(--ink);white-space:nowrap}
.pc.no{color:var(--ink3);box-shadow:inset 0 0 0 1px var(--line2);background:transparent}
.pc.no::before{content:"✕";font-size:10px}
.pf{position:relative;width:150px;aspect-ratio:9/16;border-radius:18px;overflow:hidden;box-shadow:var(--pshadow);background:var(--frame);flex:none}
.pf>img{width:100%;height:100%;object-fit:cover}
.pf.big{width:200px}
.pf.sm{width:92px;border-radius:12px}
.pp{margin:0;padding:6px;border-radius:18px;background:var(--pchip);box-shadow:var(--pshadow);width:130px;flex:none}
.pp img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:13px}
.pp figcaption{padding:6px 4px 1px;font-size:11.5px;color:var(--ink3)}
.pp.sm{width:96px;padding:5px;border-radius:14px}
.pp.sm img{border-radius:10px}
.pr-row{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:nowrap}
.pr-row.two{align-items:stretch}
.pr-c{display:flex;flex-direction:column;align-items:center;gap:16px}
.parr{display:grid;place-items:center;color:var(--ink3);flex:none}
.parr svg{width:24px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.pui{padding:16px;border-radius:18px;background:var(--pchip);box-shadow:var(--pshadow);width:200px;text-align:left;display:grid;gap:10px;align-content:start}
.pui.w{width:min(340px,100%)}
.pui.slim{padding:12px 16px}
.ut{font:700 14px var(--fd);letter-spacing:-.01em}
.ut.ok{color:var(--ok)}
.ut.no{color:var(--down)}
.un{font-size:12px;color:var(--ink3);line-height:1.4}
.uq{font-size:13px;line-height:1.45;color:var(--ink2);padding:10px 12px;border-radius:12px;background:var(--surf2);box-shadow:inset 0 0 0 1px var(--line)}
.uq.big{font-size:14.5px;padding:14px}
.ur{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px solid var(--line);font-size:13px;color:var(--ink2)}
.ur b{color:var(--ink);font-weight:700}
.ub{display:flex;align-items:center;justify-content:center;height:38px;border-radius:999px;background:var(--ink);color:var(--bg);font:600 13px var(--ft)}
.ub.sm{height:30px;padding:0 12px;font-size:12px}
.urow{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.urow img{width:30px;height:30px;border-radius:8px;object-fit:cover}
.wave{display:flex;align-items:center;gap:3px;height:40px}
.wave i{flex:1;border-radius:2px;background:var(--acc);opacity:.75}
.tg{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--ink2)}
.tg b{position:relative;width:34px;height:20px;border-radius:999px;background:var(--sunk)}
.tg b.on{background:var(--acc)}
.tg b::after{content:"";position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#fff;transition:left .2s}
.tg b.on::after{left:17px}
.useg{display:flex;gap:3px;padding:3px;border-radius:10px;background:var(--sunk);font-size:12px}
.useg span{flex:1;text-align:center;padding:6px 4px;border-radius:8px;color:var(--ink2);white-space:nowrap}
.useg span.on{background:var(--pchip);color:var(--ink);font-weight:600;box-shadow:0 1px 2px rgba(0,0,0,.08)}
.urange{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;font-size:12.5px;color:var(--ink2)}
.urange i{height:5px;border-radius:9px;background:var(--sunk);overflow:hidden}
.urange i b{display:block;height:100%;background:var(--acc)}
.urange em{font-style:normal;font-weight:600;color:var(--ink)}
.ucol{display:flex;gap:6px}
.ucol i{width:18px;height:18px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.15)}
.ures{display:grid;gap:8px}
.ures .tag{justify-self:end;font:500 11px var(--ft);color:var(--ink3);border:1px dashed var(--line2);border-radius:999px;padding:2px 8px}
.ures>div{display:grid;grid-template-columns:30px 1fr auto;gap:10px;align-items:center;font-size:13px}
.ures img{width:30px;height:30px;border-radius:8px;object-fit:cover}
.ures b{color:var(--ok)}
.pf .ov{font-size:10.5px;padding:4px 7px;max-width:88%;white-space:normal;width:max-content}
.safe .sz{position:absolute;inset:11% 15% 22% 6%;border:1.5px dashed #fff;border-radius:8px}
.safe .sr{position:absolute;right:5%;top:42%;width:9%;height:30%;border-radius:999px;background:rgba(255,255,255,.35)}
.safe .sb{position:absolute;left:6%;right:20%;bottom:6%;height:9%;border-radius:6px;background:rgba(255,255,255,.3)}
.plib{display:grid;grid-template-columns:repeat(3,72px);gap:8px}
.plib div{position:relative;aspect-ratio:9/16;border-radius:10px;overflow:hidden;box-shadow:var(--pshadow)}
.plib img{width:100%;height:100%;object-fit:cover}
.plib span{position:absolute;right:4px;bottom:4px;padding:1px 5px;border-radius:6px;background:rgba(18,17,23,.6);color:#fff;font:600 9.5px var(--ft)}
.plib em{position:absolute;left:4px;top:4px;padding:1px 5px;border-radius:6px;background:#fff;color:#111;font:600 9px var(--ft);font-style:normal}
.plib.sel b{position:absolute;left:5px;top:5px;width:16px;height:16px;border-radius:5px;background:rgba(255,255,255,.8);box-shadow:inset 0 0 0 1.5px #fff}
.plib.sel .on b{background:var(--acc)}
.plib.sel .on{box-shadow:0 0 0 2px var(--acc)}
.pphone{width:150px;aspect-ratio:9/18.5;border-radius:26px;padding:7px;background:#111;box-shadow:var(--pshadow);flex:none}
.pphone img{width:100%;height:100%;object-fit:cover;border-radius:20px}
.face{height:96px;border-radius:12px;background:radial-gradient(circle at 50% 38%,var(--ink3) 0 18%,transparent 19%),radial-gradient(ellipse at 50% 100%,var(--ink3) 0 34%,transparent 35%),var(--sunk);opacity:.6}
.pfmt{display:grid;grid-template-columns:repeat(2,minmax(0,150px));gap:12px}
.pfmt div{display:grid;gap:6px;padding:10px;border-radius:16px;background:var(--pchip);box-shadow:var(--pshadow)}
.pfmt img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:10px}
.pfmt b{font:700 13.5px var(--fd);letter-spacing:-.01em}
.pfmt small{font-size:11.5px;color:var(--ink3)}
.pstack{display:flex;padding-left:40px}
.pstack img{width:110px;aspect-ratio:1;object-fit:cover;border-radius:16px;margin-left:-40px;border:5px solid var(--pchip);box-shadow:var(--pshadow)}
.pstack img:nth-child(odd){transform:translateY(-10px) rotate(-3deg)}
.pstack img:nth-child(even){transform:translateY(8px) rotate(3deg)}
.pmod{display:grid;grid-template-columns:repeat(2,minmax(0,160px));gap:10px}
.pmod div{padding:12px 14px;border-radius:14px;background:var(--pchip);box-shadow:var(--pshadow);display:grid;gap:2px}
.pmod div:last-child{grid-column:1/-1}
.pmod b{font:700 14px var(--fd);letter-spacing:-.01em}
.pmod small{font-size:11.5px;color:var(--ink3)}
.pmod span{font:600 12px var(--ft);color:var(--acc-text)}
.psuit{display:grid;grid-template-columns:repeat(3,96px);gap:10px}
.psuit figure{margin:0;border-radius:14px;overflow:hidden;background:var(--pchip);box-shadow:var(--pshadow)}
.psuit img{width:100%;aspect-ratio:1;object-fit:cover}
.psuit figcaption{display:flex;justify-content:space-between;padding:5px 8px;font-size:11px;font-weight:600}
.psuit figcaption i{font-style:normal;color:var(--ok)}
.pav{display:flex;gap:10px}
.pav div{display:grid;justify-items:center;gap:4px;padding:12px 10px;border-radius:16px;background:var(--pchip);box-shadow:var(--pshadow);width:76px}
.pav span{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;font:800 17px var(--fd);color:#2a1b5c}
.pav b{font-size:12.5px}
.pav small{font-size:10.5px;color:var(--ink3)}
.avb{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#c4b5fd;font:800 20px var(--fd);color:#2a1b5c}
.sg{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:24px}
.sg-y,.sg-n{padding:28px;border-radius:26px;background:var(--surf);box-shadow:inset 0 0 0 1px var(--line)}
.sg h3{margin:0 0 16px;font:700 17px var(--fd);letter-spacing:-.02em}
.sg-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px}
.sg-g figure{margin:0}
.sg-g img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:14px}
.sg-g figcaption{margin-top:6px;font-size:13px;font-weight:600}
.sg-n div{display:flex;justify-content:space-between;gap:12px;padding:13px 0;border-top:1px solid var(--line);font-size:14.5px}
.sg-n div span{color:var(--ink2)}
.sg-n em{font-style:normal;color:var(--ink3)}
.spec7{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;border-radius:24px;background:var(--surf);box-shadow:inset 0 0 0 1px var(--line);overflow:hidden}
.spec7 div{padding:20px 24px;box-shadow:1px 0 0 var(--line),0 1px 0 var(--line)}
.spec7 dt{font-size:13px;color:var(--ink3)}
.spec7 dd{margin:6px 0 0;font:700 16px/1.35 var(--fd);letter-spacing:-.015em}
.pr7{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.pr7 div{display:flex;flex-direction:column;justify-content:space-between;gap:18px;padding:26px;border-radius:24px;background:var(--pg0);min-height:200px}
.pr7 .g1{background:var(--pg1)}
.pr7 .g2{background:var(--pg2)}
.pr7 p{font-size:16px;line-height:1.5;color:var(--ink)}
.pr7 span{align-self:flex-start;font:600 12px var(--ft);color:var(--acc-text);padding:4px 10px;border-radius:999px;background:var(--pchip)}
.cmp7 td,.cmp7 th{font-size:14px}
.cmp7 tr.cur{background:var(--acc-soft)}
.cg7{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.cg7 a{display:flex;flex-direction:column;gap:6px;padding:12px 12px 16px;border-radius:22px;background:var(--surf);box-shadow:inset 0 0 0 1px var(--line);transition:transform .2s,box-shadow .15s}
.cg7 a:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px var(--ink3)}
.cg7 img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:15px}
.cg7 b{margin-top:6px;font:700 16px/1.25 var(--fd);letter-spacing:-.02em;padding:0 4px}
.cg7 span{font-size:13.5px;color:var(--acc-text);font-weight:600;padding:0 4px}
.day7{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.day7>div{display:flex;flex-direction:column;gap:10px}
.day7 .pill7{align-self:flex-start}
.day7 h3{margin:4px 0 0;font:700 19px/1.25 var(--fd);letter-spacing:-.025em}
.day7 p{font-size:14.5px;color:var(--ink2);line-height:1.5}
.day7 .pnl{margin-top:auto}
.day7 .pnl .pui.w{width:100%}
.day7 .pnl .pr-row{transform:scale(.82)}
.fig7{margin:32px 0;min-height:0;padding:28px 20px}
.fig7 figcaption{font-size:13px;color:var(--ink3);text-align:center}
.foot7{padding:0 var(--gut) 40px;background:radial-gradient(70% 60% at 50% 0%,var(--glowC),transparent 100%)}
.ftc{max-width:1300px;margin:0 auto;padding:56px 64px 30px;border-radius:32px;background:var(--surf);box-shadow:0 1px 2px rgba(40,20,90,.05),0 30px 60px -40px rgba(40,20,90,.3)}
[data-theme="dark"] .ftc{background:#0e0c1b;box-shadow:inset 0 0 0 1px var(--line)}
.ftg{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:56px}
.ftl p{margin-top:14px;font:600 15px var(--ft);color:var(--ink)}
.ftl .logo img{height:26px}
.ftd{display:inline-grid;place-items:center;width:38px;height:38px;margin-top:22px;border-radius:12px;color:var(--ink2);box-shadow:inset 0 0 0 1px var(--line2);transition:color .15s,box-shadow .15s}
.ftd:hover{color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink3)}
.ftd svg{width:20px;height:20px;fill:currentColor}
.ftcols{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:24px 18px}
.ftcols h5{margin:0 0 14px;font:600 13.5px var(--ft);color:var(--ink)}
.ftcols ul{list-style:none;margin:0;padding:0;display:grid;gap:11px}
.ftcols a{font-size:13.5px;line-height:1.35;color:var(--ink3)}
.ftcols a:hover{color:var(--ink)}
.ftb{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px 24px;margin-top:48px;padding-top:22px;border-top:1px solid var(--line);font-size:13px;color:var(--ink3)}
.ftb .lg{display:flex;align-items:center;gap:10px}
.ftb .lg a:hover{color:var(--ink)}
.band7{padding:28px 0 50px;background:radial-gradient(60% 120% at 20% 0%,var(--w2),transparent 75%),radial-gradient(50% 100% at 90% 10%,var(--w3),transparent 75%)}
.band7 .wrap>*{max-width:820px}
.band7 .pill7{margin-top:4px}
.band7 h1{margin:14px 0 0;font:800 clamp(34px,3.8vw,54px)/1.04 var(--fd);letter-spacing:-.045em;text-wrap:balance}
.band7.sm h1{font-size:clamp(30px,3vw,44px)}
.band7 .lede{margin-top:16px;max-width:60ch}
.band7 .art-meta{margin-top:16px}
.band7+.wrap.ip{padding-top:40px}
.art-b>.take:first-child{margin-top:0}
.pricing7{padding-top:8px}
.ph7{text-align:center;margin-top:8px}
.ph7 h1{margin:0;font:800 clamp(36px,4vw,54px)/1.05 var(--fd);letter-spacing:-.045em}
.ph7 p{margin-top:12px;color:var(--ink3);font-size:16.5px}
@media (max-width:1180px){
.ftcols{grid-template-columns:repeat(4,minmax(0,1fr))}
.day7{grid-template-columns:repeat(2,minmax(0,1fr))}
.row7{gap:44px}
}
@media (max-width:899px){
.s7{padding-top:76px}
.c7h{margin-bottom:28px;text-align:left}
.c7h h2{font-size:30px}
.h7{grid-template-columns:minmax(0,1fr);gap:36px}
.h7 h1{font-size:36px}
.h7 .lede{font-size:16.5px}
.hc7{justify-self:stretch;width:auto;margin:0 0 0 14px;aspect-ratio:4/4.4}
.strip7{overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:calc(-1*var(--gut));padding:0 var(--gut) 6px;scrollbar-width:none}
.strip7::-webkit-scrollbar{display:none}
.strip7>div{flex:0 0 74%;scroll-snap-align:start}
.strip7>i{display:none}
.rows7{gap:64px}
.row7{grid-template-columns:minmax(0,1fr);gap:24px}
.row7.flip .rt7{order:0}
.rt7 h3{font-size:24px}
.rt7 .prose{font-size:15.5px}
.pnl{min-height:0;padding:28px 14px;border-radius:24px}
.pr-row{gap:8px}
.pr-row .pf{width:112px}
.pr-row .pf.sm{width:78px}
.pr-row .pp{width:104px}
.pr-row .pp.sm{width:78px}
.pr-row .pui.s{width:150px;padding:12px}
.pf.big{width:170px}
.pphone{width:120px}
.pav{flex-wrap:wrap;justify-content:center}
.pav div{width:64px;padding:10px 6px}
.psuit{grid-template-columns:repeat(3,84px)}
.plib{grid-template-columns:repeat(3,64px)}
.pfmt{grid-template-columns:repeat(2,minmax(0,140px))}
.pstack img{width:84px}
.sg{grid-template-columns:minmax(0,1fr)}
.sg-y,.sg-n{padding:20px}
.spec7{grid-template-columns:repeat(2,minmax(0,1fr))}
.spec7 div{padding:16px}
.spec7 dd{font-size:14.5px}
.pr7,.cg7,.day7{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;margin-inline:calc(-1*var(--gut));padding:0 var(--gut) 8px;scrollbar-width:none}
.pr7::-webkit-scrollbar,.cg7::-webkit-scrollbar,.day7::-webkit-scrollbar{display:none}
.pr7>*,.day7>*{flex:0 0 80%;scroll-snap-align:start}
.cg7>*{flex:0 0 58%;scroll-snap-align:start}
.day7 .pnl .pr-row{transform:none}
.ftc{padding:32px 20px 24px;border-radius:24px}
.ftg{grid-template-columns:minmax(0,1fr);gap:36px}
.ftcols{grid-template-columns:repeat(2,minmax(0,1fr))}
.ftb{margin-top:32px}
.band7{padding:12px 0 36px}
.band7 h1{font-size:32px}
}
.ucol{flex-wrap:wrap}
@media (max-width:899px){
.pr-row .pf.big{width:132px}
.pr-row .pui.s{min-width:0;flex:1 1 auto}
.pr7,.cg7,.day7,.strip7{scroll-padding-inline:var(--gut)}
.day7 .pnl{min-height:210px}
.pr-row{flex-wrap:wrap;row-gap:12px}
.pr-row .pui.s{max-width:150px}
}
.hc7.isui{aspect-ratio:auto}
.hc7.isui .pnl{min-height:520px;border-radius:32px;box-shadow:var(--sh-media)}
@media (max-width:899px){
.hc7.isui .pnl{min-height:380px}
}
.pp.port img{aspect-ratio:3/4}
.pnl.onst{background-size:cover;background-position:center}
.pnl.onst::after{display:none}
.pnl.onst .pc,.pnl.onst .pui,.pnl.onst .pp{box-shadow:0 10px 30px -10px rgba(0,0,0,.5)}
.psuit figure img{aspect-ratio:1}
.rv8 .rv8-m{--rv8-d:324s}
@media (max-width:899px){
.rv8 .rv8-m{--rv8-d:254s}
}
.rv8-a2{background:linear-gradient(135deg,#6d3ff0,#5c61ef)}
.rv8-a3{background:linear-gradient(135deg,#af76f8,#874ff7)}
:root{--top8:linear-gradient(180deg,#dcd3fb 0,#e4ddfb 150px,#ece7f9 320px,#f2f0f4 480px,var(--bg) 660px);
  --top8a:radial-gradient(820px 460px at 10% -60px,rgba(172,138,252,.42),transparent 70%);
  --top8b:radial-gradient(820px 460px at 92% -40px,rgba(132,140,246,.34),transparent 70%);
  --g8a:rgba(135,79,247,.26);--g8b:rgba(92,97,239,.20);--g8c:rgba(175,118,248,.26);--g8d:rgba(195,176,253,.52);
  --ft8:rgba(255,255,255,.88);--ft8line:rgba(255,255,255,.85);}
[data-theme="dark"]{--top8:linear-gradient(180deg,#22184e 0,#1b1342 150px,#140e31 320px,#0c0a22 480px,var(--bg) 660px);
  --top8a:radial-gradient(820px 460px at 10% -60px,rgba(135,79,247,.34),transparent 70%);
  --top8b:radial-gradient(820px 460px at 92% -40px,rgba(92,97,239,.30),transparent 70%);
  --g8a:rgba(135,79,247,.30);--g8b:rgba(92,97,239,.24);--g8c:rgba(112,60,220,.30);--g8d:rgba(64,36,140,.55);
  --ft8:rgba(14,12,27,.93);--ft8line:rgba(255,255,255,.08);}
body{background:var(--top8a),var(--top8b),var(--top8);background-repeat:no-repeat;background-color:var(--bg)}
body.in-studio{background:var(--app)}
.band7{background:none}
.foot8{position:relative;isolation:isolate;padding:0 var(--gut) 40px;background:none;margin-top:24px}
.foot8::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(46% 300px at 50% 520px,var(--g8a),transparent 100%),
    radial-gradient(30% 280px at 14% 580px,var(--g8b),transparent 100%),
    radial-gradient(30% 280px at 86% 560px,var(--g8c),transparent 100%),
    linear-gradient(180deg,transparent 0,color-mix(in srgb,var(--g8d) 45%,transparent) 260px,var(--g8d) 500px,color-mix(in srgb,var(--g8d) 62%,transparent) 72%,transparent 100%)}
.end8{text-align:center;padding:190px 0 110px}
.end8 h2{margin:0 auto;max-width:17ch;font:800 clamp(34px,4.3vw,60px)/1.03 var(--fd);letter-spacing:-.05em;text-wrap:balance}
.end8 p{margin:16px auto 0;max-width:48ch;font-size:18px;color:var(--ink2)}
.end8 .btn{margin-top:30px}
.foot8 .ftc{background:var(--ft8);box-shadow:inset 0 0 0 1px var(--ft8line),0 1px 2px rgba(40,20,90,.05),0 40px 80px -50px rgba(60,30,140,.45);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
[data-theme="dark"] .foot8 .ftc{box-shadow:inset 0 0 0 1px var(--ft8line),0 40px 80px -50px rgba(0,0,0,.8)}
.a5-kicker{display:inline-flex;align-items:center;gap:10px;margin:0 0 24px;padding:5px 13px 5px 6px;border-radius:999px;background:color-mix(in srgb,var(--a5-surface) 72%,transparent);border:1px solid var(--a5-line);font:500 14px/1 var(--ft);color:var(--a5-ink2)}
.a5-stack{display:flex}
.a5-stack img{width:22px;height:22px;border-radius:50%;object-fit:cover;border:2px solid var(--a5-surface);margin-left:-7px}
.a5-stack img:first-child{margin-left:0}
@media (max-width:640px){
.a5-kicker{font-size:13px;margin-bottom:22px}
}
.plans8-sec .c7h{margin-bottom:8px}
.pbill8{display:flex;justify-content:center;margin:32px 0 30px}
.pbill8 .seg{display:inline-grid;width:auto}
.pbill8 .seg button{padding:10px 22px;font-size:15px;align-items:center}
.pbill8 .sv{font:600 11.5px var(--ft);color:var(--acc-text);background:var(--acc-soft);padding:2px 8px;border-radius:999px}
.pgrid8{display:grid;grid-template-columns:repeat(3,minmax(0,360px));justify-content:center;gap:20px;align-items:stretch}
.pc8{position:relative;display:flex;flex-direction:column;margin-top:34px;border-radius:22px;background:var(--surf);box-shadow:inset 0 0 0 1px var(--line),0 24px 50px -36px rgba(40,20,90,.4);overflow:hidden}
.pc8::after{content:"";position:absolute;left:0;right:0;bottom:0;height:190px;pointer-events:none;background:radial-gradient(90% 100% at 30% 100%,rgba(175,118,248,.30),transparent 75%)}
.pc8[data-k="pro"]::after{background:radial-gradient(90% 100% at 50% 100%,rgba(135,79,247,.26),transparent 72%),radial-gradient(70% 80% at 90% 100%,rgba(92,97,239,.22),transparent 72%)}
.pc8[data-k="business"]::after{background:radial-gradient(90% 100% at 70% 100%,rgba(140,150,248,.34),transparent 75%)}
[data-theme="dark"] .pc8::after{opacity:.6}
.pc8.pop{margin-top:0;padding:3px;background:linear-gradient(165deg,#5c61ef,#874ff7 35%,#af76f8 65%,#c3b0fd);box-shadow:0 34px 70px -34px rgba(112,44,219,.6)}
.pc8.pop::after{left:3px;right:3px;bottom:3px;border-radius:0 0 19px 19px}
.pc8-tab{height:31px;display:grid;place-items:center;font:700 12.5px var(--ft);letter-spacing:.02em;color:#fff}
.pc8-in{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;padding:26px 26px 30px;border-radius:20px;background:var(--surf)}
.pop .pc8-in{border-radius:19px;background:linear-gradient(180deg,var(--surf),var(--surf))}
.pc8-n{display:flex;align-items:center;justify-content:space-between;gap:10px}
.pc8-n h3{margin:0;font:800 24px var(--fd);letter-spacing:-.03em}
.pc8-t{margin-top:6px;font-size:14px;color:var(--ink3)}
.pc8-p{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px;margin-top:22px}
.pc8-p b{font:800 46px/1 var(--fd);letter-spacing:-.05em}
.pc8-p span{font-size:15px;color:var(--ink3)}
.pc8-btn{width:100%;margin-top:22px;height:48px;border-radius:12px;background:var(--ink);color:var(--bg)}
.pc8-btn:hover{background:color-mix(in srgb,var(--ink) 82%,var(--acc))}
.pc8-u{margin-top:12px;font-size:13px;color:var(--ink3);text-align:center}
.pc8-rows{margin-top:20px;padding-top:12px;border-top:1px solid var(--line)}
.pc8-rows div{display:flex;justify-content:space-between;gap:12px;padding:7px 0;font-size:14px}
.pc8-rows span{color:var(--ink3)}
.pc8-rows b{font-weight:600;text-align:right}
.pc8-h{margin-top:18px;padding-top:18px;border-top:1px solid var(--line);font:700 14px var(--ft);color:var(--ink)}
.pc8-l{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:12px;font-size:14.5px}
.pc8-l li{display:flex;gap:10px;align-items:flex-start;line-height:1.4}
.cc8{width:17px;height:17px;flex:none;margin-top:1px;fill:none;stroke:var(--acc-text);stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
.pfree8{margin:30px auto 0;text-align:center;font-size:15px;color:var(--ink2);max-width:72ch}
.pmore8{margin-top:16px;text-align:center}
.pmore8 .lnk{font-size:15px}
.cmp8-wrap{position:relative;border-radius:22px;background:var(--surf);box-shadow:inset 0 0 0 1px var(--line),0 24px 50px -40px rgba(40,20,90,.35)}
.cmp8{width:100%;border-collapse:separate;border-spacing:0;font-size:14.5px}
.cmp8 th,.cmp8 td{padding:14px 18px;text-align:center;vertical-align:middle;border-bottom:1px solid var(--line)}
.cmp8 th[scope="row"]{text-align:left;font-weight:600;color:var(--ink);width:30%}
.cmp8 th[scope="row"] small{display:block;margin-top:2px;font-weight:400;font-size:12.5px;color:var(--ink3)}
.cmp8 td small{display:block;font-size:12px;color:var(--ink3);margin-top:2px}
.cmp8 thead th{position:sticky;top:72px;z-index:3;background:var(--surf);padding:18px 14px 16px;vertical-align:bottom;border-bottom:1px solid var(--line2)}
.cmp8 thead th:first-child{border-top-left-radius:22px;text-align:left}
.cmp8 thead th:last-child{border-top-right-radius:22px}
.cmp8 thead b{display:block;font:800 19px var(--fd);letter-spacing:-.02em}
.cmp8 thead small{display:block;margin:2px 0 10px;font-size:13px;color:var(--ink3);font-weight:500}
.cmp8 thead .btn{width:100%;max-width:170px}
.cmp8-k{font:700 13px var(--ft);color:var(--ink3)}
.cmp8 .pro8{background:color-mix(in srgb,var(--acc) 6%,var(--surf))}
.cmp8 thead th.pro8{background:color-mix(in srgb,var(--acc) 9%,var(--surf));box-shadow:inset 0 3px 0 var(--acc)}
.cmp8 tr.grp th{padding:12px 18px;text-align:left;background:var(--surf2);font:600 12.5px var(--ft);letter-spacing:.04em;text-transform:uppercase;color:var(--ink3)}
.cmp8 tbody tr:last-child>*{border-bottom:0}
.cmp8 tbody tr:last-child th{border-bottom-left-radius:22px}
.cmp8 tbody tr:last-child td:last-child{border-bottom-right-radius:22px}
.cmp8 .num{font-variant-numeric:tabular-nums}
.no8{color:var(--ink3)}
.ok8{width:18px;height:18px;margin:0 auto;fill:none;stroke:var(--acc-text);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.cmp8-note{margin:16px auto 0;max-width:90ch;font-size:13.5px;color:var(--ink3);text-align:center;line-height:1.5}
[data-theme="dark"] .cmp8-wrap{background:var(--bg2)}
[data-theme="dark"] .cmp8 thead th{background:var(--bg2)}
[data-theme="dark"] .cmp8 .pro8{background:color-mix(in srgb,var(--acc) 9%,var(--bg2))}
[data-theme="dark"] .cmp8 thead th.pro8{background:color-mix(in srgb,var(--acc) 14%,var(--bg2))}
[data-theme="dark"] .cmp8 tr.grp th{background:var(--surf)}
.hc7>video{width:100%;height:100%;object-fit:cover;border-radius:32px;box-shadow:var(--sh-media)}
.pf>video{width:100%;height:100%;object-fit:cover}
.xnav8{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:26px}
.x8{padding-top:84px}
.x8-h{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:26px}
.x8-h h2{margin:0;font:800 clamp(26px,2.6vw,36px)/1.08 var(--fd);letter-spacing:-.04em}
.x8-h p{margin-top:10px;max-width:62ch;color:var(--ink2);font-size:16px;line-height:1.55}
.x8-h .lnk{white-space:nowrap;font-size:15px}
.x8-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.xp8{margin:0;padding:14px;border-radius:24px;background:var(--surf);box-shadow:inset 0 0 0 1px var(--line),0 18px 40px -34px rgba(40,20,90,.4)}
.xp8-r{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1.05fr);align-items:center;gap:8px}
.xp8-ph{display:grid;gap:6px}
.xp8-ph img{width:100%;border-radius:14px;background:var(--surf2)}
.xp8-ph span{font-size:11.5px;color:var(--ink3)}
.xp8 .vframe{border-radius:16px;cursor:pointer}
.xp8 figcaption{display:flex;flex-direction:column;gap:2px;margin-top:12px;padding:0 2px}
.xp8 figcaption a{font:600 15px var(--ft);color:var(--ink);text-decoration:none}
.xp8 figcaption span{font-size:13px;color:var(--ink3)}
.xp8-st{width:100%;aspect-ratio:9/16;object-fit:cover;border-radius:16px;box-shadow:var(--sh-media)}
.more8{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.more8 a{display:flex;align-items:center;gap:14px;padding:10px;border-radius:18px;background:var(--surf);box-shadow:inset 0 0 0 1px var(--line);transition:box-shadow .15s}
.more8 a:hover{box-shadow:inset 0 0 0 1px var(--ink3)}
.more8 img{width:54px;aspect-ratio:9/16;object-fit:cover;border-radius:10px;flex:none}
.more8 b{display:block;font:600 15px var(--ft)}
.more8 span{font-size:13px;color:var(--ink3)}
@media (max-width:1180px){
.x8-g{grid-template-columns:repeat(2,minmax(0,1fr))}
.more8{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:899px){
:root{--top8:linear-gradient(180deg,#dcd3fb 0,#e6dffb 140px,#efebf8 280px,var(--bg) 520px)}
[data-theme="dark"]{--top8:linear-gradient(180deg,#22184e 0,#1a1241 140px,#110c2b 280px,var(--bg) 520px)}
.end8{padding:120px 0 72px}
.end8 h2{font-size:34px}
.end8 p{font-size:16.5px}
.foot8::before{background:
    radial-gradient(70% 220px at 50% 420px,var(--g8a),transparent 100%),
    radial-gradient(50% 200px at 10% 470px,var(--g8b),transparent 100%),
    radial-gradient(50% 200px at 90% 450px,var(--g8c),transparent 100%),
    linear-gradient(180deg,transparent 0,color-mix(in srgb,var(--g8d) 45%,transparent) 180px,var(--g8d) 400px,color-mix(in srgb,var(--g8d) 55%,transparent) 70%,transparent 100%)}
.pgrid8{grid-template-columns:minmax(0,1fr);gap:16px;max-width:440px;margin:0 auto}
.pc8{margin-top:0}
.pc8-in{padding:22px 20px 24px}
.pc8-p b{font-size:40px}
.cmp8-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-inline:calc(-1*var(--gut));border-radius:0;box-shadow:inset 0 1px 0 var(--line),inset 0 -1px 0 var(--line)}
.cmp8{min-width:720px;font-size:13.5px}
.cmp8 th,.cmp8 td{padding:12px 10px}
.cmp8 thead th{position:static}
.cmp8 th:first-child{position:sticky;left:0;z-index:2;width:150px;min-width:150px;background:var(--surf);box-shadow:1px 0 0 var(--line)}
[data-theme="dark"] .cmp8 th:first-child{background:var(--bg2)}
.cmp8 tr.grp th{position:sticky;left:0}
.cmp8 thead th:first-child,.cmp8 thead th:last-child,.cmp8 tbody tr:last-child th,.cmp8 tbody tr:last-child td:last-child{border-radius:0}
.cmp8 thead .btn{height:34px;padding:0 10px;font-size:12.5px}
.x8{padding-top:60px}
.x8-h{flex-direction:column;align-items:flex-start;gap:10px}
.x8-g{grid-template-columns:minmax(0,1fr);gap:14px}
.more8{grid-template-columns:minmax(0,1fr)}
}
.pt8-k{display:block;font:700 12.5px var(--ft);letter-spacing:.12em;text-transform:uppercase;color:var(--acc-text)}
.pws8{display:flex;align-items:center;justify-content:center;gap:18px 46px;flex-wrap:wrap;padding:58px 0 0}
.pws8-k{font:600 13px var(--ft);color:var(--ink3);white-space:nowrap;padding-right:46px;border-right:1px solid var(--line2);line-height:28px}
.pws8-r{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:16px 44px}
.pws8-r a{display:inline-flex;align-items:center;gap:10px;font:700 17px var(--ft);letter-spacing:-.01em;color:#5f5d69;transition:color .2s}
.pws8-r a:hover{color:var(--ink)}
[data-theme="dark"] .pws8-r a{color:#a8a6b8}
[data-theme="dark"] .pws8-r a:hover{color:var(--ink)}
@media (max-width:899px){
.pws8{flex-direction:column;gap:16px;padding-top:44px}
.pws8-k{padding:0;border:0;line-height:1}
.pws8-r{display:grid;grid-template-columns:repeat(3,auto);justify-content:center;gap:16px 26px}
.pws8-r a{gap:7px;font-size:14.5px}
}
.ticks8{display:flex;justify-content:center;flex-wrap:wrap;gap:10px 32px;list-style:none;margin:30px auto 0;padding:0;font:500 14.5px/1.4 var(--ft);color:var(--ink2)}
.ticks8 li{display:inline-flex;align-items:center;gap:8px}
.ticks8 .i{width:16px;height:16px;color:var(--acc-text)}
.ticks8+.pfree8{margin-top:18px}
@media (max-width:899px){
.ticks8{flex-direction:column;align-items:center;gap:10px;font-size:14px}
.ticks8 li{width:min(300px,100%)}
}
@media (max-width:360px){
.a5-kicker{gap:7px;padding:4px 10px 4px 5px;font-size:12px}
.a5-stack img{width:19px;height:19px;margin-left:-6px}
}
.rv8{padding-top:120px}
.rv8-h{max-width:760px;margin:0 auto 34px;text-align:center}
.rv8-h h2{margin:12px 0 0;font:800 clamp(30px,3.3vw,46px)/1.06 var(--fd);letter-spacing:-.045em}
.rv8-m{position:relative;overflow:hidden;padding:12px 0 30px;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 min(170px,12%),#000 calc(100% - min(170px,12%)),transparent 100%);
          mask-image:linear-gradient(90deg,transparent 0,#000 min(170px,12%),#000 calc(100% - min(170px,12%)),transparent 100%)}
.rv8-t{display:flex;width:max-content;animation:rv8-run var(--rv8-d,72s) linear infinite}
.rv8-m:has(:focus-visible) .rv8-t{animation-play-state:paused}
.rv8-c{flex:none;display:flex;flex-direction:column;gap:18px;width:400px;margin:0 20px 0 0;padding:26px 26px 22px;border-radius:22px;
  background:#fff;box-shadow:0 0 0 1px rgba(18,17,23,.06),0 14px 34px -16px rgba(64,40,140,.22)}
.rv8-st{display:flex;gap:3px}
.rv8-st svg{width:18px;height:18px;fill:#f5a524}
.rv8-c blockquote{flex:1;margin:0}
.rv8-c p{margin:0;font:500 18px/1.5 var(--ft);letter-spacing:-.012em;color:var(--ink);text-wrap:pretty}
.rv8-c figcaption{display:flex;align-items:center;gap:11px;padding-top:16px;border-top:1px solid var(--line);font:650 15px var(--ft);color:var(--ink)}
.rv8-av{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;color:#fff;font:700 15px var(--fd);flex:none}
.rv8-a0{background:linear-gradient(135deg,#5c61ef,#af76f8)}
.rv8-a1{background:linear-gradient(135deg,#874ff7,#c3b0fd)}
.rv8-mk{background:var(--acc-soft)}
[data-theme="dark"] .rv8-c{background:linear-gradient(180deg,#19152f 0%,#110f22 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 14px 34px -16px rgba(0,0,0,.6)}
@media (max-width:899px){
.rv8{padding-top:76px}
.rv8-h{margin-bottom:20px}
.rv8-h h2{font-size:30px}
.rv8-m{--rv8-d:56s;padding:10px 0 24px;
    -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 36px,#000 calc(100% - 36px),transparent 100%);
            mask-image:linear-gradient(90deg,transparent 0,#000 36px,#000 calc(100% - 36px),transparent 100%)}
.rv8-c{width:300px;margin-right:14px;padding:22px 20px 18px;gap:14px;border-radius:20px}
.rv8-c p{font-size:16px}
.rv8-st svg{width:16px;height:16px}
.rv8-c figcaption{padding-top:14px;font-size:14.5px}
.rv8-av{width:32px;height:32px;font-size:14px}
}
@media (prefers-reduced-motion:reduce){
.rv8-m{overflow-x:auto;-webkit-mask-image:none;mask-image:none}
.rv8-t{animation:none;margin:0 auto;padding:0 16px}
.rv8-c[aria-hidden="true"]{display:none}
}
@media (max-width:360px){
.nav-in{gap:6px}
.logo img{height:20px}
.nav-cta{height:34px;padding:0 11px;font-size:13px}
}
.tg8-i{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:var(--acc-soft);color:var(--acc-text);flex:none}
.tg8-i svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:599px){
.tg8-i{width:42px;height:42px;border-radius:12px}
}
@media (min-width:900px){
#how{padding-top:107px}
#research{padding-top:144px}
#tools{padding-top:144px}
.rv8{padding-top:144px}
#plans{padding-top:102px}
#faq{padding-top:144px}
.end8{padding-top:120px}
}
@media (max-width:899px){
#how{padding-top:60px}
#research{padding-top:88px}
#tools{padding-top:96px}
.rv8{padding-top:96px}
#plans{padding-top:60px}
#faq{padding-top:96px}
.end8{padding-top:72px}
}
.nw8{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.nw8-c{display:flex;flex-direction:column;gap:8px;min-width:0;padding:22px 24px;border-radius:20px;background:var(--surf);box-shadow:inset 0 0 0 1px var(--line);color:inherit;text-decoration:none;transition:transform .2s,box-shadow .2s}
.nw8-c:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--acc) 30%,transparent),0 16px 34px -18px rgba(64,40,140,.32)}
.nw8-c:focus-visible{outline:2px solid var(--acc);outline-offset:3px}
.nw8-c time{font-size:13px;line-height:1.3;color:var(--ink3)}
.nw8-c b{font:700 18px/1.25 var(--fd);letter-spacing:-.02em;color:var(--ink)}
.nw8-c span{font-size:15px;line-height:1.5;color:var(--ink2)}
@media (max-width:899px){
.nw8{grid-template-columns:minmax(0,1fr);gap:10px}
.nw8-c{padding:18px 20px}
}
@media (max-width:639px){
html[data-pg="home"] .pc8-rows,html[data-pg="home"] .pc8-h,html[data-pg="home"] .pc8-l{display:none}
html[data-pg="home"] .pc8-in{padding-bottom:20px}
}
.sec8l > [data-opt]{display:none}
.sec8l[data-v="now"] > [data-opt="now"]{display:block}
#research[data-v="split"] > .rsp8,#tools[data-v="list"] > .sl8{display:grid}
.w8{position:relative;background:var(--surf);border-radius:16px;box-shadow:0 0 0 1px rgba(18,17,23,.07),0 30px 60px -36px rgba(40,20,90,.35);overflow:hidden}
.w8-bar{display:flex;align-items:center;gap:12px;height:42px;padding:0 14px;border-bottom:1px solid var(--line);background:var(--surf2)}
.w8-dots{display:flex;gap:6px;flex:none}
.w8-dots i{width:10px;height:10px;border-radius:50%;background:#e4a39c}
.w8-dots i:nth-child(2){background:#ebc77f}
.w8-dots i:nth-child(3){background:#9fd1a4}
.w8-url{margin:0 auto;height:26px;padding:0 14px;border-radius:8px;background:var(--surf);box-shadow:inset 0 0 0 1px var(--line);font:500 12px/26px var(--ft);color:var(--ink3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60%}
.w8-title{font:700 13.5px var(--ft);color:var(--ink)}
.w8-bar .sample{margin-left:auto;white-space:nowrap;flex:none}
.w8-title{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
[data-theme="dark"] .w8{background:#100e1f;box-shadow:inset 0 0 0 1px rgba(255,255,255,.09),0 30px 60px -30px rgba(0,0,0,.8)}
[data-theme="dark"] .w8-bar{background:#16132a}
[data-theme="dark"] .w8-dots i{opacity:.7}
.m8-btn{display:inline-flex;align-items:center;justify-content:center;height:30px;padding:0 12px;border-radius:999px;background:var(--ink);color:var(--bg);font:600 12px var(--ft);white-space:nowrap;flex:none}
.o8-checks{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:11px}
.o8-checks li{display:flex;align-items:flex-start;gap:10px;font-size:15.5px;line-height:1.45;color:var(--ink)}
.o8-checks .i{width:18px;height:18px;margin-top:2px;padding:3px;border-radius:50%;background:var(--acc-soft);color:var(--acc-text);stroke-width:2.2;flex:none}
.t8-qp{display:flex;gap:6px;padding:12px 14px 6px}
.t8-qp span{height:28px;padding:0 12px;border-radius:999px;font:500 12.5px/28px var(--ft);color:var(--ink2);box-shadow:inset 0 0 0 1px var(--line2)}
.t8-qp span.on{color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink)}
.t8{padding:4px 8px 10px}
.t8-r{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 92px 64px 64px;gap:12px;align-items:center;padding:8px 10px;font-size:13.5px}
.t8-r+.t8-r:not(.on){box-shadow:0 -1px 0 var(--line)}
.t8-h{font-size:11.5px;color:var(--ink3);padding-top:6px;padding-bottom:6px}
.t8-r.on{border-radius:12px;background:color-mix(in srgb,var(--acc) 8%,var(--surf));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--acc) 30%,transparent)}
.t8-r.on+.t8-r{box-shadow:none}
.t8-r .r{text-align:right}
.t8-p{display:flex;align-items:center;gap:10px;min-width:0}
.t8-p img{width:34px;height:34px;border-radius:9px;object-fit:cover;flex:none}
.t8-p div{min-width:0}
.t8-p b{display:block;font:600 13.5px/1.3 var(--ft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.t8-p small{display:block;font-size:11.5px;color:var(--ink3)}
.t8 .spark{width:92px;height:26px}
.rsp8{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:64px;align-items:center}
.rsp8-l h2,.sl8-l h2{margin:12px 0 0;font:800 clamp(32px,3.2vw,46px)/1.06 var(--fd);letter-spacing:-.045em;text-wrap:balance}
.rsp8-l>p,.sl8-l>p{margin-top:16px;max-width:46ch;font-size:17px;line-height:1.55;color:var(--ink2)}
.rsp8-l .btn{margin-top:28px}
.rsp8-r{position:relative;padding-bottom:34px}
.rsp8-card{position:absolute;left:-34px;bottom:0;display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:12px;width:min(420px,92%);padding:12px 12px 12px 12px;border-radius:18px;background:var(--surf);
  box-shadow:0 0 0 1px rgba(18,17,23,.06),0 26px 50px -22px rgba(40,20,90,.45)}
[data-theme="dark"] .rsp8-card{background:#16132a;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1),0 26px 50px -22px rgba(0,0,0,.8)}
.rsp8-card img{width:52px;height:52px;border-radius:12px;object-fit:cover}
.rsp8-ct{min-width:0}
.rsp8-ct>b{display:block;font:600 14px/1.3 var(--ft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rsp8-ct span{display:block;margin-top:2px;font-size:12.5px;color:var(--ink3)}
.rsp8-win .t8{padding-bottom:62px}
.mk8-rail{display:flex;flex-wrap:wrap;gap:6px}
.mk8-rail span{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 11px 0 8px;border-radius:999px;background:var(--surf);box-shadow:inset 0 0 0 1px var(--line);font:500 12.5px var(--ft);color:var(--ink3)}
.mk8-rail span i{width:12px;height:12px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--line2)}
.mk8-rail span.done{color:var(--ink);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ok) 35%,transparent)}
.mk8-rail .i{width:13px;height:13px;color:var(--ok);stroke-width:2.2}
.mk8-bar{height:6px;margin-top:14px;border-radius:999px;background:var(--sunk);overflow:hidden}
.mk8-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#5c61ef,#874ff7)}
.mk8-note{margin-top:8px;font-size:12px;color:var(--ink3)}
.mk8-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.mk8-chips span{height:28px;padding:0 11px;border-radius:999px;background:var(--surf);box-shadow:inset 0 0 0 1px var(--line);font:500 12px/28px var(--ft);color:var(--ink2)}
.mk8-chips span.on{background:var(--acc);color:#fff;box-shadow:none}
.sl8{grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);gap:56px;align-items:stretch}
.sl8-rows{display:grid;gap:4px;margin-top:26px}
.sl8-row{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:14px;padding:9px 12px 9px 9px;border-radius:14px;color:inherit;text-decoration:none;transition:background-color .15s,box-shadow .15s}
.sl8-row .tg8-i{width:40px;height:40px;border-radius:11px}
.sl8-row .tg8-i svg{width:20px;height:20px}
.sl8-row b{display:block;font:700 15.5px/1.3 var(--fd);letter-spacing:-.015em;color:var(--ink)}
.sl8-row span span{display:block;font-size:13.5px;line-height:1.4;color:var(--ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sl8-row.on,.sl8-row:focus-visible{background:var(--surf);box-shadow:0 0 0 1px var(--line),0 10px 24px -18px rgba(40,20,90,.35);outline:none}
[data-theme="dark"] .sl8-row.on{background:#16132a}
.sl8-win{display:flex;flex-direction:column;min-height:0}
.sl8-app{flex:1;display:grid;grid-template-columns:172px minmax(0,1fr);min-height:0}
.sl8-side{display:flex;flex-direction:column;gap:2px;padding:12px 10px;border-right:1px solid var(--line);background:var(--surf2)}
[data-theme="dark"] .sl8-side{background:#14112a}
.sl8-side span{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:9px;font:500 13px var(--ft);color:var(--ink2)}
.sl8-side svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.sl8-side span.on{background:var(--acc-soft);color:var(--acc-text);font-weight:600}
.sl8-main{position:relative;display:flex;padding:24px 28px;background:color-mix(in srgb,var(--acc) 4%,var(--surf))}
.sl8-pane{display:none;flex-direction:column;justify-content:flex-start;align-items:center;gap:16px;width:100%}
.sl8-pane.on{display:flex}
.sl8-pt{align-self:flex-start;margin:0 0 8px;font:700 18px var(--fd);letter-spacing:-.02em;color:var(--ink)}
.sl8-pane>:not(.sl8-pt){width:min(100%,400px)}
.sl8-pane .mk8-rail,.sl8-pane .mk8-bar,.sl8-pane .mk8-note{width:min(100%,400px)}
.sl8-pane .mk8-bar{margin-top:-4px}
.sl8-pane .mk8-note{margin-top:-10px}
@media (max-width:899px){
.rsp8{grid-template-columns:minmax(0,1fr);gap:30px}
.rsp8-l h2,.sl8-l h2{font-size:30px}
.rsp8-l>p,.sl8-l>p{font-size:16px}
.o8-checks li{font-size:15px}
.rsp8-l .btn{margin-top:22px}
.rsp8-r{padding-bottom:26px}
.rsp8-card{left:10px;right:10px;width:auto;grid-template-columns:44px minmax(0,1fr) auto;gap:10px;padding:10px}
.rsp8-card img{width:44px;height:44px}
.rsp8-win .t8{padding-bottom:54px}
.t8-r{grid-template-columns:minmax(0,1fr) 54px 46px;gap:8px;padding:8px 6px}
.t8-r>.spark,.t8-h>span:nth-child(2){display:none}
.t8-p img{width:30px;height:30px}
.t8-p b{font-size:13px}
.sl8{grid-template-columns:minmax(0,1fr);gap:22px}
.sl8-rows{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:20px}
.sl8-row{grid-template-columns:34px minmax(0,1fr);gap:10px;padding:10px;background:var(--surf);box-shadow:0 0 0 1px var(--line)}
[data-theme="dark"] .sl8-row{background:#14112a}
.sl8-row.on{box-shadow:0 0 0 1.5px var(--acc)}
.sl8-row .tg8-i{width:34px;height:34px;border-radius:10px}
.sl8-row .tg8-i svg{width:18px;height:18px}
.sl8-row b{font-size:14.5px}
.sl8-row span span{display:none}
.sl8-win{height:auto}
.sl8-pane{min-height:196px;justify-content:flex-start}
.sl8-app{grid-template-columns:minmax(0,1fr)}
.sl8-side{display:none}
.sl8-main{padding:16px}
}
.sl8-pane:not([data-k="0"])>:last-child{margin-bottom:auto}
@media (max-width:899px){
.rsp8-l>p{display:none}
.rsp8 .t8-r:nth-child(n+6){display:none}
}
.sl8 .sl8-main .sl8-pane.lx{align-items:stretch;gap:16px}
.sl8 .sl8-main .sl8-pane.lx>*{width:auto;margin:0}
.lx-h{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.sl8 .lx-h .sl8-pt{margin:0}
.lx-h>span{font-size:12.5px;color:var(--ink3);white-space:nowrap}
.lx-pic{margin:0;min-width:0}
.lx-pic>div{position:relative;overflow:hidden;border-radius:14px;background:var(--sunk);box-shadow:0 16px 30px -20px rgba(30,15,80,.5)}
.lx-pic img,.lx-pic video{display:block;width:100%;height:100%;object-fit:cover}
.lx-pic figcaption{margin-top:8px;font-size:12px;line-height:1.35;color:var(--ink3)}
.lx-pic figcaption b{display:block;font:600 13px/1.3 var(--ft);color:var(--ink)}
.lx-pic figcaption i{font-style:normal}
.lx-pic em{position:absolute;left:8px;top:8px;height:22px;padding:0 8px;border-radius:999px;background:rgba(18,17,23,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;font:600 10.5px/22px var(--ft);font-style:normal;white-space:nowrap}
.lx-pic.on>div{box-shadow:0 0 0 2.5px var(--acc),0 16px 30px -20px rgba(30,15,80,.5)}
.lx-pic.on figcaption b{color:var(--acc-text)}
.lx-flow{display:grid;grid-template-columns:minmax(0,1fr) 30px minmax(0,.72fr);align-items:center;gap:14px}
.lx-photo>div{aspect-ratio:4/5}
.lx-photo img{object-position:50% 60%}
.lx-vid .vframe{border-radius:14px;box-shadow:0 16px 30px -20px rgba(30,15,80,.5)}
.lx-arw{display:grid;place-items:center;width:30px;height:30px;margin-top:-22px;border-radius:50%;background:var(--surf);box-shadow:inset 0 0 0 1px var(--line);color:var(--acc-text)}
.lx-arw svg{width:14px;height:14px}
.sl8 .lx-rail .mk8-rail,.sl8 .lx-rail .mk8-bar,.sl8 .lx-rail .mk8-note{width:auto}
.sl8 .lx-rail .mk8-bar{margin-top:12px}
.sl8 .lx-rail .mk8-note{margin-top:8px}
.lx-cr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.62fr);gap:18px;align-items:start}
.lx-cl{display:grid;gap:12px;align-content:start;min-width:0}
.lx-pr{padding:14px;border-radius:14px;background:var(--surf);box-shadow:inset 0 0 0 1px var(--line)}
.lx-pr p{margin:0;font-size:13.5px;line-height:1.5;color:var(--ink)}
.lx-att{display:flex;align-items:center;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
.lx-att img{width:44px;height:44px;flex:none;border-radius:10px;object-fit:cover}
.lx-att span{font-size:12px;line-height:1.35;color:var(--ink3)}
.lx-att b{display:block;font:600 12.5px var(--ft);color:var(--ink)}
.lx-cl .mk8-chips{margin:0}
.lx-go{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;padding:7px 7px 7px 14px;border-radius:14px;background:var(--surf);box-shadow:inset 0 0 0 1px var(--line);font-size:12.5px;color:var(--ink3)}
.lx-go>span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lx-go>span b{font-weight:600;color:var(--ink)}
.lx-go>b{flex:none;height:34px;padding:0 14px;border-radius:999px;background:var(--acc);color:#fff;font:600 12.5px/34px var(--ft);white-space:nowrap}
.lx-res>div,.lx-tp>div,.lx-fm .lx-pic>div,.lx-lib .lx-pic>div{aspect-ratio:9/16}
.lx-fm{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.lx-tx{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:22px;align-items:start}
.lx-cap{position:absolute;left:7%;right:7%;top:15%;text-align:center;text-wrap:balance;font:800 17px/1.15 var(--fd);letter-spacing:-.01em;color:#fff;
  text-shadow:-1.6px -1.6px 0 #000,1.6px -1.6px 0 #000,-1.6px 1.6px 0 #000,1.6px 1.6px 0 #000,0 -1.6px 0 #000,0 1.6px 0 #000,-1.6px 0 0 #000,1.6px 0 0 #000}
.lx-tc{display:grid;gap:7px;align-content:start;min-width:0}
.lx-tc small{display:block;margin-top:8px;font:600 11.5px var(--ft);color:var(--ink3)}
.lx-tc small:first-child{margin-top:0}
.lx-tc .mk8-chips{margin:0}
.lx-in{padding:10px 12px;border-radius:10px;background:var(--surf);box-shadow:inset 0 0 0 1.5px var(--acc);font-size:13px;color:var(--ink)}
.lx-sw{display:flex;flex-wrap:wrap;gap:8px;padding:2px}
.lx-sw i{width:20px;height:20px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.16)}
.lx-sw i.on{box-shadow:inset 0 0 0 1px rgba(0,0,0,.16),0 0 0 2px var(--surf),0 0 0 4px var(--acc)}
.lx-sz{display:flex;align-items:center;gap:12px}
.lx-sz i{position:relative;flex:1;height:4px;border-radius:4px;background:linear-gradient(90deg,var(--acc) 25%,var(--sunk) 25%)}
.lx-sz b{position:absolute;top:50%;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:#fff;box-shadow:0 0 0 1.5px var(--acc),0 2px 6px rgba(0,0,0,.2)}
.lx-sz span{font:600 12px var(--ft);color:var(--ink2)}
.lx-lib,.lx-av{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.lx-av .lx-pic>div{aspect-ratio:2/3}
.lx-av img{object-position:50% 20%}
.lx-note{font-size:12.5px;line-height:1.45;color:var(--ink3)}
.lx-f span{height:26px;line-height:26px}
@media (max-width:899px){
.sl8 .sl8-main .sl8-pane.lx{gap:12px;min-height:0}
.lx-flow{grid-template-columns:minmax(0,1fr) 26px minmax(0,.72fr);gap:10px}
.lx-arw{width:26px;height:26px}
.lx-cr{grid-template-columns:minmax(0,1fr) 112px;gap:12px}
.lx-pr{padding:11px}
.lx-pr p{font-size:12.5px}
.lx-att{margin-top:10px;padding-top:10px}
.lx-att img{width:36px;height:36px}
.lx-cl .mk8-chips span:nth-child(n+3){display:none}
.lx-go{padding:6px 6px 6px 12px;font-size:11.5px}
.lx-go>b{height:30px;line-height:30px;padding:0 12px;font-size:12px}
.lx-cr .lx-go>span{display:none}
.lx-cr .lx-go{justify-content:center;padding:6px}
.lx-fm{gap:7px}
.lx-fm figcaption b{font-size:11.5px}
.lx-fm figcaption i{display:none}
.lx-fm figcaption{font-size:11px}
.lx-tx{grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:14px}
.lx-cap{font-size:13px}
.lx-sw{gap:6px}
.lx-sw i{width:17px;height:17px}
.lx-lib,.lx-av{gap:8px}
.lx-pic figcaption b{font-size:12px}
.lx-pic figcaption{font-size:11px}
.lx-pic em{left:6px;top:6px;height:19px;padding:0 6px;font-size:9.5px;line-height:19px}
}
@media (min-width:900px) and (max-width:1179px){
.sl8-app{grid-template-columns:54px minmax(0,1fr)}
.sl8-side{padding:12px 8px}
.sl8-side span{justify-content:center;padding:9px 0;font-size:0;gap:0}
.sl8-side svg{width:17px;height:17px}
.sl8-main{padding:22px 20px}
.lx-fm figcaption i{display:none}
}
@media (max-width:639px){
.rsp8-r{padding-bottom:0}
.rsp8-win .t8{padding-bottom:0}
.rsp8-card{position:static;left:auto;right:auto;margin-top:14px;box-shadow:0 0 0 1px rgba(18,17,23,.06),0 14px 30px -18px rgba(40,20,90,.35)}
.rsp8-card .sample{display:none}
}
html:is([data-o8-c-btn="purple"],[data-o8-c-btn="ink"]) .pc8-btn{border-radius:999px}
html:is([data-o8-c-btn="purple"],[data-o8-c-btn="ink"]) #pg-home .stp-vis .btn{opacity:.8;pointer-events:none;cursor:default}
html:is([data-o8-c-btn="purple"],[data-o8-c-btn="ink"]) #pg-x .h7a .btn,html:is([data-o8-c-btn="purple"],[data-o8-c-btn="ink"]) #pg-home .rsp8-l .btn-ink{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line2)}
html:is([data-o8-c-btn="purple"],[data-o8-c-btn="ink"]) #pg-x .h7a .btn:hover,html:is([data-o8-c-btn="purple"],[data-o8-c-btn="ink"]) #pg-home .rsp8-l .btn-ink:hover{background:transparent;box-shadow:inset 0 0 0 1.5px var(--ink3)}
html:is([data-o8-c-btn="purple"],[data-o8-c-btn="ink"]) #pg-x .h7a .btn{height:52px}
html:is([data-o8-c-btn="purple"],[data-o8-c-btn="ink"]) #foot :is(.end8,.c8-ref) .btn{height:52px}
html[data-o8-c-btn="purple"] :is(#pg-home,#pg-x,#foot,#mob) .btn-ink:not(.h7a .btn):not(.rsp8-l .btn),html[data-o8-c-btn="purple"] #pg-home .a5-btn{background:var(--acc);color:var(--acc-ink)}
html[data-o8-c-btn="purple"] :is(#pg-home,#pg-x,#foot,#mob) .btn-ink:not(.h7a .btn):not(.rsp8-l .btn):hover,html[data-o8-c-btn="purple"] #pg-home .a5-btn:hover{background:var(--acc-h)}
html[data-o8-c-btn="purple"] #pg-home .a5-btn{border-radius:999px}
html[data-o8-c-btn="purple"] .pc8-btn{height:44px;background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line2)}
html[data-o8-c-btn="purple"] .pc8-btn:hover{background:transparent;box-shadow:inset 0 0 0 1.5px var(--ink3)}
html[data-o8-c-btn="purple"] .pc8.pop .pc8-btn{background:var(--acc);color:var(--acc-ink);box-shadow:none}
html[data-o8-c-btn="purple"] .pc8.pop .pc8-btn:hover{background:var(--acc-h)}
html[data-o8-c-btn="purple"] #pg-x .cmp8 .btn-ink{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line2)}
html[data-o8-c-btn="purple"] #pg-x .cmp8 .pro8 .btn-ink{background:var(--acc);color:var(--acc-ink);box-shadow:none}
html[data-o8-c-btn="ink"] :is(#nav,#mob,#pg-home,#pg-x) .btn-acc:not(.stp-vis .btn),html[data-o8-c-btn="ink"] #pg-home .a5-btn{background:var(--ink);color:var(--bg)}
html[data-o8-c-btn="ink"] :is(#nav,#mob,#pg-home,#pg-x) .btn-acc:not(.stp-vis .btn):hover,html[data-o8-c-btn="ink"] #pg-home .a5-btn:hover{background:color-mix(in srgb,var(--ink) 82%,var(--acc))}
html[data-o8-c-btn="ink"] #pg-home .a5-btn{border-radius:999px}
html[data-o8-c-case="sentence"] #pg-x h1{font-family:"Plus Jakarta Sans",var(--fd);font-weight:800;letter-spacing:-.032em;word-spacing:.03em}
html[data-o8-c-case="sentence"] #pg-x h1 .c8-pn{margin-left:-.07em}
@media (min-width:900px){
html[data-o8-c-heads="now"]:is([data-o8-c-case="sentence"],[data-o8-c-case="title"]) #pg-x h1{font-size:56px;line-height:1.04}
}
@media (max-width:899px){
html[data-o8-c-heads="now"]:is([data-o8-c-case="sentence"],[data-o8-c-case="title"]) #pg-x h1{font-size:36px;line-height:1.06}
}
html:not([data-o8-c-heads="now"]) #pg-x :is(.h7 h1,.ih h1,.ih-c h1,.ph7 h1,.help-hero h1){font-size:clamp(40px,3.9vw,56px);line-height:1.03}
html:not([data-o8-c-heads="now"]) #pg-x :is(.h7 .lede,.ih .lede,.ih-c .lede,.ph7 p,.help-hero p){font-size:20px;line-height:1.5;color:var(--ink2);max-width:60ch}
html:not([data-o8-c-heads="now"]) #pg-x .h7 .lede{max-width:46ch}
html:not([data-o8-c-heads="now"]):is([data-pg="changelog"],[data-pg="status"],[data-pg="security"],[data-pg="contact"]) #pg-x .ih-c h1,html:not([data-o8-c-heads="now"]) #pg-x :is(.band7 h1,.band7.sm h1,.vd h1){font-size:clamp(34px,3.1vw,44px);line-height:1.06}
html:not([data-o8-c-heads="now"]):is([data-pg="changelog"],[data-pg="status"],[data-pg="security"],[data-pg="contact"]) #pg-x .ih-c .lede,html:not([data-o8-c-heads="now"]) #pg-x .band7 .lede{font-size:18px}
html:not([data-o8-c-heads="now"]) #pg-x .ih-c{text-align:left;margin:0;max-width:820px}
html:not([data-o8-c-heads="now"]) #pg-x .ih-c .lede{margin-left:0;margin-right:0}
html:not([data-o8-c-heads="now"]) #pg-x .ph7{text-align:left}
html:not([data-o8-c-heads="now"]) #pg-x .pricing7>.crumbs{justify-content:flex-start!important}
html:not([data-o8-c-heads="now"]) #pg-x .help-hero{text-align:left}
html:not([data-o8-c-heads="now"]) #pg-x .help-hero .crumbs{justify-content:flex-start!important}
@media (min-width:900px){
html[data-o8-c-heads="hubs"]:is([data-pg="for"],[data-pg="examples"],[data-pg^="examples/by-"],[data-pg="examples/photo-to-video"],[data-pg="models"],[data-pg="tools"],[data-pg="guides"]) #pg-x .ih-c{text-align:center;margin:0 auto;max-width:760px}
html[data-o8-c-heads="hubs"]:is([data-pg="for"],[data-pg="examples"],[data-pg^="examples/by-"],[data-pg="examples/photo-to-video"],[data-pg="models"],[data-pg="tools"],[data-pg="guides"]) #pg-x .ih-c .lede{margin-left:auto;margin-right:auto}
html[data-o8-c-heads="hubs"]:is([data-pg="for"],[data-pg="examples"],[data-pg^="examples/by-"],[data-pg="examples/photo-to-video"],[data-pg="models"],[data-pg="tools"],[data-pg="guides"]) #pg-x .wrap.ip>.crumbs{justify-content:center}
}
html[data-o8-c-heads="hubs"][data-pg="pricing"] #pg-x .ph7{text-align:center}
html[data-o8-c-heads="hubs"][data-pg="pricing"] #pg-x .ph7 p{margin-left:auto;margin-right:auto}
html[data-o8-c-heads="hubs"][data-pg="pricing"] #pg-x .pricing7>.crumbs{justify-content:center!important}
html[data-o8-c-heads="hubs"][data-pg="help"] #pg-x .help-hero{text-align:center}
html[data-o8-c-heads="hubs"][data-pg="help"] #pg-x .help-hero p{margin-left:auto;margin-right:auto}
html[data-o8-c-heads="hubs"][data-pg="help"] #pg-x .help-hero .crumbs{justify-content:center!important}
html:not([data-o8-c-heads="now"]) #pg-x :is(.c7h h2:not(.sm),.isec-h h2,.x8-h h2,.pt8-h h2){font-size:clamp(30px,2.9vw,42px);line-height:1.06}
html:not([data-o8-c-heads="now"]) #pg-x .ih-tag{display:none}
html:not([data-o8-c-heads="now"]) #pg-x .c7h .pill7.c8-px{display:none}
@media (max-width:899px){
html:not([data-o8-c-heads="now"]) #pg-x :is(.h7 h1,.ih h1,.ih-c h1,.ph7 h1,.help-hero h1){font-size:36px}
html:not([data-o8-c-heads="now"]):is([data-pg="changelog"],[data-pg="status"],[data-pg="security"],[data-pg="contact"]) #pg-x .ih-c h1,html:not([data-o8-c-heads="now"]) #pg-x :is(.band7 h1,.band7.sm h1,.vd h1){font-size:30px}
html:not([data-o8-c-heads="now"]) #pg-x :is(.h7 .lede,.ih .lede,.ih-c .lede,.ph7 p,.help-hero p){font-size:17px}
html:not([data-o8-c-heads="now"]) #pg-x .band7 .lede{font-size:16.5px}
html:not([data-o8-c-heads="now"]) #pg-x :is(.c7h h2:not(.sm),.isec-h h2,.x8-h h2,.pt8-h h2){font-size:30px}
}
html[data-o8-c-brow="home"] #pg-x :is(.pill7.c8-ph,.pill7.c8-ps,.pill7.c8-pd){height:auto;padding:0;border-radius:0;background:none;box-shadow:none;font:700 12.5px/1.3 var(--ft);letter-spacing:.12em;text-transform:uppercase;color:var(--acc-text)}
html[data-o8-c-brow="home"] #pg-x :is(.pill7.c8-px,.pill7.c8-pr){display:none}
html[data-o8-c-brow="hero"] #pg-x :is(.pill7.c8-ps,.pill7.c8-px,.pill7.c8-pr,.pt8-k:not(.c8-faqk)){display:none}
html[data-o8-c-brow="hero"] #pg-x .pill7.c8-pd{height:auto;padding:0;border-radius:0;background:none;box-shadow:none;font:700 12.5px/1.3 var(--ft);letter-spacing:.12em;text-transform:uppercase;color:var(--acc-text)}
@media (min-width:900px){
html[data-o8-c-rhythm="home"] #pg-x :is(.isec:not(.tight),section.pt8):not(:is(.h7,.ih,.ih-c,.help-hero,.ph7,.vd,.crumbs)+*){padding-top:144px}
}
@media (max-width:899px){
html[data-o8-c-rhythm="home"] #pg-x :is(.isec:not(.tight),section.pt8):not(:is(.h7,.ih,.ih-c,.help-hero,.ph7,.vd,.crumbs)+*){padding-top:96px}
}
html[data-o8-c-parts="grid"] #pg-x .c8-faq .c8-faqh{display:block;text-align:center;max-width:760px;margin:0 auto 40px}
html:not([data-o8-c-parts="now"]) #pg-x .c8-faq .c8-faqh .pill7{display:none}
html[data-o8-c-parts="grid"] #pg-x .c8-faq .c8-faqh h2{margin:12px auto 0}
html[data-o8-c-parts="grid"] #pg-x .c8-faq .c8-ask{margin:16px auto 0;max-width:none;font-size:17px}
html[data-o8-c-parts="grid"] #pg-x .c8-faq :is(.faq7,.qa-grid){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:1120px;margin:0 auto;column-count:auto}
html[data-o8-c-parts="grid"] #pg-x .c8-faq .faq7>div+div{margin-top:0}
html[data-o8-c-parts="split"] #pg-x section.c8-faq{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:24px 48px;align-items:start}
html[data-o8-c-parts="split"] #pg-x .c8-faq .c8-faqh{display:block;position:sticky;top:104px;text-align:left;max-width:none;margin:0}
html[data-o8-c-parts="split"] #pg-x .c8-faq .c8-faqh::before{display:none}
html[data-o8-c-parts="split"] #pg-x .c8-faq .c8-faqh h2{margin:0;font-size:clamp(30px,2.9vw,42px);text-align:left}
html[data-o8-c-parts="split"] #pg-x .c8-faq :is(.faq7,.qa-grid){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:none;margin:0;column-count:auto}
html[data-o8-c-parts="split"] #pg-x .c8-faq .faq7>div+div{margin-top:0}
html[data-o8-c-parts="centred"] #pg-x .c8-faq .c8-faqh{display:block;text-align:center;max-width:760px;margin:0 auto 44px}
html[data-o8-c-parts="centred"] #pg-x .c8-faq .c8-faqh h2{margin-left:auto;margin-right:auto}
html[data-o8-c-parts="centred"] #pg-x .c8-faq .c8-ask{margin:14px auto 0}
html[data-o8-c-parts="centred"] #pg-x .c8-faq .qa-grid{display:block;column-count:auto;max-width:780px;margin:0 auto}
html[data-o8-c-parts="centred"] #pg-x .c8-faq .qa-grid .qa-i+.qa-i{margin-top:12px}
html:not([data-o8-c-parts="now"]) #pg-x .c8-rels :is(.c7h,.isec-h,.exp7,.rel){display:none}
.c8-relh{margin:0 0 22px;font:800 28px/1.1 var(--fd);letter-spacing:-.035em}
.c8-rel{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.c8-rel a{display:flex;flex-direction:column;gap:8px;padding:22px;border-radius:20px;background:var(--surf);box-shadow:inset 0 0 0 1px var(--line);transition:box-shadow .15s,transform .2s}
.c8-rel a:hover{box-shadow:inset 0 0 0 1px var(--ink3);transform:translateY(-2px)}
.c8-rel small{font-size:12.5px;font-weight:600;color:var(--ink3)}
.c8-rel b{display:flex;align-items:baseline;gap:6px;font:700 17px/1.25 var(--fd);letter-spacing:-.02em;color:var(--ink)}
.c8-rel b .i{flex:none;width:15px;height:15px;transform:translateY(2px);color:var(--acc-text);transition:transform .2s}
.c8-rel a:hover b .i{transform:translate(3px,2px)}
.c8-rel span{font-size:14px;line-height:1.5;color:var(--ink2)}
html:not([data-o8-c-parts="now"]) #pg-x :is(.faq7>div,.qa-i,.rc,.sec-c,.ct,.hcat){border-radius:20px}
@media (max-width:1180px){
.c8-rel{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:899px){
html[data-o8-c-parts="split"] #pg-x section.c8-faq{grid-template-columns:minmax(0,1fr)}
html[data-o8-c-parts="split"] #pg-x .c8-faq .c8-faqh{position:static}
html:not([data-o8-c-parts="now"]) #pg-x .c8-faq :is(.faq7,.qa-grid){grid-template-columns:minmax(0,1fr);gap:10px}
html[data-o8-c-parts="grid"] #pg-x .c8-faq .c8-faqh{text-align:left;margin-bottom:26px}
html[data-o8-c-parts="grid"] #pg-x .c8-faq .c8-ask{font-size:15.5px}
.c8-relh{font-size:24px;margin-bottom:16px}
.c8-rel{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gut);gap:12px;margin-inline:calc(-1*var(--gut));padding:0 var(--gut) 6px;scrollbar-width:none}
.c8-rel::-webkit-scrollbar{display:none}
.c8-rel>a{flex:0 0 80%;scroll-snap-align:start}
}
html[data-o8-c-nav="models"] #mm-formats .c8-fmod{display:none}
html[data-o8-c-nav="models"] #mm-formats .mm-grid,html[data-o8-c-mm="one"] .mm-grid{grid-template-columns:repeat(2,minmax(0,1fr)) minmax(0,1.15fr)}
html[data-o8-c-nav="models"] #mm-formats .mm-grid>.mm-feat,html[data-o8-c-mm="one"] .mm-grid>.c8-feat{grid-column:3}
html[data-o8-c-mm="one"] .mm-l small{color:var(--ink2);font-size:13px}
html[data-o8-c-mm="one"] .mm-feat:not(.c8-feat){display:none}
html:is([data-o8-c-mob="pinned"],[data-o8-c-mob="short"]) .mob{display:flex;flex-direction:column;padding-bottom:0}
html:is([data-o8-c-mob="pinned"],[data-o8-c-mob="short"]) .mob>*{flex-shrink:0}
html:is([data-o8-c-mob="pinned"],[data-o8-c-mob="short"]) .mob-g{flex:1 0 auto}
html:is([data-o8-c-mob="pinned"],[data-o8-c-mob="short"]) .mob-cta{position:sticky;bottom:0;z-index:3;margin:0 calc(-1*var(--gut));padding:12px var(--gut) calc(14px + env(safe-area-inset-bottom));background:var(--bg);border-top:0;box-shadow:0 -1px 0 var(--line)}
html:is([data-o8-c-mob="pinned"],[data-o8-c-mob="short"]) .mob-cta .btn{height:48px}
html[data-o8-c-mob="pinned"] .mob-g{gap:22px 18px;padding:20px 0 24px}
html[data-o8-c-mob="pinned"] .mob-g h6{margin:0 0 2px;font:600 12px/1.3 var(--ft);letter-spacing:.08em;text-transform:uppercase;color:var(--ink2)}
html[data-o8-c-mob="pinned"] .mob-g ul{gap:0}
html[data-o8-c-mob="pinned"] .mob-g a{display:flex;align-items:center;min-height:44px;padding:12px 0;font:500 15px/20px var(--ft)}
html[data-o8-c-mob="short"] .mob-g{display:block;padding:8px 0 24px}
.c8-strip{padding:120px 0 40px;text-align:center}
.c8-strip p{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 12px;font-size:17px;color:var(--ink2)}
.c8-strip b{color:var(--ink);font-weight:600}
.c8-strip a{color:var(--acc-text);font-weight:500}
.c8-strip a:hover{text-decoration:underline;text-underline-offset:3px}
.c8-strip span{color:var(--ink3)}
.c8-ref{text-align:center;padding:120px 0 110px}
.c8-ref h2{margin:0 auto;max-width:17ch;font:800 clamp(34px,4.3vw,60px)/1.03 var(--fd);letter-spacing:-.05em;text-wrap:balance}
.c8-ref p{margin:16px auto 0;max-width:48ch;font-size:18px;color:var(--ink2)}
.c8-ref .btn{margin-top:30px}
html[data-o8-c-end="per"]:is([data-pg^="help"],[data-pg="contact"],[data-pg="security"],[data-pg="status"],[data-pg="affiliates"]) #foot .end8{display:none}
html[data-o8-c-end="per"]:not([data-pg^="help"]):not([data-pg="contact"]):not([data-pg="security"]):not([data-pg="status"]) #foot .c8-strip{display:none}
html[data-o8-c-end="per"]:not([data-pg="affiliates"]) #foot .c8-ref{display:none}
html[data-o8-c-end="light"]:is([data-pg^="help"],[data-pg="contact"],[data-pg="security"],[data-pg="status"]) #foot .end8{display:none}
html[data-o8-c-end="light"]:is([data-pg^="help"],[data-pg="contact"],[data-pg="security"],[data-pg="status"]) #foot.foot8{padding-top:120px}
html[data-o8-c-end="light"]:not([data-pg^="help"]):not([data-pg="contact"]):not([data-pg="security"]):not([data-pg="status"]) #foot .c8-lite{display:none}
@media (max-width:899px){
.c8-strip{padding:72px 0 28px}
.c8-strip p{font-size:15.5px}
.c8-strip b{flex-basis:100%}
.c8-ref{padding:72px 0 72px}
.c8-ref h2{font-size:34px}
.c8-ref p{font-size:16.5px}
html[data-o8-c-end="light"]:is([data-pg^="help"],[data-pg="contact"],[data-pg="security"],[data-pg="status"]) #foot.foot8{padding-top:72px}
}
html:is([data-o8-c-foot="wide"],[data-o8-c-foot="six"]) #foot .ftg{display:block}
html:is([data-o8-c-foot="wide"],[data-o8-c-foot="six"]) #foot .ftl{display:flex;align-items:center;flex-wrap:wrap;gap:12px 24px;padding-bottom:32px;margin-bottom:36px;border-bottom:1px solid var(--line)}
html:is([data-o8-c-foot="wide"],[data-o8-c-foot="six"]) #foot .ftl p{margin:0}
html:is([data-o8-c-foot="wide"],[data-o8-c-foot="six"]) #foot .ftl .ftd{margin:0 0 0 auto}
html:is([data-o8-c-foot="wide"],[data-o8-c-foot="six"]) #foot .ftl :is(h6,.ftai){display:none}
html[data-o8-c-foot="six"] #foot .ftcols{grid-template-columns:repeat(6,minmax(0,1fr))}
.c8-ftx{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 24px;margin-top:48px;padding-top:22px;border-top:1px solid var(--line);font-size:13px;color:var(--ink3)}
html:is([data-o8-c-foot="wide"],[data-o8-c-foot="six"]) #foot .ftb{margin-top:18px;padding-top:0;border-top:0}
.c8-ai{display:flex;align-items:center;flex-wrap:wrap;gap:6px 18px}
.c8-ai b{font-weight:600;color:var(--ink)}
.c8-ai span{display:inline-flex;flex-wrap:wrap;gap:6px 16px}
.c8-ai a{color:var(--ink3)}
.c8-ai a:hover{color:var(--ink)}
.c8-th{display:inline-flex;gap:3px;padding:3px;border-radius:12px;background:color-mix(in srgb,var(--ink) 6%,transparent)}
.c8-th button{height:30px;padding:0 13px;border-radius:9px;font:500 13px var(--ft);color:var(--ink2)}
.c8-th button:hover{color:var(--ink)}
.c8-th button[aria-pressed="true"]{background:var(--surf);color:var(--ink);box-shadow:0 1px 2px rgba(18,17,23,.1),inset 0 0 0 1px var(--line)}
@media (max-width:1180px){
html[data-o8-c-foot="six"] #foot .ftcols{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:899px){
html:is([data-o8-c-foot="wide"],[data-o8-c-foot="six"]) #foot .ftl{padding-bottom:24px;margin-bottom:28px}
html:is([data-o8-c-foot="wide"],[data-o8-c-foot="six"]) #foot .ftl p{order:3;flex-basis:100%}
html[data-o8-c-foot="six"] #foot .ftcols{grid-template-columns:repeat(2,minmax(0,1fr))}
.c8-ftx{margin-top:32px}
}
.dc-cta{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:22px}
.dc-fine{font:500 13px var(--ft);color:var(--ink3)}
.dc-srv{display:grid;grid-template-columns:172px minmax(0,1fr);min-height:330px;border-radius:20px;overflow:hidden;background:var(--surf);box-shadow:inset 0 0 0 1px var(--line);font:13.5px/1.4 var(--ft);text-align:left}
.dc-side{padding:14px 10px;background:var(--bg2);box-shadow:inset -1px 0 0 var(--line)}
.dc-cat{margin:10px 8px 4px;font:700 10.5px var(--ft);letter-spacing:.08em;text-transform:uppercase;color:var(--ink3)}
.dc-cat:first-child{margin-top:0}
.dc-c{padding:5px 8px;border-radius:7px;color:var(--ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dc-c.on{background:var(--surf);color:var(--ink);font-weight:600;box-shadow:inset 0 0 0 1px var(--line)}
.dc-main{display:flex;flex-direction:column;min-width:0}
.dc-top{padding:12px 16px;font:600 13.5px var(--ft);color:var(--ink);box-shadow:inset 0 -1px 0 var(--line)}
.dc-post{display:grid;grid-template-columns:36px minmax(0,1fr);gap:12px;padding:16px}
.dc-av{width:36px;height:36px;border-radius:50%;background:var(--acc);color:var(--acc-ink);display:grid;place-items:center;font:700 15px var(--fd)}
.dc-post b{font-weight:700;color:var(--ink)}
.dc-post small{margin-left:6px;padding:1px 6px;border-radius:5px;background:var(--acc);color:var(--acc-ink);font:600 10.5px var(--ft);vertical-align:1px}
.dc-post p{margin:6px 0 0;color:var(--ink2)}
.dc-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.dc-3>div{padding:24px 26px;border-radius:20px;background:var(--surf);box-shadow:inset 0 0 0 1px var(--line)}
.dc-3 h3{margin:0 0 8px;font:700 19px/1.25 var(--fd);letter-spacing:-.02em}
.dc-3 p,.dc-steps li,.dc-ch li{margin:0;color:var(--ink2);font-size:15.5px;line-height:1.5}
.dc-3 b,.dc-ch b,.dc-steps b,.dc-who b{font-weight:600;color:var(--ink)}
.dc-ch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px;list-style:none;margin:0;padding:0}
.dc-ch li{display:grid;grid-template-columns:168px minmax(0,1fr);gap:16px;padding:14px 0;border-top:1px solid var(--line)}
.dc-who{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px;align-items:start}
.dc-who p{margin:0 0 14px;font-size:17px;line-height:1.5;color:var(--ink2)}
.dc-latest{display:grid;gap:12px}
.dc-latest .nw8-c{padding:18px 20px}
.dc-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;counter-reset:dcs}
.dc-steps li{position:relative;padding:22px 24px 22px 62px;border-radius:20px;background:var(--surf);box-shadow:inset 0 0 0 1px var(--line)}
.dc-steps li::before{counter-increment:dcs;content:counter(dcs);position:absolute;left:22px;top:21px;width:28px;height:28px;border-radius:50%;background:var(--acc);color:var(--acc-ink);display:grid;place-items:center;font:700 14px var(--fd)}
.dc-rules{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 40px}
.dc-ns{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;padding:26px 28px;border-radius:20px;background:var(--bg2)}
.dc-ns h3{margin:0 0 6px;font:700 19px/1.25 var(--fd);letter-spacing:-.02em}
.dc-ns p{margin:0;color:var(--ink2);font-size:15.5px;line-height:1.5}
.dc-end .side a.lnk{font-size:15px}
@media (max-width:980px){
.dc-3,.dc-steps{grid-template-columns:minmax(0,1fr)}
.dc-who{grid-template-columns:minmax(0,1fr);gap:28px}
}
@media (max-width:760px){
.dc-srv{grid-template-columns:132px minmax(0,1fr);min-height:0}
.dc-ch,.dc-rules{grid-template-columns:minmax(0,1fr)}
.dc-ch li{grid-template-columns:minmax(0,1fr);gap:4px}
.dc-ns{grid-template-columns:minmax(0,1fr)}
}
html:is([data-o8-f-design="folded"],[data-o8-f-design="open"]) section.f8-on{display:block!important}
html:is([data-o8-f-design="folded"],[data-o8-f-design="open"]) section.f8-on > :not(.f8){display:none!important}
.f8{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px;align-items:start;width:min(1120px,calc(100% - 2*var(--gut)));margin-inline:auto}
#pg-x .f8{width:auto;max-width:1120px}
.f8-h{position:sticky;top:112px}
.f8-t{margin:0;font:800 clamp(40px,4.4vw,62px)/1 var(--fd);letter-spacing:-.05em;color:var(--ink);text-wrap:balance}
.f8-i{margin:24px 0 0;font-size:18px;line-height:1.5;color:var(--ink2)}
.f8-i>span{display:block}
.f8-s{margin:14px 0 0;font-size:16px;line-height:1.55;color:var(--ink2)}
.f8-s .lnk{display:inline;margin:0;font:inherit;font-weight:500;color:var(--acc-text)}
.f8-l{min-width:0}
.f8-fold{box-shadow:inset 0 1px 0 var(--line2)}
.f8-r{box-shadow:inset 0 -1px 0 var(--line2)}
.f8-qh{margin:0;font:600 18px/1.4 var(--ft);letter-spacing:-.012em;color:var(--ink)}
.f8-q{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:24px;width:100%;padding:22px 0;cursor:pointer;font:inherit;color:inherit;text-align:left;-webkit-tap-highlight-color:transparent;transition:padding-bottom .32s cubic-bezier(.2,.7,.2,1)}
.f8-r.is-open .f8-q{padding-bottom:10px}
.f8-q>span{flex:1;min-width:0}
.f8-q:focus-visible{outline:2px solid var(--acc);outline-offset:4px;border-radius:8px}
.f8-cv{flex:none;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;color:var(--ink3);transition:transform .32s cubic-bezier(.2,.7,.2,1),color .15s}
.f8-q:hover .f8-cv,.f8-r.is-open .f8-cv{color:var(--ink)}
.f8-r.is-open .f8-cv{transform:rotate(180deg)}
.f8-a{display:grid;grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows .32s cubic-bezier(.2,.7,.2,1),visibility 0s linear .32s}
.f8-r.is-open .f8-a{grid-template-rows:1fr;visibility:visible;transition:grid-template-rows .32s cubic-bezier(.2,.7,.2,1),visibility 0s}
.f8-ai{min-height:0;overflow:hidden}
.f8-ap{padding:0 44px 24px 0}
.f8-ap p{margin:0;max-width:62ch;font-size:16px;line-height:1.6;color:var(--ink2)}
@media (prefers-reduced-motion:reduce){
.f8-a,.f8-r.is-open .f8-a,.f8-cv,.f8-q{transition:none}
}
@media (max-width:1099px){
.f8{gap:48px}
}
@media (max-width:899px){
.f8{display:block}
.f8-h{position:static;margin-bottom:32px}
.f8-t{font-size:clamp(36px,10vw,44px);line-height:1.02}
.f8-i{margin-top:16px;font-size:16.5px}
.f8-i>span{display:inline}
.f8-s{margin-top:10px;max-width:none;font-size:15.5px}
.f8-qh{font-size:16.5px}
.f8-q{gap:16px;padding:20px 0}
.f8-r.is-open .f8-q{padding-bottom:8px}
.f8-ap{padding:0 0 22px}
.f8-ap p{font-size:15.5px}
}
html[data-o8-h-grey="darker"]:not([data-theme="dark"]){--ink3:#5e5c67}
html[data-o8-h-grey="darker"]:not([data-theme="dark"]) .hx-a5{--a5-ink3:#5e5c67}
html[data-o8-h-grey="darker"]:not([data-theme="dark"]) .fan-note{opacity:1;font-size:13px;line-height:20px}
html[data-o8-h-grey="darker"]:not([data-theme="dark"]) :is(.crumbs,.crumbs a,.h7a span,.ph7 p){color:var(--ink2)}
html[data-o8-h-grey="darker"]:not([data-theme="dark"]) .crumbs a:hover{color:var(--ink)}
@media (max-width:899px){
html[data-o8-h-grey="darker"]:not([data-theme="dark"]) .pt8-t small{font-size:12.5px}
html[data-o8-h-grey="darker"]:not([data-theme="dark"]) .fan-note{line-height:19.2px}
}
html[data-o8-h-chips="visible"] .vr-fan .fan-c:hover .h8-rest,html[data-o8-h-chips="visible"] .vr-fan .fan-c:focus-visible .h8-rest{opacity:0}
@media (max-width:899px){
html[data-pg="home"] .vr-fan .h8-pv{display:block;margin:26px 0 6px}
html[data-pg="home"]:is([data-o8-h-phonetop="video"],[data-o8-h-phonetop="photo"]) .vr-fan .fan8{display:none}
html[data-pg="home"][data-o8-h-phonetop="video"] .vr-fan .fan-note{display:none}
html[data-pg="home"]:is([data-o8-h-phonetop="video"],[data-o8-h-phonetop="photo"]) .vr-fan{padding-bottom:36px}
}
.h8-pz{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:var(--surf);color:var(--ink);cursor:pointer;
  box-shadow:inset 0 0 0 1px var(--line2),0 8px 18px -12px rgba(18,17,23,.45);transition:box-shadow .15s}
.h8-pz:hover{box-shadow:inset 0 0 0 1px var(--ink3),0 8px 18px -12px rgba(18,17,23,.45)}
.h8-pz:focus-visible{outline:2px solid var(--acc);outline-offset:3px}
.h8-pz svg{width:18px;height:18px;fill:currentColor}
.h8-pz .h8-iy,.h8-pz[aria-pressed="true"] .h8-ip{display:none}
.h8-pz[aria-pressed="true"] .h8-iy{display:block}
[data-theme="dark"] .h8-pz{background:#16132a;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}
html[data-pg="home"][data-o8-h-motion="one"] .vr-fan .fan-c{animation:none}
@media (max-width:899px){
html[data-pg="home"][data-o8-h-motion="one"]:not([data-o8-h-phonetop="video"]):not([data-o8-h-phonetop="photo"]) .vr-fan{padding-bottom:9px}
}
@media (prefers-reduced-motion:no-preference){
html[data-pg="home"][data-o8-h-motion="one"] .vr-fan .wd-slot{width:var(--h8-ww,auto)!important;transition:none}
html[data-pg="home"][data-o8-h-motion="one"] .vr-fan .wd-w{left:50%;translate:-50% 0}
}
.h8-rvb{display:flex;justify-content:flex-end;margin-top:-14px;padding-bottom:30px}
.rv8-m.h8-rvp .rv8-t{animation-play-state:paused}
html[data-o8-h-reviews="still"] .h8-rvb{display:none}
@media (max-width:899px){
.h8-rvb{margin-top:-10px;padding-bottom:24px}
html[data-o8-h-reviews="scroll"] .h8-rvb{display:none}
}
@media (prefers-reduced-motion:reduce){
.h8-rvb{display:none}
}
html[data-pg="home"]:is([data-o8-h-reviews="still"],[data-o8-h-reviews="scroll"]) .rv8 .rv8-mk{background:#e6e4ec;color:#5e5c67}
html[data-pg="home"]:is([data-o8-h-reviews="still"],[data-o8-h-reviews="scroll"]) .rv8 .rv8-mk img{display:none}
.h8-pers{display:grid;place-items:center}
.h8-pers svg{width:20px;height:20px;fill:currentColor}
[data-theme="dark"][data-pg="home"]:is([data-o8-h-reviews="still"],[data-o8-h-reviews="scroll"]) .rv8 .rv8-mk{background:rgba(255,255,255,.12);color:#c9c7d6}
html[data-pg="home"]:not([data-theme="dark"]):is([data-o8-h-reviews="still"],[data-o8-h-reviews="scroll"]) .rv8 .rv8-st svg{fill:#c27700}
html[data-pg="home"][data-o8-h-reviews="still"] .rv8-m{-webkit-mask-image:none;mask-image:none}
html[data-pg="home"][data-o8-h-reviews="still"] .rv8-t{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;width:min(1160px,calc(100% - 2*var(--gut)));margin:0 auto;animation:none;transform:none}
html[data-pg="home"][data-o8-h-reviews="still"] .rv8-c{width:auto;margin:0}
html[data-pg="home"][data-o8-h-reviews="still"] .rv8-c[aria-hidden="true"]{display:none}
@media (min-width:900px) and (max-width:1099px){
html[data-pg="home"][data-o8-h-reviews="still"] .rv8-c p{font-size:16.5px}
}
@media (max-width:899px){
html[data-pg="home"]:is([data-o8-h-reviews="still"],[data-o8-h-reviews="scroll"]) .rv8-m{overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 16px;scrollbar-width:none;-webkit-mask-image:none;mask-image:none}
html[data-pg="home"]:is([data-o8-h-reviews="still"],[data-o8-h-reviews="scroll"]) .rv8-m::-webkit-scrollbar{display:none}
html[data-pg="home"]:is([data-o8-h-reviews="still"],[data-o8-h-reviews="scroll"]) .rv8-t{display:flex;width:max-content;gap:12px;margin:0;padding:0 16px;animation:none;transform:none}
html[data-pg="home"]:is([data-o8-h-reviews="still"],[data-o8-h-reviews="scroll"]) .rv8-c{width:calc((100vw - 32px) * .84);margin:0;scroll-snap-align:start}
html[data-pg="home"]:is([data-o8-h-reviews="still"],[data-o8-h-reviews="scroll"]) .rv8-c[aria-hidden="true"]{display:none}
}
html[data-pg="home"]:is([data-o8-h-models="tiles"],[data-o8-h-models="hero"]) #pg-home .pt8.home:not(.h8-mt){display:none}
html[data-pg="home"][data-o8-h-models="hero"] .vr-fan .pws8-r a:hover{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1.5px}
.h8-ek{display:block}
html[data-pg="home"][data-o8-h-heads="centred"] #how > [data-opt="now"] .sec-head{display:block;max-width:760px;margin:0 auto 56px;text-align:center}
html[data-pg="home"][data-o8-h-heads="centred"] #how > [data-opt="now"] .sec-head p{margin:14px auto 0;max-width:52ch;font-size:17px}
html[data-pg="home"]:is([data-o8-h-heads="centred"],[data-o8-h-heads="left"]) #how > [data-opt="now"] .sec-head h2,html[data-pg="home"]:is([data-o8-h-heads="centred"],[data-o8-h-heads="left"]) #faq .sec-head h2{margin-top:12px;font-size:clamp(30px,3.3vw,46px);line-height:1.06;letter-spacing:-.045em}
html[data-pg="home"]:is([data-o8-h-heads="centred"],[data-o8-h-heads="left"]) #plans .c7h .h8-ek{margin-top:12px}
@media (max-width:899px){
html[data-pg="home"][data-o8-h-heads="centred"] #how > [data-opt="now"] .sec-head{margin-bottom:32px}
html[data-pg="home"][data-o8-h-heads="centred"] #how > [data-opt="now"] .sec-head p{font-size:16.5px}
html[data-pg="home"][data-o8-h-heads="centred"] #pg-home .pt8.home .pt8-h,html[data-pg="home"][data-o8-h-heads="centred"] #plans .c7h{text-align:center}
}
html[data-pg="home"][data-o8-h-heads="left"] #how > [data-opt="now"] .sec-head{grid-template-rows:auto auto;row-gap:0}
html[data-pg="home"][data-o8-h-heads="left"] #how > [data-opt="now"] .sec-head .h8-ek{grid-column:1;grid-row:1}
html[data-pg="home"][data-o8-h-heads="left"] #how > [data-opt="now"] .sec-head h2{grid-column:1;grid-row:2}
html[data-pg="home"][data-o8-h-heads="left"] #how > [data-opt="now"] .sec-head p{grid-column:2;grid-row:1 / 3;align-self:end}
html[data-pg="home"][data-o8-h-heads="left"] #pg-home .pt8.home .pt8-h{max-width:1120px;text-align:left}
html[data-pg="home"][data-o8-h-heads="left"] #pg-home .pt8.home.h8-mt .pt8-h{max-width:1180px}
html[data-pg="home"][data-o8-h-heads="left"] .rv8-h{max-width:none;text-align:left}
html[data-pg="home"][data-o8-h-heads="left"][data-o8-h-reviews="still"] .rv8-h{max-width:1160px}
html[data-pg="home"][data-o8-h-heads="left"] #plans .c7h{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);column-gap:48px;align-items:end;max-width:1120px;text-align:left}
html[data-pg="home"][data-o8-h-heads="left"] #plans .c7h .h8-ek{grid-column:1;grid-row:1}
html[data-pg="home"][data-o8-h-heads="left"] #plans .c7h h2{grid-column:1;grid-row:2}
html[data-pg="home"][data-o8-h-heads="left"] #plans .c7h p{grid-column:2;grid-row:1 / 3;align-self:end;margin:0;max-width:36ch}
html[data-pg="home"][data-o8-h-heads="left"] #faq .sec-head{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:48px;align-items:end;max-width:1120px;text-align:left}
html[data-pg="home"][data-o8-h-heads="left"] #faq .sec-head p{margin:0;max-width:36ch}
@media (max-width:899px){
html[data-pg="home"][data-o8-h-heads="left"] #how > [data-opt="now"] .sec-head p{grid-column:1;grid-row:3;margin-top:4px}
html[data-pg="home"][data-o8-h-heads="left"] .rv8-h{text-align:left}
html[data-pg="home"][data-o8-h-heads="left"] #plans .c7h,html[data-pg="home"][data-o8-h-heads="left"] #faq .sec-head{grid-template-columns:minmax(0,1fr);gap:0}
html[data-pg="home"][data-o8-h-heads="left"] #plans .c7h p{grid-column:1;grid-row:3;margin-top:12px;max-width:none}
html[data-pg="home"][data-o8-h-heads="left"] #faq .sec-head p{margin-top:14px}
}
@media (max-width:479px){
html[data-pg="home"][data-o8-h-found="stack"] .vr-fan .found{display:grid;grid-template-columns:56px minmax(0,1fr);gap:12px;align-items:center;padding:12px}
html[data-pg="home"][data-o8-h-found="stack"] .vr-fan .found img{width:56px;height:56px;border-radius:12px}
html[data-pg="home"][data-o8-h-found="stack"] .vr-fan .found-t b{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
html[data-pg="home"][data-o8-h-found="stack"] .vr-fan .found-t span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html[data-pg="home"][data-o8-h-found="stack"] .vr-fan .found .btn{grid-column:1 / -1;width:100%;height:48px;font-size:15px}
}
html[data-pg="home"]:is([data-o8-h-faq="open"],[data-o8-h-faq="side"]) #faq .qa-i{padding:22px 0 26px;border-radius:0;background:none;box-shadow:inset 0 1px 0 var(--line2)}
html[data-pg="home"]:is([data-o8-h-faq="open"],[data-o8-h-faq="side"]) #faq .qa-i h3{font-size:17px}
html[data-pg="home"]:is([data-o8-h-faq="open"],[data-o8-h-faq="side"]) #faq .qa-i p{font-size:15.5px}
html[data-pg="home"][data-o8-h-faq="open"] #faq .qa-grid{display:block;columns:2;column-gap:56px}
html[data-pg="home"][data-o8-h-faq="open"] #faq .qa-i{break-inside:avoid}
html[data-pg="home"][data-o8-h-faq="side"] #faq > .wrap{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px;align-items:start;max-width:1120px}
html[data-pg="home"][data-o8-h-faq="side"] #faq .sec-head{position:sticky;top:110px;display:block;max-width:none;margin:0;text-align:left}
html[data-pg="home"][data-o8-h-faq="side"] #faq .sec-head h2{font-size:clamp(30px,3.3vw,46px);line-height:1.06;letter-spacing:-.045em}
html[data-pg="home"][data-o8-h-faq="side"] #faq .sec-head p{margin:16px 0 0;max-width:30ch}
html[data-pg="home"][data-o8-h-faq="side"] #faq .sec-head .lnk{display:inline;margin:0}
html[data-pg="home"][data-o8-h-faq="side"] #faq .qa-grid{display:block;max-width:none;margin:0}
html[data-pg="home"][data-o8-h-faq="side"] #faq .qa-i:first-child{padding-top:4px;box-shadow:none}
@media (max-width:899px){
html[data-pg="home"][data-o8-h-faq="open"] #faq .qa-grid{columns:1}
html[data-pg="home"][data-o8-h-faq="side"] #faq > .wrap{display:block}
html[data-pg="home"][data-o8-h-faq="side"] #faq .sec-head{position:static;margin-bottom:26px}
html[data-pg="home"][data-o8-h-faq="side"] #faq .qa-i:first-child{padding-top:22px;box-shadow:inset 0 1px 0 var(--line2)}
html[data-pg="home"]:is([data-o8-h-faq="open"],[data-o8-h-faq="side"]) #faq .qa-i{padding:18px 0 22px}
html[data-pg="home"]:is([data-o8-h-faq="open"],[data-o8-h-faq="side"]) #faq .qa-i h3{font-size:16px}
html[data-pg="home"]:is([data-o8-h-faq="open"],[data-o8-h-faq="side"]) #faq .qa-i p{font-size:15px}
}
.rsp8-card .h8-cs{position:absolute;top:-13px;right:16px;height:24px;padding:0 9px;background:var(--surf);font-size:11.5px}
[data-theme="dark"] .rsp8-card .h8-cs{background:#16132a}
@media (max-width:899px){
html[data-pg="home"][data-o8-h-chipsize="big"] .vr-fan .tries.a5-try{gap:8px}
html[data-pg="home"][data-o8-h-chipsize="big"] .vr-fan .a5-ex{height:44px;gap:8px;padding:0 15px 0 6px;font-size:14.5px}
html[data-pg="home"][data-o8-h-chipsize="big"] .vr-fan .a5-ex img{width:32px;height:32px}
html[data-pg="home"][data-o8-h-chipsize="big"] .vr-fan .a5-display{line-height:1.1}
html[data-pg="home"][data-o8-h-chipsize="big"] .vr-fan .a5-loop svg{top:2%;height:104%}
}
html[data-pg="home"][data-o8-h-reviews="still"] .rv8-c:nth-child(n+7){display:none}
@media (max-width:899px){
html[data-pg="home"][data-o8-h-reviews="still"] .rv8-c:nth-child(n+7){display:block}
html[data-pg="home"][data-o8-h-reviews="still"] .rv8-c[aria-hidden="true"]{display:none}
}
.l8rows{display:contents}
#pg-x .row7.l8-np{grid-template-columns:minmax(0,1fr)}
#pg-x .row7.l8-np .rt7{max-width:760px}
#pg-x .l8-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:96px}
#pg-x .l8-card{padding:30px 32px;border-radius:24px;background:var(--surf);box-shadow:inset 0 0 0 1px var(--line)}
#pg-x .l8-card:last-child:nth-child(odd){grid-column:1/-1}
#pg-x .l8-card h3{margin:0;font:800 22px/1.2 var(--fd);letter-spacing:-.03em}
#pg-x .l8-card .prose{margin-top:12px;font-size:15.5px}
#pg-x .l8-card .md-tw{margin-top:14px}
@media (max-width:899px){
#pg-x .l8-cards{grid-template-columns:minmax(0,1fr);gap:14px;margin-top:64px}
#pg-x .l8-card{padding:22px 20px;border-radius:20px}
#pg-x .l8-card h3{font-size:20px}
}
#pg-x .l8-psh{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:center;gap:10px;max-width:100%}
#pg-x .l8-psh i{display:grid;place-items:center;border-radius:9px;background:var(--pchip);box-shadow:var(--pshadow);font:600 11px var(--ft);font-style:normal;color:var(--ink2)}
#pg-x .l8-tag{justify-self:end;font:500 11px var(--ft);color:var(--ink2);border:1px dashed var(--line2);border-radius:999px;padding:2px 8px}
#pg-x .l8-pcard{display:grid;grid-template-columns:48px minmax(0,1fr);gap:12px;align-items:center}
#pg-x .l8-pcard img{width:48px;height:48px;border-radius:12px;object-fit:cover}
#pg-x .l8-pcard b{display:block;font:600 14px/1.3 var(--ft)}
#pg-x .l8-pcard small{display:block;margin-top:2px;font-size:12.5px;color:var(--ink2)}
#pg-x .l8-att{display:flex;gap:10px}
#pg-x .l8-sq{display:grid;justify-items:center;gap:6px;width:84px;padding:10px 8px;border-radius:14px;background:var(--surf2);box-shadow:inset 0 0 0 1px var(--line)}
#pg-x .l8-sq img{width:52px;height:52px;border-radius:10px;object-fit:cover}
#pg-x .l8-sq .avb{width:52px;height:52px}
#pg-x .l8-sq small{font-size:11.5px;color:var(--ink2)}
#pg-x .useg.l8-wrap{flex-wrap:wrap}
#pg-x .useg.l8-wrap span{flex:1 1 auto}
#pg-x .pfmt .l8-st{object-position:50% 38%}
#pg-x .hc7.l8h .pnl{padding:28px 22px}
#pg-x .l8-hchip{position:absolute;left:-24px;top:-18px;z-index:4;display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 16px 0 13px;border-radius:14px;background:var(--pchip);box-shadow:var(--pshadow);font:600 14px var(--ft);color:var(--ink);white-space:nowrap}
#pg-x .l8-hchip svg{width:16px;height:16px;fill:none;stroke:var(--ok);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#pg-x .l8h-in{position:relative;width:100%;max-width:450px;display:grid;gap:14px}
#pg-x .l8h .w8{width:100%;text-align:left}
#pg-x .l8h .t8-r{grid-template-columns:minmax(0,1fr) 60px 50px 46px;gap:8px;padding:7px 8px;font-size:12.5px}
#pg-x .l8h .t8 .spark{width:60px;height:24px}
#pg-x .l8h .t8-p b{font-size:12.5px}
#pg-x .l8h-card{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px;border-radius:16px;background:var(--surf);box-shadow:0 0 0 1px rgba(18,17,23,.07),0 20px 40px -24px rgba(40,20,90,.45);text-align:left}
[data-theme="dark"] #pg-x .l8h-card{background:#16132a;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
#pg-x .l8h-card img{width:44px;height:44px;border-radius:10px;object-fit:cover}
#pg-x .l8-rail{list-style:none;margin:0;padding:16px 10px 6px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px}
#pg-x .l8-rail li{position:relative;display:grid;justify-items:center;align-content:start;gap:6px;text-align:center;font:600 11.5px/1.25 var(--ft);color:var(--ink2)}
#pg-x .l8-rail li::before{content:"";position:absolute;top:13px;left:-50%;right:50%;height:2px;background:var(--line2)}
#pg-x .l8-rail li:first-child::before{display:none}
#pg-x .l8-rail li.on::before{background:var(--acc)}
#pg-x .l8-rail i{position:relative;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--surf);box-shadow:inset 0 0 0 1.5px var(--line2);font:700 12px/1 var(--ft);font-style:normal;color:var(--ink2)}
#pg-x .l8-rail li.done i{background:var(--acc);color:#fff;box-shadow:none}
#pg-x .l8-rail li.on i{box-shadow:inset 0 0 0 2px var(--acc);color:var(--acc-text)}
#pg-x .l8-rail li.on{color:var(--ink)}
#pg-x .l8-sf{display:grid;gap:12px;padding:12px 14px 14px}
#pg-x .l8-sf-h{font:700 14px var(--fd);letter-spacing:-.01em}
#pg-x .l8-sf-g{display:grid;grid-template-columns:1fr 1fr;gap:10px}
#pg-x .l8-sf-c{display:grid;gap:6px;align-content:start;padding:10px;border-radius:14px;background:var(--surf2);box-shadow:inset 0 0 0 1px var(--line)}
#pg-x .l8-sf-c.on{background:color-mix(in srgb,var(--acc) 6%,var(--surf));box-shadow:inset 0 0 0 2px var(--acc)}
#pg-x .l8-sf-c img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px}
#pg-x .l8-sf-c .uq{display:grid;place-items:center;aspect-ratio:4/3;padding:8px;text-align:center;font-size:12.5px}
#pg-x .l8-sf-c b{font:700 13.5px var(--fd)}
#pg-x .l8-sf-c small{font-size:12px;line-height:1.35;color:var(--ink2)}
#pg-x .l8-sf-f{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12.5px;color:var(--ink2)}
@media (max-width:899px){
#pg-x .hc7.l8h{margin:0}
#pg-x .l8-hchip{left:-6px;top:-14px;height:36px;font-size:13px}
#pg-x .hc7.l8h .pnl{padding:20px 12px}
#pg-x .l8h .t8-r{grid-template-columns:minmax(0,1fr) 50px 42px;gap:6px;padding:7px 6px}
#pg-x .l8h .t8-r>.spark,#pg-x .l8h .t8-h>span:nth-child(2){display:none}
#pg-x .l8-rail{padding:14px 4px 4px}
#pg-x .l8-rail li{font-size:10.5px}
#pg-x .l8-sf{padding:10px}
}
html[data-o8-l-cta="link"] #pg-x .h7 .h7a,html[data-o8-l-cta="trial"] #pg-x .h7 .hero-act{display:none}
html[data-o8-l-cta="link"] #pg-x .h7 .hc7 .tchip,html[data-o8-l-cta="trial"] #pg-x .h7 .hc7 .tchip{display:none}
html[data-o8-l-cta="link"] #pg-x .h7 .hero-act{margin-top:30px}
#pg-x .l8-micro{margin-top:14px;font-size:14px;color:var(--ink2)}
#pg-x .l8-micro .lnk{font-size:14px;text-decoration:underline;text-underline-offset:3px}
@media (max-width:599px){
html[data-o8-l-cta="link"] #pg-x .h7 .linkbox{flex-wrap:wrap;row-gap:6px;padding:6px;border-radius:18px}
html[data-o8-l-cta="link"] #pg-x .h7 .linkbox>.i{margin-left:10px}
html[data-o8-l-cta="link"] #pg-x .h7 .linkbox input{flex:1 1 0;height:46px}
html[data-o8-l-cta="link"] #pg-x .h7 .linkbox .btn{flex:1 1 100%;height:48px;justify-content:center;border-radius:13px}
}
html[data-o8-l-suits="solid"] #pg-x .pnl .pc.no{background:var(--surf);box-shadow:inset 0 0 0 1px var(--line);color:var(--ink2);font-size:13px}
html[data-o8-l-suits="drop"] #pg-x .pnl .pcs:has(> .pc.no){display:none}
#pg-x .l8-fc{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
#pg-x .l8-fcard{display:grid;gap:14px;align-content:start;padding:10px 10px 18px;border-radius:24px;background:var(--surf);box-shadow:inset 0 0 0 1px var(--line);transition:transform .2s,box-shadow .2s}
#pg-x .l8-fcard:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1px var(--ink3),0 18px 40px -26px rgba(40,20,90,.4)}
#pg-x .l8-fimg{position:relative;display:block;aspect-ratio:4/5;border-radius:16px;overflow:hidden;background:var(--frame)}
#pg-x .l8-fimg img{width:100%;height:100%;object-fit:cover}
#pg-x .l8-made{position:absolute;left:8px;bottom:8px;height:22px;padding:0 9px;border-radius:999px;background:rgba(18,17,23,.62);color:#fff;font:600 11px/22px var(--ft);white-space:nowrap}
#pg-x .l8-fb{display:grid;gap:4px;padding:0 8px}
#pg-x .l8-fb b{font:800 19px/1.2 var(--fd);letter-spacing:-.025em;color:var(--ink)}
#pg-x .l8-fb span{font-size:14.5px;line-height:1.4;color:var(--ink)}
#pg-x .l8-fb small{font-size:13px;color:var(--ink2)}
#pg-x .l8-fb em{margin-top:4px;font:600 13.5px var(--ft);font-style:normal;color:var(--acc-text)}
@media (max-width:899px){
#pg-x .l8-fc{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#pg-x .l8-fcard{gap:10px;padding:8px 8px 14px;border-radius:20px}
#pg-x .l8-fb{padding:0 4px}
#pg-x .l8-fb b{font-size:16.5px}
#pg-x .l8-fb span{font-size:13.5px}
#pg-x .l8-fb small,#pg-x .l8-fb em{font-size:12.5px}
}
@media (max-width:699px){
#pg-x .l8-mtab .ptab,#pg-x .l8-mtab tbody,#pg-x .l8-mtab tr,#pg-x .l8-mtab th,#pg-x .l8-mtab td{display:block}
#pg-x .l8-mtab thead{display:none}
#pg-x .l8-mtab .ptab{min-width:0}
#pg-x .l8-mtab tr{padding:16px 18px;border-bottom:1px solid var(--line)}
#pg-x .l8-mtab tr:last-child{border-bottom:0}
#pg-x .l8-mtab th,#pg-x .l8-mtab td{padding:0;border:0}
#pg-x .l8-mtab td{display:flex;gap:12px;margin-top:6px;font-size:14px;line-height:1.4}
#pg-x .l8-mtab td::before{content:attr(data-l);flex:0 0 92px;font-size:12.5px;color:var(--ink2)}
}
html[data-o8-l-pwr="slim"] #pg-x section.pt8{display:none}
html[data-o8-l-pwr="drop"][data-pg="pricing"] #pg-x section.pt8{display:none}
#pg-x .l8pws .pws8{padding-top:110px}
@media (max-width:899px){
#pg-x .l8pws .pws8{padding-top:76px}
}
#pg-x .l8-pz{position:absolute;right:14px;bottom:14px;z-index:3;display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:rgba(18,17,23,.62);color:#fff;cursor:pointer;transition:background-color .15s}
#pg-x .l8-pz:hover{background:rgba(18,17,23,.84)}
#pg-x .l8-pz:focus-visible{outline:2px solid #fff;outline-offset:2px;box-shadow:0 0 0 5px var(--acc)}
#pg-x .l8-pz svg{width:14px;height:14px;fill:currentColor}
#pg-x .l8-pz .l8-pz-y,#pg-x .l8-pz[aria-pressed="true"] .l8-pz-p{display:none}
#pg-x .l8-pz[aria-pressed="true"] .l8-pz-y{display:block}
#pg-x .l8-mi{padding-top:56px}
#pg-x .l8-mtab .ptab{min-width:860px}
#pg-x .l8-mtab th[scope="row"] .il{white-space:nowrap}
#pg-x .l8-mrow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:28px}
#pg-x .l8-mc{display:grid;gap:3px;align-content:start;padding:18px;border-radius:18px;background:var(--surf);box-shadow:inset 0 0 0 1px var(--line);transition:transform .2s}
#pg-x .l8-mc:hover{transform:translateY(-2px)}
#pg-x .l8-mc-i{display:grid;place-items:center;width:42px;height:42px;margin-bottom:8px;border-radius:12px;background:var(--pg1)}
#pg-x .l8-mc b{font:700 16px/1.25 var(--fd);letter-spacing:-.015em;color:var(--ink)}
#pg-x .l8-mc small{font-size:12.5px;color:var(--ink2)}
#pg-x .l8-mc span{margin-top:6px;font-size:13.5px;line-height:1.4;color:var(--ink2)}
#pg-x .l8-mc em{margin-top:6px;font:600 13px/1.35 var(--ft);font-style:normal;color:var(--acc-text)}
@media (max-width:1180px){
#pg-x .l8-mrow{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:899px){
#pg-x .l8-mrow{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#pg-x .l8-mc{padding:14px}
#pg-x .l8-mc:last-child:nth-child(odd){grid-column:1/-1}
}
@media (max-width:699px){
#pg-x .l8-mtab .ptab{min-width:0}
}
@media (min-width:900px){
html[data-o8-l-explore="uniform"] #pg-x .exp7.l8-exp{display:flex;flex-wrap:wrap;justify-content:center}
html[data-o8-l-explore="uniform"] #pg-x .exp7.l8-exp>a{flex:0 0 calc((100% - 54px)/4)}
}
@media (min-width:900px) and (max-width:1180px){
html[data-o8-l-explore="uniform"] #pg-x .exp7.l8-exp>a{flex-basis:calc((100% - 18px)/2)}
}
@media (max-width:599px){
html[data-o8-l-mphone="wrap"] #pg-x .l8-ptab0{display:none}
html[data-o8-l-mphone="wrap"] #pg-x .pnl .psh{display:grid;grid-template-columns:repeat(2,auto);justify-content:center;align-items:end;gap:12px}
html[data-o8-l-mphone="wrap"] #pg-x .pnl .pui.slim{width:100%}
}
@media (min-width:600px){
#pg-x .l8-ptab{display:none}
}
html:not([data-o8-c-parts="now"]) #pg-x .c8-rels .exp7.l8-exp{display:none}
.stp-vis .win{width:100%;min-width:0}
.stp-vis .mlb{min-width:0}
.stp-vis .mlb span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.stp-vis .win-h{gap:12px}
.pnl .pr-row:not(:has(.pf,.pp,.pfr,img)) .pui.s{width:auto;flex:1 1 0;min-width:0}
@media (max-width:1180px){
.tool .tv .tv-sizes:where(:not(.tpw *)){zoom:.76}
}
html[data-pg="home"]:is([data-o8-m-design="cards"],[data-o8-m-design="grid"]) #pg-home section.pt8.home{display:none}
.m8-sec{padding-top:144px;text-align:center}
@media (max-width:899px){
.m8-sec{padding-top:96px}
}
.m8-sec h2{margin:0;font:800 clamp(30px,3.3vw,46px)/1.06 var(--fd);letter-spacing:-.045em;text-wrap:balance;color:var(--ink)}
.m8-lede{max-width:760px;margin:16px auto 0;font:400 17px/1.5 var(--ft);color:var(--ink2);text-wrap:balance}
.m8-sec a{color:inherit;text-decoration:none}
.m8-sec a:focus-visible{outline:2px solid var(--acc);outline-offset:3px}
.m8-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;max-width:1240px;margin:52px auto 0}
.m8-card{--m8a:#d9cafb;--m8b:#b99df5;--m8s:rgba(150,110,240,.55);
  position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;min-width:0;min-height:256px;padding:32px 14px 22px;border-radius:22px;overflow:hidden;
  background:radial-gradient(135% 72% at 50% 112%,var(--m8b) 0%,var(--m8a) 40%,rgba(255,255,255,0) 74%),linear-gradient(180deg,var(--surf) 0%,var(--surf2) 100%);
  box-shadow:inset 0 0 0 1px rgba(18,17,23,.06),0 1px 2px rgba(18,17,23,.04);
  transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s}
.m8-card::before{content:"";position:absolute;inset:0;z-index:-1;opacity:0;transition:opacity .35s;
  background:radial-gradient(150% 100% at 50% 118%,var(--m8b) 0%,var(--m8a) 46%,rgba(255,255,255,0) 82%)}
.m8-card.m8-tb{--m8a:#d1befa;--m8b:#a382f2;--m8s:rgba(125,70,235,.55)}
.m8-card.m8-tc{--m8a:#ced2fc;--m8b:#97a0f3;--m8s:rgba(90,100,235,.55)}
.m8-card.m8-td{--m8a:#cfe2fa;--m8b:#95bff0;--m8s:rgba(75,135,225,.5)}
.m8-card.m8-te{--m8a:#cdecea;--m8b:#8ed2cf;--m8s:rgba(55,160,165,.5)}
.m8-nm{margin-top:18px;font:800 19px/1.2 var(--fd);letter-spacing:-.025em;color:var(--ink);text-wrap:balance}
.m8-kd{margin-top:6px;font:500 13px/1.35 var(--ft);color:var(--ink3)}
.m8-pr{display:inline-flex;align-items:center;gap:6px;margin-top:auto;padding-top:20px;font:600 13.5px/1.3 var(--ft);color:var(--ink);text-wrap:balance}
.m8-pr .i{width:14px;height:14px;margin-right:-20px;opacity:0;transform:translateX(-6px);transition:opacity .3s,transform .3s,margin .3s}
.m8-card:hover{transform:translateY(-6px);box-shadow:inset 0 0 0 1px rgba(18,17,23,.08),0 28px 50px -28px var(--m8s)}
.m8-card:hover::before{opacity:1}
.m8-card:hover .m8-pr .i{margin-right:0;opacity:1;transform:none}
.m8-also{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 10px;margin:28px auto 0;max-width:1000px;font:400 13.5px/1.3 var(--ft);color:var(--ink3)}
.m8-al{margin-right:4px}
.m8-hp{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:999px;background:var(--surf);box-shadow:inset 0 0 0 1px var(--line)}
.m8-hp b{font-weight:600;color:var(--ink)}
.m8-cta{display:flex;justify-content:center;margin-top:36px}
.m8-btn{height:48px;padding:0 22px;background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line2)}
.m8-btn:hover{box-shadow:inset 0 0 0 1.5px var(--ink3)}
.m8-btn .i{transition:transform .2s}
.m8-btn:hover .i{transform:translateX(3px)}
[data-theme="dark"] .m8-card{--m8a:rgba(150,112,250,.26);--m8b:rgba(126,78,240,.58);--m8s:rgba(126,78,240,.55);
  background:radial-gradient(135% 72% at 50% 112%,var(--m8b) 0%,var(--m8a) 40%,rgba(19,17,36,0) 74%),linear-gradient(180deg,#16132b 0%,#100e21 100%);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
[data-theme="dark"] .m8-card::before{background:radial-gradient(150% 100% at 50% 118%,var(--m8b) 0%,var(--m8a) 46%,rgba(19,17,36,0) 82%)}
[data-theme="dark"] .m8-card.m8-tb{--m8a:rgba(135,79,247,.30);--m8b:rgba(112,44,219,.66);--m8s:rgba(112,44,219,.6)}
[data-theme="dark"] .m8-card.m8-tc{--m8a:rgba(98,104,240,.28);--m8b:rgba(76,84,226,.62);--m8s:rgba(76,84,226,.58)}
[data-theme="dark"] .m8-card.m8-td{--m8a:rgba(82,140,232,.24);--m8b:rgba(58,112,214,.55);--m8s:rgba(58,112,214,.55)}
[data-theme="dark"] .m8-card.m8-te{--m8a:rgba(60,170,176,.22);--m8b:rgba(38,140,150,.5);--m8s:rgba(38,140,150,.5)}
[data-theme="dark"] .m8-card:hover{box-shadow:inset 0 0 0 1px rgba(255,255,255,.16),0 28px 54px -26px var(--m8s)}
[data-theme="dark"] .m8-kd{color:#a9a7bb}
[data-theme="dark"] .m8-pr{color:#f1eefb}
[data-theme="dark"] .m8-hp{background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(255,255,255,.09)}
[data-theme="dark"] .m8-btn{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line2)}
[data-theme="dark"] .m8-btn:hover{box-shadow:inset 0 0 0 1.5px var(--ink3)}
@media (min-width:900px) and (max-width:1179px){
.m8-cards{gap:10px}
.m8-card{min-height:236px;padding:26px 10px 18px;border-radius:18px}
.m8-nm{font-size:17px}
.m8-kd{font-size:12.5px}
.m8-pr{font-size:12.5px}
}
@media (max-width:899px){
.m8-sec h2{font-size:30px}
.m8-lede{margin-top:12px;font-size:16px}
.m8-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:32px}
.m8-card{min-height:200px;padding:22px 8px 16px;border-radius:18px}
.m8-card.m8-te{grid-column:1 / -1;min-height:172px}
.m8-nm{margin-top:14px;font-size:16.5px}
.m8-kd{margin-top:4px;font-size:12.5px}
.m8-pr{padding-top:14px;font-size:12.5px;text-wrap:balance}
.m8-also{gap:8px;margin-top:22px;font-size:12.5px}
.m8-hp{padding:5px 10px 5px 7px}
.m8-cta{margin-top:28px}
}
@media (max-width:559px){
.m8-al{flex-basis:100%;margin:0 0 2px}
.m8-hr{display:none}
}
@media (prefers-reduced-motion:reduce){
.m8-card,.m8-pr .i,.m8-btn .i{transition:none}
.m8-card:hover,.m8-btn:hover .i{transform:none}
}
#mmBar > .n9{display:none}
@media (min-width:1061px){
html[data-o8-n-bar="ctr"] #nav .nav-in{width:auto;margin-inline:0;padding-inline:clamp(20px,1.8vw,28px);
    grid-template-columns:minmax(max-content,1fr) auto minmax(max-content,1fr);gap:20px}
html[data-o8-n-bar="ctr"] #mmBar{justify-self:center;margin-left:0;gap:2px}
html[data-o8-n-bar="ctr"] #mmBar > :not(.n9){display:none!important}
html[data-o8-n-bar="ctr"] #mmBar > .n9{display:inline-flex}
html[data-o8-n-bar="ctr"] #nav.mm-open:not(.is-scrolled){background:transparent;box-shadow:none}
}
@media (min-width:1061px) and (max-width:1240px){
html[data-o8-n-bar="ctr"] #nav .nav-in{padding-inline:16px;gap:12px}
html[data-o8-n-bar="ctr"] #mmBar > .n9{padding:0 9px;font-size:14.5px}
}
.mm .n9a{align-items:center;height:38px;padding:0 12px;border-radius:999px;font:500 15px var(--ft);color:var(--ink2);text-decoration:none;transition:color .15s,background-color .15s}
.mm .n9a:hover{color:var(--ink);background:color-mix(in srgb,var(--ink) 6%,transparent)}
.mm .n9.cur{color:var(--ink)}
.mm-p.n9p{right:auto;top:calc(100% - 4px);width:max-content;max-width:calc(100vw - 32px);padding:24px 28px 22px;
  background:var(--surf);border:1px solid var(--line);border-radius:18px;box-shadow:0 1px 2px rgba(22,16,44,.05),0 26px 50px -24px rgba(34,18,80,.30)}
[data-theme="dark"] .mm-p.n9p{box-shadow:0 1px 2px rgba(0,0,0,.4),0 26px 60px -20px rgba(0,0,0,.75)}
.n9gs{display:grid;grid-template-columns:repeat(var(--n9c),max-content);gap:0 56px}
.n9h{margin:0 0 8px;font:700 14px/1.3 var(--ft);color:var(--ink)}
.n9g ul{list-style:none;margin:0;padding:0}
.n9g a{display:block;padding:5px 0;font:500 14px/1.35 var(--ft);color:var(--ink2);text-decoration:none;white-space:nowrap;transition:color .15s}
.n9g a:hover{color:var(--acc-text)}
.n9g a:focus-visible,.n9all:focus-visible{outline:2px solid var(--acc);outline-offset:2px;border-radius:4px}
.n9f{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
.n9all{display:inline-flex;align-items:center;gap:6px;font:600 14px var(--ft);color:var(--ink);text-decoration:none}
.n9all:hover{color:var(--acc-text)}
.n9all .i{width:14px;height:14px}
.n9f .n9go{height:40px;padding:0 18px;font-size:14px}
.pc8-u .p8-u1,.cmp8 .p8-lk,.p8-free,.p8-ctas{display:none}
html[data-o8-p-rec="rec"] .pc8-tab .p8-mp{display:none}
html[data-o8-p-rec="rec"] .pc8-tab .p8-rc{display:inline}
html[data-o8-p-yearly="strike"] .pc8-p .p8-was{display:inline;margin-right:2px;font:700 24px/1 var(--fd);letter-spacing:-.03em;color:var(--ink3);text-decoration:line-through;text-decoration-thickness:2px}
html[data-o8-p-yearly="strike"] .pc8-u.p8-yr .p8-u0{display:none}
html[data-o8-p-yearly="strike"] .pc8-u.p8-yr .p8-u2{display:inline}
.pc8-l .p8-same,.pc8-h .p8-hs{display:none}
html[data-o8-p-extras="same"] .pc8-l .p8-same{display:flex}
html[data-o8-p-extras="same"] .pc8-h .p8-hs{display:inline}
html[data-o8-p-extras="same"] .pc8-h .p8-hp,html[data-o8-p-extras="same"] .pc8-l .p8-rep{display:none}
html[data-o8-p-extras="extras"] .pc8-l .p8-rep{display:none}
html[data-pg="pricing"][data-o8-p-extras="extras"][data-o8-p-credits="ledger"] .pc8:not([data-k="creator"]) :is(.pc8-h,.pc8-l){display:none}
html[data-pg="pricing"][data-o8-p-credits="ledger"] .pc8-rows .p8-lg{display:flex}
html[data-pg="pricing"]:is([data-o8-p-credits="ledger"],[data-o8-p-compare="once"]) .cmp8 .p8-tx{display:none}
html[data-pg="pricing"]:is([data-o8-p-credits="ledger"],[data-o8-p-compare="once"]) .cmp8 .p8-lk{display:inline}
.cmp8 .p8-lk{color:var(--ink);text-decoration:underline;text-decoration-color:var(--acc-line);text-decoration-thickness:1.5px;text-underline-offset:3px;border-radius:4px}
.cmp8 .p8-lk:hover{color:var(--acc-text);text-decoration-color:currentColor}
.p8b{max-width:1120px;margin:64px auto 0}
.p8b h2{margin:0 0 18px;text-align:center;font:800 24px/1.2 var(--fd);letter-spacing:-.03em}
.p8b-g{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.p8b-t{display:flex;flex-direction:column;padding:16px 18px 18px;border-radius:16px;background:var(--surf);box-shadow:inset 0 0 0 1px var(--line),0 14px 30px -26px rgba(40,20,90,.35);color:var(--ink);transition:box-shadow .18s}
.p8b-t:hover{box-shadow:inset 0 0 0 1px var(--acc-line),0 14px 30px -24px rgba(40,20,90,.45)}
.p8b-t b{font:700 15px/1.3 var(--ft);letter-spacing:-.01em}
.p8b-t strong{margin-top:10px;font:800 22px/1.1 var(--fd);letter-spacing:-.03em}
.p8b-t span{margin-top:4px;font-size:13.5px;line-height:1.4;color:var(--ink2)}
.p8b-t em{display:block;font-style:normal}
.p8b-n{margin:16px auto 0;max-width:72ch;text-align:center;font-size:14.5px;line-height:1.55;color:var(--ink2);text-wrap:balance}
.p8b-n .lnk{font-size:14.5px}
@media (max-width:1199px){
.p8b-g{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:899px){
.p8b{margin-top:48px}
.p8b h2{font-size:22px;text-align:left}
.p8b-g{gap:10px}
.p8b-n{text-align:left}
}
@media (max-width:599px){
.p8b-g{grid-template-columns:repeat(2,minmax(0,1fr))}
.p8b-t{padding:14px 14px 16px}
.p8b-t:last-child{grid-column:1/-1}
}
html[data-o8-p-onehl="one"] .pc8-chip{display:none}
html[data-o8-p-onehl="one"] .pc8-u.p8-tr .p8-u0{display:none}
html[data-o8-p-onehl="one"] .pc8-u.p8-tr .p8-u1{display:inline}
html[data-o8-p-onehl="one"] :is(#pg-home,#pg-x) .pc8 .pc8-btn{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink)}
html[data-o8-p-onehl="one"] :is(#pg-home,#pg-x) .pc8 .pc8-btn:hover{background:color-mix(in srgb,var(--ink) 7%,transparent)}
html[data-o8-p-onehl="one"] :is(#pg-home,#pg-x) .pc8[data-k="pro"] .pc8-btn{background:var(--acc);color:var(--acc-ink);box-shadow:none}
html[data-o8-p-onehl="one"] :is(#pg-home,#pg-x) .pc8[data-k="pro"] .pc8-btn:hover{background:var(--acc-h)}
html[data-o8-p-onehl="one"] .pfree8{text-wrap:balance}
html[data-pg="home"][data-o8-p-hslim="slim"] #plans :is(.pc8-t,.pc8-rows,.pc8-h,.pc8-l){display:none}
html[data-pg="home"][data-o8-p-hslim="slim"] #plans .pc8 .p8-one{display:block}
html[data-pg="home"][data-o8-p-hslim="slim"] #plans .pc8-p{margin-top:18px}
@media (max-width:899px){
html[data-pg="home"][data-o8-p-hslim="phone"] #plans :is(.pc8-t,.pc8-rows,.pc8-h,.pc8-l){display:none}
html[data-pg="home"][data-o8-p-hslim="phone"] #plans .pc8 .p8-one{display:block}
html[data-pg="home"][data-o8-p-hslim="phone"] #plans .pc8-p{margin-top:18px}
}
html[data-pg="pricing"][data-o8-p-compare="once"] .cmp8{table-layout:fixed}
html[data-pg="pricing"][data-o8-p-compare="once"] .cmp8 thead th:first-child{width:30%}
.cmp8 td.p8-sp{background:linear-gradient(90deg,transparent calc(100%/3),color-mix(in srgb,var(--acc) 6%,var(--surf)) calc(100%/3) calc(200%/3),transparent calc(200%/3))}
[data-theme="dark"] .cmp8 td.p8-sp{background:linear-gradient(90deg,transparent calc(100%/3),color-mix(in srgb,var(--acc) 9%,var(--bg2)) calc(100%/3) calc(200%/3),transparent calc(200%/3))}
.cmp8 td.p8-sp span{display:flex;align-items:center;gap:16px;padding:0 6%}
.cmp8 td.p8-sp span::before,.cmp8 td.p8-sp span::after{content:"";flex:1;height:1px;background:var(--line2)}
@media (max-width:899px){
html[data-pg="pricing"][data-o8-p-compare="once"] .cmp8 thead th:first-child{width:150px}
}
@media (max-width:599px){
html[data-pg="pricing"][data-o8-p-ptable="paid"] .p8-free{display:block;margin:0 0 16px;font-size:14px;line-height:1.5;color:var(--ink2)}
html[data-pg="pricing"][data-o8-p-ptable="paid"] .p8-free .lnk{font-size:14px}
html[data-pg="pricing"][data-o8-p-ptable="paid"] .cmp8-wrap{overflow:visible}
html[data-pg="pricing"][data-o8-p-ptable="paid"] .cmp8{min-width:0;table-layout:auto;font-size:13px}
html[data-pg="pricing"][data-o8-p-ptable="paid"] .cmp8 :is(th,td):nth-child(2):not([colspan]){display:none}
html[data-pg="pricing"][data-o8-p-ptable="paid"] .cmp8 :is(th,td){padding:11px 5px}
html[data-pg="pricing"][data-o8-p-ptable="paid"] .cmp8 th:first-child{width:128px;min-width:128px;max-width:128px;padding-left:16px}
html[data-pg="pricing"][data-o8-p-ptable="paid"] .cmp8 :is(th,td):last-child{padding-right:12px}
html[data-pg="pricing"][data-o8-p-ptable="paid"] .cmp8 tr.grp th{padding:10px 16px}
html[data-pg="pricing"][data-o8-p-ptable="paid"] .cmp8 thead th{position:sticky;top:62px;padding-top:10px;padding-bottom:9px;vertical-align:middle}
html[data-pg="pricing"][data-o8-p-ptable="paid"] .cmp8 thead th:first-child{z-index:4;width:128px}
html[data-pg="pricing"][data-o8-p-ptable="paid"] .cmp8 thead b{font:700 14px/1.2 var(--ft);letter-spacing:-.01em}
html[data-pg="pricing"][data-o8-p-ptable="paid"] .cmp8 thead small{margin:2px 0 0;font-size:12px}
html[data-pg="pricing"][data-o8-p-ptable="paid"] .cmp8 thead .btn{display:none}
html[data-pg="pricing"][data-o8-p-ptable="paid"] .cmp8 td small{font-size:11.5px}
html[data-pg="pricing"][data-o8-p-ptable="paid"] .p8-ctas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:16px}
html[data-pg="pricing"][data-o8-p-ptable="paid"] .p8-ctas .btn{height:40px;padding:0 6px;font-size:12.5px}
}
@media (max-width:359px){
html[data-pg="pricing"][data-o8-p-ptable="paid"] .cmp8{font-size:12px}
html[data-pg="pricing"][data-o8-p-ptable="paid"] .cmp8 :is(th,td){padding-left:3px;padding-right:3px}
html[data-pg="pricing"][data-o8-p-ptable="paid"] .cmp8 th:first-child,html[data-pg="pricing"][data-o8-p-ptable="paid"] .cmp8 thead th:first-child{width:100px;min-width:100px;max-width:100px;padding-left:12px}
html[data-pg="pricing"][data-o8-p-ptable="paid"] .cmp8 :is(th,td):last-child{padding-right:8px}
html[data-pg="pricing"][data-o8-p-ptable="paid"] .cmp8 :is(td small,thead small){font-size:11px}
}
@media (max-width:899px){
html[data-pg="pricing"][data-o8-p-ptable="short"] .cmp8 tbody tr:not(.p8-d):not(.p8-dg){display:none}
html[data-pg="pricing"][data-o8-p-ptable="short"] .p8-short{display:block;margin:16px 0 0;font-size:14px;line-height:1.55;color:var(--ink2)}
html[data-pg="pricing"][data-o8-p-ptable="short"] .cmp8-note{display:none}
}
html[data-pg="home"]:not([data-o8-r-design="now"]) .rv8 .rv8-m{display:none}
@media (prefers-reduced-motion:no-preference){
html[data-pg="home"]:not([data-o8-r-design="now"]) .rv8 .h8-rvb:not([hidden]){display:flex}
}
@media (max-width:899px){
html[data-o8-s-rows="stack"] #pg-x :is(.hcats,.ct-g,.sec-g,.ab-p){display:grid;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:start;gap:12px;overflow:visible;margin-inline:0;padding:0;scroll-snap-type:none}
html[data-o8-s-rows="stack"] #pg-x :is(.hcats,.ct-g,.sec-g,.ab-p)>*{flex:none;scroll-snap-align:none}
html[data-o8-s-rows="stack"] #pg-x :is(.hcat,.ct,.sec-c){padding:18px}
html[data-o8-s-rows="stack"] #pg-x .ab-p{gap:20px}
html[data-o8-s-rows="stack"] #pg-x :is(.rel,.tools-g,.steps-l,.exp7){scroll-padding-inline:var(--gut)}
html[data-o8-s-rows="stack"] #pg-x :is(.rel,.tools-g,.steps-l,.exp7)>*{flex:0 0 80%}
html[data-o8-s-rows="swipe"] #pg-x :is(.hcats,.ct-g,.sec-g,.ab-p,.rel,.tools-g,.steps-l,.exp7){scroll-padding-inline:var(--gut)}
html[data-o8-s-rows="swipe"] #pg-x :is(.hcats,.ct-g,.sec-g,.ab-p,.rel,.tools-g,.steps-l,.exp7)>*{flex:0 0 80%}
html[data-o8-s-rows="swipe"] #pg-x .s-rc{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:12px}
}
@media (max-width:699px){
html[data-o8-s-rows="stack"] #pg-x :is(.hcats,.ct-g,.sec-g,.ab-p){grid-template-columns:minmax(0,1fr)!important}
}
html[data-o8-s-su-width="fix"] #pg-signup .su-r{grid-template-columns:minmax(0,1fr)}
html[data-o8-s-su-width="fix"] #pg-signup .su-card{min-width:0}
html[data-o8-s-su-width="fix"] #pg-signup .su-prod b{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
html[data-pg="signup"]:is([data-o8-s-signup="quiet"],[data-o8-s-signup="pick"]) #nav :is(#mmBar,.nav-signin,.mob-t){display:none}
html:is([data-o8-s-signup="quiet"],[data-o8-s-signup="pick"]) #pg-signup:not([data-s-st="product"]) :is(.su-card>.lede:not(.s-su-lnew):not(.s-su-lin),.su-prod,.su-l>h2:not(.s-su-ex),.su-l figcaption>span:not(.s-su-exph)){display:none}
html:is([data-o8-s-signup="quiet"],[data-o8-s-signup="pick"]) #pg-signup[data-s-st="product"] :is(.s-su-ex,.s-su-exph,.s-su-lnew,.s-su-lin,.s-su-in,.s-su-pick){display:none}
html:is([data-o8-s-signup="quiet"],[data-o8-s-signup="pick"]) #pg-signup[data-s-st="signin"] :is(.su-card>h1:not(.s-su-in),.s-su-lnew,.s-su-pick){display:none}
html:is([data-o8-s-signup="quiet"],[data-o8-s-signup="pick"]) #pg-signup[data-s-st="new"] :is(.s-su-in,.s-su-lin){display:none}
html[data-o8-s-signup="pick"] #pg-signup[data-s-st="new"] .s-su-pick+.gbtn{margin-top:22px}
html[data-o8-s-studio="sticky"] .st-trial{background:var(--surf);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line2)}
@media (min-width:900px){
html[data-o8-s-studio="sticky"] .s-step1{display:none}
html[data-o8-s-studio="sticky"] #vWorkflow .runbar{position:sticky;bottom:16px;z-index:20;box-shadow:inset 0 0 0 1.5px var(--acc-line),var(--sh-pop)}
}
@media (max-width:899px){
html[data-o8-s-studio="sticky"] #vWorkflow .s-rail{display:none}
html[data-o8-s-studio="head"] #vWorkflow .rail{display:none}
html[data-o8-s-studio="head"] #vWorkflow .wf-head{margin-bottom:18px}
html[data-o8-s-studio="head"] #vWorkflow .runbar{position:static;box-shadow:inset 0 0 0 1.5px var(--acc-line)}
html[data-o8-s-studio="head"] #vWorkflow .wf-head-r{width:100%;justify-content:space-between}
}
.s-hs{max-width:600px;margin:30px auto 0;text-align:left}
.s-hs-box{display:flex;align-items:center;gap:12px;height:52px;padding:0 20px;border-radius:999px;background:var(--surf);box-shadow:inset 0 0 0 1px var(--line2),var(--sh-card);cursor:text}
.s-hs-box:focus-within{box-shadow:inset 0 0 0 2px var(--acc),var(--sh-card)}
.s-hs-box .i{width:18px;height:18px;color:var(--ink2)}
.s-hs-box input{flex:1;min-width:0;height:100%;border:0;background:transparent;outline:none;font:500 16px var(--ft);color:var(--ink)}
.s-hs-box input::placeholder{color:var(--ink2);opacity:1}
.s-hs-res{margin-top:10px;padding:8px;border-radius:20px;background:var(--surf);box-shadow:inset 0 0 0 1px var(--line),var(--sh-card)}
.s-pcat .s-chev{flex:none;color:var(--ink2)}
html[data-pg="help"]:is([data-o8-s-help="search"],[data-o8-s-help="popular"]) .hcats{align-items:start}
html[data-pg="help"][data-o8-s-help="search"] .hcat a{align-items:center;color:var(--ink)}
html[data-pg="help"][data-o8-s-help="search"] .hcat a::after{content:"";flex:none;width:6px;height:6px;margin-right:4px;border-top:1.6px solid var(--ink2);border-right:1.6px solid var(--ink2);transform:rotate(45deg)}
html[data-pg="help"][data-o8-s-help="search"] .hcat a:hover{text-decoration:underline;text-underline-offset:3px}
@media (max-width:699px){
.s-hs{margin-top:24px}
.s-hs-box{padding:0 16px}
.s-hs-box input{font-size:15px}
}
.s-ref{display:grid;justify-items:start;gap:18px;max-width:520px;margin-top:30px}
.s-ref-ex{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;border-radius:16px;border:1.5px dashed var(--line2);font:500 15px var(--ft);color:var(--ink2)}
.s-ref-ex small{flex:none;height:22px;padding:0 8px;border-radius:6px;background:var(--sunk);font:600 12px/22px var(--ft);color:var(--ink2)}
.s-ref-ex span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.s-ref .fine{margin-top:0}
html[data-pg="affiliates"][data-o8-s-refer="link"] #pg-x .rel>a[href="#for/affiliates"]{order:9}
html:not([data-pg="affiliates"]) .s-endref{display:none}
html[data-pg="affiliates"][data-o8-s-refer="link"] .end8>:not(.s-endref){display:none}
html[data-pg="affiliates"][data-o8-s-refer="signin"] .end8{display:none}
html[data-pg="affiliates"][data-o8-s-refer="signin"] #foot{padding-top:120px}
@media (max-width:899px){
html[data-pg="affiliates"][data-o8-s-refer="signin"] #foot{padding-top:84px}
}
.s-hcr .s-hcr-m,.s-ptoc,.s-pafter{display:none}
@media (max-width:899px){
.s-hcr .s-hcr-d{display:none}
.s-hcr .s-hcr-m{display:inline}
.s-hcr a:last-child{color:var(--ink2);font-weight:500}
html[data-o8-s-hart="toc"] .s-ptoc{display:block;margin:0 0 28px;padding:18px 20px 12px;border-radius:18px;background:var(--surf);box-shadow:inset 0 0 0 1px var(--line)}
.s-ptoc h2{margin:0 0 4px;font:600 13.5px var(--ft);color:var(--ink)}
.s-ptoc ul{list-style:none;margin:0;padding:0;display:grid}
.s-ptoc a{display:block;padding:9px 0;border-top:1px solid var(--line);font-size:15px;color:var(--acc-text)}
.s-ptoc li:first-child a{border-top:0}
html[data-o8-s-hart="toc"] .s-pafter{display:grid;gap:28px;margin-top:32px}
.s-pcat h2{margin:0 0 6px;font:700 18px/1.25 var(--fd);letter-spacing:-.02em}
.s-pcat ul{list-style:none;margin:0;padding:0}
.s-pcat a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid var(--line);font-size:15px;color:var(--ink)}
html[data-pg^="help/"][data-o8-s-hart="toc"] .band7.sm{padding-bottom:16px}
html[data-pg^="help/"][data-o8-s-hart="toc"] .band7.sm+.wrap.ip{padding-top:16px}
html[data-pg^="help/"][data-o8-s-hart="toc"] .hart .prose{margin-top:0}
}
.s-ct2{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:72px;align-items:start;padding-top:28px}
.s-ct2-l h1{margin:0;font:800 clamp(38px,4.6vw,64px)/1 var(--fd);letter-spacing:-.048em;text-wrap:balance}
.s-ct2-l .lede{margin-top:18px;max-width:40ch}
.s-ct2-l h2{margin:40px 0 14px;font:600 15px var(--ft);color:var(--ink)}
.s-ticks{list-style:none;margin:0;padding:0;display:grid;gap:12px;font-size:15.5px;color:var(--ink2)}
.s-ticks li{display:flex;gap:10px;line-height:1.45}
.s-ticks .i{margin-top:3px;color:var(--acc-text)}
.s-ct2-r{display:grid;gap:14px}
.s-ct2-r .ct{padding:24px 26px}
@media (max-width:899px){
.s-ct2{grid-template-columns:minmax(0,1fr);gap:40px;padding-top:10px}
.s-ct2-l h1{font-size:38px}
.s-ct2-r .ct{padding:20px}
}
html[data-pg="about"][data-o8-s-about="noface"] #pg-x :is(.ih,.s-ab-co){display:none}
.s-abh{max-width:820px;padding:12px 0 8px}
.s-abh h1{margin:0;font:800 clamp(38px,4.4vw,62px)/1 var(--fd);letter-spacing:-.048em;text-wrap:balance}
.s-abh .lede{margin-top:20px;max-width:52ch}
.s-abh-go{display:inline-flex;align-items:center;gap:6px;margin-top:24px;font-size:15.5px}
.s-abw-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.s-abw-g>div{padding:32px;border-radius:24px;background:var(--surf);box-shadow:inset 0 0 0 1px var(--line)}
.s-abw h2{margin:0 0 14px;font:700 22px/1.2 var(--fd);letter-spacing:-.025em}
.s-abw h2.s-abw-h2{margin-top:26px}
.s-abw p{font-size:16px;line-height:1.6;color:var(--ink2)}
.s-abw ul{list-style:none;margin:0;padding:0;display:grid;gap:12px;font-size:15.5px;color:var(--ink2)}
.s-abw li{display:flex;gap:10px;line-height:1.45}
.s-abw li .i{margin-top:3px;color:var(--ink2)}
html[data-pg="about"][data-o8-s-about="noface"] #pg-x .specs4{grid-template-columns:repeat(3,minmax(0,1fr))}
html[data-pg="about"][data-o8-s-about="noface"] #pg-x .specs4>div:nth-child(4){display:none}
@media (max-width:899px){
.s-abh{padding-top:4px}
.s-abh h1{font-size:38px}
.s-abw-g{grid-template-columns:minmax(0,1fr);gap:12px}
.s-abw-g>div{padding:22px}
html[data-pg="about"][data-o8-s-about="noface"] #pg-x .specs4{grid-template-columns:minmax(0,1fr)}
html[data-pg="about"][data-o8-s-about="noface"] #pg-x .specs4>div+div{box-shadow:0 -1px 0 var(--line)}
}
.s-clf{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}
.s-clf .chip[aria-pressed="true"]{background:var(--ink);color:var(--bg);box-shadow:none}
.s-cl .cl-e.s-has{grid-template-columns:200px minmax(0,1fr) 280px}
.s-cl-go{display:inline-flex;align-items:center;gap:6px;margin-top:12px;font-size:14.5px}
.s-clm{margin:0}
.s-clm>div{display:flex;justify-content:center;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:var(--sunk);box-shadow:inset 0 0 0 1px var(--line)}
.s-clm img{height:100%;width:auto;max-width:none;aspect-ratio:9/16;object-fit:cover}
.s-clm figcaption{margin-top:8px;font-size:12.5px;line-height:1.4;color:var(--ink2)}
.s-sic{display:grid;place-items:center;width:40px;height:40px;margin-bottom:16px;border-radius:12px;background:var(--acc-soft);color:var(--acc-text)}
.s-sic svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:899px){
.s-cl .cl-e.s-has{grid-template-columns:minmax(0,1fr)}
.s-clm{max-width:320px;margin-top:6px}
}
@media (max-width:379px){
html[data-pg="signup"][data-o8-s-su-width="fix"] .nav.is-min .nav-back{font-size:0;gap:0;width:40px;padding:0;justify-content:center}
html[data-pg="signup"][data-o8-s-su-width="fix"] .nav.is-min .nav-back .i{width:18px;height:18px}
}
html[data-pg="home"]:is([data-o8-h-top="blend"],[data-o8-h-top="a"],[data-o8-h-top="b"],[data-o8-h-top="ab"]) #pg-home section.vr-fan{display:none}
.lt8{--lt8-nav:72px;--lt8-fd:"Plus Jakarta Sans",var(--fd);
  --a5-surface:#fff;--a5-line:#e6e4ec;--a5-ink2:#4e4b5d;
  --lt8-frame:#fff;--lt8-sh:0 14px 30px -20px rgba(34,18,80,.32);--lt8-dim:none;
  position:relative;isolation:isolate;margin-top:calc(-1*var(--lt8-nav))}
[data-theme="dark"] .lt8{--a5-surface:#0e0c1b;--a5-line:rgba(195,176,253,.10);--a5-ink2:#b7b5c5;
  --lt8-frame:rgba(255,255,255,.14);--lt8-sh:0 16px 34px -20px rgba(0,0,0,.8);--lt8-dim:brightness(.82) saturate(.9)}
@media (max-width:899px){
.lt8{--lt8-nav:62px}
}
.lt8-box{position:relative;isolation:isolate;overflow:hidden;display:grid;place-items:center;
  min-height:max(660px,94svh);padding-top:var(--lt8-nav)}
.lt8-bg{position:absolute;inset:0;z-index:-3;overflow:hidden;pointer-events:none;
  --lt8-m1:radial-gradient(ellipse 64% 62% at 50% 50%,rgba(0,0,0,0.000) 50%,rgba(0,0,0,0.028) 54%,rgba(0,0,0,0.104) 58%,rgba(0,0,0,0.216) 62%,rgba(0,0,0,0.352) 66%,rgba(0,0,0,0.500) 70%,rgba(0,0,0,0.648) 74%,rgba(0,0,0,0.784) 78%,rgba(0,0,0,0.896) 82%,rgba(0,0,0,0.972) 86%,rgba(0,0,0,1.000) 90%);
  --lt8-m2:linear-gradient(180deg,transparent var(--lt8-nav),rgba(0,0,0,0.000) calc(var(--lt8-nav) + 0px),rgba(0,0,0,0.043) calc(var(--lt8-nav) + 27.5px),rgba(0,0,0,0.156) calc(var(--lt8-nav) + 55px),rgba(0,0,0,0.316) calc(var(--lt8-nav) + 82.5px),rgba(0,0,0,0.500) calc(var(--lt8-nav) + 110px),rgba(0,0,0,0.684) calc(var(--lt8-nav) + 137.5px),rgba(0,0,0,0.844) calc(var(--lt8-nav) + 165px),rgba(0,0,0,0.957) calc(var(--lt8-nav) + 192.5px),rgba(0,0,0,1.000) calc(var(--lt8-nav) + 220px),rgba(0,0,0,1.000) calc(100% - 300px),rgba(0,0,0,0.957) calc(100% - 262.5px),rgba(0,0,0,0.844) calc(100% - 225px),rgba(0,0,0,0.684) calc(100% - 187.5px),rgba(0,0,0,0.500) calc(100% - 150px),rgba(0,0,0,0.316) calc(100% - 112.5px),rgba(0,0,0,0.156) calc(100% - 75px),rgba(0,0,0,0.043) calc(100% - 37.5px),transparent 100%);
  --lt8-m3:linear-gradient(#000,#000);  
  -webkit-mask-image:var(--lt8-m1),var(--lt8-m2),var(--lt8-m3);-webkit-mask-composite:source-in;
  mask-image:var(--lt8-m1),var(--lt8-m2),var(--lt8-m3);mask-composite:intersect}
.lt8-wall{position:absolute;inset:-12%;display:flex;justify-content:center;gap:18px;transform:rotate(-7deg)}
.lt8-col{display:flex;flex-direction:column}
.lt8-c4,.lt8-c5,.lt8-c6,.lt8-c7,.lt8-c8{display:none}
.lt8-c7{order:-1}
.lt8-run{display:flex;flex-direction:column;animation:lt8-up var(--d,70s) linear infinite;will-change:transform}
.lt8-run[data-dir="down"]{animation-name:lt8-down}
.lt8-t{position:relative;flex:none;width:112px;aspect-ratio:9/16;margin-bottom:12px;border-radius:16px;overflow:hidden;
  background:var(--sunk);border:3px solid var(--lt8-frame);box-shadow:var(--lt8-sh)}
.lt8-t video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;filter:var(--lt8-dim)}
@media (min-width:640px){
.lt8-c4,.lt8-c5{display:flex}
.lt8-t{width:150px;margin-bottom:18px;border-radius:22px}
}
@media (min-width:1024px){
.lt8-c6,.lt8-c7,.lt8-c8{display:flex}
.lt8-t{width:164px}
}
@media (min-width:1600px){
.lt8-t{width:min(220px,11vw)}
}
.lt8-glow{position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.32}
[data-theme="dark"] .lt8-glow{opacity:.5}
.lt8-glow i{position:absolute;top:55%;left:50%;border-radius:50%;filter:blur(70px)}
.lt8-glow .o1{width:min(720px,90vw);height:min(420px,60vw);transform:translate(-64%,-60%);background:radial-gradient(closest-side,rgba(135,79,247,.8),rgba(135,79,247,0))}
.lt8-glow .o2{width:min(620px,80vw);height:min(380px,56vw);transform:translate(-30%,-36%);background:radial-gradient(closest-side,rgba(92,97,239,.55),rgba(92,97,239,0))}
.lt8-in{position:relative;width:min(1080px,calc(100% - 2*var(--gut)));container-type:inline-size;padding:72px 0 112px;text-align:center}
.lt8-kick{margin-bottom:26px}
.lt8-h{margin:0 auto;font:800 clamp(16px,calc(100cqw*var(--lt8-k,.0664)),var(--lt8-max,70px))/1.06 var(--lt8-fd);letter-spacing:-.034em;color:var(--ink)}
.lt8-h > span{display:block;white-space:nowrap}
.lt8-h .pn{margin-left:-.07em}
.lt8-lede{max-width:38rem;margin:24px auto 0;font:400 18px/1.6 var(--ft);color:var(--ink2);text-wrap:pretty}
@media (min-width:640px){
.lt8-lede{font-size:19px}
}
@media (max-width:639px){
.lt8-in{padding:48px 0 96px}
.lt8-kick{margin-bottom:20px}
.lt8-h{letter-spacing:-.03em}
.lt8-lede{margin-top:18px;font-size:16.5px}
}
.lt8-foot{position:absolute;right:16px;bottom:14px;display:flex;align-items:center;gap:10px;font:400 12px/1.2 var(--ft);color:var(--ink3)}
@media (prefers-reduced-motion:reduce){
.lt8-run{animation:none}
}
@media (max-width:639px){
.lt8-bg{--lt8-m1:radial-gradient(ellipse 92% 50% at 50% 52%,rgba(0,0,0,0.000) 52%,rgba(0,0,0,0.028) 56.8%,rgba(0,0,0,0.104) 61.6%,rgba(0,0,0,0.216) 66.4%,rgba(0,0,0,0.352) 71.2%,rgba(0,0,0,0.500) 76%,rgba(0,0,0,0.648) 80.8%,rgba(0,0,0,0.784) 85.6%,rgba(0,0,0,0.896) 90.4%,rgba(0,0,0,0.972) 95.2%,rgba(0,0,0,1.000) 100%);
    --lt8-m2:linear-gradient(180deg,transparent var(--lt8-nav),rgba(0,0,0,0.000) calc(var(--lt8-nav) + 0px),rgba(0,0,0,0.043) calc(var(--lt8-nav) + 15px),rgba(0,0,0,0.156) calc(var(--lt8-nav) + 30px),rgba(0,0,0,0.316) calc(var(--lt8-nav) + 45px),rgba(0,0,0,0.500) calc(var(--lt8-nav) + 60px),rgba(0,0,0,0.684) calc(var(--lt8-nav) + 75px),rgba(0,0,0,0.844) calc(var(--lt8-nav) + 90px),rgba(0,0,0,0.957) calc(var(--lt8-nav) + 105px),rgba(0,0,0,1.000) calc(var(--lt8-nav) + 120px),rgba(0,0,0,1.000) calc(100% - 200px),rgba(0,0,0,0.957) calc(100% - 175px),rgba(0,0,0,0.844) calc(100% - 150px),rgba(0,0,0,0.684) calc(100% - 125px),rgba(0,0,0,0.500) calc(100% - 100px),rgba(0,0,0,0.316) calc(100% - 75px),rgba(0,0,0,0.156) calc(100% - 50px),rgba(0,0,0,0.043) calc(100% - 25px),transparent 100%)}
}
html[data-pg="home"]:is([data-o8-h-top="blend"],[data-o8-h-top="a"],[data-o8-h-top="b"],[data-o8-h-top="ab"]) #pg-home #how{padding-top:130px}
@media (max-width:899px){
html[data-pg="home"]:is([data-o8-h-top="blend"],[data-o8-h-top="a"],[data-o8-h-top="b"],[data-o8-h-top="ab"]) #pg-home #how{padding-top:82px}
}
html[data-o8-h-glow="soft"] .lt8-x .lt8-glow{opacity:.13}
html[data-o8-h-glow="soft"][data-theme="dark"] .lt8-x .lt8-glow{opacity:.24}
html[data-o8-h-glow="soft"] .lt8-x .lt8-glow i{filter:blur(90px)}
html[data-o8-h-glow="off"] .lt8-x .lt8-glow{display:none}
.lt8-chip{position:absolute;left:7px;bottom:7px;z-index:2;display:inline-flex;align-items:center;max-width:calc(100% - 14px);min-height:22px;padding:3px 8px;border-radius:11px;
  background:var(--chip);color:var(--chip-ink);font:600 10.5px/1.25 var(--ft);white-space:nowrap;box-shadow:0 1px 3px rgba(0,0,0,.14);pointer-events:none}
.lt8-ticks{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 22px;margin:26px auto 0;padding:0;list-style:none;font:500 14px/1.4 var(--ft);color:var(--ink2)}
.lt8-ticks li{display:inline-flex;align-items:center;gap:8px}
.lt8-ticks li::before{content:"";flex:none;width:17px;height:17px;border-radius:50%;
  background:var(--acc) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.8 6.3 5 8.4l4.2-4.6' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/11px no-repeat}
.lt8-ticks a{font-weight:600;color:var(--acc-text);text-decoration:none;border-radius:4px}
.lt8-ticks a:hover{text-decoration:underline;text-underline-offset:4px}
.lt8-ticks a:focus-visible{outline:2px solid var(--acc);outline-offset:3px}
@media (max-width:639px){
.lt8-ticks{gap:8px 16px;font-size:13.5px}
}
.lt8-lb{display:flex;align-items:center;gap:6px;width:100%;max-width:600px;margin:32px auto 0;padding:7px 7px 7px 18px;text-align:left;
  background:var(--surf);border:1px solid var(--line2);border-radius:18px;box-shadow:0 1px 2px rgba(22,16,44,.05),0 18px 40px -18px rgba(34,18,80,.30);transition:border-color .15s,box-shadow .15s}
[data-theme="dark"] .lt8-lb{box-shadow:0 1px 2px rgba(0,0,0,.45),0 18px 40px -18px rgba(0,0,0,.8)}
.lt8-lb:focus-within{border-color:var(--acc);box-shadow:0 1px 2px rgba(22,16,44,.05),0 18px 40px -18px rgba(34,18,80,.30),0 0 0 4px color-mix(in srgb,var(--acc) 18%,transparent)}
.lt8-lb-i{flex:none;width:19px;height:19px;fill:none;stroke:var(--ink3);stroke-width:1.9;stroke-linecap:round}
.lt8-lb input{flex:1;min-width:0;height:48px;padding:0 6px;border:0;background:transparent;font:400 16px/1.2 var(--ft);color:var(--ink);outline:none}
.lt8-lb input::placeholder{color:var(--ink3);opacity:1}
.lt8-lb .btn{flex:none;height:48px;padding:0 20px;border-radius:12px;gap:8px;font-size:15.5px}
.lt8-lb .btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.lt8-err{margin:10px auto 0;font:500 13.5px/1.4 var(--ft);color:#b42318}
[data-theme="dark"] .lt8-err{color:#ff9a8f}
.lt8-ab .lt8-ticks{margin-top:20px}
@media (max-width:519px){
.lt8-lb{flex-wrap:wrap;padding:6px;border-radius:16px}
.lt8-lb-i{margin-left:10px}
.lt8-lb .btn{width:100%;justify-content:center}
}
.lt8-x .lt8-bg{--lt8-m1:radial-gradient(ellipse 64% 62% at 50% 50%,rgba(0,0,0,0.200) 34%,rgba(0,0,0,0.220) 40%,rgba(0,0,0,0.273) 46%,rgba(0,0,0,0.351) 52%,rgba(0,0,0,0.446) 58%,rgba(0,0,0,0.550) 64%,rgba(0,0,0,0.654) 70%,rgba(0,0,0,0.749) 76%,rgba(0,0,0,0.827) 82%,rgba(0,0,0,0.880) 88%,rgba(0,0,0,0.900) 94%)}
[data-theme="dark"] .lt8-x .lt8-bg{--lt8-m1:radial-gradient(ellipse 64% 62% at 50% 50%,rgba(0,0,0,0.240) 34%,rgba(0,0,0,0.261) 40%,rgba(0,0,0,0.319) 46%,rgba(0,0,0,0.404) 52%,rgba(0,0,0,0.508) 58%,rgba(0,0,0,0.620) 64%,rgba(0,0,0,0.732) 70%,rgba(0,0,0,0.836) 76%,rgba(0,0,0,0.921) 82%,rgba(0,0,0,0.979) 88%,rgba(0,0,0,1.000) 94%)}
html:not([data-theme="dark"]) .lt8-x{--lt8-dim:saturate(.92) contrast(.92) brightness(1.03)}
@media (max-width:639px){
.lt8-x .lt8-bg{--lt8-m1:radial-gradient(ellipse 92% 54% at 50% 52%,rgba(0,0,0,0.200) 36%,rgba(0,0,0,0.220) 42.4%,rgba(0,0,0,0.273) 48.8%,rgba(0,0,0,0.351) 55.2%,rgba(0,0,0,0.446) 61.6%,rgba(0,0,0,0.550) 68%,rgba(0,0,0,0.654) 74.4%,rgba(0,0,0,0.749) 80.8%,rgba(0,0,0,0.827) 87.2%,rgba(0,0,0,0.880) 93.6%,rgba(0,0,0,0.900) 100%)}
[data-theme="dark"] .lt8-x .lt8-bg{--lt8-m1:radial-gradient(ellipse 92% 54% at 50% 52%,rgba(0,0,0,0.240) 36%,rgba(0,0,0,0.261) 42.4%,rgba(0,0,0,0.319) 48.8%,rgba(0,0,0,0.404) 55.2%,rgba(0,0,0,0.508) 61.6%,rgba(0,0,0,0.620) 68%,rgba(0,0,0,0.732) 74.4%,rgba(0,0,0,0.836) 80.8%,rgba(0,0,0,0.921) 87.2%,rgba(0,0,0,0.979) 93.6%,rgba(0,0,0,1.000) 100%)}
.lt8-bg,.lt8-foot{display:none}
.lt8-box{min-height:0}
.lt8-in{padding:44px 0 60px}
.lt8-h{font-size:clamp(16px,calc(100cqw*.081),30px)}
.lt8-lede{font-size:15px;line-height:1.5;max-width:21rem;margin-top:16px}
.lt8-lb{margin-top:26px}
}
[class*="u8-"][hidden]{display:none!important}
.u8-ar{width:14px;height:14px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.u8-pb{position:absolute;left:50%;top:50%;z-index:3;display:grid;place-items:center;width:56px;height:56px;margin:-28px 0 0 -28px;padding:0;border:0;border-radius:50%;
  background:rgba(18,17,23,.58);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;cursor:pointer;transition:opacity .2s,background-color .15s}
.u8-pb:hover{background:rgba(18,17,23,.74)}
.u8-pb:focus-visible{outline:3px solid #fff;outline-offset:2px;box-shadow:0 0 0 6px var(--acc)}
.u8-pb svg{width:22px;height:22px;fill:currentColor}
.u8-pb .u8-pz{display:none}
.u8-on .u8-pb .u8-pi{display:none}
.u8-on .u8-pb .u8-pz{display:block}
.u8-on .u8-pb{opacity:0}
.u8-on:hover .u8-pb,.u8-on .u8-pb:focus-visible{opacity:1}
@media (hover:none){
.u8-on .u8-pb{opacity:.85}
}
html[data-pg="examples"][data-o8-u-exaction="block"] .x8-h{align-items:flex-end}
html[data-pg="examples"][data-o8-u-exaction="block"] .x8-h>div:first-child{margin-right:auto}
html[data-pg="examples"][data-o8-u-exaction="block"] .x8-h>.lnk{line-height:36px}
.u8-xm{flex:none;gap:6px;white-space:nowrap}
.u8-xm .u8-ar{margin-left:2px}
@media (max-width:899px){
html[data-pg="examples"][data-o8-u-exaction="block"] .x8-h{align-items:flex-start}
html[data-pg="examples"][data-o8-u-exaction="block"] .x8-h>div:first-child{margin-right:0}
}
@media (max-width:699px){
html[data-pg="examples"][data-o8-u-exphone="row"] .x8-g{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gut);
    margin-inline:calc(-1*var(--gut));padding:2px var(--gut) 10px;scrollbar-width:none}
html[data-pg="examples"][data-o8-u-exphone="row"] .x8-g::-webkit-scrollbar{display:none}
html[data-pg="examples"][data-o8-u-exphone="row"] .x8-g>.xp8{flex:0 0 82%;scroll-snap-align:start}
html[data-pg="examples"][data-o8-u-exphone="compact"] .x8-g{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
html[data-pg="examples"][data-o8-u-exphone="compact"] .xp8{padding:8px;border-radius:18px}
html[data-pg="examples"][data-o8-u-exphone="compact"] .xp8-r{display:block;position:relative}
html[data-pg="examples"][data-o8-u-exphone="compact"] .xp8-r .parr{display:none}
html[data-pg="examples"][data-o8-u-exphone="compact"] .xp8-r .vframe,html[data-pg="examples"][data-o8-u-exphone="compact"] .xp8-st{width:100%;border-radius:12px}
html[data-pg="examples"][data-o8-u-exphone="compact"] .xp8-ph{position:absolute;left:6px;bottom:6px;z-index:4;width:34%;gap:0}
html[data-pg="examples"][data-o8-u-exphone="compact"] .xp8-ph img{border-radius:9px;box-shadow:0 0 0 2px var(--surf),0 6px 16px -6px rgba(0,0,0,.45)}
html[data-pg="examples"][data-o8-u-exphone="compact"] .xp8-ph span{display:none}
html[data-pg="examples"][data-o8-u-exphone="compact"] .xp8 figcaption{margin-top:8px}
html[data-pg="examples"][data-o8-u-exphone="compact"] .xp8 figcaption a{font-size:14px}
html[data-pg="examples"][data-o8-u-exphone="compact"] .xp8 figcaption span{font-size:12px;line-height:1.35}
html[data-pg="examples"][data-o8-u-exphone="compact"] .u8-pb,html[data-pg="examples"][data-o8-u-exphone="compact"] .play8{transform:scale(.86)}
}
.u8-pr{display:flex;align-items:center;gap:14px;margin:26px 0 0}
.u8-pra{display:grid;place-items:center;color:var(--ink3)}
.u8-pra svg{width:40px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.u8-prp{display:grid;gap:8px;width:180px}
.u8-prp img{width:180px;aspect-ratio:1;max-height:none;object-fit:cover;border-radius:18px;background:var(--surf2);box-shadow:inset 0 0 0 1px var(--line),var(--sh-card)}
.u8-pr.u8-tall .u8-prp{width:135px}
.u8-pr.u8-tall .u8-prp img{width:135px;aspect-ratio:9/16}
.u8-prp figcaption{font:600 14px var(--ft);color:var(--ink2)}
@media (max-width:899px){
.u8-pr{flex-direction:column;align-items:center;margin-top:22px}
.u8-pra{order:-1;transform:rotate(90deg);height:40px}
.u8-prp{justify-items:center}
}
.u8-fl.u8-fl{display:block;margin-top:10px;font-size:13.5px;line-height:1.45;color:var(--ink2)}
.u8-cb{display:flex;flex-direction:column;min-width:0}
.u8-cb>b{font:700 19px/1.25 var(--fd);letter-spacing:-.02em;color:var(--ink)}
.u8-cb>span{margin-top:6px;font-size:14.5px;line-height:1.45;color:var(--ink2)}
.u8-cb>.u8-fl{margin-top:10px;font-size:13.5px;color:var(--ink2)}
.u8-cb>.u8-go{display:inline-flex;align-items:center;gap:6px;margin-top:auto;padding-top:14px;font:600 14px var(--ft);color:var(--acc-text)}
.u8-ag{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.u8-ac{display:grid;grid-template-columns:168px minmax(0,1fr);align-items:center;gap:24px;padding:18px;border-radius:24px;background:var(--surf);box-shadow:inset 0 0 0 1px var(--line);transition:box-shadow .15s,transform .2s}
.u8-ac:hover,.u8-cc:hover{box-shadow:inset 0 0 0 1px var(--ink3);transform:translateY(-2px)}
.u8-ac img{width:168px;aspect-ratio:1;object-fit:cover;border-radius:16px}
.u8-ac .u8-cb{padding:4px 6px 4px 0}
.u8-ac .u8-cb>b{font-size:24px}
.u8-cg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.u8-cc{display:flex;flex-direction:column;gap:16px;padding:14px 14px 20px;border-radius:24px;background:var(--surf);box-shadow:inset 0 0 0 1px var(--line);transition:box-shadow .15s,transform .2s}
.u8-cc img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:16px}
.u8-cc .u8-cb{padding:0 6px;flex:1}
@media (max-width:1099px){
.u8-cg{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:899px){
.u8-ag{grid-template-columns:minmax(0,1fr);gap:14px}
.u8-ac{grid-template-columns:96px minmax(0,1fr);gap:16px;padding:14px;align-items:start}
.u8-ac img{width:96px;aspect-ratio:9/16;border-radius:12px}
.u8-ac .u8-cb>b{font-size:19px}
.u8-cg{gap:12px}
.u8-cc{padding:10px 10px 16px;gap:12px;border-radius:20px}
.u8-cc .u8-cb{padding:0 4px}
.u8-cc .u8-cb>b{font-size:16.5px}
.u8-cc .u8-cb>span{font-size:13.5px}
}
@media (max-width:699px){
.u8-cc .u8-cb>span:not([class]){display:none}
}
.u8-r2g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.u8-r2g a{display:grid;grid-template-columns:200px minmax(0,1fr);align-items:center;gap:26px;padding:14px;border-radius:24px;background:var(--surf);box-shadow:inset 0 0 0 1px var(--line);transition:transform .2s,box-shadow .15s}
.u8-r2g a:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px var(--ink3)}
.u8-r2g img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:16px}
.u8-r2g a>span{display:grid;gap:6px;padding-right:8px}
.u8-r2g b{font:700 22px/1.2 var(--fd);letter-spacing:-.025em;color:var(--ink)}
.u8-r2g a>span>span{font-size:15px;color:var(--ink2)}
.u8-r2g a>span>.u8-go{display:inline-flex;align-items:center;gap:6px;justify-self:start;margin-top:6px;padding-top:0;font:600 14px var(--ft);color:var(--acc-text)}
.u8-r2n{margin:22px auto 0;max-width:72ch;text-align:center;font-size:15px;line-height:1.55;color:var(--ink2)}
@media (max-width:899px){
.u8-r2g{grid-template-columns:minmax(0,1fr);gap:12px}
.u8-r2g a{grid-template-columns:120px minmax(0,1fr);gap:16px;padding:10px;border-radius:20px}
.u8-r2g img{aspect-ratio:1;border-radius:13px}
.u8-r2g b{font-size:18px}
.u8-r2g a>span>span{font-size:14px}
.u8-r2g a>span>.u8-go{font-size:13.5px}
.u8-r2n{margin-top:16px;font-size:14px;text-align:left}
html[data-o8-u-cat="icons"] .u8-ig{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;overflow:visible;margin-inline:0;padding:0}
html[data-o8-u-cat="icons"] .u8-ig>*{flex:none}
}
.u8-stg .xp8 .vframe{cursor:pointer}
.u8-stm{margin-top:22px;text-align:center}
.u8-stm .lnk{display:inline-flex;align-items:center;gap:6px;font-size:15px}
@media (max-width:1180px){
.u8-stg{grid-template-columns:repeat(3,minmax(0,1fr))}
.u8-stg .xp8{padding:10px}
}
@media (max-width:899px){
.u8-stg{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gut);margin-inline:calc(-1*var(--gut));padding:2px var(--gut) 10px;scrollbar-width:none}
.u8-stg::-webkit-scrollbar{display:none}
.u8-stg>.xp8{flex:0 0 82%;scroll-snap-align:start;padding:14px}
}
html[data-pg^="for/"][data-o8-u-day="equal"] .day7{align-items:start}
html[data-pg^="for/"][data-o8-u-day="equal"] .day7>div{gap:8px}
html[data-pg^="for/"][data-o8-u-day="equal"] .day7 .pnl{order:-1;margin:0 0 10px;min-height:0;height:auto;aspect-ratio:4/3;padding:12px;align-content:center}
html[data-pg^="for/"][data-o8-u-day="equal"] .day7 .pnl>*{zoom:.74}
html[data-pg^="for/"][data-o8-u-day="equal"] .day7 .pnl>.pr-row{transform:none;zoom:.6}
html[data-pg^="for/"][data-o8-u-day="equal"] .day7 .pnl>.plib{zoom:.56}
@media (max-width:1180px) and (min-width:900px){
html[data-pg^="for/"][data-o8-u-day="equal"] .day7 .pnl>*{zoom:.8}
html[data-pg^="for/"][data-o8-u-day="equal"] .day7 .pnl>.pr-row{zoom:.66}
}
@media (max-width:899px){
html[data-pg^="for/"][data-o8-u-day="equal"] .day7{align-items:flex-start}
html[data-pg^="for/"][data-o8-u-day="equal"] .day7 .pnl{aspect-ratio:auto;height:200px;min-height:0;padding:10px}
html[data-pg^="for/"][data-o8-u-day="equal"] .day7 .pnl>*{zoom:.7}
html[data-pg^="for/"][data-o8-u-day="equal"] .day7 .pnl>.pr-row{zoom:.56}
html[data-pg^="for/"][data-o8-u-day="equal"] .day7 .pnl>.plib{zoom:.5}
}
.u8-srcs li{line-height:1.5}
@media (min-width:1181px){
html[data-pg^="guides/"][data-o8-u-rail="tight"] .art{grid-template-columns:680px 300px;gap:64px;justify-content:start}
.u8-rtoc,.u8-rcta{display:none!important}
}
@media (max-width:1180px){
.u8-rtoc{margin-top:22px;max-width:520px}
.u8-rtoc ul{gap:6px}
.u8-rtoc a{font-size:14.5px;color:var(--ink2)}
.u8-rcta{margin-top:48px}
.u8-rcta .side-cta{max-width:520px}
}
html[data-pg="guides"]:not([data-o8-u-guides="now"]) .idx-feat .iv{grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr);grid-auto-flow:row;align-items:center;gap:18px;padding:36px 48px}
html[data-pg="guides"]:not([data-o8-u-guides="now"]) .idx-feat .iv img{width:100%!important;max-width:240px;justify-self:center;aspect-ratio:9/16!important;object-fit:cover;border-radius:18px;box-shadow:var(--sh-card)}
html[data-pg="guides"]:not([data-o8-u-guides="now"]) .idx-feat .iv img:first-child{aspect-ratio:1!important}
.u8-gfa{display:grid;place-items:center;color:var(--ink3)}
.u8-gfa svg{width:30px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
html[data-pg="guides"]:not([data-o8-u-guides="now"]) .idx-feat .go{display:inline-flex;align-items:center;gap:6px;color:var(--acc-text);font:600 15px var(--ft)}
.u8-gfg{display:inline-flex}
.idx-feat .ib .u8-gfm{margin-top:2px;font-size:13px;color:var(--ink3)}
.u8-gc em{margin-top:auto;padding-top:10px;font:500 12.5px var(--ft);font-style:normal;color:var(--ink3)}
.u8-gg+.u8-gg{padding-top:88px}
@media (max-width:899px){
html[data-pg="guides"]:not([data-o8-u-guides="now"]) .idx-feat .iv{grid-template-columns:minmax(0,1fr) 26px minmax(0,1fr);gap:10px;padding:22px 20px;min-height:0}
html[data-pg="guides"]:not([data-o8-u-guides="now"]) .idx-feat .iv img{max-width:150px;border-radius:14px}
.u8-gg+.u8-gg{padding-top:56px}
}
html[data-pg="tools"][data-o8-u-tools="row"] .tools-g a.tool[href="#product/workflow"]{background:color-mix(in srgb,var(--acc) 6%,var(--surf));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--acc) 28%,transparent)}
html[data-pg="tools"][data-o8-u-tools="row"] .tools-g a.tool[href="#product/workflow"] .tv{background:color-mix(in srgb,var(--acc) 9%,var(--bg2))}
html[data-pg="tools"][data-o8-u-tools="row"] .tools-g a.tool[href="#product/workflow"] .go{align-self:flex-start;justify-content:flex-start;gap:8px;margin-top:auto;height:40px;padding:0 16px;border-radius:999px;background:var(--surf);box-shadow:inset 0 0 0 1px var(--line2);color:var(--ink)}
html[data-pg="tools"][data-o8-u-tools="row"] .tools-g a.tool[href="#product/workflow"]:hover .go{box-shadow:inset 0 0 0 1px var(--ink3)}
.mob-g.n9m{display:block;padding:8px 0 28px}
.n9m-top{list-style:none;margin:0 0 8px;padding:0}
html .mob-g.n9m .n9m-top a{display:flex;padding:0;align-items:center;justify-content:space-between;min-height:56px;border-bottom:1px solid var(--line);font:600 18px/1.2 var(--ft);color:var(--ink);text-decoration:none}
.n9m-top a .i{width:16px;height:16px;color:var(--ink3)}
.n9m-s{padding:20px 0 4px;border-bottom:1px solid var(--line)}
.n9m-s:last-child{border-bottom:0}
html .mob-g.n9m .n9m-s h6{margin:0 0 10px;font:700 18px/1.2 var(--ft);letter-spacing:0;text-transform:none;color:var(--ink)}
.n9m-gs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 18px}
.n9m-gs p{margin:6px 0 2px;font:600 12px/1.3 var(--ft);letter-spacing:.06em;text-transform:uppercase;color:var(--ink3)}
.n9m-gs ul{list-style:none;margin:0;padding:0}
html .mob-g.n9m .n9m-gs a{display:flex;align-items:center;min-height:44px;padding:0;font:500 15px/1.25 var(--ft);color:var(--ink);text-decoration:none}
.n9m-all{display:inline-flex;align-items:center;gap:6px;min-height:44px;margin-top:2px;font:600 15px var(--ft);color:var(--acc-text);text-decoration:none}
.n9m-all .i{width:14px;height:14px}
.n9m a:focus-visible{outline:2px solid var(--acc);outline-offset:2px;border-radius:4px}
@media (max-width:359px){
.n9m-gs{grid-template-columns:1fr}
}
.lt8-pz{display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:var(--surf);color:var(--ink);cursor:pointer;
  box-shadow:inset 0 0 0 1px var(--line2),0 6px 14px -10px rgba(18,17,23,.45);transition:box-shadow .18s}
.lt8-pz:hover{box-shadow:inset 0 0 0 1px var(--ink3),0 6px 14px -10px rgba(18,17,23,.45)}
.lt8-pz:focus-visible{outline:2px solid var(--acc);outline-offset:3px}
.lt8-pz svg{width:14px;height:14px;fill:currentColor}
.lt8-pz .lt8-iy,.lt8-pz[aria-pressed="true"] .lt8-ip{display:none}
.lt8-pz[aria-pressed="true"] .lt8-iy{display:block}
.lt8.lt8-still .lt8-run{animation-play-state:paused}
@media (prefers-reduced-motion:reduce){
.lt8-pz{display:none}
}
html[data-o8-m-names="names"] .lg8,html[data-o8-m-names="names"] .m8-wm,html[data-o8-m-names="names"] .m8-ic{display:none!important}
html.w10-ai-on .w10-ai{display:inline}
html.w10-ai-on :is(.made,.a5-made,.l8-made)::after{content:" · AI-generated"}
html[data-o8-m-names="names"] .m8-strip{display:none!important}
html[data-o8-m-names="names"] .m8-card{min-height:196px}
.w10-mk{display:none}
html[data-o8-m-names="names"] .w10-mk{display:block;margin-top:4px;font:500 13px/1.3 var(--ft);color:var(--ink2)}
@media (max-width:640px){
html.w10-ai-on .pill7:has(.w10-ai){height:auto;min-height:28px;padding-block:5px;white-space:normal;flex-wrap:wrap;row-gap:0;max-width:100%}
}
html[data-o8-c-btn="purple"] #pg-x .cmp8 thead th:not(.pro8) .btn-ink{background:transparent!important;color:var(--ink)!important;box-shadow:inset 0 0 0 1.5px var(--line2)!important}
html.proto-off .o8p{display:none}
html.proto-off .proto{display:none}
html.proto-off .proto-show{display:block}
@keyframes fade{from{opacity:0}to{opacity:1}}
@keyframes mmIn{from{opacity:0;transform:translateY(-6px)}}
@keyframes rv8-run{to{transform:translateX(-50%)}}
@keyframes lt8-up{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,-50%,0)}}
@keyframes lt8-down{from{transform:translate3d(0,-50%,0)}to{transform:translate3d(0,0,0)}}