/* Base resets, typography and the styles several modules share (compiled order kept) */
*,:before,:after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
.lenis.lenis-stopped{overflow:hidden}
body{background:var(--tj-color-white);color:var(--tj-color-ink);font-family:var(--tj-font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:1rem;line-height:1.5;overflow-x:clip}
h1,h2,h3,h4,p{margin:0}
h1,h2,h3,h4{font-family:var(--tj-font-heading);letter-spacing:-.02em;font-weight:700;line-height:1.05}
img,svg,canvas{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--tj-color-magenta);outline-offset:3px;border-radius:4px}
::selection{background:var(--tj-color-green);color:var(--tj-color-black)}
.container{width:100%;max-width:calc(var(--tj-container) + 2 * var(--tj-gutter));padding-inline:var(--tj-gutter);margin-inline:auto}
.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}
.eyebrow{border-radius:var(--tj-radius-pill);letter-spacing:.04em;text-transform:uppercase;border:1.5px solid;align-items:center;gap:.5rem;padding:.4rem .9rem;font-size:.8125rem;font-weight:600;display:inline-flex}
.eyebrow:before{content:"";background:var(--tj-color-green);width:.5rem;height:.5rem;box-shadow:0 0 0 1.5px var(--tj-color-black);border-radius:50%}
.section-title{font-size:clamp(2.25rem,5.5vw,4.5rem)}
.scroll-progress{z-index:60;background:linear-gradient(90deg, var(--tj-color-magenta), var(--tj-color-green));transform-origin:0;height:3px;position:fixed;inset:0 0 auto}
.v3{--v3-paper:var(--color-background);--v3-sand:var(--tj-color-sand);--v3-ink:var(--tj-color-ink-strong);--v3-text:var(--color-foreground);--v3-muted:var(--tj-color-meta);--v3-copy:clamp(1.125rem, 1.35vw, 1.3125rem);--v3-line:color-mix(in srgb, var(--tj-color-black) 11%, transparent);--v3-shadow:0 1px 24px color-mix(in srgb, var(--tj-color-shadow) 12%, transparent);--v3-night:var(--tj-color-ink);--v3-on-dark:var(--tj-color-white);--v3-serif:var(--font-heading);--v3-header:4.5rem;--v3-radius:12px;--v3-sheet-r:clamp(1.5rem, 4vw, 3rem);background:var(--v3-paper);color:var(--v3-ink)}
html:has(.v3){scroll-padding-top:5.5rem}
.v3-serif{font-family:var(--v3-serif);font-optical-sizing:auto;letter-spacing:-.012em;font-weight:300;line-height:1.12}
.v3-h2{font-size:clamp(2rem,3.4vw,2.75rem)}
.v3-dot{color:var(--tj-color-magenta);display:inline-block}
.v3-eyebrow{letter-spacing:.04em;text-transform:uppercase;font-size:.9375rem;font-weight:600;line-height:1.5}
.v3-lead{font-size:var(--v3-copy);color:var(--v3-text);line-height:1.6}
.v3-cap{text-box:trim-both cap alphabetic}
@supports not (text-box:trim-both cap alphabetic){.v3-cap{position:relative;top:.12em}}
.v3-rise__mask{vertical-align:bottom;margin-block:-.08em -.14em;padding-block:.08em .14em;display:inline-block;overflow:hidden}
.v3-rise__word{will-change:transform;display:inline-block}
.v3-rise__last{white-space:nowrap}
.v3-btn{font-family:var(--tj-font-body);white-space:nowrap;cursor:pointer;transition:background-color var(--tj-duration) var(--tj-ease), border-color var(--tj-duration) var(--tj-ease), color var(--tj-duration) var(--tj-ease), transform var(--tj-duration) var(--tj-ease);border:2px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.95rem 2.25rem;font-size:1.125rem;font-weight:500;line-height:1.4;display:inline-flex}
.v3-btn:active{transform:translateY(1px)}
.v3-btn--sm{padding:.55rem 1.1rem;font-size:1rem}
.v3-btn--primary{background:var(--tj-color-magenta);color:var(--tj-color-white)}
.v3-btn--primary:hover,.v3-btn--primary:focus-visible{background:var(--tj-color-ink)}
.v3-btn--outline{background:var(--tj-color-white);border-color:var(--tj-color-magenta);color:var(--tj-color-magenta)}
.v3-btn--outline:hover,.v3-btn--outline:focus-visible{background:var(--tj-color-magenta);color:var(--tj-color-white)}
.v3-btn--primary,.v3-btn--outline{font-weight:600}
.v3-btn--line{border-color:var(--v3-ink);color:var(--v3-ink);background:0 0}
.v3-btn--line:hover,.v3-btn--line:focus-visible{background:var(--v3-ink);color:var(--tj-color-white)}
.v3-btn--ghost{background:color-mix(in srgb, var(--tj-color-black) 12%, transparent);border-color:var(--v3-on-dark);color:var(--v3-on-dark)}
.v3-btn--ghost:hover,.v3-btn--ghost:focus-visible{background:var(--v3-on-dark);color:var(--v3-night)}
.v3-ctas{flex-wrap:wrap;gap:.75rem;display:flex}
.v3-navline{align-items:center;padding-block:.35rem;display:inline-flex;position:relative}
.v3-navline:after{content:"";background:var(--tj-color-magenta);transform-origin:100%;height:2px;transition:transform .35s var(--tj-ease-soft);position:absolute;top:calc(100% - .35rem + .96em);left:0;right:0;transform:scaleX(0)}
.v3-navline:hover:after,.v3-navline:focus-visible:after,.v3-navline.is-open:after,.v3-navline[aria-current=page]:after{transform-origin:0;transform:scaleX(1)}
.v3-link{background:linear-gradient(var(--tj-color-magenta), var(--tj-color-magenta)) 0 100% / 100% 2px no-repeat;padding-bottom:2px;font-size:1.0625rem;font-weight:600;display:inline-block}
.v3-link:hover,.v3-link:focus-visible{animation:v3-link-wipe .6s var(--tj-ease) both}
@keyframes v3-link-wipe{0%{background-position:100% 100%;background-size:100% 2px}45%{background-position:100% 100%;background-size:0 2px}46%{background-position:0 100%;background-size:0 2px}to{background-position:0 100%;background-size:100% 2px}}
@media (prefers-reduced-motion:reduce){.v3-link:hover,.v3-link:focus-visible{animation:none}}
.v3-select{min-width:0;display:block;position:relative}
.v3-select select:not([multiple]){appearance:none;cursor:pointer;width:100%;padding-right:2.25rem}
.v3-select:after{content:"";border-right:1.6px solid var(--v3-ink);border-bottom:1.6px solid var(--v3-ink);pointer-events:none;width:.45rem;height:.45rem;position:absolute;top:50%;right:.95rem;transform:translateY(-70%)rotate(45deg)}
.v3-checked{padding-block:clamp(2rem,4vw,3rem)}
.v3-checked p{max-width:52rem;color:var(--v3-muted);margin:0;font-size:.875rem;line-height:1.55}
.v3-cardlink{transition:box-shadow .4s var(--tj-ease), border-color .4s var(--tj-ease), translate .5s var(--tj-ease-soft);position:relative}
.v3-cardlink__main:after{content:"";z-index:1;position:absolute;inset:0}
.v3-cardlink__main:active{transform:none}
.v3-cardlink__main:focus-visible{outline:none}
.v3-cardlink:has(.v3-cardlink__main:focus-visible){outline:3px solid var(--tj-color-magenta);outline-offset:3px}
:where(.v3-cardlink) :where(a:not(.v3-cardlink__main),button){z-index:2;position:relative}
@media (hover:hover){.v3-cardlink:hover{box-shadow:var(--v3-shadow);border-color:color-mix(in srgb, var(--tj-color-magenta) 45%, transparent);translate:0 -4px}}
@media (prefers-reduced-motion:reduce){.v3-cardlink{transition:none}}
@media (prefers-reduced-motion:reduce){.v3-cardlink:hover{translate:none}}
.v3-pause{border:1px solid var(--v3-line);background:var(--tj-color-white);width:1.75rem;height:1.75rem;color:var(--v3-ink);cursor:pointer;transition:border-color var(--tj-duration) var(--tj-ease), background-color var(--tj-duration) var(--tj-ease), color var(--tj-duration) var(--tj-ease);border-radius:50%;flex-shrink:0;place-items:center;padding:0;display:grid}
.v3-pause svg{fill:currentColor;width:.7rem;height:.7rem}
.v3-pause:hover,.v3-pause:focus-visible{border-color:var(--v3-ink);background:var(--v3-ink);color:var(--tj-color-white)}
.v3-rulehead{align-items:center;gap:1.25rem;display:flex}
.v3-rulehead__rule{background:var(--v3-line);transform-origin:0;flex:1;height:1px}
.v3-rulehead__btn{white-space:nowrap;flex-shrink:0}
.v3-rulehead:has(>.v3-rulehead__btn){flex-wrap:wrap;row-gap:.75rem}
.v3-rulehead__btn svg{width:1rem;height:1rem;transition:translate var(--tj-duration) var(--tj-ease)}
.v3-rulehead__btn:hover svg{translate:.2rem}
.v3-tag{border:1px solid var(--v3-line);background:var(--tj-color-white);white-space:nowrap;border-radius:6px;align-items:center;gap:.4rem;padding:calc(.3rem + .117em) .65rem calc(.3rem - .117em);font-size:.9375rem;font-weight:600;line-height:1.3;display:inline-flex}
.v3-tag svg{width:.9rem;height:.9rem;color:var(--tj-color-magenta);translate:0 -.117em}
.v3-split{grid-template-columns:1fr 1fr;align-items:start;gap:2rem 4rem;display:grid}
.v3-split>p{max-width:34rem;padding-top:.4rem}
@media (width<=767px){.v3-split{grid-template-columns:1fr}}
.v3-round{background:var(--tj-color-white);width:3rem;height:3rem;color:var(--v3-ink);box-shadow:var(--v3-shadow);cursor:pointer;transition:opacity var(--tj-duration) var(--tj-ease), transform var(--tj-duration) var(--tj-ease), background-color var(--tj-duration) var(--tj-ease), color var(--tj-duration) var(--tj-ease);border:0;border-radius:50%;place-items:center;display:grid}
.v3-round svg{width:1.1rem;height:1.1rem}
.v3-round:hover:not(:disabled){background:var(--tj-color-magenta);color:var(--tj-color-white)}
.v3-round:disabled{opacity:0;pointer-events:none}
.v3-sec{padding-block:clamp(4rem,8vw,7rem);scroll-margin-top:calc(.5rem - clamp(4rem,8vw,7rem))}
@keyframes v3-in{0%{opacity:0;transform:translateY(16px)}}
@keyframes v3-rise{0%{transform:translateY(115%)}}
@keyframes v3-pop{0%{opacity:0;transform:scale(0)}}
@media (prefers-reduced-motion:reduce){[style*=v3-in\ ],[style*=v3-rise\ ],[style*=v3-pop\ ]{animation:none!important}}
.v3.v3ob{--ob-muted:var(--v3-muted);--ob-error:#b42318;--ob-press:cubic-bezier(.3, 1.4, .5, 1);isolation:isolate;background:var(--v3-paper);min-height:100dvh;position:relative;overflow-x:clip}
@keyframes v3ob-a{50%{transform:translate(10rem,5rem)scale(1.12)}}
@keyframes v3ob-b{50%{transform:translate(-8rem,-4rem)scale(.92)}}
.v3ob__bar{z-index:10;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--v3-line);background:#ffffffdb;position:sticky;top:0}
.v3ob__bar-inner{justify-content:space-between;align-items:center;gap:1.5rem;height:4.25rem;display:flex}
.v3ob__logo img{width:auto;height:28px}
.v3ob__progress{height:3px;position:absolute;bottom:-1px;left:0;right:0}
.v3ob__progress i{background:var(--tj-color-magenta);transform-origin:0;transition:scale .7s var(--tj-ease-soft);position:absolute;inset:0;box-shadow:0 0 12px #ff00f473}
.v3ob__main{max-width:46rem;padding-block:clamp(2rem,6vw,4.5rem) 5rem}
.v3ob__stage form{grid-template-columns:minmax(0,1fr);gap:1.75rem;display:grid}
.v3ob__body{grid-template-columns:minmax(0,1fr);gap:1.5rem;margin-top:1.5625rem;display:grid}
.v3ob__title{font-family:var(--v3-serif);font-optical-sizing:auto;letter-spacing:-.015em;font-size:clamp(2.4rem,5.2vw,4rem);font-weight:300;line-height:1.06}
.v3ob__title:focus{outline:none}
.v3ob__title:focus-visible{outline:3px solid var(--tj-color-magenta);outline-offset:6px;border-radius:4px}
.v3ob__lead{font-size:var(--v3-copy);color:var(--v3-text);margin-top:-.75rem;line-height:1.6}
.v3ob__row{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;display:grid}
.v3ob__field{gap:.4rem;display:grid}
.v3ob__body>.v3ob__field+.v3ob__field{margin-top:1rem}
.v3ob__field>label:not(.v3ob__drop),.v3ob__label{letter-spacing:.05em;text-transform:uppercase;color:var(--ob-muted);font-size:.8125rem;font-weight:600}
.v3ob__opt{letter-spacing:0;text-transform:none;font-weight:400}
.v3ob__tag{letter-spacing:0;text-transform:none;color:var(--v3-ink);align-items:center;gap:.4rem;margin-left:.5rem;font-weight:400;display:inline-flex}
.v3ob__tag:before{content:"";background:var(--tj-color-green,#05ff00);border-radius:50%;flex-shrink:0;width:.5rem;height:.5rem}
.v3ob__field input:not([type=file]):not([type=radio]){width:100%;font:inherit;color:var(--v3-ink);caret-color:var(--tj-color-magenta);transition:border-color var(--tj-duration) var(--tj-ease);background:0 0;border:0;border-bottom:2px solid #0000002e;border-radius:0;padding:.35rem 0 .55rem;font-size:clamp(1.375rem,2.6vw,1.75rem);font-weight:500}
.v3ob__field input::placeholder{color:#6b6c70;font-weight:400}
.v3ob__field input:hover{border-bottom-color:#0006}
.v3ob__field input:focus-visible{border-bottom-color:var(--tj-color-magenta);outline:none}
.v3ob__field input[aria-invalid=true]{border-bottom-color:var(--ob-error)}
.v3ob__hint{color:var(--ob-muted);font-size:.875rem;line-height:1.5}
.v3ob__hint--note{color:var(--v3-text);align-items:baseline;gap:.5rem;display:flex}
.v3ob__hint--note:before{content:"";background:var(--tj-color-magenta);border-radius:50%;flex-shrink:0;width:.5rem;height:.5rem;translate:0 -.05rem}
.v3ob__error{color:var(--ob-error);font-size:.9375rem;font-weight:600;line-height:1.5}
.v3ob__confirm{gap:.4rem;display:grid}
.v3ob__check{cursor:pointer;color:var(--v3-text);align-items:flex-start;gap:.75rem;font-size:1rem;line-height:1.5;display:flex;position:relative}
.v3ob__check input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}
.v3ob__check-box{border:2px solid var(--tj-color-magenta);background:var(--tj-color-white);width:1.375rem;height:1.375rem;transition:background-color .2s var(--tj-ease), border-color .2s var(--tj-ease);border-radius:6px;flex-shrink:0;place-items:center;margin-top:0;display:grid}
.v3ob__check-box svg{fill:none;width:.9rem;height:.9rem;stroke:var(--tj-color-white);stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;transition:scale .35s var(--ob-press);scale:0}
.v3ob__check input:checked+.v3ob__check-box{border-color:var(--tj-color-magenta);background:var(--tj-color-magenta)}
.v3ob__check input:checked+.v3ob__check-box svg{scale:1}
.v3ob__check input:focus-visible+.v3ob__check-box{outline:3px solid var(--tj-color-magenta);outline-offset:3px}
.v3ob__check input[aria-invalid=true]+.v3ob__check-box{border-color:var(--ob-error)}
.v3ob__choices{border:0;gap:.9rem;min-width:0;margin:0;padding:0;display:grid}
.v3ob__choices--cards{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr))}
.v3ob__choices--rows{grid-template-columns:1fr}
@media (width>=641px){.v3ob__choices--thirds{grid-template-columns:repeat(var(--ob-cols,3), minmax(0, 1fr))}}
@media (width>=641px){.v3ob__choices--thirds .v3ob__choice{flex-direction:column;align-items:flex-start;gap:.35rem}}
@media (width>=641px){.v3ob__choices--thirds .v3ob__icon{margin-bottom:.45rem}}
@media (width>=641px){.v3ob__choices--thirds .v3ob__aside{margin-left:0;padding-left:0}}
.v3ob__choices--chips{flex-wrap:wrap;gap:.7rem;display:flex}
.v3ob__logins{border:0;min-width:0;margin:0;padding:0;display:grid}
.v3ob__logins:has(+.v3ob__field){margin-bottom:-.625rem}
.v3ob__login{cursor:pointer}
.v3ob__login input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}
.v3ob__login:has(input:checked){border-color:var(--tj-color-green,#05ff00)}
.v3ob__login:has(input:checked) .v3ob__stamp{scale:1}
.v3ob__login:has(input:focus-visible){outline:3px solid var(--tj-color-magenta);outline-offset:3px}
.v3ob__login:has(input[aria-invalid=true]){border-color:var(--ob-error)}
.v3ob__login--email{margin-top:.875rem}
.v3ob__logins>.v3ob__error{margin-top:.6rem}
.v3ob__choices>.v3ob__error{flex-basis:100%;grid-column:1/-1}
.v3ob__choice{border:1px solid var(--v3-line);border-radius:var(--v3-radius);background:var(--tj-color-white);cursor:pointer;transition:translate .4s var(--tj-ease-soft), box-shadow .4s var(--tj-ease), border-color .3s var(--tj-ease), background-color .3s var(--tj-ease);align-items:center;gap:.9rem;padding:1.05rem 1.15rem;display:flex;position:relative}
.v3ob__choices--chips .v3ob__choice{border-radius:999px;gap:.6rem;min-height:2.75rem;padding:0 1.15rem}
.v3ob__choice input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}
@media (hover:hover){.v3ob__choice:hover{box-shadow:var(--v3-shadow);border-color:#00000038;translate:0 -3px}}
.v3ob__choice:active{box-shadow:none;transition-duration:.1s;translate:0 1px}
.v3ob__choice:has(input:checked){border-color:var(--tj-color-green,#05ff00)}
.v3ob__choice:has(input:focus-visible){outline:3px solid var(--tj-color-magenta);outline-offset:3px}
.v3ob__choice:has(input[aria-invalid=true]){border-color:var(--ob-error)}
.v3ob__icon{background:var(--v3-sand);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:2.4rem;height:2.4rem;display:flex}
.v3ob__icon img{object-fit:contain;width:1.4rem;height:1.4rem}
.v3ob__icon--pair img{width:1.1rem;height:1.1rem}
.v3ob__icon--pair img+img{margin-left:-.15rem}
.v3ob__choice-text{gap:.2rem;min-width:0;display:grid}
.v3ob__choice-text b{font-size:1.16875rem;font-weight:600}
.v3ob__choice-text span{color:var(--ob-muted);font-size:.9rem;line-height:1.45}
.v3ob__choices:has(input[name=path]) .v3ob__choice-text>span{font-size:.99rem}
.v3ob__choices--chips .v3ob__choice-text b{font-size:1rem;font-weight:500}
.v3ob__choice-text .v3ob__badge{background:var(--tj-color-green);color:var(--v3-ink);text-box:trim-both cap alphabetic;vertical-align:.25em;border-radius:999px;margin-left:.3rem;padding:calc(.32rem + 2px) .6rem;font-size:.75rem;font-weight:600;line-height:1;display:inline-block}
@supports not (text-box:trim-both cap alphabetic){.v3ob__choice-text .v3ob__badge{padding-block:calc(.41rem + 2px) calc(.23rem + 2px)}}
.v3ob__aside{white-space:nowrap;margin-left:auto;padding-left:.5rem;font-size:1rem;font-weight:600}
.v3ob__choices--rows .v3ob__choice:has(.v3ob__aside){align-items:baseline}
.v3ob__choices--rows .v3ob__choice:has(.v3ob__aside) .v3ob__choice-text{flex:1 1 0}
.v3ob__choice:has(.v3ob__facts){flex-wrap:wrap;row-gap:.55rem}
.v3ob__facts{color:var(--ob-muted);flex-basis:100%;font-size:.875rem;line-height:1.5}
.v3ob__choice:has(input:checked) .v3ob__facts{color:var(--v3-text)}
.v3ob__stamp{border:2px solid var(--tj-color-white);background:var(--tj-color-green,#05ff00);width:1.75rem;height:1.75rem;transition:scale .35s var(--ob-press);border-radius:50%;place-items:center;display:grid;position:absolute;top:-.65rem;right:-.65rem;scale:0;box-shadow:0 4px 12px #05ff0059}
.v3ob__stamp svg{fill:none;width:.95rem;height:.95rem;stroke:var(--v3-ink);stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round}
.v3ob__choice:has(input:checked) .v3ob__stamp{scale:1}
.v3ob__choices--chips .v3ob__stamp{width:1.4rem;height:1.4rem;top:-.5rem;right:-.4rem}
.v3ob__choices--chips .v3ob__stamp svg{width:.75rem;height:.75rem}
.v3ob__billing{border:1px solid var(--v3-line);background:var(--tj-color-white);border-radius:999px;justify-self:end;gap:2px;margin:0;padding:3px;display:inline-flex}
.v3ob__billing-opt{cursor:pointer;position:relative}
.v3ob__billing-opt input{opacity:0;width:1px;height:1px;position:absolute}
.v3ob__billing-opt>span{min-height:2.25rem;color:var(--ob-muted);transition:background-color .2s var(--tj-ease), color .2s var(--tj-ease);border-radius:999px;align-items:center;gap:.4rem;padding:0 1rem;font-size:.9375rem;font-weight:600;display:inline-flex}
.v3ob__billing-opt:hover>span{color:var(--v3-ink)}
.v3ob__billing-opt input:checked+span{background:var(--v3-ink);color:var(--tj-color-white)}
.v3ob__billing-opt input:focus-visible+span{outline:3px solid var(--tj-color-magenta);outline-offset:2px}
.v3ob__save{background:var(--tj-color-green,#05ff00);color:var(--v3-ink);border-radius:999px;padding:.12rem .45rem;font-size:.75rem}
.v3ob__drop{border-radius:var(--v3-radius);transition:border-color .3s var(--tj-ease), background-color .3s var(--tj-ease);background:#ffffffb8;border:1.5px dashed #0000003d;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:1.25rem;padding:1rem 1.25rem 1rem 1rem;display:grid;position:relative}
label.v3ob__drop{cursor:pointer}
.v3ob__drop>input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}
.v3ob__drop.has-image{border-style:solid;border-color:var(--v3-line);background:var(--tj-color-white);grid-template-columns:auto minmax(0,1fr) auto}
@media (hover:hover){label.v3ob__drop:hover{border-color:var(--v3-ink);background:var(--tj-color-white)}}
@media (hover:hover){label.v3ob__drop:hover .v3ob__thumb{box-shadow:var(--v3-shadow);translate:0 -3px;rotate:-3deg}}
.v3ob__drop.is-over{border-style:solid;border-color:var(--tj-color-magenta);background:var(--tj-color-pink)}
.v3ob__drop.is-over .v3ob__thumb{box-shadow:var(--v3-shadow);translate:0 -3px;rotate:-3deg}
label.v3ob__drop:has(input:focus-visible){outline:3px solid var(--tj-color-magenta);outline-offset:3px}
.v3ob__drop:has(input[aria-invalid=true]){border-color:var(--ob-error)}
.v3ob__thumb{aspect-ratio:16/10;border:1px solid var(--v3-line);background:var(--tj-color-white);width:8.5rem;transition:rotate .45s var(--ob-press), translate .45s var(--ob-press), box-shadow .4s var(--tj-ease);border-radius:8px;flex-shrink:0;display:block;position:relative;overflow:hidden}
.v3ob__thumb:before{content:"";z-index:1;border-bottom:1px solid var(--v3-line);background:radial-gradient(circle at .45rem 50%, #d9d9dc .13rem, transparent .15rem), radial-gradient(circle at .85rem 50%, #d9d9dc .13rem, transparent .15rem), radial-gradient(circle at 1.25rem 50%, #d9d9dc .13rem, transparent .15rem), var(--tj-color-white);height:.85rem;position:absolute;inset:0 0 auto}
.v3ob__thumb img{object-fit:cover;object-position:top;width:100%;height:calc(100% - .85rem);position:absolute;inset:.85rem 0 0}
.v3ob__thumb--empty{background:linear-gradient(135deg, #ffd3f8, var(--tj-color-white) 55%, #b9ffb5)}
.v3ob__drop-text{gap:.25rem;min-width:0;display:grid}
.v3ob__drop-text strong{color:var(--v3-ink);font-size:1.0625rem;font-weight:600;line-height:1.35}
.has-image .v3ob__drop-text strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.v3ob__drop-text>span{color:var(--ob-muted);font-size:.9rem;line-height:1.45}
.v3ob__browse{color:var(--v3-ink);text-decoration:underline;-webkit-text-decoration-color:var(--tj-color-magenta);text-decoration-color:var(--tj-color-magenta);text-underline-offset:4px;font-weight:600;text-decoration-thickness:2px}
.v3ob__drop-actions{align-items:center;gap:.75rem;display:flex}
.v3ob__coarse{display:none}
.v3ob__file{border:2px solid var(--v3-ink);cursor:pointer;min-height:2.75rem;transition:background-color var(--tj-duration) var(--tj-ease), color var(--tj-duration) var(--tj-ease);border-radius:8px;align-items:center;padding:0 1.1rem;font-size:.9375rem;font-weight:600;display:inline-flex;position:relative}
.v3ob__file:hover{background:var(--v3-ink);color:var(--tj-color-white)}
.v3ob__file input{opacity:0;cursor:pointer;position:absolute;inset:0}
.v3ob__file:has(input:focus-visible){outline:3px solid var(--tj-color-magenta);outline-offset:3px}
.v3ob__textbtn{min-height:2.25rem;font:inherit;color:var(--v3-ink);cursor:pointer;background:0 0;border:0;padding:0 .25rem;font-size:.9375rem;font-weight:600;text-decoration:underline}
.v3ob__note{border:1px solid var(--v3-line);border-radius:var(--v3-radius);background:var(--tj-color-white);padding:1.4rem}
.v3ob__note p{color:var(--v3-text);margin-bottom:.85rem;font-size:1.0625rem;line-height:1.6}
.v3ob__link{color:var(--v3-ink);text-decoration:underline;-webkit-text-decoration-color:var(--tj-color-magenta);text-decoration-color:var(--tj-color-magenta);text-underline-offset:5px;font-weight:600;text-decoration-thickness:2px}
.v3ob__note .v3ob__search{color:var(--v3-text);flex-wrap:wrap;align-items:center;gap:.35rem;margin:1rem 0 0;font-size:1rem;display:flex}
.v3ob__copy{border:1px solid var(--v3-line);background:var(--tj-color-white);width:2rem;height:2rem;color:var(--v3-ink);cursor:pointer;transition:border-color .2s var(--tj-ease), background-color .2s var(--tj-ease);border-radius:8px;place-items:center;display:inline-grid}
.v3ob__copy:hover{border-color:#0000004d}
.v3ob__copy:focus-visible{outline:3px solid var(--tj-color-magenta);outline-offset:2px}
.v3ob__copy svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:1rem;height:1rem}
.v3ob__copy.is-copied{border-color:var(--tj-color-green,#05ff00);background:var(--tj-color-green,#05ff00)}
.v3ob__copy.is-copied svg{stroke-width:2.2px}
.v3ob__copy[disabled]{opacity:.4;cursor:default}
.v3ob__pw{position:relative}
.v3ob__field .v3ob__pw input{padding-right:7.5rem}
.v3ob__pw-actions{align-items:center;gap:.6rem;display:flex;position:absolute;bottom:.55rem;right:0}
.v3ob__pw-actions .v3ob__copied{white-space:nowrap;position:absolute;top:-1.6rem;right:0}
.v3ob__pw-show{cursor:pointer;color:var(--ob-muted);background:0 0;border:0;padding:.25rem 0;font-family:inherit;font-size:.875rem;font-weight:600}
.v3ob__pw-show:hover,.v3ob__pw-show:focus-visible{color:var(--v3-ink)}
.v3ob__pw-show:focus-visible{outline:3px solid var(--tj-color-magenta);outline-offset:3px;border-radius:4px}
.v3ob__pw-under{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.25rem 1rem;display:flex}
.v3ob__pw-under .v3ob__textbtn{min-height:2rem;padding:0;font-size:.875rem}
.v3ob__pw-status:empty{display:none}
.v3ob__copied{color:var(--ob-muted);font-size:.875rem}
.v3ob__note .v3ob__prompt{background:var(--v3-sand);color:var(--v3-ink);border-radius:10px;flex-wrap:wrap;align-items:center;gap:.5rem;margin:0;padding:.55rem .55rem .55rem .9rem;font-size:1rem;font-weight:600;display:flex}
.v3ob__prompt>span:first-child{flex:14rem}
.v3ob__pay{gap:.9rem;display:grid}
.v3ob__pay-field{background:var(--tj-color-white);color:#6b6c70;letter-spacing:.02em;border:1px dashed #0000004d;border-radius:8px;grid-template-columns:minmax(0,1fr) 6rem 4.5rem;gap:.75rem;padding:1rem 1.1rem;font-size:1.0625rem;display:grid}
.v3ob__secure{color:var(--ob-muted);font-size:.9375rem;line-height:1.5}
.v3ob__nav{justify-content:space-between;align-items:center;gap:.9rem;margin-top:3.625rem;display:flex}
.v3ob__go{background:var(--tj-color-magenta);min-height:3.25rem;color:var(--tj-color-white);font-family:var(--tj-font-body);cursor:pointer;transition:background-color var(--tj-duration) var(--tj-ease), translate .15s var(--tj-ease);border:2px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:.6rem;margin-left:auto;padding:0 2rem;font-size:1.125rem;font-weight:600;line-height:1.4;display:inline-flex}
.v3ob__go:hover,.v3ob__go:focus-visible{background:var(--v3-ink)}
.v3ob__go--link{margin:.4rem 0 0;text-decoration:none}
.v3ob__go:active{translate:0 1px}
.v3ob__go[disabled]{opacity:.6;cursor:progress}
.v3ob__back{min-height:3.25rem;color:color-mix(in srgb, var(--v3-ink) 77%, transparent);font-family:var(--tj-font-body);cursor:pointer;background:0 0;border:0;border-radius:4px;align-items:center;padding:0;font-size:1rem;font-weight:600;display:inline-flex}
.v3ob__back:hover .v3-navline:after,.v3ob__back:focus-visible .v3-navline:after{transform-origin:0;transform:scaleX(1)}
.v3ob__back:focus-visible{outline:3px solid var(--tj-color-magenta);outline-offset:3px}
.v3ob__back[disabled]{opacity:.5;cursor:progress}
.v3ob__skip{margin-left:auto;margin-right:.6rem}
.v3ob__skip+.v3ob__go{flex:0 auto;margin-left:0}
.v3ob__error--submit{text-align:right;margin-top:-.75rem}
.v3ob__mail{place-items:center;margin-bottom:.4rem;display:grid}
.v3ob__mail svg{fill:none;width:3rem;height:3rem;stroke:var(--v3-ink);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}
.v3ob__mail--logo img{object-fit:contain;width:3rem;height:3rem}
.v3ob__sent-actions{flex-direction:column;align-items:center;gap:.5rem;margin-top:.4rem;display:flex}
.v3ob__resend{font-variant-numeric:tabular-nums;min-width:14.5rem;padding-block:.75rem;font-size:1rem}
.v3ob__resend:disabled{border-color:var(--v3-line);background:var(--tj-color-white);color:var(--ob-muted);cursor:default;transform:none}
.v3ob__sent-status{min-height:1.5em;color:var(--v3-text);font-size:.9375rem}
.v3ob__sent-status:empty{min-height:0}
.v3ob__change{text-align:left;gap:1.25rem;width:min(100%,26rem);margin-top:.4rem;display:grid}
.v3ob__change-actions{justify-content:flex-end;align-items:center;gap:1.25rem;display:flex}
.v3ob__change-actions .v3ob__go{margin-left:0}
.v3ob__confetti{z-index:30;pointer-events:none;position:fixed;inset:0;overflow:hidden}
.v3ob__confetti i{animation:v3ob-fall var(--fall) cubic-bezier(.25, .6, .45, 1) var(--delay) both;border-radius:2px;position:absolute;top:-4vh}
@keyframes v3ob-fall{to{transform:translate(var(--drift), 112vh) rotate(var(--spin))}}
@media (hover:none){.v3ob__fine{display:none}}
@media (hover:none){.v3ob__coarse{display:inline}}
@media (width<=640px){.v3ob__bar-inner{gap:.75rem}}
@media (width<=640px){.v3ob__row{grid-template-columns:1fr}}
@media (width<=640px){.v3ob__pay-field{grid-template-columns:1fr 1fr}}
@media (width<=640px){.v3ob__pay-field span:first-child{grid-column:1/-1}}
@media (width<=640px){.v3ob__legal,.v3ob__error--submit{text-align:left}}
@media (width<=640px){.v3ob__go{flex:1;min-width:0;padding-inline:1rem}}
@media (width<=640px){.v3ob__drop{gap:1rem;padding:.85rem}}
@media (width<=640px){.v3ob__thumb{width:6.5rem}}
@media (width<=640px){.v3ob__drop.has-image{grid-template-columns:auto minmax(0,1fr)}}
@media (width<=640px){.v3ob__drop-actions{grid-column:1/-1}}
@media (prefers-reduced-motion:reduce){.v3ob__confetti{display:none}}
@media (prefers-reduced-motion:reduce){.v3ob__choice,.v3ob__go,.v3ob__stamp,.v3ob__progress i,.v3ob__thumb,.v3ob__check-box,.v3ob__check-box svg{transition:none}}
.v3si .v3ob__main{max-width:calc(32rem + 2 * var(--tj-gutter))}
.v3si .v3ob__stage>.v3ob__lead{margin-top:1rem}
.v3si .v3ob__stage{container-type:inline-size}
.v3si__last{background:var(--tj-color-pink);color:var(--tj-color-magenta);border:1px solid color-mix(in srgb, var(--tj-color-magenta) 25%, transparent);letter-spacing:.02em;border-radius:999px;padding:.1rem .5rem;font-size:.6875rem;font-weight:600;line-height:1.4;position:absolute;top:0;right:.75rem;translate:0 -50%}
.v3si__input{position:relative}
.v3si .v3ob__field .v3si__input input{padding-right:4rem}
.v3si__forgot{color:var(--v3-ink);justify-self:end;margin-top:-1rem;font-size:.9375rem;font-weight:600}
.v3si .v3ob__go{width:100%}
.v3si__reset{margin-top:2rem}
.v3si__back{color:var(--v3-ink);justify-self:center;font-size:.9375rem;font-weight:600}
.v3si h1:focus{outline:none}
@keyframes v3si-run{to{stroke-dashoffset:-100px}}
.v3si__done{fill:none;width:2.25rem;height:2.25rem;stroke:var(--v3-ink);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;display:block}
.v3si__digit{transition:color .3s var(--tj-ease), opacity .3s var(--tj-ease)}
.v3si__digit.is-now{color:var(--v3-ink);font-weight:600}
.v3si__digit.is-past{opacity:.45}
.v3si .v3si__cta{width:auto;min-width:14.5rem;margin:.4rem 0 0;text-decoration:none}
@media (hover:hover) and (pointer:fine){.v3:not(.v3ob),.v3:not(.v3ob) *{cursor:url(https://www.transjt.ai/hubfs/tj-transjt-v3/8a616ed068_cursor_visitor.png) 2 2,auto!important;cursor:-webkit-image-set(url(https://www.transjt.ai/hubfs/tj-transjt-v3/8a616ed068_cursor_visitor.png) 1x, url(https://www.transjt.ai/hubfs/tj-transjt-v3/8376da80e9_cursor_visitor_2x.png) 2x) 2 2, auto!important;cursor:image-set(url(https://www.transjt.ai/hubfs/tj-transjt-v3/8a616ed068_cursor_visitor.png) 1x, url(https://www.transjt.ai/hubfs/tj-transjt-v3/8376da80e9_cursor_visitor_2x.png) 2x) 2 2, auto!important}}
@media (hover:hover) and (pointer:fine){.v3:not(.v3ob) :is(a[href],button:not(:disabled),[role=button],[role=tab],summary,label,select,input:is([type=checkbox],[type=radio],[type=button],[type=submit])),.v3:not(.v3ob) :is(a[href],button:not(:disabled),[role=button],[role=tab],summary,label) *{cursor:url(https://www.transjt.ai/hubfs/tj-transjt-v3/5cfba1e228_cursor_hand.png) 8 1,pointer!important;cursor:-webkit-image-set(url(https://www.transjt.ai/hubfs/tj-transjt-v3/5cfba1e228_cursor_hand.png) 1x, url(https://www.transjt.ai/hubfs/tj-transjt-v3/e989cef0d3_cursor_hand_2x.png) 2x) 8 1, pointer!important;cursor:image-set(url(https://www.transjt.ai/hubfs/tj-transjt-v3/5cfba1e228_cursor_hand.png) 1x, url(https://www.transjt.ai/hubfs/tj-transjt-v3/e989cef0d3_cursor_hand_2x.png) 2x) 8 1, pointer!important}}
@media (hover:hover) and (pointer:fine){.v3:not(.v3ob) :is(input:not([type=button],[type=submit],[type=checkbox],[type=radio],[type=range]),textarea,[contenteditable=true]){cursor:text!important}}
.v3h{z-index:50;background:var(--tj-color-white);transition:box-shadow var(--tj-duration) var(--tj-ease);position:sticky;top:0}
.v3h.is-raised{box-shadow:0 2px 18px color-mix(in srgb, var(--tj-color-shadow) 10%, transparent)}
.v3h__bar{z-index:2;height:var(--v3-header);background:var(--tj-color-white);align-items:center;gap:2.5rem;display:flex;position:relative}
.v3h__logo{flex-shrink:0}
.v3h__logo img{width:auto;height:30px}
.v3h__nav{align-items:center;gap:1.75rem;display:flex}
.v3h__trigger,.v3h__link{cursor:pointer;color:inherit;white-space:nowrap;background:0 0;border:0;gap:.3rem;padding-inline:0;font-family:inherit;font-size:1.0625rem;font-weight:500}
.v3h__trigger.is-open .v3h__chev{rotate:180deg}
.v3h__actions{align-items:center;gap:.6rem;margin-left:auto;display:flex}
.v3mm{z-index:1;border-top:1px solid var(--v3-line);background:var(--tj-color-white);box-shadow:0 24px 40px -12px color-mix(in srgb, var(--tj-color-shadow) 18%, transparent);visibility:hidden;transition:visibility 0s linear .22s;position:absolute;top:100%;left:0;right:0}
.v3mm.is-open{visibility:visible;transition-delay:0s}
.v3mm__inner{grid-template-columns:minmax(0,.8fr) minmax(0,2fr) minmax(0,1fr);gap:2rem;padding-block:2rem 2.25rem;display:grid}
.v3mm__intro{border-right:1px solid var(--v3-line);align-content:start;gap:.75rem;padding-right:1rem;display:grid}
.v3mm__intro p:last-child{color:var(--v3-muted);font-size:1rem;line-height:1.55}
.v3mm__items{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:.35rem 1rem;margin:0;padding:0;list-style:none;display:grid}
.v3mm__items a{transition:background-color var(--tj-duration) var(--tj-ease);border-radius:10px;align-items:flex-start;gap:.85rem;padding:.75rem;display:flex}
.v3mm__items a:hover,.v3mm__items a:focus-visible{background:var(--v3-sand)}
.v3mm__items a>span:last-child{gap:.2rem;display:grid}
.v3mm__items b{transition:color var(--tj-duration) var(--tj-ease);font-size:1rem;font-weight:600}
.v3mm__items a:hover b{color:var(--tj-color-magenta)}
.v3mm__items a>span:last-child>span{color:var(--v3-muted);font-size:.875rem;line-height:1.45}
.v3mm__icon{background:var(--tj-color-pink);width:2.25rem;height:2.25rem;color:var(--tj-color-magenta);border-radius:8px;flex-shrink:0;place-items:center;display:grid}
.v3mm__icon img{width:1.1rem;height:1.1rem}
.v3mm__icon svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:1.2rem;height:1.2rem}
.v3mm__feature{background:var(--v3-sand);transition:background-color var(--tj-duration) var(--tj-ease);border-radius:12px;align-content:start;gap:.45rem;padding:.75rem;display:grid}
.v3mm__feature:hover{background:var(--tj-color-pink)}
.v3mm__feature-img{aspect-ratio:16/9;background:var(--tj-color-white);border-radius:8px;margin-bottom:.35rem;display:block;overflow:hidden}
.v3mm__feature-img>img,.v3mm__feature-img>video{object-fit:cover;width:100%;height:100%;transition:scale .5s var(--tj-ease-soft);display:block}
.v3mm__feature:hover .v3mm__feature-img>*{scale:1.04}
.v3mm__feature b{font-size:1rem;font-weight:600}
.v3mm__feature>span:not(.v3mm__feature-img):not(.v3mm__more){color:var(--v3-muted);font-size:.875rem;line-height:1.45}
.v3mm__more{color:var(--tj-color-magenta);align-items:center;gap:.4rem;margin-top:.2rem;font-size:.9375rem;font-weight:600;display:inline-flex}
.v3mm__more svg{width:1rem;height:1rem;transition:translate var(--tj-duration) var(--tj-ease)}
.v3mm__feature:hover .v3mm__more svg{translate:.2rem}
.v3mm-scrim{z-index:40;background:color-mix(in srgb, var(--tj-color-ink-strong) 18%, transparent);position:fixed;inset:0}
.v3h__burger{cursor:pointer;background:0 0;border:0;width:2.75rem;height:2.75rem;padding:0;display:none;position:relative}
.v3h__burger span{background:var(--v3-ink);height:2.5px;transition:transform .35s var(--tj-ease-soft), opacity .2s;border-radius:2px;position:absolute;left:.45rem;right:.45rem}
.v3h__burger span:first-child{top:.85rem}
.v3h__burger span:nth-child(2){top:1.3rem}
.v3h__burger span:nth-child(3){top:1.75rem}
.v3h__burger.is-open span:first-child{transform:translateY(.45rem)rotate(45deg)}
.v3h__burger.is-open span:nth-child(2){opacity:0}
.v3h__burger.is-open span:nth-child(3){transform:translateY(-.45rem)rotate(-45deg)}
.v3h__menu{max-height:calc(100vh - var(--v3-header));background:var(--tj-color-white);box-shadow:0 18px 30px color-mix(in srgb, var(--tj-color-shadow) 12%, transparent);position:absolute;top:100%;left:0;right:0;overflow:hidden auto}
.v3h__menu-inner{padding-block:.5rem 1.5rem;display:grid}
.v3h__acc{border-bottom:1px solid var(--v3-line)}
.v3h__acc-btn,.v3h__acc-link{cursor:pointer;justify-content:space-between;align-items:center;padding-block:1rem;font-size:1.25rem;font-weight:500;display:flex}
.v3h__acc-btn{text-align:left;width:100%;color:inherit;background:0 0;border:0;padding-inline:0;font-family:inherit}
.v3h__acc-link{border-bottom:1px solid var(--v3-line)}
.v3h__acc-link[aria-current=page]{color:var(--tj-color-magenta)}
.v3h__acc-btn .v3h__chev{width:1rem;height:1rem;transition:rotate .4s var(--tj-ease)}
.v3h__acc-btn[aria-expanded=true] .v3h__chev{rotate:180deg}
.v3h__acc-panel{overflow:hidden}
.v3h__acc ul{gap:.15rem;margin:0;padding:0 0 1rem;list-style:none;display:grid}
.v3h__acc li a{align-items:flex-start;gap:.75rem;padding:.6rem .25rem;display:flex}
.v3h__acc li a>span:last-child{gap:.1rem;display:grid}
.v3h__acc li b{font-size:1rem;font-weight:600}
.v3h__acc li a>span:last-child>span{color:var(--v3-muted);font-size:.875rem}
.v3h__langs{gap:.5rem;padding-top:1.25rem;display:flex}
.v3h__langs a{border:1px solid var(--v3-line);border-radius:999px;padding:.4rem .8rem;font-size:.9375rem;font-weight:500}
.v3h__langs a[aria-current=true]{border-color:var(--tj-color-magenta);background:var(--tj-color-pink);color:var(--tj-color-magenta);font-weight:600}
.v3h__menu-ctas{gap:.75rem;padding-top:1.25rem;display:grid}
@media (width<=1240px){.v3h__nav{gap:1.35rem}}
@media (width<=1240px){.v3h__bar{gap:1.75rem}}
@media (width<=1240px){.v3mm__inner{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}}
@media (width<=1240px){.v3mm__intro{display:none}}
@media (width<=1140px){.v3h__nav,.v3h__signin,.v3lang,.v3mm,.v3mm-scrim{display:none}}
@media (width<=1140px){.v3h__burger{display:block}}
@media (width<=420px){.v3h__actions .v3-btn--primary{padding-inline:.85rem}}
.v3isl__sheet.is-open{visibility:visible;transition-delay:0s}
@keyframes v3isl-in{0%{opacity:0;translate:0 6px}}
@media (width<=1080px){.v3isl__sheet.is-drilled .v3isl__side,.v3isl__sheet:not(.is-drilled) .v3isl__panel{display:none}}
.v3>main{z-index:1;position:relative}
.v3foot__title,.v3foot__acc-btn{font-family:var(--tj-font-heading);letter-spacing:0;color:var(--tj-color-white);margin-bottom:.9rem;font-size:1.0625rem;font-weight:700;line-height:1.3}
@media (width<=640px){.v3foot__acc-head{margin:0}}
@media (width<=640px){.v3foot__acc-btn{cursor:pointer;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;width:100%;margin:0;padding:1rem 0;display:flex}}
@media (width<=640px){.v3foot__acc-btn:after{content:"";width:.55rem;height:.55rem;transition:transform .4s var(--tj-ease);border-bottom:2px solid;border-right:2px solid;transform:translateY(-25%)rotate(45deg)}}
@media (width<=640px){.v3foot__acc-btn[aria-expanded=true]:after{transform:translateY(25%)rotate(-135deg)}}
@media (width<=640px){.v3foot__acc-panel{overflow:hidden}}
.vmarquee{display:flex;overflow:hidden}
.vmarquee__track{will-change:transform;flex-wrap:nowrap;display:flex}
.vmarquee__group{flex-shrink:0;align-items:center;gap:clamp(2.5rem,6vw,5rem);padding-right:clamp(2.5rem,6vw,5rem);display:flex}
.logos{z-index:2;border-block:1.5px solid var(--tj-color-black);background:var(--tj-color-white);gap:1.6rem;padding:3.2rem 0;display:grid;position:relative}
.logos__label{text-align:center;color:var(--tj-color-muted);padding-inline:var(--tj-gutter);font-size:.9375rem}
.logos__label strong{color:var(--tj-color-ink)}
.logos .vmarquee{-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}
.logos__logo{flex-shrink:0;width:auto;height:32px}
.v3about__hl--magenta{color:var(--tj-color-magenta);font-weight:700}
.v3about__hl--green{background:linear-gradient(transparent 58%, color-mix(in srgb, var(--tj-color-green) 50%, transparent) 58%, color-mix(in srgb, var(--tj-color-green) 50%, transparent) 92%, transparent 92%)}
.v3trust{align-items:center;gap:1.75rem;margin-top:clamp(3rem,6vw,4.5rem);display:flex}
.v3trust__label{letter-spacing:.03em;text-transform:uppercase;flex:0 0 15rem;font-size:1rem;font-weight:600;line-height:1.45}
.v3trust__rule{background:var(--v3-line);align-self:stretch;width:1px}
.v3trust__marquee{min-width:0;-webkit-mask-image:linear-gradient(90deg, transparent, var(--tj-color-black) 10%, var(--tj-color-black) 90%, transparent);-webkit-mask-image:linear-gradient(90deg, transparent, var(--tj-color-black) 10%, var(--tj-color-black) 90%, transparent);mask-image:linear-gradient(90deg, transparent, var(--tj-color-black) 10%, var(--tj-color-black) 90%, transparent);flex:1}
.v3trust__marquee .vmarquee__group{gap:3.5rem;padding-right:3.5rem}
.v3trust__logo{filter:grayscale()contrast(1.1);mix-blend-mode:multiply;opacity:.75;flex-shrink:0;width:auto;max-width:none;height:2.6rem}
@media (width<=767px){.v3trust{flex-direction:column;align-items:stretch;gap:1.25rem}}
@media (width<=767px){.v3trust__label{text-align:center;flex:none;font-size:.9375rem}}
@media (width<=767px){.v3trust__rule{display:none}}
@media (width<=767px){.v3trust .v3-pause{align-self:center}}
.v3when-art [class*=v3wa-]{transform-box:fill-box}
.v3when-art .v3wa-tip,.v3when-art .v3wa-turn,.v3when-art .v3wa-sway,.v3when-art .v3wa-creep{transform-box:view-box}
.v3when-art.is-paused *{animation-play-state:paused!important}
.v3wa-flow{animation:1.4s linear infinite v3wa-flow}
@keyframes v3wa-flow{to{stroke-dashoffset:-14px}}
.v3wa-spin{transform-origin:50%;animation:24s linear infinite v3wa-spin}
@keyframes v3wa-spin{to{transform:rotate(360deg)}}
.v3wa-pop{transform-origin:50%;animation:6s cubic-bezier(.34,1.4,.64,1) infinite backwards v3wa-pop}
@keyframes v3wa-pop{0%,4%{opacity:0;transform:scale(.7)}12%,90%{opacity:1;transform:scale(1)}96%,to{opacity:0;transform:scale(1)}}
.v3wa-wave{transform-origin:0;animation:2.4s ease-in-out infinite alternate v3wa-wave}
@keyframes v3wa-wave{0%{transform:skewY(-5deg)scaleX(.94)}to{transform:skewY(4deg)scaleX(1)}}
.v3wa-fill{transform-origin:bottom;animation:6s cubic-bezier(.22,1,.36,1) infinite backwards v3wa-fill}
@keyframes v3wa-fill{0%,4%{opacity:0;transform:scaleY(0)}28%,90%{opacity:1;transform:scaleY(1)}96%,to{opacity:0;transform:scaleY(1)}}
.v3wa-bob{animation:1.6s ease-in-out infinite alternate v3wa-bob}
@keyframes v3wa-bob{0%{transform:translateY(-8px)}to{transform:translateY(4px)}}
.v3wa-float{animation:3.6s ease-in-out infinite alternate v3wa-float}
@keyframes v3wa-float{0%{transform:translate(-3px,-4px)}to{transform:translate(3px,4px)}}
.v3wa-grow{transform-origin:0;animation:4s cubic-bezier(.22,1,.36,1) infinite v3wa-grow}
@keyframes v3wa-grow{0%,10%{transform:scaleX(0)}45%,90%{transform:scaleX(1)}to{transform:scaleX(0)}}
.v3wa-tip{transform-origin:350px 235px;animation:6s cubic-bezier(.34,1.3,.64,1) infinite v3wa-tip}
@keyframes v3wa-tip{0%,30%{transform:rotate(-13.1deg)}46%,90%{transform:rotate(0)}to{transform:rotate(-13.1deg)}}
.v3wa-drop{animation:6s cubic-bezier(.55,0,1,.45) infinite v3wa-drop}
@keyframes v3wa-drop{0%,8%{opacity:0;transform:translateY(-120px)}12%{opacity:1}30%,90%{opacity:1;transform:translateY(0)}96%,to{opacity:0;transform:translateY(0)}}
.v3wa-orbit{transform-origin:50%;animation:14s linear infinite v3wa-spin}
.v3wa-pulse{transform-origin:50%;animation:2.4s ease-in-out infinite v3wa-pulse}
@keyframes v3wa-pulse{50%{transform:scale(1.14)}}
.v3wa-breathe{transform-origin:50%;animation:2.8s ease-in-out infinite v3wa-breathe}
@keyframes v3wa-breathe{50%{transform:scale(1.05)}}
.v3wa-blink{animation:1.1s step-end infinite v3wa-blink}
@keyframes v3wa-blink{50%{opacity:0}}
.v3wa-dim{animation:3s ease-in-out infinite v3wa-dim}
@keyframes v3wa-dim{50%{opacity:.25}}
.v3wa-march{animation:1s linear infinite v3wa-march}
@keyframes v3wa-march{to{stroke-dashoffset:-20px}}
.v3wa-nudge{animation:2.4s ease-in-out infinite alternate v3wa-nudge}
@keyframes v3wa-nudge{to{transform:translate(var(--nx,0px), var(--ny,0px))}}
.v3wa-trip{animation:6s cubic-bezier(.45,0,.25,1) infinite v3wa-trip}
@keyframes v3wa-trip{0%,12%{transform:translate(0)}40%,78%{transform:translate(var(--tx,0px), var(--ty,0px))}92%,to{transform:translate(0)}}
.v3wa-from{animation:6s cubic-bezier(.45,0,.25,1) infinite v3wa-from}
@keyframes v3wa-from{0%,12%{transform:translate(var(--fx,0px), var(--fy,0px))}45%,90%{transform:translate(0)}to{transform:translate(var(--fx,0px), var(--fy,0px))}}
.v3wa-fall{animation:6s cubic-bezier(.55,0,1,.45) infinite backwards v3wa-fall}
@keyframes v3wa-fall{0%,6%{opacity:0;transform:translateY(var(--fy,-60px))}10%{opacity:1}30%,90%{opacity:1;transform:translateY(0)}96%,to{opacity:0;transform:translateY(0)}}
@keyframes v3wa-rise{0%,6%{opacity:0;transform:translateY(var(--ry,30px))}34%,90%{opacity:1;transform:translateY(0)}to{opacity:0}}
.v3wa-draw{stroke-dasharray:1;animation:6s cubic-bezier(.45,0,.25,1) infinite backwards v3wa-draw}
@keyframes v3wa-draw{0%,6%{stroke-dashoffset:1px}40%,92%{stroke-dashoffset:0;opacity:1}98%{stroke-dashoffset:0;opacity:0}to{stroke-dashoffset:1px;opacity:0}}
.v3wa-growy{transform-origin:bottom;animation:6s cubic-bezier(.22,1,.36,1) infinite backwards v3wa-growy}
@keyframes v3wa-growy{0%,4%{transform:scaleY(0)}30%,90%{transform:scaleY(1)}to{transform:scaleY(0)}}
@keyframes v3wa-drain{0%{transform:scaleY(1)}90%{transform:scaleY(.15)}to{transform:scaleY(1)}}
.v3wa-turn{animation:20s linear infinite v3wa-spin}
.v3wa-sway{animation:2.8s ease-in-out infinite alternate v3wa-sway}
@keyframes v3wa-sway{0%{transform:rotate(-5deg)}to{transform:rotate(5deg)}}
.v3wa-creep{animation:8s steps(8,end) infinite v3wa-creep}
@keyframes v3wa-creep{0%{transform:rotate(-32deg)}to{transform:rotate(0)}}
@keyframes v3wa-hop{0%{opacity:0;transform:translate(-122px,58px)}8%{opacity:1;transform:translate(-122px,58px)}26%{transform:translate(-62px,6px)}46%,54%{transform:translate(0)}74%{transform:translate(63px,6px)}92%{opacity:1;transform:translate(123px,58px)}to{opacity:0;transform:translate(123px,58px)}}
.v3wa-flicker{transform-origin:top;animation:.5s ease-in-out infinite alternate v3wa-flicker}
@keyframes v3wa-flicker{0%{transform:scaleY(.75)}to{transform:scaleY(1.05)}}
@keyframes v3wa-zz{0%{opacity:0;transform:translate(-6px,10px)}20%,70%{opacity:1}to{opacity:0;transform:translate(6px,-14px)}}
.v3wa-point{animation:1.8s ease-in-out infinite v3wa-point}
@keyframes v3wa-point{50%{transform:translate(8px)}}
@media (prefers-reduced-motion:reduce){.v3when-art *{animation:none!important}}
.v3ben{background:var(--v3-sand)}
.v3ben__grid{grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:2rem clamp(2rem,4vw,3.5rem);display:grid}
.v3ben__sticky{top:calc(var(--v3-header) + 2rem);gap:1.5rem;display:grid;position:sticky}
.v3ben__title{font-size:clamp(2rem,3vw,2.6rem)}
.v3ben__lead{font-size:calc(var(--v3-copy) * .9)}
.v3ben__sticky .v3-ctas{flex-wrap:wrap}
.v3ben__sticky .v3-btn{padding-inline:clamp(1rem,1.6vw,1.6rem)}
.v3ben__cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;margin:0;padding:0;list-style:none;display:grid}
.v3ben__item{display:flex}
.v3ben__card{border:1px solid var(--v3-line);border-radius:var(--v3-radius);background:var(--tj-color-white);transition:box-shadow .4s var(--tj-ease), border-color .4s var(--tj-ease), translate .5s var(--tj-ease-soft);flex-direction:column;flex:1;padding:1rem 1.5rem 1.5rem;display:flex}
.v3ben__more{transition:color var(--tj-duration) var(--tj-ease);align-self:flex-start;align-items:center;gap:.5rem;margin-top:auto;padding-top:1.25rem;font-size:1rem;font-weight:600;display:inline-flex}
.v3ben__more svg{width:1.1rem;height:1.1rem;color:var(--tj-color-magenta);transition:translate var(--tj-duration) var(--tj-ease)}
@media (hover:hover){.v3ben__card:hover{box-shadow:var(--v3-shadow);border-color:color-mix(in srgb, var(--tj-color-magenta) 45%, transparent);translate:0 -4px}}
@media (hover:hover){.v3ben__card:hover .v3ben__more{color:var(--tj-color-magenta)}}
@media (hover:hover){.v3ben__card:hover .v3ben__more svg{translate:.25rem}}
.v3ben__card:focus-visible .v3ben__more{color:var(--tj-color-magenta)}
.v3ben__head{border-bottom:1px solid var(--v3-line);align-items:center;gap:.75rem;margin-bottom:1.1rem;padding-bottom:1.1rem;display:flex}
.v3ben__art{background:var(--v3-sand);border-radius:12px;margin:0 -.5rem 1.25rem;display:block}
.v3ben__art .v3when-art{aspect-ratio:440/260;width:100%;height:auto;display:block}
.v3ben__head h3{letter-spacing:0;font-size:1.25rem;font-weight:600;line-height:1.3}
.v3ben__card p{color:var(--v3-text);font-size:1.0625rem;line-height:1.6}
.v3ben__points{gap:.55rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}
.v3ben__points li{align-items:flex-start;gap:.6rem;font-size:1rem;line-height:1.45;display:flex}
.v3ben__points svg{flex-shrink:0;width:1.25rem;height:1.25rem;margin-top:.05rem}
.v3ben__points circle{fill:var(--tj-color-pink)}
.v3ben__points path{fill:none;stroke:var(--tj-color-magenta);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}
.v3ben__card:hover .v3ben__points circle{fill:color-mix(in srgb, var(--tj-color-magenta) 14%, transparent)}
@media (width<=960px){.v3ben__grid{grid-template-columns:1fr}}
@media (width<=960px){.v3ben__sticky{position:static}}
@media (width<=600px){.v3ben__cards{grid-template-columns:1fr}}
.v3calc__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:2.5rem clamp(2rem,6vw,5rem);margin-top:2rem;display:grid}
.v3calc__slider{margin-top:clamp(2rem,4vw,3rem)}
.v3calc__slider+.v3calc__slider{margin-top:2rem}
.v3calc__label{color:var(--v3-ink);font-size:1rem;font-weight:600;display:block}
.v3calc__track{--thumb:1.75rem;--rail:6px;padding-top:3.25rem;position:relative}
.v3calc__bubble{top:0;left:calc(var(--thumb) / 2 + (100% - var(--thumb)) * var(--f));background:var(--tj-color-magenta);min-width:2.75rem;color:var(--tj-color-white);text-align:center;font-variant-numeric:tabular-nums;border-radius:999px;padding:.3rem .65rem;font-size:1.125rem;font-weight:600;line-height:1.3;position:absolute;translate:-50%}
.v3calc__bubble:after{content:"";border:6px solid #0000;border-bottom:0;border-top-color:var(--tj-color-magenta);position:absolute;bottom:-5px;left:50%;translate:-50%}
.v3calc input[type=range]{width:100%;height:var(--thumb);cursor:pointer;appearance:none;background:0 0;margin:0;display:block}
.v3calc input[type=range]::-webkit-slider-runnable-track{height:var(--rail);background:linear-gradient(to right, var(--tj-color-magenta) calc(var(--thumb) / 2 + (100% - var(--thumb)) * var(--f)), var(--v3-line) 0);border-radius:999px}
.v3calc input[type=range]::-moz-range-track{height:var(--rail);background:linear-gradient(to right, var(--tj-color-magenta) calc(var(--thumb) / 2 + (100% - var(--thumb)) * var(--f)), var(--v3-line) 0);border-radius:999px}
.v3calc input[type=range]::-webkit-slider-thumb{width:var(--thumb);height:var(--thumb);margin-top:calc((var(--rail) - var(--thumb)) / 2);border:2px solid var(--tj-color-magenta);background:var(--tj-color-white);box-shadow:var(--v3-shadow);appearance:none;transition:box-shadow var(--tj-duration) var(--tj-ease);border-radius:50%}
.v3calc input[type=range]::-moz-range-thumb{width:var(--thumb);height:var(--thumb);box-sizing:border-box;border:2px solid var(--tj-color-magenta);background:var(--tj-color-white);box-shadow:var(--v3-shadow);border-radius:50%}
.v3calc input[type=range]:focus-visible{outline:none}
.v3calc input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 5px color-mix(in srgb, var(--tj-color-magenta) 25%, transparent)}
.v3calc input[type=range]:focus-visible::-moz-range-thumb{box-shadow:0 0 0 5px color-mix(in srgb, var(--tj-color-magenta) 25%, transparent)}
.v3calc__scale{color:var(--v3-muted);justify-content:space-between;margin-top:.6rem;font-size:.875rem;display:flex}
.v3calc__card{background:var(--v3-night);color:var(--v3-on-dark);border-radius:20px;gap:1.25rem;padding:clamp(1.5rem,3.5vw,2.75rem);display:grid}
.v3calc__card-title{font-size:clamp(1.5rem,2.2vw,2rem);line-height:1.15}
.v3calc__results{margin:0}
.v3calc__results>div{border-top:1px solid color-mix(in srgb, var(--tj-color-white) 16%, transparent);gap:.3rem;padding-block:1rem;display:grid}
.v3calc__results>div:last-child{border-bottom:1px solid color-mix(in srgb, var(--tj-color-white) 16%, transparent)}
.v3calc__results dt{color:color-mix(in srgb, var(--tj-color-white) 78%, transparent);font-size:1.0625rem}
.v3calc__results dd{font-variant-numeric:tabular-nums;margin:0;font-size:clamp(1.75rem,2.8vw,2.5rem);line-height:1.1}
.v3calc__sub{font-family:var(--tj-font-body,inherit);color:color-mix(in srgb, var(--tj-color-white) 66%, transparent);margin-top:.35rem;font-size:.9375rem;line-height:1.4;display:block}
.v3calc__results sup{color:var(--tj-color-magenta);margin-left:.1em;font-size:.55em}
.v3calc__card .v3-btn{width:100%;margin-top:.25rem}
.v3calc__card .v3-btn--primary:hover,.v3calc__card .v3-btn--primary:focus-visible{background:var(--v3-on-dark);color:var(--v3-ink)}
.v3calc__note{color:color-mix(in srgb, var(--tj-color-white) 66%, transparent);font-size:.875rem;line-height:1.5}
@media (width<=900px){.v3calc__grid{grid-template-columns:1fr}}
.v3faq__grid{grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);align-items:start;gap:2.5rem clamp(2.5rem,6vw,5rem);display:grid}
.v3faq__head{top:calc(var(--v3-header) + 2rem);justify-items:start;gap:1.5rem;display:grid;position:sticky}
.v3faq__more{color:var(--v3-ink);transition:color var(--tj-duration) var(--tj-ease);align-items:center;gap:.5rem;font-size:1rem;font-weight:600;display:inline-flex}
.v3faq__more svg{width:1.1rem;height:1.1rem;color:var(--tj-color-magenta);transition:translate var(--tj-duration) var(--tj-ease)}
.v3faq__more:hover,.v3faq__more:focus-visible{color:var(--tj-color-magenta)}
.v3faq__more:hover svg,.v3faq__more:focus-visible svg{translate:.25rem}
.v3faq__list{border-top:1px solid var(--v3-line);margin:0;padding:0;list-style:none}
.v3faq__item{border-bottom:1px solid var(--v3-line)}
.v3faq__q{font-size:inherit;margin:0}
.v3faq__q button{cursor:pointer;text-align:left;width:100%;color:var(--v3-ink);background:0 0;border:0;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.35rem 0;font-family:inherit;font-size:clamp(1.125rem,1.5vw,1.25rem);font-weight:600;line-height:1.4;display:flex}
.v3faq__icon{border:1px solid var(--v3-line);width:1.9rem;height:1.9rem;transition:background-color var(--tj-duration) var(--tj-ease), border-color var(--tj-duration) var(--tj-ease), color var(--tj-duration) var(--tj-ease);border-radius:50%;flex-shrink:0;position:relative}
.v3faq__icon:before,.v3faq__icon:after{content:"";background:currentColor;width:.75rem;height:1.5px;position:absolute;top:50%;left:50%;translate:-50% -50%}
.v3faq__icon:after{transition:scale .3s var(--tj-ease);rotate:90deg}
.v3faq__q button[aria-expanded=true] .v3faq__icon:after{scale:0 1}
.v3faq__q button:hover .v3faq__icon,.v3faq__q button:focus-visible .v3faq__icon{border-color:var(--v3-ink);background:var(--v3-ink);color:var(--tj-color-white)}
.v3faq__a{overflow:hidden}
.v3faq__a p{max-width:44rem;color:var(--v3-text);padding:0 3.5rem 1.5rem 0;font-size:1.0625rem;line-height:1.65}
@media (width<=900px){.v3faq__grid{grid-template-columns:1fr}}
@media (width<=900px){.v3faq__head{position:static}}
@media (width<=900px){.v3faq__a p{padding-right:0}}
@media (prefers-reduced-motion:reduce){.v3faq__icon:after{transition:none}}
.v3hero__title--long{max-width:none;font-size:clamp(2.75rem,5vw + .5rem,5rem)}
.v3cards__track{grid-template-columns:repeat(3,1fr);gap:.75rem;max-width:90rem;margin-inline:auto;display:grid}
.v3card{aspect-ratio:5/6.4;border-radius:var(--v3-radius);isolation:isolate;will-change:transform;flex-direction:column;justify-content:space-between;gap:1.5rem;max-height:36rem;padding:clamp(1.25rem,2.2vw,2rem);display:flex;position:relative;overflow:hidden}
.v3card--pink{background:radial-gradient(120% 80% at 80% 0%, var(--tj-color-white) 0%, transparent 60%), linear-gradient(165deg, var(--tj-color-pink) 0%, var(--tj-card-pink) 100%)}
.v3card--mint{background:radial-gradient(120% 80% at 80% 0%, var(--tj-color-white) 0%, transparent 60%), linear-gradient(165deg, var(--tj-color-mint) 0%, var(--tj-card-mint) 100%)}
.v3card--cream{background:radial-gradient(120% 80% at 80% 0%, var(--tj-color-white) 0%, transparent 60%), linear-gradient(165deg, var(--tj-color-cream) 0%, var(--tj-card-cream) 100%)}
.v3card__media{flex:1;place-items:center;min-height:0;display:grid}
.v3card__media img{object-fit:contain;width:100%;max-height:100%;box-shadow:0 24px 50px -18px color-mix(in srgb, var(--tj-color-ink) 35%, transparent), 0 0 0 1px color-mix(in srgb, var(--tj-color-black) 4%, transparent);transition:transform .7s var(--tj-ease-soft);border-radius:10px;animation:7s ease-in-out infinite v3card-float;transform:rotate(-2deg)}
.v3card:nth-child(2) .v3card__media img{animation-delay:-2.3s;transform:rotate(1.5deg)}
.v3card:nth-child(3) .v3card__media img{animation-delay:-4.6s;transform:rotate(-1deg)}
@keyframes v3card-float{50%{translate:0 -10px}}
.v3card__foot{justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}
.v3card__title{color:var(--v3-ink);font-size:clamp(1.4rem,2.1vw,1.85rem);line-height:1.18;display:block}
.v3card__text{max-width:22rem;margin-top:.6rem;font-size:1.0625rem;line-height:1.45;display:block}
.v3card--photo{background:var(--tj-color-ink);color:var(--tj-color-white);justify-content:flex-end}
.v3card--photo:after{content:"";z-index:-1;background:linear-gradient(0deg, color-mix(in srgb, var(--tj-color-night) 92%, transparent) 0%, color-mix(in srgb, var(--tj-color-night) 70%, transparent) 28%, color-mix(in srgb, var(--tj-color-night) 25%, transparent) 52%, color-mix(in srgb, var(--tj-color-night) 0%, transparent) 72%);position:absolute;inset:0}
.v3card__photo{z-index:-2;object-fit:cover;width:100%;max-width:none;height:100%;transition:transform .6s var(--tj-ease-soft);animation:16s ease-in-out infinite alternate v3card-drift;position:absolute;inset:0}
.v3card:nth-child(2) .v3card__photo{animation-delay:-5s}
.v3card:nth-child(3) .v3card__photo{animation-delay:-10s}
@keyframes v3card-drift{0%{translate:0;scale:1.03}to{translate:0 -2%;scale:1.12}}
.v3card--photo .v3card__title{color:var(--tj-color-white);text-shadow:0 2px 16px color-mix(in srgb, var(--tj-color-black) 35%, transparent);font-size:clamp(2rem,3vw,2.75rem)}
.v3card--photo .v3card__text{color:var(--tj-color-white);text-shadow:0 1px 10px color-mix(in srgb, var(--tj-color-black) 40%, transparent);font-weight:500}
.v3card--photo .v3card__go{opacity:1;background:var(--tj-color-white);color:var(--tj-color-ink);transform:none}
@media (hover:hover){.v3card--photo:hover .v3card__go{background:var(--tj-color-magenta);color:var(--tj-color-white)}}
@media (hover:hover){.v3card--photo:hover .v3card__photo{animation-play-state:paused;transform:scale(1.03)}}
.v3card__go{background:var(--v3-ink);width:2.75rem;height:2.75rem;color:var(--tj-color-white);opacity:0;transition:transform .4s var(--tj-ease-soft), opacity .3s, background-color .3s;border-radius:50%;flex-shrink:0;place-items:center;display:grid;transform:scale(.6)}
.v3card__go svg{width:1.1rem;height:1.1rem}
@media (hover:hover){.v3card:hover .v3card__media img{transform:rotate(0)scale(1.04)}}
@media (hover:hover){.v3card:hover .v3card__go{opacity:1;background:var(--tj-color-magenta);transform:scale(1)}}
.v3card:focus-visible .v3card__go{opacity:1;transform:scale(1)}
@media (width<=767px){.v3cards__track{scroll-snap-type:x mandatory;padding-inline:var(--tj-gutter);scroll-padding-inline:var(--tj-gutter);scrollbar-width:none;gap:.75rem;display:flex;overflow-x:auto}}
@media (width<=767px){.v3cards__track::-webkit-scrollbar{display:none}}
@media (width<=767px){.v3card{scroll-snap-align:start;aspect-ratio:5/6;flex:0 0 86%}}
@media (prefers-reduced-motion:reduce){.v3card__media img,.v3card__photo{animation:none}}
@media (prefers-reduced-motion:reduce){.v3card--photo:hover .v3card__photo{transform:none}}
.v3voices__title{margin-top:2rem}
.v3review{flex-shrink:0;position:relative}
.v3review__btn[aria-expanded=true]{background:var(--v3-ink);color:var(--tj-color-white)}
.v3review__chev{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:.75rem;height:.75rem;transition:rotate .25s var(--tj-ease)}
.v3review__btn[aria-expanded=true] .v3review__chev{rotate:180deg}
.v3review__menu{z-index:5;border:1px solid var(--v3-line);background:var(--tj-color-white);min-width:15rem;box-shadow:var(--v3-shadow);transform-origin:90% 0;border-radius:12px;margin:0;padding:.35rem;list-style:none;position:absolute;top:calc(100% + .5rem);right:0}
.v3review__menu a{border-radius:8px;align-items:center;gap:.75rem;padding:.65rem .75rem;font-size:.9375rem;font-weight:500;display:flex}
.v3review__menu img{object-fit:contain;width:1.25rem;height:1.25rem}
.v3review__ext{fill:none;width:.85rem;height:.85rem;stroke:var(--v3-muted);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;transition:translate var(--tj-duration) var(--tj-ease);margin-left:auto}
.v3review__menu a:hover,.v3review__menu a:focus-visible{background:var(--tj-color-pink);color:var(--tj-color-magenta)}
.v3review__menu a:hover .v3review__ext,.v3review__menu a:focus-visible .v3review__ext{stroke:currentColor;translate:1px -1px}
.v3voices__tabs{scrollbar-width:none;gap:.5rem;margin-top:2.25rem;margin-bottom:1.5rem;display:flex;overflow-x:auto}
.v3voices__tab{cursor:pointer;color:var(--v3-muted);transition:color var(--tj-duration) var(--tj-ease);background:0 0;border:0;flex-shrink:0;padding:.6rem .75rem .8rem;font-size:1.0625rem;font-weight:500;position:relative}
.v3voices__tab:hover,.v3voices__tab[aria-selected=true]{color:var(--v3-ink)}
.v3voices__tab[aria-selected=true]{font-weight:600}
.v3voices__underline{background:var(--tj-color-magenta);border-radius:2px;height:3px;position:absolute;bottom:0;left:0;right:0}
.v3voices__card{border:1px solid var(--v3-line);border-radius:var(--v3-radius);background:var(--tj-color-white);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem 3rem;padding:1rem;display:grid}
.v3voices__visual{background:var(--tj-color-photo-bg);border-radius:8px;min-height:20rem;position:relative;overflow:hidden}
.v3voices__photo{object-fit:cover;width:100%;max-width:none;height:100%;position:absolute;inset:0}
.v3voices__count{z-index:1;background:color-mix(in srgb, var(--tj-color-white) 92%, transparent);box-shadow:0 6px 18px -8px color-mix(in srgb, var(--tj-color-black) 35%, transparent);border-radius:8px;align-items:center;gap:.45rem;padding:.35rem .7rem;font-size:.9375rem;font-weight:600;display:inline-flex;position:absolute;bottom:1rem;left:1rem}
.v3voices__count img{width:auto;height:1rem}
.v3voices__quote{flex-direction:column;justify-content:center;gap:1.75rem;padding:1.5rem 1.5rem 1.5rem 0;display:flex}
.v3voices__quote figure{gap:1.25rem;margin:0;display:grid}
.v3voices__quote blockquote{margin:0;font-size:clamp(1.1875rem,1.75vw,1.4375rem);line-height:1.55}
.v3voices__quote figcaption{align-items:center;gap:.85rem;display:flex}
.v3voices__quote figcaption>span{gap:.15rem;display:grid}
.v3voices__quote figcaption b{font-size:1.0625rem;font-weight:700}
.v3voices__quote figcaption>span>span{color:var(--v3-muted);font-size:1rem}
.v3voices__avatar{object-fit:cover;background:var(--tj-color-pink);width:3rem;height:3rem;color:var(--tj-color-magenta);border-radius:50%;flex-shrink:0;place-items:center;font-size:1rem;font-weight:700;display:grid}
.v3voices__pager{align-items:center;gap:.4rem;display:flex}
.v3voices__pause{margin-left:.5rem}
.v3voices__bar{cursor:pointer;background:0 0;border:0;width:2.25rem;height:1.5rem;padding:0;position:relative}
.v3voices__bar:before,.v3voices__bar i{content:"";border-radius:1rem;height:.3rem;position:absolute;top:calc(50% - .15rem);left:0;right:0}
.v3voices__bar:before{background:color-mix(in srgb, var(--tj-color-black) 12%, transparent)}
.v3voices__bar[aria-current=true]:before{background:color-mix(in srgb, var(--tj-color-magenta) 35%, transparent)}
.v3voices__bar i{background:var(--tj-color-magenta);transform-origin:0;animation:linear forwards v3voices-fill}
@keyframes v3voices-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}
.v3voices__stats{border-top:1px solid var(--v3-line);grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));margin:.5rem 0 0;padding:1.5rem 0 .75rem;list-style:none;display:grid}
.v3voices__stats li{text-align:center;align-content:start;justify-items:center;gap:.4rem;padding-inline:1.25rem;display:grid}
.v3voices__stats li+li{border-left:1px solid var(--v3-line)}
.v3voices__num{white-space:nowrap;font-size:clamp(2rem,3vw,2.6rem);font-weight:450;line-height:1.1}
.v3voices__sign{font-size:1.5em;line-height:0}
.v3voices__label{max-width:16rem;color:var(--v3-text);font-size:1rem;line-height:1.5}
@media (width<=900px){.v3voices__card{grid-template-columns:1fr}}
@media (width<=900px){.v3voices__visual{min-height:13rem}}
@media (width<=900px){.v3voices__quote{padding:.5rem}}
@media (width<=900px){.v3voices__stats{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:1.5rem}}
@media (width<=900px){.v3voices__stats li:nth-child(3){border-left:0}}
@media (prefers-reduced-motion:reduce){.v3voices__bar i{animation:none;transform:none}}
.v3who{padding-bottom:0}
.v3who.v3who--last{padding-bottom:clamp(4rem,8vw,7rem)}
.v3who--sand{background:var(--v3-sand)}
.v3who__title{margin-top:2rem}
.v3who__track{max-width:none;margin:clamp(2rem,4vw,3rem) 0 0}
.v3who .v3card{will-change:auto}
.v3who .v3card__photo{animation:none;scale:1.03}
@media (width<=767px){.v3who__track,.v3who__track--2{max-width:none;margin-inline:calc(var(--tj-gutter) * -1)}}
.v3fb{container-type:inline-size}
.v3fb__box{aspect-ratio:320/180;border:1px solid var(--tj-ui-border);background:var(--tj-color-white);box-shadow:0 22px 28px -6px color-mix(in srgb, var(--tj-color-ink) 28%, transparent);border-radius:3.1cqw;position:relative}
.v3fb__win{border:1px solid var(--tj-ui-border-soft);background:var(--tj-ui-surface);border-radius:2.2cqw;width:38.125cqw;height:41.25cqw;position:absolute;top:7.5cqw;overflow:hidden}
.v3fb__win--figma{left:6.875cqw}
.v3fb__win--cms{left:55cqw}
.v3fb__dots{gap:.9cqw;display:flex;position:absolute;top:1.9cqw;left:2.2cqw}
.v3fb__dots i{background:var(--tj-ui-dot);border-radius:50%;width:1.25cqw;height:1.25cqw}
.v3fb__shot{display:block}
.v3fb__shot img{width:100%;height:auto;display:block}
.v3fb__canvas{grid-template-columns:1fr 1fr;align-content:start;align-items:start;gap:1.6cqw 2cqw;display:grid;position:absolute;inset:4.6cqw 2.4cqw 2.4cqw}
.v3fb__frame{gap:.5cqw;display:grid}
.v3fb__name{color:var(--tj-ui-name);transition:color .25s var(--tj-ease);font-size:1.6cqw;font-weight:500;line-height:1}
.v3fb__frame .v3fb__shot{box-shadow:0 .3cqw .9cqw color-mix(in srgb, var(--tj-color-black) 8%, transparent);transition:outline-color .25s var(--tj-ease);outline:.35cqw solid #0000}
.v3fb__frame.is-selected .v3fb__shot{outline-color:var(--tj-ui-select)}
.v3fb__frame.is-selected .v3fb__name{color:var(--tj-ui-select-text)}
.v3fb__arrow{width:5cqw;height:3.2cqw;position:absolute;top:26.5cqw;left:47.6cqw;overflow:visible}
.v3fb__arrow path{fill:none;stroke:var(--tj-color-magenta);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}
.v3fb__vp{background:var(--tj-color-white);border-radius:1cqw;position:absolute;inset:4.6cqw 2.4cqw 2.4cqw;overflow:hidden}
.v3stack{padding-top:clamp(1rem,2vw,2rem)}
.v3stack__head{margin-bottom:clamp(1.75rem,3vw,2.5rem)}
.v3stack__count{color:var(--v3-muted);white-space:nowrap;font-size:.9375rem;font-weight:600}
.v3stack__list{gap:1.5rem;margin:0;padding:0;list-style:none;display:grid}
.v3stack__item{top:calc(var(--v3-header) + 1.5rem + var(--i) * 1.25rem);position:sticky}
.v3stack__card{min-height:min(32rem, calc(100vh - var(--v3-header) - 7rem));border:1px solid var(--v3-line);background:var(--tj-color-white);box-shadow:0 -12px 40px -24px color-mix(in srgb, var(--tj-color-shadow) 30%, transparent), var(--v3-shadow);transform-origin:50% 0;border-radius:20px;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:1rem;padding:.75rem;display:grid}
.v3stack__copy{flex-direction:column;justify-content:center;align-items:flex-start;gap:1.25rem;padding:clamp(1.5rem,4vw,3.5rem);display:flex}
.v3stack__eyebrow{color:var(--v3-muted);margin-bottom:-.5rem}
.v3stack__title{font-size:clamp(2rem,3.2vw,2.75rem)}
.v3stack__copy .v3-lead{max-width:28rem}
.v3stack__more{margin-top:.25rem}
@media (hover:hover){.v3stack__card.v3-cardlink:hover{box-shadow:0 -12px 40px -24px color-mix(in srgb, var(--tj-color-shadow) 30%, transparent), var(--v3-shadow)}}
.v3stack__panel{border-radius:14px;place-items:center;min-height:18rem;padding:clamp(1.25rem,3.5vw,3rem);display:grid;overflow:hidden}
.v3stack__panel--grey{background:radial-gradient(120% 80% at 80% 0%, var(--tj-color-white) 0%, transparent 60%), linear-gradient(165deg, var(--tj-card-grey-top) 0%, var(--tj-card-grey) 100%)}
.v3stack__frame{width:100%;max-width:34rem}
.v3stack__clip{position:relative;container-type:inline-size}
.v3stack__clip video{border:1px solid var(--tj-ui-border);background:var(--tj-ui-screen);width:100%;height:auto;box-shadow:0 22px 28px -6px color-mix(in srgb, var(--tj-color-ink) 28%, transparent);border-radius:3.1cqw;display:block}
.v3stack__clip-pause{position:absolute;bottom:.6rem;right:.6rem}
@media (width<=900px){.v3stack__item{position:relative;top:0}}
@media (width<=900px){.v3stack__card{grid-template-columns:1fr;min-height:0}}
@media (width<=900px){.v3stack__copy{padding:1.25rem .75rem .5rem}}
@media (width<=640px){.v3stack__panel{min-height:15rem}}
.v3logos{contain:inline-size;align-self:stretch;align-items:center;gap:.75rem;margin-top:.5rem;display:flex}
.v3logos__slots{gap:.75rem;min-width:0;display:flex;overflow:hidden}
.v3logos__slot{border:1px solid var(--v3-line);border-radius:10px;flex:0 0 7.5rem;place-items:center;height:2.75rem;padding:0 .5rem;display:grid;overflow:hidden}
.v3logos__logo{max-width:100%;color:var(--v3-ink);grid-area:1/1;align-items:center;display:flex}
.v3logos__logo>*{opacity:.8}
.v3logos__logo img{object-fit:contain;filter:grayscale();width:auto;max-width:100%;height:1.25rem;display:block}
.v3logos__cms{letter-spacing:-.01em;white-space:nowrap;align-items:center;gap:.35rem;font-size:.8125rem;font-weight:600;display:flex}
.v3logos__slot:has(.v3logos__cms){padding-inline:.25rem}
.v3logos__cms--long{font-size:.75rem}
.v3logos__mark{flex-shrink:0;width:auto;height:1.05rem}
.v3logos__mark--word{height:.8rem}
.v3glow{isolation:isolate;background:var(--tj-glow-bg);background-image:linear-gradient(257deg in srgb, color-mix(in srgb, var(--tj-color-green) 16%, transparent) -10%, color-mix(in srgb, var(--tj-color-mint-soft) 45%, transparent) 18%, color-mix(in srgb, var(--tj-color-pink) 70%, transparent) 52%, color-mix(in srgb, var(--tj-color-magenta) 20%, transparent) 104%);position:relative;overflow:clip}
.v3glow__bg{z-index:-1;pointer-events:none;position:absolute;inset:0}
.v3glow__bg i{filter:blur(70px);opacity:.55;will-change:transform;border-radius:50%;position:absolute}
.v3glow__bg i:first-child{background:var(--tj-glow-pink);width:38rem;height:38rem;animation:18s ease-in-out infinite v3flow-a;top:-12rem;left:-10rem}
.v3glow__bg i:nth-child(2){background:var(--tj-glow-green);width:30rem;height:30rem;animation:22s ease-in-out infinite v3flow-b;top:10%;right:-8rem}
.v3glow__bg i:nth-child(3){background:var(--tj-glow-pink-soft);width:30rem;height:30rem;animation:26s ease-in-out infinite reverse v3flow-a;top:32%;left:30%}
.v3glow__bg i:nth-child(4){background:var(--tj-glow-green-soft);width:32rem;height:32rem;animation:24s ease-in-out infinite reverse v3flow-b;top:58%;right:-10rem}
.v3glow__bg i:nth-child(5){background:var(--tj-glow-pink);width:36rem;height:36rem;animation:20s ease-in-out infinite v3flow-a;top:80%;left:-12rem}
@keyframes v3flow-a{50%{transform:translate(12rem,6rem)scale(1.15)}}
@keyframes v3flow-b{50%{transform:translate(-10rem,-5rem)scale(.9)}}
.v3flow__carousel{margin-top:clamp(2.5rem,5vw,4rem);position:relative}
.v3flow__track{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;gap:1.5rem;margin:0;padding:.5rem 0 1rem;list-style:none;display:flex;overflow:auto hidden}
.v3flow__track::-webkit-scrollbar{display:none}
.v3flow__card{scroll-snap-align:start;border:1px solid color-mix(in srgb, var(--tj-color-white) 70%, transparent);background:color-mix(in srgb, var(--tj-color-white) 55%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);text-align:center;border-radius:16px;flex:0 0 calc(33.3333% - 1rem);align-content:start;justify-items:center;gap:.9rem;padding:1.25rem 1.25rem 2rem;display:grid}
.v3flow__card .mui{justify-self:stretch;margin-bottom:.6rem}
.v3flow__title{letter-spacing:-.01em;font-size:1.5rem;font-weight:600;line-height:1.25}
.v3flow__body{max-width:24rem;color:var(--v3-text);font-size:1.0625rem;line-height:1.6}
.v3flow__nav{z-index:2;position:absolute;top:38%;translate:0 -50%}
.v3flow__nav--prev{left:-1.5rem}
.v3flow__nav--next{right:-1.5rem}
.v3flow__dots{margin-top:1.5rem}
@media (width<=1100px){.v3flow__card{flex-basis:calc(50% - .75rem)}}
@media (width<=1100px){.v3flow__nav--prev{left:-.5rem}}
@media (width<=1100px){.v3flow__nav--next{right:-.5rem}}
@media (width<=767px){.v3flow__track{margin-inline:calc(-1 * var(--tj-gutter));padding-inline:var(--tj-gutter);scroll-padding-inline:var(--tj-gutter);gap:1rem}}
@media (width<=767px){.v3flow__card{flex-basis:84%}}
@media (width<=767px){.v3flow__nav{display:none}}
@media (prefers-reduced-motion:reduce){.v3glow__bg i{animation:none}}
.v3show__head{margin:2rem 0 clamp(2rem,4vw,3rem)}
.v3show__stage{border:1px solid var(--v3-line);background:radial-gradient(120% 80% at 80% 0%, var(--tj-color-white) 0%, transparent 60%), linear-gradient(165deg, var(--tj-card-grey-top) 0%, var(--tj-card-grey) 100%);border-radius:20px;justify-items:center;gap:clamp(1.25rem,2.5vw,2rem);padding:clamp(1rem,4vw,3rem);display:grid}
.v3show__tabs{border:1px solid var(--v3-line);background:var(--tj-color-white);border-radius:999px;gap:4px;padding:4px;display:inline-flex}
.v3show__tab{cursor:pointer;min-height:2.5rem;color:var(--v3-muted);transition:background-color var(--tj-duration) var(--tj-ease), color var(--tj-duration) var(--tj-ease);background:0 0;border:0;border-radius:999px;align-items:center;gap:.5rem;padding:0 1.1rem 0 .8rem;font-family:inherit;font-size:.9375rem;font-weight:600;line-height:1;display:inline-flex}
.v3show__tab img{object-fit:contain;width:1.25rem;height:1.25rem}
.v3show__tab:hover{color:var(--v3-ink)}
.v3show__tab[aria-selected=true]{background:var(--v3-ink);color:var(--tj-color-white)}
.v3show__panel{justify-items:center;gap:1.25rem;width:100%;display:grid}
.v3show .v3stack__clip{width:100%;max-width:60rem}
.v3show .v3stack__clip video{aspect-ratio:16/9;object-fit:cover;border-radius:1.4cqw}
.v3show__caption{max-width:44rem;color:var(--v3-muted);text-align:center;margin:0;font-size:1rem;line-height:1.55}
.v3show__caption b{color:var(--v3-ink);margin-bottom:.25rem;font-size:1.0625rem;display:block}
.v3show__caption .v3-link{white-space:nowrap}
.v3show__ctas{justify-content:center}
@media (width<=600px){.v3show__ctas{flex-direction:column;justify-self:stretch}}
@media (width<=600px){.v3show__ctas .v3-btn{width:100%}}
.v3when{gap:clamp(2.5rem,5vw,4rem);margin:clamp(2.5rem,5vw,3.5rem) 0 0;padding:0;list-style:none;display:grid}
.v3when__row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(1.5rem,5vw,4.5rem);display:grid}
.v3when__row:nth-child(2n) .v3when__pic{order:-1}
.v3when__text{max-width:34rem}
.v3when__text h3{letter-spacing:0;color:var(--v3-ink);font-size:1.375rem;font-weight:600;line-height:1.3}
.v3when__text p{color:var(--v3-text);margin-top:.5rem;font-size:1rem;line-height:1.55}
.v3when__pic{aspect-ratio:7/4;display:block}
.v3when__pic>img,.v3when__pic>svg{object-fit:contain;width:100%;height:100%;display:block}
@media (width<=600px){.v3when__row{grid-template-columns:1fr;gap:1rem}}
@media (width<=600px){.v3when__row .v3when__pic{order:-1}}
@media (width<=600px){.v3when__text h3{font-size:1.125rem;line-height:1.4}}
.v3close{isolation:isolate;background:var(--v3-night);color:var(--v3-on-dark);border-radius:0 0 var(--v3-sheet-r) var(--v3-sheet-r);box-shadow:0 30px 60px -10px color-mix(in srgb, var(--tj-color-black) 45%, transparent);margin-top:clamp(1rem,3vw,2rem);padding-block:clamp(4.5rem,9vw,7.5rem);position:relative;overflow:hidden}
.v3close__glow{z-index:-1;filter:blur(90px);pointer-events:none;border-radius:50%;position:absolute}
.v3close__glow--a{background:color-mix(in srgb, var(--tj-color-magenta) 38%, transparent);will-change:transform, translate;width:36rem;height:36rem;top:-8rem;right:-8rem}
.v3close__glow--b{background:color-mix(in srgb, var(--tj-color-magenta) 16%, transparent);width:26rem;height:26rem;bottom:-12rem;left:-10rem}
.v3close__inner{justify-items:start;gap:1.75rem;display:grid}
.v3close__title{max-width:18ch;font-size:clamp(2.4rem,5vw,3.75rem);line-height:1.1}
.v3close__body{max-width:38rem;font-size:var(--v3-copy);color:color-mix(in srgb, var(--tj-color-white) 82%, transparent);line-height:1.6}
.v3close .v3-ctas{margin-top:.5rem}
.v3close .v3-btn--primary:hover,.v3close .v3-btn--primary:focus-visible{background:var(--v3-on-dark);color:var(--v3-night)}
.v3fh__head{margin-top:2rem}
.v3fh__ctas{margin-top:2.25rem}
.v3fh-inline{font-size:inherit;padding-bottom:1px;display:inline}
.v3fh{padding-block:clamp(2.5rem,5vw,4rem) clamp(2rem,4vw,3rem)}
.v3fh__grid{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:2.5rem clamp(2rem,5vw,4rem);margin-top:2rem;display:grid}
.v3fh__copy{justify-items:start;gap:1.5rem;display:grid}
.v3fh__title{font-size:clamp(2.4rem,4.2vw,3.6rem)}
.v3fh__copy .v3-lead{max-width:34rem}
.v3fh__visual{background:radial-gradient(120% 80% at 80% 0%, var(--tj-color-white) 0%, transparent 60%), linear-gradient(165deg, var(--tj-card-grey-top) 0%, var(--tj-card-grey) 100%);border-radius:20px;place-items:center;min-height:20rem;padding:clamp(1.5rem,4vw,3rem);display:grid}
.v3fh__visual .v3fb{width:100%;max-width:34rem}
.v3fh-compare__copy{gap:1.25rem;max-width:36rem;display:grid}
.v3fh-compare__for{color:var(--v3-text);font-size:1rem;line-height:1.6}
.v3fh-voices .v3voices,.v3fh-ai,.v3fh-read{background:var(--v3-sand)}
.v3fh-features__grid,.v3fh-ai__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;margin:clamp(2.5rem,5vw,3.5rem) 0 0;padding:0;list-style:none;display:grid}
.v3fh-feature{border:1px solid var(--v3-line);border-radius:var(--v3-radius);background:var(--tj-color-white);padding:1.5rem}
.v3fh-feature__kicker{letter-spacing:.06em;text-transform:uppercase;color:var(--tj-color-magenta);font-size:.8125rem;font-weight:600}
.v3fh-feature h3{letter-spacing:0;margin-top:.6rem;font-size:1.125rem;font-weight:600;line-height:1.4}
.v3fh-feature p{color:var(--v3-text);margin-top:.5rem;font-size:1rem;line-height:1.55}
.v3fh-read__list{border-top:1px solid var(--v3-line);margin:clamp(2rem,4vw,3rem) 0 0;padding:0;list-style:none}
.v3fh-read__list a{border-bottom:1px solid var(--v3-line);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.3rem 2rem;padding:1.35rem 0;display:grid}
.v3fh-read__list b{font-size:clamp(1.125rem,1.5vw,1.25rem);font-weight:600;line-height:1.4}
.v3fh-read__list span{color:var(--v3-text);grid-column:1;font-size:1rem}
.v3fh-read__list svg{width:1.4rem;height:1.4rem;color:var(--tj-color-magenta);transition:translate var(--tj-duration) var(--tj-ease);grid-area:1/2/span 2}
.v3fh-read__list a:hover svg,.v3fh-read__list a:focus-visible svg{translate:.3rem}
@media (width<=1023px){.v3fh-features__grid,.v3fh-ai__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (width<=900px){.v3fh__grid{grid-template-columns:1fr;row-gap:1.5rem}}
@media (width<=900px){.v3fh__visual{min-height:0}}
@media (width<=900px){.v3fh__copy{display:contents}}
@media (width<=900px){.v3fh__grid .v3fh__title{order:1}}
@media (width<=900px){.v3fh__grid .v3fh__visual{order:2}}
@media (width<=900px){.v3fh__grid .v3fh__copy .v3-lead{order:3}}
@media (width<=900px){.v3fh__grid .v3fh__copy .v3-ctas{order:4}}
@media (width<=600px){.v3fh__copy .v3-ctas{flex-direction:column;align-items:stretch}}
@media (width<=600px){.v3fh__copy .v3-ctas .v3-btn{width:100%}}
@media (width<=600px){.v3fh-features__grid,.v3fh-ai__grid{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.v3fh-read__list svg{transition:none}}
.v3aud__head{margin-top:2rem}
.v3tools-steps{background:var(--v3-sand)}
.v3tools-card,.v3tools-gcard{transition:box-shadow .4s var(--tj-ease), border-color .4s var(--tj-ease), translate .5s var(--tj-ease-soft)}
@media (hover:hover){.v3tools-card:hover,.v3tools-gcard:hover{box-shadow:var(--v3-shadow);border-color:color-mix(in srgb, var(--tj-color-magenta) 45%, transparent);translate:0 -4px}}
.v3tools-card{padding:0}
.v3tools-card a{align-content:start;gap:.5rem;height:100%;padding:1.5rem;display:grid}
.v3tools-card h3,.v3tools-card p{margin:0}
.v3tools-card__more{color:var(--tj-color-magenta);align-items:center;gap:.4rem;margin-top:.5rem;font-weight:600;display:inline-flex}
.v3tools-card__more svg{width:1rem;height:1rem;transition:translate var(--tj-duration) var(--tj-ease)}
.v3tools-card:hover .v3tools-card__more svg{translate:.2rem}
.v3tool-wrap{margin-top:clamp(2rem,4vw,3rem)}
.v3tool__disclaimer{max-width:60rem;color:var(--v3-muted);margin:1rem 0 0;font-size:.8125rem;line-height:1.55}
.v3tool__disclaimer strong{color:var(--v3-ink);font-weight:600}
.v3tool{gap:1rem;display:grid}
.v3tool__drop{border:2px dashed var(--tj-color-line-strong);background:var(--tj-color-white);text-align:center;transition:border-color var(--tj-duration) var(--tj-ease), background-color var(--tj-duration) var(--tj-ease);border-radius:16px;justify-items:center;gap:.5rem;padding:clamp(2rem,5vw,3.5rem) 1.5rem;display:grid}
.v3tool__drop.is-over{border-color:var(--tj-color-magenta);background:var(--tj-color-pink)}
.v3tool__drop>svg{fill:none;width:3rem;height:3rem;stroke:var(--tj-color-magenta);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}
.v3tool__drop-title{margin:0;font-size:1.375rem;font-weight:600}
.v3tool__drop-or{color:var(--v3-muted);margin:0;font-size:.9375rem}
.v3tool__drop-note{color:var(--v3-muted);margin:.25rem 0 0;font-size:.9375rem}
.v3tool__drop-private{color:var(--v3-text);justify-content:center;align-items:center;gap:.4rem;margin:0;font-size:.875rem;display:inline-flex}
.v3tool__drop-private svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linejoin:round;flex-shrink:0;width:1rem;height:1rem}
.v3tool__options{border:1px solid var(--v3-line);border-radius:var(--v3-radius);background:var(--tj-color-white);flex-wrap:wrap;align-items:center;gap:.75rem 2rem;padding:.9rem 1.25rem;display:flex}
.v3tool__label{font-size:.9375rem;font-weight:600}
.v3tool__value{font-variant-numeric:tabular-nums;min-width:4ch;font-size:.9375rem}
.v3tool__seg{background:var(--v3-sand);border-radius:10px;flex-wrap:wrap;padding:.2rem;display:inline-flex}
.v3tool__seg button{cursor:pointer;color:var(--v3-ink);background:0 0;border:0;border-radius:8px;padding:.4rem .8rem;font-family:inherit;font-size:.9375rem;font-weight:600}
.v3tool__seg button[aria-checked=true]{background:var(--tj-color-white);color:var(--tj-color-magenta);box-shadow:0 1px 3px color-mix(in srgb, var(--tj-color-shadow) 14%, transparent)}
.v3tool__files{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}
.v3tool__file{border:1px solid var(--v3-line);border-radius:var(--v3-radius);background:var(--tj-color-white);grid-template-columns:3.5rem minmax(0,1fr) auto auto;align-items:center;gap:.5rem 1rem;padding:.75rem .75rem .75rem 1rem;display:grid}
.v3tool__thumb,.v3tool__preview{background:repeating-conic-gradient(var(--v3-sand) 0 25%, var(--tj-color-white) 0 50%) 0 0 / 12px 12px}
.v3tool__thumb{border-radius:8px;place-items:center;width:3.5rem;height:3.5rem;display:grid;overflow:hidden}
.v3tool__thumb img{object-fit:contain;max-width:100%;max-height:100%}
.v3tool__file.is-busy .v3tool__thumb{animation:v3tool-pulse 1s var(--tj-ease) infinite alternate}
@keyframes v3tool-pulse{to{opacity:.45}}
.v3tool__meta{gap:.15rem;min-width:0;display:grid}
.v3tool__meta b{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}
.v3tool__meta span{color:var(--v3-text);font-size:.875rem}
.v3tool__meta em{color:var(--tj-color-magenta);font-style:normal;font-weight:600}
.v3tool__error{color:var(--tj-color-error);margin:0;font-size:.875rem}
.v3tool__remove{cursor:pointer;width:2rem;height:2rem;color:var(--v3-muted);background:0 0;border:0;border-radius:8px;place-items:center;padding:0;font-family:inherit;font-size:1.375rem;line-height:1;display:grid}
.v3tool__remove:hover,.v3tool__remove:focus-visible{background:var(--v3-sand);color:var(--v3-ink)}
.v3tool__file--text .v3tool__text{grid-column:1/-1}
.v3tool__text{resize:vertical;border:1px solid var(--v3-line);background:var(--v3-sand);width:100%;color:var(--v3-ink);word-break:break-all;border-radius:8px;padding:.75rem;font:.8125rem/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.v3tool__paste{gap:.5rem;display:grid}
.v3tool__paste .v3tool__text{background:var(--tj-color-white)}
.v3tool__preview{border:1px solid var(--v3-line);border-radius:var(--v3-radius);justify-items:center;gap:.75rem;padding:1.5rem;display:grid}
.v3tool__preview img{max-width:100%;max-height:24rem}
.v3tool__preview p{background:var(--tj-color-white);border-radius:6px;margin:0;padding:.25rem .6rem;font-size:.9375rem}
.v3tool__bar{flex-wrap:wrap;justify-content:flex-end;gap:.75rem;display:flex}
@media (width<=640px){.v3tool__options{flex-direction:column;align-items:flex-start}}
@media (width<=640px){.v3tool__file{grid-template-columns:3rem minmax(0,1fr) auto}}
@media (width<=640px){.v3tool__thumb{width:3rem;height:3rem}}
@media (width<=640px){.v3tool__file>.v3-btn{grid-area:2/2/auto/-1;justify-self:start}}
@media (width<=640px){.v3tool__file>.v3tool__remove{grid-area:1/3}}
@media (prefers-reduced-motion:reduce){.v3tool__file.is-busy .v3tool__thumb{opacity:.6;animation:none}}
.v3color-note{color:var(--v3-muted);margin:0;font-size:.875rem}
.v3color-swatch{border:1px solid var(--v3-line);border-radius:var(--v3-radius);place-items:end start;min-height:6rem;padding:.75rem .9rem;font:600 .9375rem/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;display:grid}
.v3color-swatch.is-dark{color:var(--tj-color-ink-strong)}
.v3color-swatch.is-light{color:var(--tj-color-white)}
.v3color-codes{gap:.4rem;margin:0;display:grid}
.v3color-codes__row{grid-template-columns:3.5rem minmax(0,1fr);align-items:center;gap:.75rem;display:grid}
.v3color-codes dt{letter-spacing:.04em;color:var(--v3-muted);font-size:.8125rem;font-weight:700}
.v3color-codes dd{border:1px solid var(--v3-line);background:var(--tj-color-white);border-radius:8px;justify-content:space-between;align-items:center;gap:.75rem;margin:0;padding:.45rem .45rem .45rem .75rem;display:flex}
.v3color-codes code{text-overflow:ellipsis;white-space:nowrap;font:.9375rem/1.3 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow:hidden}
.v3color-codes__copy{background:var(--v3-sand);cursor:pointer;color:var(--v3-ink);border:0;border-radius:6px;flex-shrink:0;padding:.3rem .65rem;font-family:inherit;font-size:.8125rem;font-weight:600}
.v3color-codes__copy:hover,.v3color-codes__copy:focus-visible{background:var(--tj-color-pink);color:var(--tj-color-magenta)}
.v3color-codes.is-compact{gap:.25rem}
.v3color-codes.is-compact .v3color-codes__row{grid-template-columns:2.75rem minmax(0,1fr);gap:.4rem}
.v3color-codes.is-compact dd{padding:.25rem .25rem .25rem .6rem}
.v3color-codes.is-compact code{font-size:.8125rem}
.v3color-input{justify-items:start;gap:.4rem;display:grid}
.v3color-input__group{border:1px solid var(--tj-color-line-strong);background:var(--tj-color-white);border-radius:8px;align-items:center;gap:.6rem;width:12.5rem;max-width:100%;padding:.3rem;display:flex}
.v3color-input__group:focus-within{outline:2px solid var(--tj-color-magenta);outline-offset:1px}
.v3color-input__group:has([aria-invalid=true]){border-color:var(--tj-color-error)}
.v3color-input input[type=color]{border:1px solid var(--v3-line);cursor:pointer;background:0 0;border-radius:6px;flex-shrink:0;width:2.1rem;height:2.1rem;padding:0;overflow:hidden}
.v3color-input input[type=color]:focus-visible{outline:none}
.v3color-input input[type=color]::-webkit-color-swatch-wrapper{padding:0}
.v3color-input input[type=color]::-webkit-color-swatch{border:0;border-radius:0}
.v3color-input input[type=color]::-moz-color-swatch{border:0;border-radius:0}
.v3color-input__hex,.v3color-numbers input{border:1px solid var(--tj-color-line-strong);background:var(--tj-color-white);min-width:0;color:var(--v3-ink);border-radius:8px;padding:.7rem .8rem;font:1.0625rem/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.v3color-input__hex{text-transform:uppercase;background:0 0;border:0;border-radius:0;flex:1;width:0;padding:.4rem .4rem .4rem 0}
.v3color-input__hex:focus-visible{outline:none}
.v3color-input__label{font-size:.9375rem}
.v3color-numbers{grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;display:grid}
.v3color-numbers.is-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.v3color-numbers label{gap:.3rem;font-size:.875rem;font-weight:600;display:grid}
.v3color-convert{border:1px solid var(--v3-line);background:var(--tj-color-white);border-radius:16px;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:start;gap:1.5rem;padding:clamp(1.25rem,3vw,2rem)}
.v3color-convert__in{gap:.9rem;display:grid}
.v3color-convert__in .v3tool__label{margin:0}
.v3color-convert__out{gap:.9rem;display:grid}
.v3color-convert__swatch{min-height:8rem}
.v3color-harmony{border:1px solid var(--v3-line);background:var(--tj-color-white);border-radius:16px;padding:clamp(1.25rem,3vw,2rem)}
.v3color-harmony__controls{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1rem 2rem;display:flex}
.v3color-harmony__controls .v3tool__label{margin:0 0 .5rem}
.v3color-harmony__body{grid-template-columns:13rem minmax(0,1fr);align-items:center;gap:clamp(1.5rem,4vw,3rem);margin-top:1.5rem;display:grid}
.v3color-wheel{aspect-ratio:1;background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:50%;position:relative}
.v3color-wheel:after{content:"";background:var(--tj-color-white);border-radius:50%;position:absolute;inset:24%}
.v3color-wheel i{z-index:1;border:3px solid var(--tj-color-white);width:1.4rem;height:1.4rem;box-shadow:0 0 0 1px color-mix(in srgb, var(--tj-color-ink) 35%, transparent);transform:rotate(var(--a)) translateY(-5.1rem) rotate(calc(var(--a) * -1));transition:transform .4s var(--tj-ease-soft), background-color .2s;border-radius:50%;margin:-.7rem 0 0 -.7rem;position:absolute;top:50%;left:50%}
.v3color-wheel i.is-base{width:1.8rem;height:1.8rem;margin:-.9rem 0 0 -.9rem}
.v3color-wheel i{cursor:grab;touch-action:none}
.v3color-wheel i:before{content:"";border-radius:50%;position:absolute;inset:-.6rem}
.v3color-wheel i:focus-visible{outline:2px solid var(--tj-color-magenta);outline-offset:2px}
.v3color-wheel.is-moving i{cursor:grabbing;transition:none}
.v3color-harmony__wheel{gap:.75rem;display:grid}
.v3color-harmony__hint{text-align:center;color:var(--v3-muted);margin:0;font-size:.8125rem;line-height:1.4}
.v3color-tiles{grid-template-columns:repeat(auto-fit,minmax(8.5rem,1fr));gap:.75rem;margin:0;padding:0;list-style:none;display:grid}
.v3color-tiles li,.v3color-palette__list li{gap:.3rem;display:grid}
.v3color-tiles span,.v3color-palette__list span{color:var(--v3-text);font:.8125rem/1.3 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.v3color-tile{border:1px solid var(--v3-line);border-radius:var(--v3-radius);cursor:pointer;min-height:6.5rem;transition:transform var(--tj-duration) var(--tj-ease);place-items:end start;padding:.7rem .8rem;font:600 .9375rem/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;display:grid}
.v3color-tile:hover,.v3color-tile:focus-visible{transform:translateY(-2px)}
.v3color-tile.is-dark{color:var(--tj-color-ink-strong)}
.v3color-tile.is-light{color:var(--tj-color-white)}
.v3color-pick__grid,.v3color-palette__grid{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start;gap:1.5rem;display:grid}
.v3color-pick__stage,.v3color-palette__image{justify-items:start;gap:.75rem;display:grid}
.v3color-pick__image{border-radius:var(--v3-radius);cursor:crosshair;touch-action:none;width:100%;position:relative}
.v3color-pick__image:focus-visible{outline:3px solid var(--tj-color-magenta);outline-offset:3px}
.v3color-pick__image img,.v3color-palette__image img{object-fit:contain;border:1px solid var(--v3-line);border-radius:var(--v3-radius);background:repeating-conic-gradient(var(--v3-sand) 0 25%, var(--tj-color-white) 0 50%) 0 0 / 12px 12px;-webkit-user-select:none;user-select:none;width:100%;max-height:70vh;display:block}
.v3color-pick__loupe{z-index:2;background:var(--tj-color-white);box-shadow:0 6px 24px color-mix(in srgb, var(--tj-color-shadow) 25%, transparent);pointer-events:none;border-radius:12px;justify-items:center;gap:.3rem;padding:.35rem;display:grid;position:absolute;transform:translate(18px,18px)}
.v3color-pick__loupe.is-left{transform:translate(calc(-100% - 18px),18px)}
.v3color-pick__loupe.is-up{transform:translate(18px,calc(-100% - 18px))}
.v3color-pick__loupe.is-left.is-up{transform:translate(calc(-100% - 18px),calc(-100% - 18px))}
.v3color-pick__loupe canvas{width:132px;height:132px;image-rendering:pixelated;border-radius:8px;display:block}
.v3color-pick__loupe b{border:2px solid var(--tj-color-white);border-radius:50%;width:1rem;height:1rem;position:absolute;top:.7rem;left:.7rem}
.v3color-pick__loupe>span{font:600 .8125rem/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.v3color-pick__list{gap:.75rem;display:grid}
.v3color-pick__list .v3tool__label{margin:0}
.v3color-pick__list ul{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}
.v3color-pick__list li{border:1px solid var(--v3-line);border-radius:var(--v3-radius);background:var(--tj-color-white);grid-template-columns:3.5rem minmax(0,1fr);align-items:stretch;gap:.75rem;padding:.6rem;display:grid}
.v3color-pick__swatch{min-height:0;padding:.4rem;font-size:0}
.v3color-palette__result{gap:1rem;display:grid}
.v3color-strip{border:1px solid var(--v3-line);border-radius:var(--v3-radius);height:3rem;display:flex;overflow:hidden}
.v3color-strip i{min-width:4px}
.v3color-palette__list{grid-template-columns:repeat(auto-fill,minmax(7.5rem,1fr));gap:.75rem;margin:0;padding:0;list-style:none;display:grid}
.v3color-palette__list .v3color-tile{min-height:5rem}
.v3color-palette .v3tool__bar{justify-content:flex-start}
@media (width<=900px){.v3color-convert,.v3color-pick__grid,.v3color-palette__grid{grid-template-columns:1fr}}
@media (width<=900px){.v3color-harmony__body{grid-template-columns:1fr;justify-items:center}}
@media (width<=900px){.v3color-wheel{width:13rem}}
@media (width<=900px){.v3color-tiles{width:100%}}
@media (width<=640px){.v3color-numbers.is-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
.v3size{grid-template-columns:minmax(0,1fr) minmax(0,.85fr);align-items:start;gap:1.5rem}
.v3size__panel{border:1px solid var(--v3-line);background:var(--tj-color-white);border-radius:16px;align-content:start;gap:1.25rem;padding:clamp(1.25rem,3vw,2rem);display:grid}
.v3size__panel .v3tool__label{margin:0}
.v3size__fields{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:.75rem;display:grid}
.v3size__field{gap:.4rem;display:grid}
.v3size__input{align-items:center;display:flex;position:relative}
.v3size__input input{border:1px solid var(--tj-color-line-strong);background:var(--tj-color-white);font-variant-numeric:tabular-nums;width:100%;color:var(--v3-ink);border-radius:10px;padding:.8rem 3.2rem .8rem .9rem;font-family:inherit;font-size:1.375rem;font-weight:600}
.v3size__input input:focus-visible{outline:2px solid var(--tj-color-magenta);outline-offset:1px}
.v3size__input em{color:var(--v3-muted);pointer-events:none;font-style:normal;font-weight:600;position:absolute;right:.9rem}
.v3size__input.is-small input{width:7.5rem;padding:.55rem 3rem .55rem .75rem;font-size:1rem}
.v3size__eq{color:var(--v3-muted);padding-bottom:.85rem;font-size:1.5rem}
.v3size__also{font-variant-numeric:tabular-nums;grid-column:1/-1;margin:0;font-size:1.0625rem;font-weight:600}
.v3size__setting{flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;display:flex}
.v3size__copy{justify-self:start}
.v3size__table{border:1px solid var(--v3-line);border-collapse:separate;border-spacing:0;background:var(--tj-color-white);font-variant-numeric:tabular-nums;border-radius:16px;width:100%}
.v3size__table th:first-child{border-top-left-radius:15px}
.v3size__table th:last-child{border-top-right-radius:15px}
.v3size__table caption{text-align:left;caption-side:top;padding:0 0 .6rem;font-weight:600}
.v3size__table th,.v3size__table td{border-bottom:1px solid var(--v3-line);text-align:left;padding:.55rem 1rem}
.v3size__table th{background:var(--v3-sand);letter-spacing:.04em;text-transform:uppercase;color:var(--v3-muted);font-size:.8125rem;font-weight:700}
.v3size__table tr:last-child td{border-bottom:0}
.v3aspect__result{gap:1rem;display:grid}
.v3aspect .v3color-codes__row{grid-template-columns:6.5rem minmax(0,1fr)}
.v3aspect__ratio{flex-wrap:wrap;align-items:baseline;gap:.5rem .9rem;display:flex}
.v3aspect__ratio .v3tool__label{flex-basis:100%}
.v3aspect__ratio b{font-family:var(--v3-serif);font-size:3rem;font-weight:300;line-height:1}
.v3aspect__ratio span:last-child:not(.v3tool__label){color:var(--v3-muted)}
.v3aspect__resize{border-top:1px solid var(--v3-line);gap:.5rem;padding-top:1.25rem;display:grid}
.v3aspect__preview{--v3aspect-h:18rem;height:calc(var(--v3aspect-h) + 4rem);border:1px solid var(--v3-line);background:var(--v3-sand);border-radius:16px;place-items:center;padding:2rem;display:grid}
.v3aspect__preview i{max-height:var(--v3aspect-h);border:2px solid var(--tj-color-magenta);background:var(--tj-color-pink);transition:width .4s var(--tj-ease-soft);border-radius:8px;place-items:center;display:grid}
.v3aspect__preview span{color:var(--tj-color-magenta);font:600 1.125rem/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
@media (width<=900px){.v3size{grid-template-columns:1fr}}
@media (width<=900px){.v3aspect__preview{--v3aspect-h:12rem}}
@media (width<=480px){.v3size__fields{grid-template-columns:1fr}}
@media (width<=480px){.v3size__eq{display:none}}
.v3font__thumb{background:var(--v3-sand);color:var(--v3-ink);font-size:1.5rem;line-height:1}
.v3font__sample{background:var(--v3-sand);text-overflow:ellipsis;white-space:nowrap;border-radius:8px;grid-column:1/-1;margin:.25rem 0 0;padding:.75rem 1rem;font-size:1.5rem;line-height:1.3;overflow:hidden}
.v3alt__grid{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);align-items:start;gap:1.5rem;display:grid}
.v3alt__image img{object-fit:contain;border:1px solid var(--v3-line);border-radius:var(--v3-radius);background:repeating-conic-gradient(var(--v3-sand) 0 25%, var(--tj-color-white) 0 50%) 0 0 / 12px 12px;width:100%;max-height:60vh;display:block}
.v3alt__result{gap:1rem;display:grid}
.v3alt__busy{color:var(--v3-muted);margin:0;animation:1.4s ease-in-out infinite v3alt-busy}
@keyframes v3alt-busy{50%{opacity:.45}}
.v3alt__list{gap:.9rem;margin:0;display:grid}
.v3alt__row dt{letter-spacing:.04em;text-transform:uppercase;color:var(--v3-muted);justify-content:space-between;gap:1rem;margin-bottom:.35rem;font-size:.8125rem;font-weight:700;display:flex}
.v3alt__row dt span{letter-spacing:0;text-transform:none;font-weight:400}
.v3alt__row dd{border:1px solid var(--v3-line);background:var(--tj-color-white);border-radius:8px;justify-content:space-between;align-items:flex-start;gap:.75rem;margin:0;padding:.6rem .5rem .6rem .85rem;display:flex}
.v3alt__row dd p{color:var(--v3-ink);margin:0;font-size:1rem;line-height:1.5}
.v3alt__note{background:var(--v3-sand);border-radius:8px;margin:0;padding:.75rem 1rem;font-size:.9375rem;line-height:1.5}
@media (width<=800px){.v3alt__grid{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.v3alt__busy{animation:none}}
.v3hs__empty{color:color-mix(in srgb, var(--tj-color-white) 75%, transparent);margin:0}
.v3tool__check{cursor:pointer;align-items:center;gap:.5rem;font-size:.9375rem;display:inline-flex}
.v3tool__check input{width:1.05rem;height:1.05rem;accent-color:var(--tj-color-magenta)}
.v3text__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:1rem;display:grid}
.v3text__area{word-break:normal;white-space:pre;background:var(--tj-color-white);min-height:16rem;font-size:.875rem;overflow:auto}
.v3text__area--prose{white-space:pre-wrap;font:1rem/1.6 var(--tj-font-body,inherit)}
.v3text__foot{color:var(--v3-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;font-size:.875rem;display:flex}
.v3text__foot--end{justify-content:flex-end}
.v3text__actions{gap:.6rem;display:inline-flex}
.v3text__count{align-items:center;gap:.6rem;display:inline-flex}
.v3text__count input{border:1px solid var(--tj-color-line-strong);width:5rem;font:inherit;border-radius:8px;padding:.5rem .6rem}
.v3text__cases{flex-wrap:wrap}
.v3text__counts{border:1px solid var(--v3-line);border-radius:var(--v3-radius);background:var(--tj-color-white);flex-wrap:wrap;gap:.5rem 1.75rem;margin:0;padding:.9rem 1.25rem;display:flex}
.v3text__counts>div{gap:.1rem;display:grid}
.v3text__counts dt{letter-spacing:.05em;text-transform:uppercase;color:var(--v3-muted);font-size:.75rem;font-weight:700}
.v3text__counts dd{font-variant-numeric:tabular-nums;color:var(--v3-ink);margin:0;font-size:1.25rem;font-weight:600}
@media (width<=800px){.v3text__grid{grid-template-columns:1fr}}
.v3ph__grid{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:start;gap:1.5rem;display:grid}
.v3ph__form{border:1px solid var(--v3-line);border-radius:var(--v3-radius);background:var(--tj-color-white);gap:1.1rem;padding:1.25rem;display:grid}
.v3ph__colors{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}
.v3ph__colors>div,.v3ph__text,.v3ph__format{gap:.4rem;display:grid}
.v3ph__colors .v3color-input,.v3ph__colors .v3color-input__group{width:100%}
.v3ph__text input{border:1px solid var(--tj-color-line-strong);font:inherit;border-radius:8px;padding:.7rem .8rem}
.v3ph .v3size__input input{border-radius:8px;padding:.7rem 2.6rem .7rem .8rem;font:1.0625rem/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.v3ph .v3size__input em{right:.8rem}
.v3ph .v3size__eq{padding-bottom:.35rem}
.v3ph__image{grid-template-columns:minmax(0,1fr);justify-items:start;gap:.4rem;display:grid}
.v3ph__file{align-items:center;gap:.6rem;max-width:100%;display:flex}
.v3ph__file img{object-fit:contain;border:1px solid var(--v3-line);background:repeating-conic-gradient(var(--v3-sand) 0 25%, var(--tj-color-white) 0 50%) 0 0 / 10px 10px;border-radius:8px;flex-shrink:0;width:2.75rem;height:2.75rem}
.v3ph__file-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.9375rem;overflow:hidden}
.v3ph__hint{color:var(--v3-muted);font-size:.875rem;line-height:1.4}
.v3ph__choices{flex-wrap:wrap;gap:.9rem 1.25rem;margin-top:.35rem;display:flex}
.v3ph__choice{justify-items:start;gap:.4rem;display:grid}
.v3ph__only{margin-top:.35rem}
.v3ph__preview{border:1px solid var(--v3-line);border-radius:var(--v3-radius);background:repeating-conic-gradient(var(--v3-sand) 0 25%, var(--tj-color-white) 0 50%) 0 0 / 14px 14px;justify-items:center;gap:1rem;padding:1.25rem;display:grid}
.v3ph__preview canvas{max-width:100%;height:auto;max-height:26rem;box-shadow:var(--v3-shadow);display:block}
.v3ph__grid>*,.v3ph .v3size__field,.v3ph .v3size__input input{min-width:0}
.v3ph__form{grid-template-columns:minmax(0,1fr)}
.v3ph__preview .v3-btn{white-space:normal;max-width:100%}
@media (width<=900px){.v3ph__grid,.v3ph__colors{grid-template-columns:1fr}}
.v3contrast__pick{align-items:flex-end}
.v3contrast__pick>div,.v3contrast__size{gap:.4rem;display:grid}
.v3contrast__pick>.v3contrast__sizes{flex-wrap:wrap;align-items:flex-end;gap:.75rem 1.25rem;margin-left:auto;display:flex}
@media (width<=640px){.v3contrast__pick{align-items:flex-start}}
@media (width<=640px){.v3contrast__pick>.v3contrast__sizes{margin-left:0}}
.v3contrast__px{color:var(--v3-muted);align-items:center;gap:.4rem;display:inline-flex}
.v3contrast__px input{border:1px solid var(--tj-color-line-strong);background:var(--tj-color-white);width:5rem;height:3rem;font:inherit;color:var(--v3-ink);border-radius:8px;padding:.7rem .8rem;font-size:1.0625rem;line-height:1.2}
.v3contrast__grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:stretch;gap:1.5rem;display:grid}
.v3contrast__sample{border:1px solid var(--v3-line);border-radius:var(--v3-radius);align-content:center;gap:1rem;padding:clamp(1.5rem,4vw,2.5rem);display:grid}
.v3contrast__sample p{margin:0;font-size:1rem;line-height:1.55}
.v3contrast__sample .v3contrast__large{font-size:1.5rem;font-weight:600;line-height:1.25}
.v3contrast__result{border:1px solid var(--v3-line);border-radius:var(--v3-radius);background:var(--tj-color-white);align-content:start;gap:.75rem;padding:1.25rem 1.5rem;display:grid}
.v3contrast__result .v3tool__label{margin:0}
.v3contrast__ratio{color:var(--v3-muted);margin:0;font-size:1.25rem}
.v3contrast__ratio b{font-family:var(--v3-serif);color:var(--v3-ink);font-size:clamp(2.5rem,5vw,3.25rem);font-weight:300}
.v3contrast__levels{gap:.4rem;margin:0;padding:0;list-style:none;display:grid}
.v3contrast__levels li{border-top:1px solid var(--v3-line);justify-content:space-between;align-items:center;gap:1rem;padding:.45rem 0;font-size:.9375rem;display:flex}
.v3contrast__levels small{color:var(--v3-muted);margin-left:.35rem}
.v3contrast__badge{border-radius:999px;padding:.2rem .6rem;font-size:.8125rem;font-weight:700}
.is-pass .v3contrast__badge{background:color-mix(in srgb, var(--tj-color-success) 16%, transparent);color:var(--tj-color-success)}
.is-fail .v3contrast__badge{background:color-mix(in srgb, var(--tj-color-error) 14%, transparent);color:var(--tj-color-error)}
.v3contrast__result .v3contrast__sizes-title{margin-top:.5rem}
.is-warn .v3contrast__badge{background:var(--tj-color-cream);color:var(--v3-ink)}
.v3contrast__note{color:var(--v3-muted);margin:0;font-size:.875rem;line-height:1.5}
.v3contrast__fix{border-top:1px solid var(--v3-line);gap:.5rem;padding-top:.75rem;font-size:.9375rem;display:grid}
.v3contrast__fix .v3-btn{justify-self:start;gap:.5rem}
.v3contrast__fix i{border:1px solid color-mix(in srgb, var(--tj-color-white) 60%, transparent);border-radius:4px;width:1rem;height:1rem}
@media (width<=800px){.v3contrast__grid{grid-template-columns:1fr}}
.v3arc-status{color:var(--v3-text);gap:.75rem;margin:0;font-size:1rem;display:grid}
.v3arc-status__bar{border-radius:var(--tj-radius-pill);background:linear-gradient(90deg, transparent, var(--tj-color-magenta), transparent) 0 0 / 40% 100% no-repeat, var(--tj-color-line);height:3px;animation:v3arc-scan 1.4s var(--tj-ease) infinite;display:block}
@keyframes v3arc-scan{0%{background-position:-40% 0,0 0}to{background-position:140% 0,0 0}}
@media (prefers-reduced-motion:reduce){.v3arc-status__bar{animation:none}}
.v3arc-error{font-size:1rem}
.v3arc-report{border:1px solid var(--v3-line);border-radius:var(--v3-radius);background:var(--tj-color-white);gap:clamp(1.75rem,3vw,2.5rem);padding:clamp(1.25rem,3vw,2.5rem);display:grid}
.v3arc-report__top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.5rem;display:flex}
.v3arc-report__site{color:var(--v3-muted);overflow-wrap:anywhere;margin:0;font-size:.9375rem}
.v3arc-report__actions{flex-wrap:wrap;gap:.5rem;display:flex}
.v3arc-verdict{color:var(--v3-ink);margin:0;font-size:clamp(1.5rem,2.6vw,2.125rem);line-height:1.25}
.v3arc-note{background:var(--tj-color-cream);border-radius:8px;margin:0;padding:.9rem 1rem;font-size:1rem}
.v3arc-questions{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}
.v3arc-q{border-radius:var(--v3-radius);background:var(--tj-color-light);padding:1.25rem}
.v3arc-q h3{margin:0;font-size:1rem;font-weight:600;line-height:1.4}
.v3arc-q p{color:var(--v3-text);margin:.5rem 0 0;font-size:.9375rem;line-height:1.55}
.v3arc-q--yes{background:var(--tj-color-mint-soft)}
.v3arc-q--partly{background:var(--tj-color-cream)}
.v3arc-q--no{background:color-mix(in srgb, var(--tj-color-error) 12%, var(--tj-color-white))}
.v3arc-q--next{background:var(--tj-color-light)}
.v3arc-q{isolation:isolate;position:relative;overflow:hidden}
.v3arc-q.is-checking:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(100deg, transparent 32%, var(--tj-color-white) 50%, transparent 68%) 0 0 / 250% 100% no-repeat;animation:v3arc-sweep 2.2s var(--tj-ease) infinite;position:absolute;inset:0}
.v3arc-q.is-checking:after{content:"";pointer-events:none;background:linear-gradient(90deg, transparent, var(--tj-color-magenta), transparent) 0 0 / 40% 100% no-repeat, color-mix(in srgb, var(--tj-color-magenta) 12%, transparent);height:3px;animation:v3arc-scan 1.4s var(--tj-ease) infinite;position:absolute;bottom:0;left:0;right:0}
.v3arc-q.is-checking b{animation:1.4s ease-in-out infinite v3arc-breathe}
@keyframes v3arc-sweep{0%{background-position:100% 0}to{background-position:0 0}}
@keyframes v3arc-breathe{50%{opacity:.4}}
@media (prefers-reduced-motion:reduce){.v3arc-q.is-checking:before{display:none}}
@media (prefers-reduced-motion:reduce){.v3arc-q.is-checking:after,.v3arc-q.is-checking b{animation:none}}
.v3arc-block{gap:.75rem;display:grid}
.v3arc-block--legal{border:2px solid var(--tj-color-magenta);border-radius:var(--v3-radius);background:var(--tj-color-light);padding:clamp(1.25rem,3vw,2rem)}
.v3arc-block--legal .v3arc-legal__text{background:var(--tj-color-white)}
.v3arc-block--legal{margin-top:25px}
.v3arc-block__title{margin:0;font-size:clamp(1.25rem,2vw,1.5rem);font-weight:600;line-height:1.3}
.v3arc-block__sub{color:var(--v3-muted);margin:0;font-size:.9375rem}
.v3arc-badge{border-radius:var(--tj-radius-pill);letter-spacing:.02em;flex-shrink:0;padding:.2rem .6rem;font-size:.8125rem;font-weight:600;line-height:1.4}
.v3arc-badge--pass{background:var(--tj-color-mint-soft);color:var(--tj-color-success)}
.v3arc-badge--warn{background:var(--tj-color-cream);color:var(--v3-ink)}
.v3arc-badge--fail{background:color-mix(in srgb, var(--tj-color-error) 12%, var(--tj-color-white));color:var(--tj-color-error)}
.v3arc-badge--info,.v3arc-badge--pending{background:var(--tj-color-light);color:var(--tj-color-meta)}
.v3arc-badge--not_tested{border:1px solid var(--tj-color-line-strong);color:var(--tj-color-meta)}
.v3arc-rows{border-top:1px solid var(--v3-line);margin:.25rem 0 0;padding:0;list-style:none;display:grid}
.v3arc-row{border-bottom:1px solid var(--v3-line);gap:.35rem;padding:1rem 0;display:grid}
.v3arc-row__head{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}
.v3arc-row__head h4{margin:0;font-size:1.15rem;font-weight:600;line-height:1.4}
.v3arc-row__text{color:var(--v3-text);max-width:62ch;margin:0;font-size:1rem;line-height:1.55}
.v3arc-row--pending{isolation:isolate;position:relative}
.v3arc-row--pending:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(100deg, transparent 32%, var(--tj-color-light) 50%, transparent 68%) 0 0 / 250% 100% no-repeat;animation:v3arc-sweep 2.2s var(--tj-ease) infinite;position:absolute;inset:0}
.v3arc-row--pending:after{content:"";pointer-events:none;background:linear-gradient(90deg, transparent, var(--tj-color-magenta), transparent) 0 0 / 40% 100% no-repeat;height:2px;animation:v3arc-scan 1.4s var(--tj-ease) infinite;position:absolute;bottom:-1px;left:0;right:0}
.v3arc-row--pending .v3arc-row__text,.v3arc-row--pending .v3arc-badge{animation:1.4s ease-in-out infinite v3arc-breathe}
@media (prefers-reduced-motion:reduce){.v3arc-row--pending:before{display:none}}
@media (prefers-reduced-motion:reduce){.v3arc-row--pending:after,.v3arc-row--pending .v3arc-row__text,.v3arc-row--pending .v3arc-badge{animation:none}}
.v3arc-row__details{margin-top:.25rem}
.v3arc-row__details summary,.v3arc-fix summary{cursor:pointer;color:var(--tj-color-magenta);font-size:.9375rem;font-weight:600}
.v3arc-row__details summary:focus-visible,.v3arc-fix summary:focus-visible{outline:2px solid var(--tj-color-magenta);outline-offset:2px;border-radius:4px}
.v3arc-row__details[open]{justify-items:start;gap:.75rem;display:grid}
.v3arc-row__evidence{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}
.v3arc-row__evidence code{background:var(--tj-color-light);overflow-wrap:anywhere;white-space:pre-wrap;color:var(--v3-ink);border-radius:6px;padding:.5rem .75rem;font-size:.8125rem;line-height:1.5;display:block}
.v3arc-fixes{counter-reset:fix;gap:1rem;margin:.25rem 0 0;padding:0;list-style:none;display:grid}
.v3arc-fix{border:1px solid var(--v3-line);border-radius:var(--v3-radius);counter-increment:fix;justify-items:start;gap:.6rem;padding:1.25rem;display:grid}
.v3arc-fix h4{margin:0;font-size:1.15rem;font-weight:600;line-height:1.4}
.v3arc-fix h4:before{content:counter(fix) ". ";color:var(--tj-color-magenta)}
.v3arc-fix p{margin:0;font-size:1rem;line-height:1.55}
.v3arc-fix details{width:100%}
.v3arc-fix pre{background:var(--tj-color-ink-strong);max-height:22rem;color:var(--tj-color-code);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:8px;margin:.75rem 0 0;padding:1rem;font-size:.8125rem;line-height:1.55;overflow:auto}
.v3arc-disclaimers{border-top:1px solid var(--v3-line);color:var(--v3-muted);gap:.4rem;margin:0;padding:1.25rem 0 0;font-size:.8125rem;line-height:1.5;list-style:none;display:grid}
.v3arc-disclaimers b{color:var(--v3-ink);font-weight:600}
@media (width<=720px){.v3arc-questions,.v3arc-inside{grid-template-columns:1fr}}
@media (width<=720px){.v3arc-row__head{flex-wrap:wrap}}
.v3arc-block__h4{margin:.75rem 0 0;font-size:1.15rem;font-weight:600}
.v3arc-table-wrap{overflow-x:auto}
.v3arc-table{border-collapse:collapse;width:100%;font-size:.9375rem}
.v3arc-table caption{text-align:left;margin-bottom:.5rem;font-weight:600}
.v3arc-table th,.v3arc-table td{border-bottom:1px solid var(--v3-line);text-align:left;vertical-align:top;padding:.6rem .75rem .6rem 0}
.v3arc-table th{color:var(--v3-muted);font-size:.8125rem;font-weight:600}
.v3arc-table code{overflow-wrap:anywhere;font-size:.8125rem}
.v3arc-table__actions{flex-wrap:wrap;gap:.4rem;display:flex}
.v3arc-legal__picker{flex-wrap:wrap;align-items:center;gap:.5rem .75rem;margin-top:.5rem;display:flex}
.v3arc-legal__picker .v3tool__label{margin:0}
.v3arc-legal__picker .v3-select{flex:0 18rem}
.v3arc-legal__picker select{border:1px solid var(--tj-color-line-strong);background:var(--tj-color-white);min-width:0;font:inherit;color:var(--v3-ink);transition:border-color var(--tj-duration) var(--tj-ease);border-radius:8px;padding:.7rem .8rem;font-size:1rem;line-height:1.4}
.v3arc-legal__picker select:hover{border-color:var(--v3-ink)}
.v3arc-legal__picker select:focus-visible{outline:2px solid var(--tj-color-magenta);outline-offset:1px}
.v3arc-badge--level-a{background:color-mix(in srgb, var(--tj-color-error) 12%, var(--tj-color-white));color:var(--tj-color-error)}
.v3arc-badge--level-aa{background:var(--tj-color-cream);color:var(--v3-ink)}
.v3arc-legal__meta{color:var(--v3-muted);flex-wrap:wrap;gap:.15rem 1rem;margin:0;font-size:.8125rem;display:flex}
.v3arc-legal__key{color:var(--v3-muted);margin:0;font-size:.875rem}
.v3arc-legal__text{border-radius:var(--v3-radius);background:var(--v3-sand);padding:1rem 1.25rem}
.v3arc-legal__text p{margin:.5rem 0 0}
.v3arc-legal__note{color:var(--v3-muted);font-size:.875rem}
.v3arc-banner{border-radius:var(--v3-radius);background:var(--v3-night);color:var(--v3-on-dark);justify-items:start;gap:.75rem;padding:clamp(1.5rem,3vw,2.25rem);display:grid}
.v3arc-banner p{max-width:60ch;color:color-mix(in srgb, var(--v3-on-dark) 85%, transparent);margin:0;font-size:1rem;line-height:1.6}
.v3arc-banner__ctas{flex-wrap:wrap;gap:.75rem;margin-top:.5rem;display:flex}
.v3arc-banner .v3-btn--primary:hover,.v3arc-banner .v3-btn--primary:focus-visible{background:var(--v3-on-dark);color:var(--v3-night)}
.v3arc-banner__line{border-color:color-mix(in srgb, var(--v3-on-dark) 60%, transparent);color:var(--v3-on-dark)}
.v3arc-banner__line:hover,.v3arc-banner__line:focus-visible{border-color:var(--v3-on-dark);background:var(--v3-on-dark);color:var(--v3-night)}
.v3arc-fixes__all{justify-self:start;margin-top:.25rem}
@media (width<=720px){.v3arc-legal__picker .v3-select{flex-basis:100%}}
.v3arc,.v3arc-report,.v3arc-block{grid-template-columns:minmax(0,1fr)}
.v3arc-report .v3-btn{white-space:normal;text-align:center;max-width:100%}
.v3arc h3,.v3arc-inside h3{margin-top:25px}
.v3steps{background:var(--v3-sand)}
.v3steps__head{margin-top:2rem}
.v3steps__list{grid-template-columns:repeat(min(var(--steps,4), 5), minmax(0, 1fr));gap:1.25rem;margin:clamp(2.5rem,5vw,3.5rem) 0 0;padding:0;list-style:none;display:grid}
.v3steps__item{border:1px solid var(--v3-line);border-radius:var(--v3-radius);background:var(--tj-color-white);padding:1.5rem}
.v3steps__top{justify-content:space-between;align-items:center;gap:1rem;display:flex}
.v3steps__logo{align-items:center;height:2.25rem;display:flex}
.v3steps__logo img{object-fit:contain;width:auto;max-width:9rem;height:1.75rem;display:block}
.v3steps__num{color:var(--tj-color-magenta);font-size:2.5rem;line-height:1;display:block}
.v3steps__item h3{letter-spacing:0;margin-top:1rem;font-size:1.125rem;font-weight:600;line-height:1.4}
.v3steps__item p{color:var(--v3-text);margin-top:.5rem;font-size:1rem;line-height:1.55}
.v3steps__more{color:var(--v3-ink);transition:color var(--tj-duration) var(--tj-ease);align-self:flex-start;align-items:center;gap:.5rem;margin-top:auto;padding-top:1.25rem;font-size:1rem;font-weight:600;display:inline-flex}
.v3steps__more svg{width:1.1rem;height:1.1rem;color:var(--tj-color-magenta);transition:translate var(--tj-duration) var(--tj-ease)}
.v3steps__more:hover,.v3steps__more:focus-visible{color:var(--tj-color-magenta)}
.v3steps__more:hover svg,.v3steps__more:focus-visible svg{translate:.25rem}
.v3steps__ctas{margin-top:2.25rem}
.v3steps__list--pictures{grid-template-columns:repeat(3,minmax(0,1fr))}
.v3steps__list--pictures .v3steps__item{flex-direction:column;padding:.75rem .75rem 1.5rem;display:flex}
.v3steps__list--pictures .v3steps__item>:not(.v3steps__img){margin-inline:.75rem}
.v3steps__list--pictures .v3steps__num{margin-top:.25rem;font-size:2rem}
.v3steps__img{aspect-ratio:700/376;background:var(--tj-color-pink);border-radius:8px;margin-bottom:1.1rem;display:block;position:relative;overflow:hidden;container-type:inline-size}
.v3steps__img>img{object-fit:cover;width:100%;height:100%;display:block}
.v3steps__img--contain>img{object-fit:contain;padding:6% 8%}
.v3steps__cta{background:var(--v3-night);color:var(--v3-on-dark);border-color:#0000;justify-content:center;gap:.9rem}
.v3steps__list--pictures .v3steps__cta{padding:clamp(1.5rem,3vw,2.25rem)}
.v3steps__list--pictures .v3steps__item.v3steps__cta>*{margin-inline:0}
.v3steps__item .v3steps__cta-title{color:inherit;margin-top:0;font-size:clamp(1.75rem,2.4vw,2.25rem);line-height:1.1}
.v3steps__item.v3steps__cta p:not(.v3steps__cta-title){color:color-mix(in srgb, var(--tj-color-white) 78%, transparent);margin-top:0}
.v3steps__cta .v3-ctas{flex-direction:column;align-items:stretch;gap:1rem;margin-top:.5rem}
.v3steps__cta .v3-btn{width:100%}
.v3steps__cta-link{color:var(--tj-color-white);align-self:center}
.v3steps__cta .v3-btn--primary:hover,.v3steps__cta .v3-btn--primary:focus-visible{background:var(--tj-color-white);color:var(--v3-ink)}
.v3steps__cta .v3-btn--outline{border-color:color-mix(in srgb, var(--tj-color-white) 50%, transparent);color:var(--tj-color-white);background:0 0}
.v3steps__cta .v3-btn--outline:hover,.v3steps__cta .v3-btn--outline:focus-visible{border-color:var(--tj-color-white);background:var(--tj-color-white);color:var(--v3-ink)}
.v3steps__list--pictures.v3steps__list--four{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (width<=1023px){.v3steps__list,.v3steps__list--pictures,.v3steps__list--pictures.v3steps__list--four{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (width<=560px){.v3steps__list,.v3steps__list--pictures,.v3steps__list--pictures.v3steps__list--four{grid-template-columns:1fr}}
.v3ab-when,.v3ab-faq .v3faq{background:var(--v3-sand)}
.v3ab-others__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:clamp(2rem,4vw,3rem) 0 0;padding:0;list-style:none;display:grid}
.v3ab-tile{border:1px solid var(--v3-line);border-radius:var(--v3-radius);background:var(--tj-color-white);height:100%;transition:box-shadow var(--tj-duration) var(--tj-ease), translate var(--tj-duration) var(--tj-ease);gap:1rem;padding:1.25rem 1.25rem 1.1rem;display:grid}
.v3ab-tile:hover,.v3ab-tile:focus-visible{box-shadow:var(--v3-shadow);translate:0 -2px}
.v3ab-tile__logo{align-items:center;height:2rem;display:flex}
.v3ab-tile__logo img{width:auto;max-width:9rem;height:1.5rem}
.v3ab-tile--lovable .v3ab-tile__logo img{height:1.35rem}
.v3ab-tile__logo .v3ai-builder__word{letter-spacing:-.02em;color:var(--v3-ink);font-size:1.25rem;font-weight:700}
.v3ab-tile__name{color:var(--v3-ink);align-items:center;gap:.4rem;font-size:1rem;font-weight:600;display:inline-flex}
.v3ab-tile__name svg{width:1rem;height:1rem;color:var(--tj-color-magenta);transition:translate var(--tj-duration) var(--tj-ease);flex-shrink:0}
.v3ab-tile:hover .v3ab-tile__name svg,.v3ab-tile:focus-visible .v3ab-tile__name svg{translate:.2rem}
@media (width<=700px){.v3ab-others__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.v3steps__img:has(>.v3sa){background:0 0;border-radius:0}
.v3sa{display:block;position:absolute;inset:0}
.v3sa svg{width:100%;height:100%;display:block}
.v3sa [class*=v3sa-]{transform-box:fill-box}
.v3sa.is-paused *{animation-play-state:paused!important}
.v3sa-tick{transform-origin:50%;animation:5s cubic-bezier(.34,1.56,.64,1) infinite backwards v3sa-tick}
@keyframes v3sa-tick{0%,40%{transform:scale(0)}48%,92%{transform:scale(1)}to{transform:scale(0)}}
.v3sa-run{opacity:0;animation:5s ease-in-out infinite v3sa-run}
@keyframes v3sa-run{0%,12%{opacity:0;transform:translate(0)}16%{opacity:1}36%{opacity:1;transform:translateX(var(--run,0px))}40%,to{opacity:0;transform:translateX(var(--run,0px))}}
.v3sa-spark{transform-origin:50%;animation:1.6s ease-in-out infinite v3sa-spark}
@keyframes v3sa-spark{50%{transform:scale(1.15)}}
.v3sa-snap{transform-origin:50%;animation:5s cubic-bezier(.34,1.4,.64,1) infinite v3sa-snap}
.v3sa-snap--1{animation-delay:80ms}
.v3sa-snap--2{animation-delay:.16s}
@keyframes v3sa-snap{0%,18%{transform:translate(var(--dx), var(--dy)) rotate(var(--r))}34%,92%{transform:translate(0)rotate(0)}to{transform:translate(var(--dx), var(--dy)) rotate(var(--r))}}
.v3sa-gap{animation:5s infinite v3sa-show}
@keyframes v3sa-show{0%,34%{opacity:0}42%,90%{opacity:1}to{opacity:0}}
.v3sa-select{animation:5s infinite v3sa-select}
@keyframes v3sa-select{0%,4%{opacity:0}10%,92%{opacity:1}to{opacity:0}}
.v3sa-land{animation:5s cubic-bezier(.22,1,.36,1) infinite backwards v3sa-land}
.v3sa-land--1{animation-delay:.45s}
.v3sa-land--2{animation-delay:.9s}
@keyframes v3sa-land{0%,8%{opacity:0;transform:translateY(-14px)}20%,90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(0)}}
.v3sa-stack{transform-origin:0 0;animation:5s cubic-bezier(.34,1.3,.64,1) infinite v3sa-stack}
.v3sa-stack--1{animation-delay:.1s}
@keyframes v3sa-stack{0%,12%{transform:translate(var(--sx), var(--sy)) scale(.6, 1)}30%,92%{transform:translate(0)scale(1)}to{transform:translate(var(--sx), var(--sy)) scale(.6, 1)}}
@keyframes v3sa-dep-theme{0%,34%{opacity:0;transform:translateY(-8px)}44%,92%{opacity:1;transform:translateY(0)}to{opacity:0}}
@keyframes v3sa-ed-drag{0%,4%{opacity:0;transform:translate(0)}8%{opacity:1;transform:translate(0)}40%{opacity:1;transform:translate(var(--dx), var(--dy))}46%,to{opacity:0;transform:translate(var(--dx), var(--dy))}}
@keyframes v3sa-ed-line{0%,28%{opacity:0}32%,44%{opacity:1}48%,to{opacity:0}}
@keyframes v3sa-ed-new{0%,44%{opacity:0;transform:scaleY(.4)}54%,92%{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(.4)}}
@keyframes v3sa-ed-push{0%,44%{transform:translateY(-38px)}54%,92%{transform:translateY(0)}to{transform:translateY(-38px)}}
.v3sa-move{animation:5s cubic-bezier(.45,0,.25,1) infinite backwards v3sa-move}
@keyframes v3sa-move{0%,6%{opacity:0;transform:translateX(var(--fx,0px))}10%{opacity:1}30%,92%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(0)}}
.v3sa-fade{animation:5s infinite v3sa-fade}
@keyframes v3sa-fade{0%,50%{opacity:1}60%,92%{opacity:.2}to{opacity:1}}
.v3sa-in{animation:5s cubic-bezier(.22,1,.36,1) infinite backwards v3sa-in}
@keyframes v3sa-in{0%,8%{opacity:0;transform:translateX(var(--dx,0px))}24%,92%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(0)}}
@keyframes v3sa-scan{0%{opacity:0;transform:translateY(0)}5%{opacity:1}38%{opacity:1;transform:translateY(104px)}44%,to{opacity:0;transform:translateY(104px)}}
@keyframes v3gh-fly{0%{opacity:0;transform:translate(0)scale(.6)}2%{opacity:1;transform:translate(0)scale(1)}12%{opacity:1;transform:translate(var(--dx), var(--dy)) scale(1)}15%,to{opacity:0;transform:translate(var(--dx), var(--dy)) scale(.6)}}
@keyframes v3gh-pick{0%{opacity:0}2%,12%{opacity:1}16%,to{opacity:0}}
@keyframes v3gh-land0{0%,12%{opacity:0;transform:translateY(-8px)}18%,92%{opacity:1;transform:translateY(0)}to{opacity:0}}
@keyframes v3gh-land1{0%,34%{opacity:0;transform:translateY(-8px)}40%,92%{opacity:1;transform:translateY(0)}to{opacity:0}}
@keyframes v3gh-land2{0%,56%{opacity:0;transform:translateY(-8px)}62%,92%{opacity:1;transform:translateY(0)}to{opacity:0}}
@keyframes v3gh-publish{0%,76%,86%,to{transform:scale(1)}81%{transform:scale(1.2)}}
@media (prefers-reduced-motion:reduce){.v3sa *,.v3gh *{animation:none!important}}
@media (prefers-reduced-motion:reduce){.v3sa-run,.v3sa-scanbar,.v3sa-ed-drag,.v3sa-ed-line,.v3gh-fly,.v3gh-pick{opacity:0}}
.v3ai__note{color:var(--v3-muted);font-size:.9375rem;line-height:1.5}
.v3ai-builders,.v3ai-faq .v3faq{background:var(--v3-sand)}
.v3ai-builders__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;margin:clamp(2.5rem,5vw,3.5rem) 0 0;padding:0;list-style:none;display:grid}
.v3ai-builder{border:1px solid var(--v3-line);border-radius:var(--v3-radius);background:var(--tj-color-white);flex-direction:column;padding:1.5rem;display:flex}
.v3ai-builder__logo{align-items:center;height:2rem;display:flex}
.v3ai-builder__logo img{width:auto;max-width:10rem;height:1.6rem}
.v3ai-builder__word{letter-spacing:-.02em;color:var(--v3-ink);font-size:1.35rem;font-weight:700}
.v3ai-builder h3{letter-spacing:0;margin-top:1.1rem;font-size:1.125rem;font-weight:600;line-height:1.4}
.v3ai-builder p{color:var(--v3-text);margin-top:.5rem;font-size:1rem;line-height:1.55}
.v3ai-builder--cta{background:var(--v3-night);color:var(--v3-on-dark);border-color:#0000;justify-content:center;gap:.9rem}
.v3ai-builder--cta .v3ai-builder__cta-title{color:inherit;margin-top:0;font-size:clamp(1.75rem,2.4vw,2.25rem);line-height:1.1}
.v3ai-builder--cta p:not(.v3ai-builder__cta-title){color:color-mix(in srgb, var(--tj-color-white) 78%, transparent);margin-top:0}
.v3ai-builder--cta .v3-btn{width:100%;margin-top:.5rem}
.v3ai-builder--cta .v3-btn--primary:hover,.v3ai-builder--cta .v3-btn--primary:focus-visible{background:var(--tj-color-white);color:var(--v3-ink)}
.v3ai-builder__cta-link{color:var(--tj-color-white);align-self:center}
@media (width<=1023px){.v3ai-builders__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (width<=900px){.v3fh__copy .v3ai__note{order:5}}
@media (width<=600px){.v3ai-builders__grid{grid-template-columns:1fr}}
.v3th-features{background:var(--v3-sand)}
.v3th-logic .v3-ctas,.v3th-native .v3-ctas{margin-top:clamp(2rem,4vw,3rem)}
.v3th-band--sand>.v3-sec{background:var(--v3-sand)}
.v3th-band--paper>.v3-sec{background:0 0}
.v3price-voices .v3voices,.v3inc--sand{background:var(--v3-sand)}
.v3price__tick{flex-shrink:0;width:1.25rem;height:1.25rem}
.v3price__tick circle{fill:var(--tj-color-pink)}
.v3price__tick path{fill:none;stroke:var(--tj-color-magenta);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}
.v3price__head{margin-top:2rem}
.v3price__tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;margin:clamp(5rem,10vw,7.5rem) 0 0;padding:0;list-style:none;display:grid}
.v3price__item{display:flex}
.v3price__card{border:1px solid var(--v3-line);border-radius:var(--v3-radius);background:var(--tj-color-white);flex-direction:column;flex:1;padding:1.75rem 1.5rem 1.5rem;display:flex;position:relative}
.v3price__top{border-bottom:1px solid var(--v3-line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem .5rem;min-height:3.1rem;margin-bottom:1.4rem;padding-bottom:1.1rem;display:flex}
.v3price__name{letter-spacing:0;font-size:1.375rem;font-weight:600;line-height:1.3}
.v3price__badge{border:1px solid var(--v3-line);background:var(--tj-color-mint);white-space:nowrap;transition:background-color var(--tj-duration) var(--tj-ease);border-radius:999px;align-items:center;gap:.35rem;padding:.3rem .65rem;font-size:.8125rem;font-weight:600;line-height:1.3;display:inline-flex;position:absolute;top:0;right:1.25rem;translate:0 -50%}
.v3price__badge:hover,.v3price__badge:focus-visible{background:var(--tj-color-mint-strong)}
.v3price__badge svg,.v3price__guarantee svg{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round}
.v3price__badge svg{width:.95rem;height:.95rem}
.v3price__billing{border:1px solid var(--v3-line);background:var(--tj-color-white);border-radius:999px;gap:.15rem;padding:.15rem;display:inline-flex;position:absolute;top:0;right:1.25rem;translate:0 -50%}
.v3price__billing button{cursor:pointer;min-height:1.5rem;color:var(--v3-muted);transition:background-color var(--tj-duration) var(--tj-ease), color var(--tj-duration) var(--tj-ease);background:0 0;border:0;border-radius:999px;align-items:center;gap:.35rem;padding:0 .65rem;font-family:inherit;font-size:.8125rem;font-weight:600;line-height:1;display:inline-flex}
.v3price__billing button:hover{color:var(--v3-ink)}
.v3price__billing button[aria-pressed=true]{background:var(--v3-ink);color:var(--tj-color-white)}
.v3price__billing button:focus-visible{outline:3px solid var(--tj-color-magenta);outline-offset:2px}
.v3price__billing{z-index:2}
.v3price__billing button{position:relative}
.v3price__billing button:after{content:"";position:absolute;inset:-.875rem -.1rem}
.v3price__save{background:var(--tj-color-green);color:var(--v3-ink);border-radius:999px;padding:.12rem .35rem;font-size:.75rem}
.v3price__price{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"amount from""amount per";align-items:center;column-gap:.65rem;display:grid}
.v3price__amount{color:var(--v3-ink);grid-area:amount;font-size:clamp(2.75rem,4vw,3.5rem);font-weight:500;line-height:1}
.v3price__from,.v3price__per{color:var(--v3-muted);line-height:1.25}
.v3price__digits{display:inline-block}
.v3price__digits.is-new{animation:v3price-in .22s var(--tj-ease)}
@keyframes v3price-in{0%{opacity:0;translate:0 -.12em}}
.v3pick{position:relative}
.v3pick__btn{border:1px solid var(--v3-line);background:var(--tj-color-white);cursor:pointer;min-height:2rem;color:var(--v3-ink);transition:border-color var(--tj-duration) var(--tj-ease);border-radius:999px;align-items:center;gap:.45rem;padding:0 .7rem 0 .55rem;font-family:inherit;font-size:.8125rem;font-weight:600;line-height:1;display:inline-flex}
.v3pick__btn:hover,.v3pick__btn[aria-expanded=true]{border-color:var(--v3-ink)}
.v3pick__btn:not(:has(img)){padding-left:.8rem}
.v3pick img{flex-shrink:0;width:1.05rem;height:1.05rem}
.v3pick__chev,.v3pick__check{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}
.v3pick__chev{stroke-width:1.6px;width:.75rem;height:.75rem;transition:rotate .25s var(--tj-ease)}
.v3pick__btn[aria-expanded=true] .v3pick__chev{rotate:180deg}
.v3pick__list{z-index:5;border:1px solid var(--v3-line);background:var(--tj-color-white);min-width:11rem;box-shadow:var(--v3-shadow);transform-origin:10% 0;border-radius:12px;margin:0;padding:.3rem;list-style:none;position:absolute;top:calc(100% + .4rem);left:0}
@media (width>=1260px){.v3pick__list{transform-origin:90% 0;left:auto;right:0}}
.v3pick__list--end{transform-origin:90% 0;left:auto;right:0}
.v3pick__list:focus{outline:none}
.v3pick__list li{cursor:pointer;border-radius:8px;align-items:center;gap:.6rem;min-height:2.5rem;padding:0 .75rem;font-size:.9375rem;font-weight:600;display:flex}
.v3pick__list li.is-active{background:var(--v3-sand)}
.v3pick__list:focus-visible li.is-active{outline:2px solid var(--tj-color-magenta);outline-offset:-2px}
.v3pick__check{width:1rem;height:1rem;stroke:var(--tj-color-magenta);stroke-width:2px;margin-left:auto}
.v3price__from{letter-spacing:.04em;text-transform:uppercase;grid-area:from;align-self:end;font-size:.8125rem;font-weight:600}
.v3price__per{grid-area:per;align-self:start;font-size:1rem}
.v3price__text{color:var(--v3-text);margin-top:1.1rem;font-size:1.0625rem;line-height:1.6}
.v3price__points{gap:.55rem;margin:1.1rem 0 0;padding:0;list-style:none;display:grid}
.v3price__points li{align-items:flex-start;gap:.6rem;font-size:1rem;line-height:1.45;display:flex}
.v3price__points .v3price__tick{margin-top:.05rem}
.v3price__ctas{justify-items:center;gap:1rem;margin-top:auto;padding-top:1.75rem;display:grid}
.v3price__ctas .v3-btn{white-space:normal;text-align:center;width:100%}
.v3price__more{font-size:1.0625rem;font-weight:600}
.v3price__guarantee{max-width:52rem;color:var(--v3-text);align-items:flex-start;gap:.75rem;margin:2rem auto 0;font-size:.9375rem;line-height:1.6;display:flex}
.v3price__guarantee svg{width:1.35rem;height:1.35rem;color:var(--tj-color-ink);flex-shrink:0;margin-top:.1rem}
.v3price__guarantee .v3-link{font-size:inherit}
@media (width>=1024px) and (width<=1180px){.v3price__card{padding-inline:1.1rem}}
@media (width>=1024px) and (width<=1180px){.v3price__points li{font-size:.9375rem}}
@media (width>=1024px) and (width<=1259px){.v3price__top{flex-direction:column;justify-content:flex-start;align-items:flex-start;min-height:5.4875rem}}
@media (width<=1023px){.v3price__tiles{grid-template-columns:1fr;max-width:36rem;margin-inline:auto}}
.v3plans__head,.v3inc__head{margin-top:2rem}
@media (prefers-reduced-motion:reduce){.v3price__digits.is-new{animation:none}}
.v3bg-checked{color:var(--v3-muted);margin:0;font-size:.875rem}
.v3bg-picks,.v3bg-group--design,.v3bg-compare{background:var(--v3-sand)}
.v3blog__head{margin-top:2rem}
.v3blog__page{color:var(--v3-muted)}
.v3-tag a{color:inherit}
.v3-tag a:hover{color:var(--tj-color-magenta)}
.v3blog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.25rem,2.5vw,2rem);margin:clamp(2rem,4vw,3rem) 0 0;padding:0;list-style:none;display:grid}
.v3blog-card{border:1px solid var(--v3-line);border-radius:var(--v3-radius);background:var(--tj-color-white);transition:box-shadow .4s var(--tj-ease), translate .4s var(--tj-ease);flex-direction:column;display:flex;position:relative;overflow:hidden}
.v3blog-card__img{aspect-ratio:16/10;background:var(--v3-sand);overflow:hidden}
.v3blog-card__img img{object-fit:cover;width:100%;height:100%;transition:scale .6s var(--tj-ease);display:block}
@media (hover:hover){.v3blog-card:hover{box-shadow:var(--v3-shadow);translate:0 -3px}}
@media (hover:hover){.v3blog-card:hover .v3blog-card__img img{scale:1.03}}
@media (hover:hover){.v3blog-card:hover .v3blog-card__title{color:var(--tj-color-magenta)}}
.v3blog-card:has(a:focus-visible){outline:3px solid var(--tj-color-magenta);outline-offset:3px}
.v3blog-card__body{flex-direction:column;flex:1;gap:.65rem;padding:1.25rem 1.35rem 1.4rem;display:flex}
.v3blog-card__tags{flex-wrap:wrap;gap:.35rem;display:flex}
.v3blog-card__tags span{background:var(--v3-sand);color:var(--v3-ink);border-radius:999px;padding:.2rem .6rem;font-size:.75rem;font-weight:600;line-height:1.4}
.v3blog-card__title{letter-spacing:0;color:var(--v3-ink);transition:color var(--tj-duration) var(--tj-ease);font-size:1.1875rem;font-weight:600;line-height:1.35}
.v3blog-card__title a{color:inherit}
.v3blog-card__title a:focus-visible{outline:none}
.v3blog-card__title a:after{content:"";position:absolute;inset:0}
.v3blog-card__text{-webkit-line-clamp:3;color:var(--v3-text);-webkit-box-orient:vertical;font-size:.9375rem;line-height:1.55;display:-webkit-box;overflow:hidden}
.v3blog-card__meta{color:var(--v3-muted);margin-top:auto;padding-top:.35rem;font-size:.8125rem}
.v3post-table{border:1px solid var(--v3-line);border-radius:12px;overflow-x:auto}
.v3post-table table{border-collapse:collapse;width:100%;min-width:32rem;font-size:.9375rem;line-height:1.5}
.v3post-table th,.v3post-table td{border-bottom:1px solid var(--v3-line);text-align:left;vertical-align:top;padding:.8rem 1rem}
.v3post-table tr:last-child>*{border-bottom:0}
.v3post-table th,.v3post-table thead td{background:var(--v3-sand);color:var(--v3-ink);font-weight:600}
.v3post-table td p+p{margin-top:.5rem}
.v3post-video{justify-items:start;gap:1.25rem;margin-inline:0;display:grid}
.v3post-video__frame{border:1px solid var(--v3-line);border-radius:var(--v3-radius);background:var(--v3-sand);width:100%;overflow:hidden}
.v3post-video__frame video,.v3post-video__frame img{width:100%;height:auto;display:block}
.v3post-faq h2{font-family:var(--v3-serif);letter-spacing:-.012em;color:var(--v3-ink);font-size:clamp(1.75rem,3vw,2.25rem);font-weight:300;line-height:1.15}
.v3post-faq__lead{margin-top:.75rem}
.v3post-faq .v3faq__list{margin-top:1.5rem}
.v3post-faq .v3faq__q button{padding:1.15rem 0;font-size:1.125rem}
.v3post-faq .v3faq__a p{max-width:none;font-size:inherit;padding:0}
.v3post-media{gap:2rem;margin:0;padding:0;list-style:none;display:grid}
.v3post-media__img img{border:1px solid var(--v3-line);background:var(--v3-sand);border-radius:12px;width:100%;height:auto;display:block}
.v3post-media__tagline{letter-spacing:.05em;text-transform:uppercase;color:var(--tj-color-magenta);font-size:.8125rem;font-weight:600}
.v3post-media__text h2,.v3post-media__text h3,.v3post-media__text h4{letter-spacing:0;color:var(--v3-ink);margin-top:.35rem;font-size:1.25rem;font-weight:600;line-height:1.35}
.v3post-media__text>div{margin-top:.6rem;font-size:1rem;line-height:1.65}
.v3post-media__text a{color:var(--v3-ink);text-decoration:underline;-webkit-text-decoration-color:var(--tj-color-magenta);text-decoration-color:var(--tj-color-magenta);text-underline-offset:3px;overflow-wrap:anywhere;text-decoration-thickness:2px}
.v3post-media--rows .v3post-media__item{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:1.75rem;display:grid}
.v3post-media--rows .v3post-media__item:nth-child(2n) .v3post-media__img{order:2}
.v3post-media--cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}
.v3post-media--cards .v3post-media__item{align-content:start;gap:1rem;display:grid}
.v3blog-related{background:var(--v3-sand)}
.v3-split>.v3blog-related__all{text-align:right;place-self:end;max-width:none;padding:0 0 .35rem}
@media (width<=1000px){.v3blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (width<=700px){.v3blog-grid,.v3post-media--cards,.v3post-media--rows .v3post-media__item{grid-template-columns:minmax(0,1fr)}}
@media (width<=700px){.v3post-media--rows .v3post-media__item:nth-child(2n) .v3post-media__img{order:0}}
@media (prefers-reduced-motion:reduce){.v3blog-card,.v3blog-card__img img{transition:none}}
.v3blog__inline{font-size:inherit;padding-bottom:1px;display:inline}
.v3mig-promise,.v3mig-faq .v3faq{background:var(--v3-sand)}
.v3mig-hub-steps .v3steps,.v3mig-hub-read .v3fh-read{background:var(--v3-paper)}
.v3mig-hub-why .v3fh-compare,.v3mig-dest{background:var(--v3-sand)}
.v3mig-tick{background:var(--tj-color-magenta-light);border-radius:50%;flex-shrink:0;place-items:center;width:1.5rem;height:1.5rem;display:inline-grid}
.v3mig-tick svg{fill:none;width:1rem;height:1rem;stroke:var(--v3-ink);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}
.v3mig-included{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem 2.5rem;margin:clamp(1.5rem,3vw,2rem) 0 0;padding:0;list-style:none;display:grid}
.v3mig-included li{color:var(--v3-ink);align-items:flex-start;gap:.75rem;font-size:1.0625rem;line-height:1.5;display:flex}
@media (width<=700px){.v3mig-included{grid-template-columns:1fr}}
.v3gb-paths,.v3gb-faq .v3faq{background:var(--v3-sand)}
.v3gb-list{color:var(--v3-text);gap:.4rem;margin:.5rem 0 0;padding-left:1.1rem;font-size:1rem;line-height:1.5;display:grid}
.v3gb-table{border:1px solid var(--v3-line);border-radius:var(--v3-radius);background:var(--tj-color-white);margin-top:clamp(2rem,4vw,3rem);overflow:hidden}
.v3gb-table table{border-collapse:collapse;width:100%;font-size:1rem;line-height:1.5}
.v3gb-table th,.v3gb-table td{border-bottom:1px solid var(--v3-line);text-align:left;vertical-align:top;padding:1.1rem 1.5rem}
.v3gb-table tbody tr:last-child>*{border-bottom:0}
.v3gb-table thead th{color:var(--v3-ink);font-size:1.0625rem;font-weight:600}
.v3gb-table thead th:nth-child(2),.v3gb-table td:nth-child(2){background:var(--tj-color-pink)}
.v3gb-table tbody th{width:22%;color:var(--v3-ink);font-weight:600}
.v3gb-table td{color:var(--v3-text)}
@media (width<=700px){.v3gb-table{background:0 0;border:0;overflow:visible}}
@media (width<=700px){.v3gb-table thead{display:none}}
@media (width<=700px){.v3gb-table table,.v3gb-table tbody,.v3gb-table tr,.v3gb-table th,.v3gb-table td{width:auto;display:block}}
@media (width<=700px){.v3gb-table tr{border:1px solid var(--v3-line);border-radius:var(--v3-radius);background:var(--tj-color-white);margin-bottom:.75rem;overflow:hidden}}
@media (width<=700px){.v3gb-table th,.v3gb-table td{padding:.85rem 1.1rem}}
@media (width<=700px){.v3gb-table tbody th{width:auto}}
@media (width<=700px){.v3gb-table tbody tr>*{border-bottom:1px solid var(--v3-line)}}
@media (width<=700px){.v3gb-table tbody tr>:last-child{border-bottom:0}}
@media (width<=700px){.v3gb-table td:before{content:attr(data-col);color:var(--v3-muted);margin-bottom:.2rem;font-size:.8125rem;font-weight:600;display:block}}
.v3cmp-sand,.v3cmp-faq .v3faq{background:var(--v3-sand)}
.v3cmp-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
.v3cmp-cards .v3fh-feature{flex-direction:column;display:flex}
.v3cmp-note{color:var(--v3-muted);margin-top:.9rem;font-size:.9375rem;line-height:1.5}
@media (width<=600px){.v3cmp-cards{grid-template-columns:1fr}}
.v3doc{padding-block:clamp(2rem,4vw,3rem) clamp(4rem,8vw,6rem)}
.is-sliding>summary+*{overflow:hidden}
.v3doc__copy{vertical-align:middle;width:1.75rem;height:1.75rem;font-family:var(--tj-font-body);color:var(--v3-muted);cursor:pointer;opacity:.35;transition:opacity var(--tj-duration) var(--tj-ease), color var(--tj-duration) var(--tj-ease), background var(--tj-duration) var(--tj-ease);background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;gap:.25rem;margin-left:.5rem;padding:0;display:inline-flex}
.v3doc__body h2:hover .v3doc__copy,.v3doc__body h3:hover .v3doc__copy,.v3doc__copy:focus-visible{opacity:1}
.v3doc__copy:hover{background:var(--v3-sand);color:var(--tj-color-magenta)}
.v3doc__copy:focus-visible{outline:3px solid var(--tj-color-magenta);outline-offset:2px}
.v3doc__copy.is-copied{opacity:1;width:auto;color:var(--tj-color-success);padding:0 .4rem}
.v3doc__copy.is-copied:after{content:"Copied";letter-spacing:0;font-size:.75rem;font-weight:600}
@media (hover:none){.v3doc__copy{opacity:.6}}
@media (width<=600px){.v3doc__cards,.v3doc__body .tj-boxes,.v3doc__pn{grid-template-columns:minmax(0,1fr)}}
.v3fq__art{aspect-ratio:7/4;width:100%;max-width:34rem;display:block}
.v3fq__art>svg{width:100%;height:100%;display:block}
.v3fq-faq .v3faq,.v3fq-essay{background:var(--v3-sand)}
@keyframes v3pv-flow{0%{opacity:0;transform:translate(0)}15%,85%{opacity:1}to{opacity:0;transform:translate(66px)}}
@keyframes v3pv-pulse{50%{transform:scale(1.12)}}
@keyframes v3pv-in{0%,12%{opacity:0;transform:translate(10px)}22%,88%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(0)}}
@keyframes v3pv-drag{0%,4%{opacity:0;transform:translate(28px,63px)}6%{opacity:1}22%{opacity:1;transform:translate(140px,63px)}26%{opacity:0;transform:translate(140px,63px)}30%{opacity:0;transform:translate(28px,91px)}32%{opacity:1}50%{opacity:1;transform:translate(140px,91px)}54%{opacity:0;transform:translate(140px,91px)}58%{opacity:0;transform:translate(28px,119px)}60%{opacity:1}78%{opacity:1;transform:translate(140px,119px)}82%,to{opacity:0;transform:translate(140px,119px)}}
@keyframes v3pv-slot0{0%,22%{opacity:0}25%,94%{opacity:1}to{opacity:0}}
@keyframes v3pv-slot1{0%,50%{opacity:0}53%,94%{opacity:1}to{opacity:0}}
@keyframes v3pv-slot2{0%,78%{opacity:0}81%,94%{opacity:1}to{opacity:0}}
@keyframes v3pv-turn{to{transform:rotate(360deg)}}
@keyframes v3pv-bloat{0%,to{opacity:.35;transform:scale(.96)}50%{opacity:1;transform:scale(1.03)}}
@keyframes v3pv-shake{0%,56%,72%,to{transform:rotate(0)}60%{transform:rotate(-10deg)}64%{transform:rotate(9deg)}68%{transform:rotate(-6deg)}}
.mui{--mui-line:var(--tj-ui-line);--mui-soft:var(--tj-ui-surface);aspect-ratio:4/3;border-radius:var(--v3-radius);background:color-mix(in srgb, var(--tj-color-white) 45%, transparent);-webkit-user-select:none;user-select:none;position:relative;overflow:hidden;container-type:inline-size}
.mui__win,.mui__cursor{font-size:clamp(8px,3.4cqw,12.5px)}
.mui__win{background:var(--tj-color-white);box-shadow:0 1.4em 2.6em -.8em color-mix(in srgb, var(--tj-color-ink) 30%, transparent), 0 0 0 1px color-mix(in srgb, var(--tj-color-black) 5%, transparent);color:var(--v3-ink);text-align:left;border-radius:.9em;flex-direction:column;line-height:1.3;display:flex;position:absolute;inset:8% 6%}
.mui__bar{border-bottom:1px solid var(--mui-line);align-items:center;gap:.5em;padding:.55em .8em;display:flex}
.mui__bar img{object-fit:contain;width:1.15em;height:1.15em}
.mui__bar b{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}
.mui__pub{background:var(--v3-ink);color:var(--tj-color-white);white-space:nowrap;border-radius:.4em;margin-left:auto;padding:.3em .8em;font-weight:600;transition:background-color .3s,color .3s}
.mui__pub.is-done{background:var(--tj-color-green);color:var(--v3-ink)}
.mui__body{flex:1;gap:.7em;min-height:0;padding:.75em;display:flex;position:relative}
.mui__label{letter-spacing:.05em;text-transform:uppercase;color:var(--tj-ui-label);font-size:.78em;font-weight:600}
.mui__sk{background:var(--tj-ui-skeleton);border-radius:.3em;display:block}
.mui__sk--nav{width:55%;height:.5em}
.mui__sk--hero{background:linear-gradient(120deg, var(--tj-color-pink-soft), var(--tj-color-mint-soft));height:2.4em}
.mui__sk-row{grid-auto-flow:column;gap:.35em;display:grid}
.mui__sk-row i{background:var(--tj-ui-skeleton-soft);border-radius:.3em;height:1.3em}
.mui__panel{flex-direction:column;flex:1;gap:.45em;min-width:0;display:flex}
.mui__panel-logo{align-self:flex-start;width:auto;height:1.1em;margin-bottom:.15em}
.mui__btn{background:var(--tj-color-magenta);color:var(--tj-color-white);text-align:center;white-space:nowrap;border-radius:.45em;margin-top:auto;padding:.55em .6em;font-weight:600;transition:background-color .3s,color .3s}
.mui__btn.is-done{background:var(--tj-color-green);color:var(--v3-ink)}
.mui__canvas{background:var(--mui-soft);border-radius:.5em;flex:1.1;place-items:center;padding:.6em;display:grid}
.mui__frame{background:var(--tj-color-white);outline-offset:1px;border-radius:.3em;outline:1.5px solid #0000;gap:.35em;width:100%;padding:.5em;transition:outline-color .2s;display:grid;position:relative}
.mui__frame.is-sel{outline-color:var(--tj-color-magenta)}
.mui__sel-tag{background:var(--tj-color-magenta);color:var(--tj-color-white);border-radius:.25em;padding:.1em .4em;font-size:.78em;font-weight:600;position:absolute;top:-1.55em;left:-2px}
.mui__seg{background:var(--mui-soft);border-radius:.45em;grid-template-columns:1fr 1fr;padding:.2em;font-size:.85em;font-weight:600;display:grid}
.mui__seg span{text-align:center;text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--tj-ui-label);border-radius:.35em;padding:.35em .2em;transition:background-color .3s,color .3s,box-shadow .3s;overflow:hidden}
.mui__seg span.is-on{background:var(--tj-color-white);color:var(--v3-ink);box-shadow:0 1px 3px color-mix(in srgb, var(--tj-color-black) 14%, transparent)}
.mui__progress{background:var(--mui-line);border-radius:1em;height:.25em;margin-top:auto;display:block;overflow:hidden}
.mui__progress+.mui__btn{margin-top:.4em}
.mui__progress i{background:var(--tj-color-magenta);transform-origin:0;height:100%;transition:transform 1.2s var(--tj-ease);display:block}
.mui__repo{flex-direction:column;flex:1.2;gap:.45em;min-width:0;display:flex}
.mui__branch{border:1px solid var(--mui-line);border-radius:.4em;align-self:flex-start;align-items:center;gap:.3em;padding:.2em .55em;font-size:.85em;font-weight:600;display:inline-flex}
.mui__branch svg{width:.95em;height:.95em}
.mui__files{border:1px solid var(--mui-line);border-radius:.45em;margin:0;padding:0;list-style:none;overflow:hidden}
.mui__files li{border-bottom:1px solid var(--mui-line);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:.45em;padding:.3em .55em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8em;transition:background-color .3s;display:flex;overflow:hidden}
.mui__files li:last-child{border-bottom:0}
.mui__files li i{border:1.5px solid var(--tj-ui-border-strong);width:.85em;height:.85em;transition:background-color .3s,border-color .3s;transition-delay:inherit;border-radius:50%;flex-shrink:0}
.mui__files li.is-done{background:var(--tj-ui-done)}
.mui__files li.is-done i{background:var(--tj-color-green);border-color:var(--tj-ui-done-border)}
.mui__chips{flex-wrap:wrap;gap:.3em;display:flex}
.mui__chips span{border:1px solid var(--mui-line);color:var(--tj-ui-label);border-radius:1em;padding:.22em .6em;font-size:.82em;font-weight:600}
.mui__chips span.is-on{border-color:var(--tj-color-magenta);background:var(--tj-color-pink);color:var(--tj-color-magenta)}
.mui__mods{flex-direction:column;flex:0 0 40%;gap:.35em;display:flex}
.mui__mod{border:1px solid var(--mui-line);background:var(--tj-color-white);border-radius:.4em;align-items:center;gap:.4em;padding:.38em .5em;font-size:.85em;font-weight:600;transition:opacity .2s;display:flex}
.mui__mod i{background:var(--tj-color-pink-soft);border-radius:.2em;flex-shrink:0;width:.9em;height:.9em}
.mui__mod.is-picked{opacity:.35;border-style:dashed}
.mui__page{background:var(--mui-soft);outline-offset:-1px;border-radius:.5em;outline:1.5px dashed #0000;flex-direction:column;flex:1;gap:.4em;min-width:0;padding:.5em;transition:outline-color .2s;display:flex}
.mui__page.is-target{outline-color:var(--tj-color-magenta)}
.mui__inserted{display:block;overflow:hidden}
.mui__inserted span{border:1.5px solid var(--tj-color-magenta);background:var(--tj-color-white);color:var(--tj-color-magenta);border-radius:.35em;padding:.45em .55em;font-size:.85em;font-weight:600;display:block}
.mui__page--wp{align-items:stretch;position:relative}
.mui__plus{background:var(--v3-ink);width:1.9em;height:1.9em;color:var(--tj-color-white);border-radius:.4em;align-self:center;place-items:center;font-size:1.05em;font-weight:700;line-height:1;transition:background-color .25s,transform .25s;display:grid}
.mui__plus.is-on{background:var(--tj-color-magenta);transform:rotate(45deg)}
.mui__inserter{z-index:2;background:var(--tj-color-white);box-shadow:0 .8em 2em color-mix(in srgb, var(--tj-color-black) 18%, transparent);border-radius:.5em;gap:.4em;padding:.6em;display:grid;position:absolute;bottom:3em;left:9%;right:9%}
.mui__tiles{grid-template-columns:repeat(3,1fr);gap:.3em;display:grid}
.mui__tile{border:1px solid var(--mui-line);border-radius:.35em;justify-items:center;gap:.2em;padding:.35em .2em;font-size:.8em;font-weight:600;display:grid}
.mui__tile i{background:var(--tj-color-mint-soft);border-radius:.25em;width:1.1em;height:1.1em}
.mui__cursor{z-index:5;pointer-events:none;position:absolute;top:0;left:0}
.mui__cursor svg{width:1.5em;height:auto;filter:drop-shadow(0 2px 3px color-mix(in srgb, var(--tj-color-black) 25%, transparent));margin:-.12em 0 0 -.12em;overflow:visible}
.mui__ripple{background:color-mix(in srgb, var(--tj-color-magenta) 40%, transparent);border-radius:50%;width:2em;height:2em;position:absolute;top:-1em;left:-1em}
.mui__ghost{border:1.5px solid var(--tj-color-magenta);background:var(--tj-color-white);color:var(--tj-color-magenta);white-space:nowrap;box-shadow:0 .6em 1.2em color-mix(in srgb, var(--tj-color-black) 15%, transparent);border-radius:.35em;padding:.3em .6em;font-size:.85em;font-weight:600;position:absolute;top:1.3em;left:1.3em;rotate:-4deg}
.v3pipe+.v3build{padding-top:clamp(1.5rem,3vw,2.5rem)}
@keyframes v3build-float{0%{translate:0 1.5px;rotate:-.6deg}to{translate:0 -2.5px;rotate:.6deg}}
:lang(ja) body{line-break:strict;word-break:auto-phrase}
.v3legal__text>*{margin-top:1rem}
.v3legal__text ul,.v3legal__text ol{gap:.45rem;padding-left:1.25rem;display:grid}
.v3legal__text ul{list-style:outside}
.v3legal__text ol{list-style:decimal}
.v3legal__text li::marker{color:var(--v3-muted)}
.v3legal__text strong{color:var(--v3-ink);font-weight:600}
.v3legal__text a{overflow-wrap:anywhere;color:inherit;font-weight:inherit;text-decoration:none}
.v3legal__text a:hover,.v3legal__text a:focus-visible{color:var(--tj-color-magenta)}
@keyframes v3pg-in{0%{opacity:0;translate:0 10px}}
.v3pg__step-title:focus,.v3pg__panel-title:focus{outline:none}
.v3pg__step-title:focus-visible,.v3pg__panel-title:focus-visible{outline:3px solid var(--tj-color-magenta);outline-offset:6px;border-radius:4px}
.v3pg__hint{color:var(--v3-muted);margin-top:-.2rem;font-size:.875rem;line-height:1.5}
.v3pg__color{border:1px solid color-mix(in srgb, var(--tj-color-black) 18%, transparent);background:var(--tj-color-white);cursor:pointer;border-radius:10px;width:4.5rem;height:2.75rem;padding:.2rem}
.v3pg__field--color{grid-template-columns:auto;justify-items:start}
.v3pg__i{border:1px solid var(--v3-line);text-box:trim-both cap alphabetic;width:1.25rem;height:1.25rem;color:var(--v3-muted);transition:color var(--tj-duration) var(--tj-ease), border-color var(--tj-duration) var(--tj-ease);border-radius:50%;flex-shrink:0;place-items:center;margin-right:-.35rem;font-size:.75rem;font-weight:700;line-height:1;display:grid}
.v3pg__tip{z-index:5;background:var(--v3-ink);width:max-content;max-width:min(22rem,100vw - 2rem);color:var(--tj-color-white);box-shadow:var(--v3-shadow);opacity:0;visibility:hidden;transition:opacity .18s var(--tj-ease), visibility 0s linear .18s;border-radius:10px;padding:.8rem 1rem;font-size:.9375rem;font-weight:400;line-height:1.5;position:absolute;bottom:calc(100% + .6rem);left:0}
.v3pg__tip.is-open{opacity:1;visibility:visible;transition:opacity .18s var(--tj-ease), visibility 0s}
.v3pg__tip:after{content:"";height:.6rem;position:absolute;top:100%;left:0;right:0}
.v3pg__info,.v3pg__note{max-width:44rem;color:var(--v3-text);align-items:baseline;gap:.6rem;font-size:.9375rem;line-height:1.55;display:flex}
.v3pg__info:before,.v3pg__note:before{content:"";background:var(--tj-color-magenta);border-radius:50%;flex-shrink:0;width:.5rem;height:.5rem;translate:0 -.05rem}
.v3pg__nav,.v3pg__gate-actions{align-items:center;gap:1rem;margin-top:clamp(2.5rem,5vw,3.2rem);display:flex}
.v3pg__unlock{grid-template-columns:minmax(0,1fr);margin-top:clamp(1.5rem,3vw,2.25rem);display:grid}
.v3pg__unlock>*{grid-area:1/1}
.v3pg__teaser{background:var(--v3-sand);max-height:34rem;color:var(--v3-text);white-space:pre-wrap;overflow-wrap:anywhere;-webkit-user-select:none;user-select:none;-webkit-mask-image:linear-gradient(var(--tj-color-black) 60%, transparent);-webkit-mask-image:linear-gradient(var(--tj-color-black) 60%, transparent);mask-image:linear-gradient(var(--tj-color-black) 60%, transparent);border-radius:12px;margin:0;padding:1.5rem;font:.875rem/1.7 ui-monospace,SFMono-Regular,Menlo,monospace;overflow:hidden}
.v3pg__teaser-blur{filter:blur(5px)}
.v3pg__gate{z-index:1;border:1px solid var(--v3-line);border-radius:var(--v3-radius);background:var(--tj-color-white);width:min(100%,34rem);box-shadow:var(--v3-shadow);place-self:start center;margin-top:7rem;padding:clamp(1.5rem,3vw,2.25rem);position:relative}
.v3pg__panel-title{color:var(--v3-ink);font-size:clamp(1.75rem,3vw,2.25rem)}
.v3pg__fine{color:var(--v3-muted);margin-top:1rem;font-size:.8125rem;line-height:1.55}
.v3pg__fine .v3-link{font-size:inherit;font-weight:600}
.v3pg__gate-form .v3pg__note,.v3pg__gate-form .v3pg__error{margin-top:1rem}
.v3pg__gate-actions{margin-top:2.2rem}
.v3pg__gate-actions .v3-btn--primary{margin-left:auto}
.v3pg__sent{max-width:44rem;animation:v3pg-in .45s var(--tj-ease) both;margin-top:clamp(1.5rem,3vw,2.25rem)}
.v3pg__restart{color:var(--v3-ink);cursor:pointer;background:0 0;border:0;margin-top:1.25rem;padding:0 0 2px}
.v3pg__cta{border-radius:var(--v3-radius);background:var(--v3-night);color:var(--v3-on-dark);justify-items:start;gap:.9rem;margin-top:clamp(2rem,4vw,2.75rem);padding:clamp(1.5rem,3vw,2.25rem);display:grid}
.v3pg__cta-title{font-size:clamp(1.625rem,2.6vw,2rem)}
.v3pg__cta p:not(.v3pg__cta-title){color:color-mix(in srgb, var(--tj-color-white) 78%, transparent);font-size:1rem;line-height:1.6}
.v3pg__discount{flex-wrap:wrap;align-items:center;gap:.6rem .9rem;font-size:.9375rem;display:flex}
.v3pg__discount code{border:1px dashed color-mix(in srgb, var(--tj-color-white) 45%, transparent);letter-spacing:.04em;color:var(--tj-color-white);border-radius:8px;padding:.35rem .75rem;font:600 1rem/1.4 ui-monospace,SFMono-Regular,Menlo,monospace}
.v3pg__copy{font:inherit;color:var(--tj-color-white);text-decoration:underline;-webkit-text-decoration-color:var(--tj-color-magenta);text-decoration-color:var(--tj-color-magenta);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;font-weight:600;text-decoration-thickness:2px}
@media (width<=600px){.v3pg__gate{margin-top:4rem}}
@media (width<=600px){.v3pg__gate-actions{flex-direction:column-reverse;align-items:stretch;gap:.75rem}}
@media (width<=600px){.v3pg__gate-actions .v3-btn--primary{margin-left:0}}
@media (prefers-reduced-motion:reduce){.v3pg__step,.v3pg__sent{animation:none}}
.v3ai-builder__logo:has(img+img){gap:.9rem}
.v3ai-builder__logo:has(img+img) img{height:1.25rem}
.v3fh-read.v3pgp-read,.v3fh__visual.v3res__visual{background:var(--v3-sand)}
.v3res__ctas{margin-top:clamp(2rem,4vw,3rem)}
.mbtn{border-radius:var(--tj-radius-pill);white-space:nowrap;isolation:isolate;will-change:transform;justify-content:center;align-items:center;font-weight:600;line-height:1;display:inline-flex;position:relative;overflow:hidden}
.mbtn--md{padding:1.05rem 1.9rem;font-size:1.0625rem}
.mbtn--lg{padding:1.35rem 2.5rem;font-size:1.25rem}
.mbtn--sm{padding:.7rem 1.2rem;font-size:.9375rem}
.mbtn--primary{background:var(--tj-color-magenta);color:var(--tj-color-white);box-shadow:0 10px 30px -10px #ff00f4a6}
.mbtn--dark{background:var(--tj-color-black);color:var(--tj-color-white)}
.mbtn--light{background:var(--tj-color-white);color:var(--tj-color-black)}
.mbtn--outline{color:currentColor;background:0 0;box-shadow:inset 0 0 0 1.5px}
.mbtn:after{content:"";z-index:-1;width:40%;transition:transform .7s var(--tj-ease-soft);background:linear-gradient(100deg,#0000,#ffffff73,#0000);position:absolute;inset:-50% auto -50% -60%;transform:translate(-120%)skew(-18deg)}
.mbtn:hover:after{transform:translate(520%)skew(-18deg)}
.mbtn__label{align-items:center;gap:.55rem;display:inline-flex}
.mbtn__arrow{width:1em;height:1em;transition:transform var(--tj-duration) var(--tj-ease-soft)}
.mbtn:hover .mbtn__arrow{transform:translate(3px)}
.nav{z-index:50;padding-inline:var(--tj-gutter);pointer-events:none;position:fixed;inset:.9rem 0 auto}
.nav__bar{pointer-events:auto;max-width:var(--tj-container);border-radius:var(--tj-radius-pill);-webkit-backdrop-filter:blur(18px)saturate(1.6);transition:box-shadow var(--tj-duration) var(--tj-ease), background var(--tj-duration) var(--tj-ease);background:#ffffff9e;border:1px solid #0000000f;align-items:center;gap:1.5rem;margin-inline:auto;padding:.55rem .55rem .55rem 1.1rem;display:flex}
.nav--scrolled .nav__bar{background:#ffffffd1;box-shadow:0 12px 40px -18px #00000040}
.nav__logo img{width:auto;height:30px}
.nav__links{gap:.25rem;margin-inline:auto;display:flex}
.nav__link{border-radius:var(--tj-radius-pill);padding:.5rem .8rem;font-size:.9375rem;font-weight:500;line-height:1.4;display:block;position:relative}
.nav__link-clip{height:1.4em;display:block;overflow:hidden}
.nav__link:hover{background:#0000000d}
.nav__link-inner{transition:transform .45s var(--tj-ease-soft);display:inline-block;position:relative}
.nav__link-inner:after{content:attr(data-text);color:var(--tj-color-magenta);position:absolute;top:100%;left:0}
.nav__link:hover .nav__link-inner{transform:translateY(-100%)}
.nav__actions{align-items:center;gap:.9rem;display:flex}
.nav__signin{font-size:.9375rem;font-weight:600}
.nav__signin:hover{color:var(--tj-color-magenta)}
.nav__burger{background:var(--tj-color-black);cursor:pointer;border:0;border-radius:50%;width:44px;height:44px;display:none;position:relative}
.nav__burger span{background:var(--tj-color-white);height:2px;transition:transform .4s var(--tj-ease-soft), top .4s var(--tj-ease-soft);position:absolute;left:13px;right:13px}
.nav__burger span:first-child{top:17px}
.nav__burger span:last-child{top:25px}
.nav__burger.is-open span:first-child{top:21px;transform:rotate(45deg)}
.nav__burger.is-open span:last-child{top:21px;transform:rotate(-45deg)}
.nav-sheet{z-index:45;padding:6rem var(--tj-gutter) 3rem;background:var(--tj-color-magenta);color:var(--tj-color-white);align-items:center;display:flex;position:fixed;inset:0}
.nav-sheet__list{gap:.4rem;margin:0;padding:0;list-style:none;display:grid}
.nav-sheet__link{letter-spacing:-.02em;font-size:clamp(2rem,9vw,3.25rem);font-weight:700}
.nav-sheet__cta{border-radius:var(--tj-radius-pill);background:var(--tj-color-white);color:var(--tj-color-black);border:2px solid var(--tj-color-black);box-shadow:4px 4px 0 var(--tj-color-black);margin-top:2.2rem;padding:1rem 1.8rem;font-size:1.125rem;font-weight:700;display:inline-block}
@media (width<=960px){.nav__links,.nav__signin{display:none}}
@media (width<=960px){.nav__actions{margin-left:auto}}
@media (width<=960px){.nav__burger{display:block}}
@media (width<=420px){.nav__actions .mbtn{display:none}}
.hero{background:var(--tj-color-white);height:280vh;position:relative}
.hero--static{height:auto}
.hero__sticky{place-items:center;height:100svh;min-height:640px;display:grid;position:sticky;top:0;overflow:hidden}
.hero--static .hero__sticky{position:relative}
.hero__glow{pointer-events:none;background:radial-gradient(40% 35% at 18% 22%,#ff00f41f,#0000 70%),radial-gradient(35% 30% at 82% 78%,#05ff0024,#0000 70%),radial-gradient(circle at 1px 1px,#00000017 1px,#0000 0) 0 0/28px 28px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(75% 70%,#000 40%,#0000 100%);mask-image:radial-gradient(75% 70%,#000 40%,#0000 100%)}
.hero__canvas{pointer-events:none;position:absolute;inset:0}
.hero__content{z-index:2;max-width:68rem;padding:6rem var(--tj-gutter) 4rem;text-align:center;will-change:transform, opacity, filter;justify-items:center;gap:1.6rem;display:grid;position:relative}
.hero__title{letter-spacing:-.035em;justify-items:center;gap:.1em;font-size:clamp(2.5rem,5.4vw,5rem);font-weight:800;line-height:.98;display:grid}
.hero__kicker{border-radius:var(--tj-radius-pill);background:var(--tj-color-white);border:1.5px solid var(--tj-color-black);box-shadow:3px 3px 0 var(--tj-color-black);letter-spacing:0;margin-bottom:.9rem;padding:.45rem 1rem;font-size:clamp(.9rem,1.4vw,1.05rem);font-weight:600;line-height:1.2;display:inline-block}
.hero__line{flex-wrap:wrap;justify-content:center;column-gap:.24em;display:flex}
.hero__word-mask{margin:-.06em -.04em -.12em;padding:.06em .04em .12em;display:inline-block;overflow:hidden}
.hero__word{transform-origin:0 100%;display:inline-block;position:relative}
.hero__underline{width:104%;height:.24em;position:absolute;bottom:-.08em;left:-2%;overflow:visible}
.hero__lead{max-width:40rem;color:var(--tj-color-muted);font-size:clamp(1.05rem,1.5vw,1.25rem)}
.hero__actions{justify-items:center;gap:.8rem;margin-top:.4rem;display:grid}
.hero__note{color:var(--tj-color-muted);font-size:.875rem}
.hero__caption{z-index:2;text-align:center;justify-items:center;gap:.9rem;width:min(92vw,36rem);display:grid;position:absolute;bottom:clamp(1.5rem,6vh,4rem);left:50%;translate:-50%}
.hero__caption-text{letter-spacing:-.02em;font-size:clamp(1.25rem,2.4vw,1.75rem);font-weight:700;line-height:1.15}
.hero__caption-badges{flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}
.hero__badge{border-radius:var(--tj-radius-pill);background:var(--tj-color-white);border:1.5px solid var(--tj-color-black);align-items:center;gap:.5rem;padding:.45rem .9rem;font-size:.875rem;font-weight:600;display:inline-flex}
.hero__badge img{object-fit:contain;width:18px;height:18px}
.hero__hint{z-index:2;letter-spacing:.06em;text-transform:uppercase;color:var(--tj-color-muted);align-items:center;gap:.6rem;font-size:.8125rem;font-weight:600;display:inline-flex;position:absolute;bottom:1.6rem;left:50%;translate:-50%}
.hero__hint-dot{border:1.5px solid;border-radius:12px;width:22px;height:34px;position:relative}
.hero__hint-dot:after{content:"";background:var(--tj-color-magenta);width:4px;height:7px;animation:hero-hint 1.8s var(--tj-ease-soft) infinite;border-radius:2px;margin-left:-2px;position:absolute;top:7px;left:50%}
@keyframes hero-hint{0%{opacity:1;transform:translateY(0)}70%{opacity:0;transform:translateY(11px)}to{opacity:0}}
@media (width<=640px){.hero__content{gap:1.2rem;padding-top:5rem}}
@media (width<=640px){.hero__hint{display:none}}
.statement{background:var(--tj-color-white);padding:clamp(7rem,18vw,13rem) 0;position:relative;overflow:hidden}
.statement__inner{z-index:1;text-align:center;justify-items:center;gap:2rem;display:grid;position:relative}
.statement__title{letter-spacing:-.035em;flex-wrap:wrap;justify-content:center;gap:.06em .26em;max-width:62rem;font-size:clamp(2.3rem,6.2vw,5.4rem);font-weight:800;line-height:1.02;display:flex}
.statement__word{display:inline-block}
.statement__word>span{display:inline-block;position:relative}
.statement__text{z-index:1;position:relative}
.statement__hl--magenta{color:var(--tj-color-magenta)}
.statement__mark{z-index:0;transform-origin:0;border-radius:.12em;position:absolute}
.statement__hl--magenta .statement__mark{background:var(--tj-color-magenta);height:.09em;bottom:.02em;left:0;right:0}
.statement__hl--green .statement__mark{background:var(--tj-color-green);inset:.16em -.08em .04em;transform:rotate(-1.5deg)}
.statement__sub{color:var(--tj-color-muted);font-size:clamp(1.05rem,1.6vw,1.3rem)}
.statement__chip{z-index:0;aspect-ratio:1;background:var(--tj-color-white);border:2px solid var(--tj-color-black);width:clamp(64px,8vw,104px);box-shadow:var(--tj-shadow-offset);border-radius:26%;place-items:center;display:grid;position:absolute}
.statement__chip img{object-fit:contain;width:52%;height:52%}
.statement__chip--a{top:14%;left:6%}
.statement__chip--b{background:var(--tj-color-pink);bottom:6%;right:7%}
.statement__chip--c{background:var(--tj-color-mint);top:22%;right:12%}
.statement__chip--d{bottom:2%;left:14%}
@media (width<=760px){.statement__chip--a{top:4%;left:4%}}
@media (width<=760px){.statement__chip--c{top:6%;right:4%}}
@media (width<=760px){.statement__chip--b{bottom:3%;right:5%}}
@media (width<=760px){.statement__chip--d{bottom:2%;left:6%}}
.stack{background:var(--tj-color-white);padding-bottom:8vh;position:relative}
.stack__slot{height:100svh;padding-top:calc(6.5rem + var(--i,0) * 22px);position:sticky;top:0}
.stack__card{border:2px solid var(--tj-color-black);border-radius:var(--tj-radius-lg);width:100%;min-height:min(76vh,40rem);box-shadow:var(--tj-shadow-offset);transform-origin:50% 0;will-change:transform;grid-template-columns:1fr 1.1fr;align-items:center;gap:clamp(1.5rem,4vw,4rem);padding:clamp(1.5rem,4vw,3.5rem);display:grid;position:relative;overflow:hidden}
.stack__card--pink{background:var(--tj-color-pink)}
.stack__card--mint{background:var(--tj-color-mint)}
.stack__card--lilac{background:var(--tj-color-lilac)}
.stack__card--cream{background:var(--tj-color-cream)}
.stack__dim{pointer-events:none;background:#000;position:absolute;inset:0}
.stack__text{align-content:center;gap:1.2rem;display:grid}
.stack__count{border-radius:var(--tj-radius-pill);background:var(--tj-color-black);color:var(--tj-color-white);letter-spacing:.06em;font-variant-numeric:tabular-nums;justify-self:start;padding:.35rem .75rem;font-size:.8125rem;font-weight:600}
.stack__title{letter-spacing:-.03em;font-size:clamp(1.8rem,3.2vw,2.9rem);font-weight:800}
.stack__body{color:#4a4b4d;max-width:32rem;font-size:clamp(1rem,1.3vw,1.15rem)}
.stack__links{flex-wrap:wrap;gap:.6rem;margin-top:.4rem;display:flex}
.stack__link{border-radius:var(--tj-radius-pill);background:var(--tj-color-white);border:1.5px solid var(--tj-color-black);transition:background var(--tj-duration) var(--tj-ease), color var(--tj-duration) var(--tj-ease), transform var(--tj-duration) var(--tj-ease-soft);align-items:center;gap:.5rem;padding:.8rem 1.2rem;font-size:.9375rem;font-weight:600;display:inline-flex}
.stack__link svg{width:14px;height:14px;transition:transform var(--tj-duration) var(--tj-ease-soft)}
.stack__link:hover{background:var(--tj-color-black);color:var(--tj-color-white);transform:translateY(-2px)}
.stack__link:hover svg{transform:translate(2px,-2px)}
.stack__media{perspective:1200px}
.stack__frame{border-radius:var(--tj-radius-md);border:2px solid var(--tj-color-black);background:var(--tj-color-white);transform-origin:50% 100%;overflow:hidden;box-shadow:0 30px 60px -30px #00000073}
.stack__frame img{aspect-ratio:585/380;object-fit:cover;object-position:top left;width:100%;height:auto}
.stack--flat .stack__slot{height:auto;margin-bottom:1.5rem;padding-top:0;position:relative}
.stack--flat{padding-top:4rem}
@media (width<=860px){.stack__card{grid-template-columns:1fr;align-content:start;min-height:0}}
.wf{color:var(--tj-color-white);background:#141416;position:relative}
.wf__sticky{perspective:1400px;align-items:center;height:100svh;display:flex;position:sticky;top:0;overflow:hidden}
.wf--static .wf__sticky{height:auto;padding:6rem 0;position:relative}
.wf__sticky:before{content:"";pointer-events:none;background:linear-gradient(#ffffff0d 1px,#0000 1px) 0 0/64px 64px,linear-gradient(90deg,#ffffff0d 1px,#0000 1px) 0 0/64px 64px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60%,#000,#0000);mask-image:radial-gradient(70% 60%,#000,#0000)}
.wf__glow{aspect-ratio:1;pointer-events:none;filter:blur(40px);background:radial-gradient(circle,#ff00f447,#05ff0014 45%,#0000 70%);border-radius:50%;width:60vmax;position:absolute;top:50%;translate:-50% -50%}
.wf__track{padding-inline:max(var(--tj-gutter), calc((100vw - var(--tj-container)) / 2));transform-style:preserve-3d;will-change:transform;align-items:stretch;gap:clamp(1rem,2.5vw,2rem);display:flex;position:relative}
.wf--static .wf__track{flex-wrap:wrap;justify-content:center}
.wf__panel{border-radius:var(--tj-radius-lg);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#242529db;border:1px solid #ffffff1f;flex-direction:column;flex:none;width:min(84vw,30rem);min-height:min(74vh,36rem);display:flex;position:relative;overflow:hidden;box-shadow:0 40px 80px -40px #000c}
.wf__panel--intro{width:min(88vw,38rem);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;justify-content:center;gap:1.6rem;padding:clamp(1.5rem,4vw,3rem)}
.wf__eyebrow{color:var(--tj-color-white);place-self:flex-start start}
.wf__title{letter-spacing:-.035em;font-size:clamp(2.6rem,6vw,5rem);font-weight:800}
.wf__scroll{color:var(--tj-color-green);align-items:center;gap:.6rem;font-weight:600;display:inline-flex}
.wf__scroll svg{width:22px;height:22px;animation:wf-nudge 1.6s var(--tj-ease-soft) infinite}
@keyframes wf-nudge{50%{transform:translate(6px)}}
.wf__copy{gap:.7rem;padding:1.6rem clamp(1.4rem,3vw,2rem) 2rem;display:grid}
.wf__kicker{letter-spacing:.06em;text-transform:uppercase;color:#fff9;font-size:.8125rem;font-weight:600}
.wf__step-title{letter-spacing:-.025em;font-size:clamp(1.6rem,2.6vw,2.2rem);font-weight:800}
.wf__step-body{color:#ffffffb8;font-size:1rem}
.wf__more{color:var(--tj-color-green);justify-self:start;align-items:center;gap:.45rem;margin-top:.4rem;font-weight:600;display:inline-flex}
.wf__more svg{width:16px;height:16px;transition:transform var(--tj-duration) var(--tj-ease-soft)}
.wf__more:hover svg{transform:translate(4px)}
.wf-vis{border-radius:calc(var(--tj-radius-lg) - .75rem);flex:1;min-height:15rem;margin:.75rem .75rem 0;position:relative;overflow:hidden}
.wf-vis__logo{object-fit:contain;z-index:2;width:34px;height:34px;position:absolute;top:1rem;right:1rem}
.wf-vis--figma{background:#2c2c2c radial-gradient(circle at 1px 1px,#ffffff1f 1px,#0000 0) 0 0/18px 18px}
.wf-figma__frame{background:#ffffffeb;border:1.5px solid #0d99ff;border-radius:6px;position:absolute}
.wf-figma__frame span{color:#0d99ff;font-size:.6875rem;font-weight:600;position:absolute;top:-1.35rem;left:0}
.wf-figma__frame--a{background:linear-gradient(135deg,#ffe0fd,#fff);width:52%;height:30%;top:18%;left:9%}
.wf-figma__frame--b{background:repeating-linear-gradient(90deg,#e8ffe6 0 31%,#0000 31% 34.5%);width:52%;height:24%;top:60%;left:9%}
.wf-figma__frame--c{background:#38393b;width:24%;height:66%;top:18%;left:67%}
.wf-figma__cursor{animation:wf-cursor 5s var(--tj-ease-soft) infinite;align-items:flex-start;gap:2px;display:flex;position:absolute;top:40%;left:30%}
.wf-figma__cursor svg{width:20px;height:20px}
.wf-figma__cursor span{background:var(--tj-color-magenta);color:#fff;border-radius:4px;margin-top:14px;padding:.15rem .5rem;font-size:.6875rem;font-weight:600}
@keyframes wf-cursor{0%,to{transform:translate(0)}30%{transform:translate(90px,70px)}55%{transform:translate(140px,-40px)}75%{transform:translate(-30px,20px)}}
.wf-vis--github{background:#0d1117;align-content:center;gap:1rem;padding:1.2rem;display:grid}
.wf-code{background:#161b22;border:1px solid #30363d;border-radius:12px;padding:0 0 .9rem}
.wf-code__bar{color:#8b949e;border-bottom:1px solid #30363d;align-items:center;gap:6px;margin-bottom:.7rem;padding:.6rem .8rem;font-size:.6875rem;display:flex}
.wf-code__bar i{background:#30363d;border-radius:50%;width:9px;height:9px}
.wf-code__bar i:first-child{background:var(--tj-color-magenta)}
.wf-code__bar i:nth-child(2){background:var(--tj-color-green)}
.wf-code__bar span{margin-left:.4rem}
.wf-code__line{height:8px;margin:0 .9rem 9px calc(.9rem + var(--ind) * 14px);width:var(--w);transform-origin:0;animation:wf-type 4s steps(12) var(--d) infinite;background:linear-gradient(90deg,#ff7b72 0 18%,#d2a8ff 18% 42%,#79c0ff 42% 100%);border-radius:4px}
@keyframes wf-type{0%{transform:scaleX(0)}30%,85%{transform:scaleX(1)}to{opacity:0;transform:scaleX(1)}}
.wf-github__tools{opacity:.85;flex-wrap:wrap;justify-content:center;gap:.9rem 1.2rem;display:flex}
.wf-github__tools img{filter:invert()grayscale()brightness(1.4);width:auto;height:18px}
.wf__panel--converter{background:linear-gradient(160deg,#ff00f438,#242529e6 45%,#05ff0029);justify-content:center;align-items:center;gap:1.5rem;width:min(84vw,30rem);padding:2rem}
.wf-vis--converter{aspect-ratio:1;flex:none;place-items:center;width:min(70vw,22rem);margin:0;display:grid;overflow:visible}
.wf-ring{border:1.5px dashed #ffffff40;border-radius:50%;animation:28s linear infinite wf-spin;position:absolute;inset:0}
.wf-ring__item{border-radius:var(--tj-radius-pill);background:var(--tj-color-white);width:4.4rem;height:2.2rem;transform:rotate(var(--a)) translateY(calc(min(35vw, 11rem) * -1)) rotate(calc(var(--a) * -1));border:1.5px solid #000;place-items:center;margin:-1.1rem 0 0 -2.2rem;display:grid;position:absolute;top:50%;left:50%}
.wf-ring__item img{object-fit:contain;max-width:78%;max-height:60%;animation:28s linear infinite reverse wf-spin}
.wf-core{z-index:1;aspect-ratio:1;background:var(--tj-color-white);border:2px solid #000;border-radius:50%;place-items:center;width:46%;animation:2.6s ease-in-out infinite wf-pulse;display:grid;position:relative;box-shadow:0 0 0 10px #ffffff0f,0 0 80px #ff00f48c}
.wf-core img{width:70%}
@keyframes wf-spin{to{transform:rotate(360deg)}}
@keyframes wf-pulse{50%{box-shadow:0 0 0 18px #ffffff0a,0 0 120px #05ff0073}}
.wf__converter-text{text-align:center;max-width:18rem;font-size:clamp(1.2rem,2vw,1.5rem);font-weight:600}
.wf__converter-text strong{color:var(--tj-color-green)}
.wf-vis--hubspot{background:#fff1ec;place-items:center;padding:1.5rem;display:grid}
.wf-dnd{gap:.55rem;width:100%;max-width:18rem;display:grid}
.wf-dnd__row{color:#2e2f31;background:#fff;border:1.5px solid #2e2f31;border-radius:10px;align-items:center;gap:.6rem;padding:.75rem .9rem;font-size:.875rem;font-weight:600;display:flex}
.wf-dnd__row:before{content:"";background:radial-gradient(circle,#9aa 1.2px,#0000 1.6px) 0 0/5px 5px;width:10px;height:14px}
.wf-dnd__row--drag{color:#fff;animation:wf-drag 4.5s var(--tj-ease-soft) infinite;z-index:1;background:#ff7a59;border-color:#000;position:relative}
@keyframes wf-drag{0%,15%{box-shadow:none;transform:translate(0)rotate(0)}30%{transform:translate(14px,-6px)rotate(-3deg);box-shadow:6px 10px #000}60%{transform:translate(10px,100px)rotate(2deg);box-shadow:6px 10px #000}75%,to{box-shadow:none;transform:translate(0)rotate(0)}}
.wf-vis--wordpress{background:#f0f6fc;place-items:center;padding:1.5rem;display:grid}
.wf-blocks{grid-template-columns:repeat(3,1fr);gap:.6rem;width:100%;max-width:19rem;display:grid}
.wf-blocks__item{color:#1e1e1e;animation:wf-pop 3.6s var(--tj-ease-soft) var(--d) infinite both;background:#fff;border:1.5px solid #1e1e1e;border-radius:10px;justify-items:center;gap:.4rem;padding:.9rem .4rem;font-size:.75rem;font-weight:600;display:grid}
.wf-blocks__icon{background:linear-gradient(135deg, var(--tj-color-magenta) 0 50%, var(--tj-color-green) 50%);border:1.5px solid #000;border-radius:6px;width:22px;height:22px}
@keyframes wf-pop{0%{opacity:0;transform:scale(.6)}20%,80%{opacity:1;transform:scale(1)}to{opacity:1;transform:scale(1)}}
.wf__progress{background:#ffffff1f;border-radius:4px;width:min(60vw,22rem);height:4px;position:absolute;bottom:clamp(1.2rem,4vh,2.5rem);left:50%;overflow:hidden;translate:-50%}
.wf__progress-fill{background:linear-gradient(90deg, var(--tj-color-magenta), var(--tj-color-green));transform-origin:0;height:100%;display:block}
@media (prefers-reduced-motion:reduce){.wf-ring,.wf-ring__item img,.wf-core,.wf-figma__cursor,.wf-code__line,.wf-dnd__row--drag,.wf-blocks__item,.wf__scroll svg{animation:none}}
.results{background:var(--tj-color-light);padding:clamp(6rem,12vw,10rem) 0}
.results__head{text-align:center;justify-items:center;gap:1.3rem;max-width:52rem;margin:0 auto clamp(3rem,6vw,5rem);display:grid}
.results__title{letter-spacing:-.035em;font-weight:800}
.results__lead{color:var(--tj-color-muted);max-width:40rem;font-size:clamp(1.05rem,1.5vw,1.2rem)}
.results__grid{perspective:1400px;grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}
.results__card--theme,.results__card--hours,.results__card--forms{grid-column:span 2}
.results__card{transform-style:preserve-3d}
.results__tilt{border-radius:var(--tj-radius-lg);background:var(--tj-color-white);border:2px solid var(--tj-color-black);height:100%;min-height:19rem;box-shadow:var(--tj-shadow-offset);transform-style:preserve-3d;transition:box-shadow var(--tj-duration) var(--tj-ease);align-content:end;gap:.6rem;padding:1.6rem;display:grid;position:relative;overflow:hidden}
.results__card:hover .results__tilt{box-shadow:10px 10px 0 var(--tj-color-magenta)}
.results__spot{pointer-events:none;opacity:0;transition:opacity .4s var(--tj-ease);position:absolute;inset:0}
.results__card:hover .results__spot{opacity:1}
.results__card-title{letter-spacing:-.02em;font-size:clamp(1.35rem,2vw,1.75rem);font-weight:800;position:relative;transform:translateZ(30px)}
.results__card-body{color:#4a4b4d;max-width:30rem;position:relative;transform:translateZ(20px)}
.results__art{transform-origin:100% 0;position:absolute;top:1.8rem;right:1.8rem;transform:translateZ(50px)scale(1.3)}
.art-layers{width:120px;height:90px;position:relative}
.art-layers span{transition:transform .6s var(--tj-ease-soft);border:2px solid #000;border-radius:12px;position:absolute;inset:0}
.art-layers span:first-child{background:var(--tj-color-green);transform:translate(-16px,16px)rotate(-6deg)}
.art-layers span:nth-child(2){background:var(--tj-color-pink);transform:translate(-8px,8px)rotate(-3deg)}
.art-layers span:nth-child(3){background:#fff;background-image:linear-gradient(#2e2f31 0 0), linear-gradient(#2e2f31 0 0), linear-gradient(var(--tj-color-magenta) 0 0);background-position:14px 16px,14px 32px,14px 56px;background-repeat:no-repeat;background-size:60% 8px,40% 8px,34% 14px}
.results__card:hover .art-layers span:first-child{transform:translate(-40px,30px)rotate(-12deg)}
.results__card:hover .art-layers span:nth-child(2){transform:translate(-20px,15px)rotate(-6deg)}
.art-chips{justify-items:end;gap:.45rem;display:grid}
.art-chips__chip{border-radius:var(--tj-radius-pill);border:1.5px solid #000;padding:.35rem .8rem;font-size:.8125rem;font-weight:700}
.art-chips__chip--on{background:var(--tj-color-green)}
.art-chips__chip--off{color:var(--tj-color-muted);text-decoration:line-through;text-decoration-thickness:2px;-webkit-text-decoration-color:var(--tj-color-magenta);text-decoration-color:var(--tj-color-magenta);background:#fff}
.art-code{color:#fff;background:#2e2f31;border:2px solid #000;border-radius:22px;place-items:center;width:84px;height:84px;font-size:1.5rem;font-weight:800;display:grid;position:relative}
.art-code:after{content:"";background:var(--tj-color-magenta);width:112%;height:5px;transition:transform .5s var(--tj-ease-soft);border:1.5px solid #000;border-radius:4px;margin:-2.5px 0 0 -56%;position:absolute;top:50%;left:50%;transform:rotate(-38deg)scaleX(0)}
.results__card:hover .art-code:after,.results__card:focus-within .art-code:after{transform:rotate(-38deg)scaleX(1)}
.art-clock{background:var(--tj-color-green);border:2px solid #000;border-radius:50%;width:92px;height:92px;position:relative}
.art-clock:after{content:"";background:#000;border-radius:50%;width:10px;height:10px;margin:-5px;position:absolute;top:50%;left:50%}
.art-clock__hand{transform-origin:50% 100%;background:#000;border-radius:2px;width:4px;margin-left:-2px;position:absolute;bottom:50%;left:50%}
.art-clock__hand--h{height:24px;animation:12s linear infinite art-spin}
.art-clock__hand--m{height:34px;animation:1.5s linear infinite art-spin}
@keyframes art-spin{to{transform:rotate(360deg)}}
.art-grid{grid-template-columns:repeat(3,26px);gap:6px;display:grid}
.art-grid span{width:26px;height:26px;transition:transform .5s var(--tj-ease-soft) calc(var(--i) * 40ms), background .3s;background:#fff;border:1.5px solid #000;border-radius:7px}
.art-grid span:nth-child(3n+1){background:var(--tj-color-pink)}
.art-grid span:nth-child(4){background:var(--tj-color-magenta)}
.art-grid span:nth-child(8){background:var(--tj-color-green)}
.results__card:hover .art-grid span{transform:translateY(-8px)rotate(8deg)}
.art-form{background:#fff;border:2px solid #000;border-radius:14px;gap:7px;width:150px;padding:12px;display:grid}
.art-form span{background:linear-gradient(90deg, var(--tj-color-light) 0 0) no-repeat;border:1.5px solid #000;border-radius:4px;height:14px;position:relative;overflow:hidden}
.art-form span:after{content:"";background:#2e2f31;border-radius:2px;width:0;animation:3s steps(10,end) infinite art-type;position:absolute;inset:2px auto 2px 3px}
.art-form span:nth-child(2):after{animation-delay:.8s}
.art-form .art-form__btn{background:var(--tj-color-magenta);border-color:#000;width:56%;height:18px}
.art-form .art-form__btn:after{display:none}
@keyframes art-type{0%{width:0}60%,to{width:70%}}
@media (width<=900px){.results__grid{grid-template-columns:1fr 1fr}}
@media (width<=900px){.results__card--forms{grid-column:auto}}
@media (width<=600px){.results__grid{grid-template-columns:1fr}}
@media (width<=600px){.results__card--theme,.results__card--hours,.results__card--forms{grid-column:auto}}
@media (width<=600px){.results__tilt{min-height:17rem}}
@media (prefers-reduced-motion:reduce){.art-clock__hand,.art-form span:after{animation:none}}
.calc{background:var(--tj-color-white);padding:clamp(5rem,10vw,8rem) 0}
.calc__panel{border:2px solid var(--tj-color-black);border-radius:var(--tj-radius-lg);box-shadow:10px 10px 0 var(--tj-color-black);grid-template-columns:1.1fr 1fr;display:grid;overflow:hidden}
.calc__input{background:var(--tj-color-graphite);color:var(--tj-color-white);align-content:center;gap:1.1rem;padding:clamp(1.6rem,4vw,3.5rem);display:grid}
.calc__title{letter-spacing:-.035em;font-size:clamp(2.2rem,4.6vw,3.8rem);font-weight:800}
.calc__question{color:#ffffffbf;font-size:1.05rem}
.calc__count{letter-spacing:-.05em;color:var(--tj-color-green);font-variant-numeric:tabular-nums;font-size:clamp(4.5rem,11vw,8.5rem);font-weight:900;line-height:.9}
.calc__slider{padding:.6rem 0 0;position:relative}
.calc__range{appearance:none;cursor:pointer;background:linear-gradient(90deg, var(--tj-color-green) 0 var(--pct), #ffffff26 var(--pct) 100%);outline-offset:6px;border-radius:999px;width:100%;height:14px;margin:0}
.calc__range::-webkit-slider-thumb{appearance:none;background:var(--tj-color-white);border:3px solid var(--tj-color-black);width:34px;height:34px;transition:transform .2s var(--tj-ease-soft);border-radius:50%;box-shadow:0 0 0 6px #05ff0040}
.calc__range:active::-webkit-slider-thumb{transform:scale(1.18)}
.calc__range::-moz-range-thumb{background:var(--tj-color-white);border:3px solid var(--tj-color-black);border-radius:50%;width:30px;height:30px}
.calc__ticks{color:#ffffff8c;justify-content:space-between;margin-top:.6rem;font-size:.8125rem;display:flex}
.calc__cta{flex-wrap:wrap;align-items:center;gap:1rem;margin-top:.8rem;display:flex}
.calc__note{color:#fff9;font-size:.875rem}
.calc__result{background:var(--tj-color-green);border-left:2px solid var(--tj-color-black);align-content:center;gap:1.2rem;padding:clamp(1.6rem,4vw,3.5rem);display:grid}
.calc__result-title{letter-spacing:-.02em;font-size:clamp(1.5rem,2.6vw,2.2rem);font-weight:800}
.calc__stats{gap:.9rem;margin:0;display:grid}
.calc__stat{border-radius:var(--tj-radius-md);background:var(--tj-color-white);border:2px solid var(--tj-color-black);justify-content:space-between;align-items:baseline;gap:1rem;padding:1rem 1.2rem;display:flex}
.calc__stat dt{font-weight:500}
.calc__stat dd{letter-spacing:-.03em;font-variant-numeric:tabular-nums;margin:0;font-size:clamp(1.6rem,3vw,2.4rem);font-weight:900}
.calc__foot{font-size:.8125rem}
@media (width<=860px){.calc__panel{grid-template-columns:1fr}}
@media (width<=860px){.calc__result{border-left:0;border-top:2px solid var(--tj-color-black)}}
.testimonials{background:var(--tj-color-pink);border-block:2px solid var(--tj-color-black);padding:clamp(5rem,10vw,8rem) 0;overflow:hidden}
.testimonials__head{text-align:center;margin-bottom:clamp(2.5rem,5vw,4rem)}
.testimonials__head .section-title{letter-spacing:-.035em;font-weight:800}
.testimonials__rows{gap:1.5rem;display:grid}
.testimonials__row .vmarquee__group{padding-right:1.5rem;align-items:stretch;gap:1.5rem;padding-block:1rem}
.quote{border-radius:var(--tj-radius-md);background:var(--tj-color-white);border:2px solid var(--tj-color-black);width:clamp(18rem,30vw,24rem);box-shadow:5px 5px 0 var(--tj-color-black);transform:rotate(var(--tilt));transition:transform .45s var(--tj-ease-soft), box-shadow .45s var(--tj-ease-soft);flex-direction:column;flex-shrink:0;gap:1rem;margin:0;padding:1.6rem;display:flex}
.quote:hover{box-shadow:9px 9px 0 var(--tj-color-magenta);transform:rotate(0)translateY(-6px)scale(1.03)}
.quote__mark{width:30px;color:var(--tj-color-magenta)}
.quote__text{flex:1;margin:0;font-size:1.02rem;line-height:1.5}
.quote__who{color:var(--tj-color-muted);align-items:center;gap:.75rem;font-size:.875rem;line-height:1.3;display:flex}
.quote__who strong{color:var(--tj-color-ink)}
.quote__avatar{background:var(--tj-color-green);color:#000;border:1.5px solid #000;border-radius:50%;flex-shrink:0;place-items:center;width:40px;height:40px;font-weight:800;display:grid}
.fcta{background:var(--tj-color-white);height:190vh;position:relative}
.fcta--static{height:auto}
.fcta__sticky{place-items:center;height:100svh;display:grid;position:sticky;top:0;overflow:hidden}
.fcta--static .fcta__sticky{background:var(--tj-color-magenta);color:var(--tj-color-white);padding:8rem 0;position:relative}
.fcta__fill{background:var(--tj-color-magenta);position:absolute;inset:0}
.fcta__content{z-index:2;max-width:84rem;padding-inline:var(--tj-gutter);text-align:center;justify-items:center;gap:1.8rem;display:grid;position:relative}
.fcta__title{letter-spacing:-.045em;font-size:clamp(2.4rem,5.8vw,5.8rem);font-weight:900;line-height:.95;display:grid}
.fcta__body{opacity:.88;max-width:36rem;font-size:clamp(1.05rem,1.5vw,1.25rem)}
.fcta__shape{z-index:1;box-shadow:var(--tj-shadow-offset);border:2px solid #000;position:absolute}
.fcta__shape--a{aspect-ratio:1.6;background:var(--tj-color-green);border-radius:999px;width:clamp(70px,9vw,130px);top:22%;left:8%}
.fcta__shape--b{aspect-ratio:1;background:#fff;border-radius:24px;width:clamp(60px,7vw,100px);top:30%;right:9%}
.fcta__shape--c{aspect-ratio:1;background:var(--tj-color-pink);border-radius:50%;width:clamp(54px,6vw,90px);bottom:8%;left:14%}
.fcta__shape--d{aspect-ratio:2.6;background:var(--tj-color-ink);border-radius:16px;width:clamp(90px,11vw,160px);bottom:4%;right:15%}
@media (width<=640px){.fcta__shape--a{top:10%;left:4%}}
@media (width<=640px){.fcta__shape--b{top:12%;right:5%}}
.footer{--footer-h:min(100vh, 46rem);height:var(--footer-h);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);position:relative}
.footer__reveal{height:calc(100vh + var(--footer-h));position:relative;top:-100vh}
.footer__inner{top:calc(100vh - var(--footer-h));height:var(--footer-h);background:var(--tj-color-ink-strong);color:var(--tj-color-white);flex-direction:column;justify-content:space-between;padding-top:clamp(3rem,6vw,5rem);display:flex;position:sticky;overflow:hidden}
.footer__top{grid-template-columns:1.4fr repeat(3,1fr);gap:2rem;display:grid}
.footer__brand{align-content:start;gap:1rem;display:grid}
.footer__brand img{width:120px;height:auto}
.footer__brand p{color:#ffffffb3;max-width:18rem}
.footer__signup{color:var(--tj-color-green);justify-self:start;font-weight:700}
.footer__signup:hover{text-decoration:underline}
.footer__col-title{letter-spacing:.08em;text-transform:uppercase;color:#ffffff80;margin-bottom:1rem;font-size:.8125rem;font-weight:600}
.footer__col ul,.footer__legal{margin:0;padding:0;list-style:none}
.footer__col li+li{margin-top:.55rem}
.footer__col a{color:#ffffffdb;transition:color var(--tj-duration) var(--tj-ease)}
.footer__col a:hover{color:var(--tj-color-magenta)}
.footer__word{letter-spacing:-.06em;color:#0000;-webkit-text-stroke:2.5px #ffffff52;-webkit-user-select:none;user-select:none;justify-content:center;padding-top:.06em;font-size:clamp(5rem,19vw,16.5rem);font-weight:900;line-height:.86;display:flex;overflow:hidden}
.footer__word span{transition:color .35s var(--tj-ease), -webkit-text-stroke-color .35s var(--tj-ease);display:inline-block}
.footer__word span:hover{color:var(--tj-color-magenta);-webkit-text-stroke-color:var(--tj-color-magenta)}
.footer__word span:nth-child(3n):hover{color:var(--tj-color-green);-webkit-text-stroke-color:var(--tj-color-green)}
.footer__bottom{color:#fff9;border-top:1px solid #ffffff1f;flex-wrap:wrap;justify-content:space-between;gap:1rem;padding-block:1.2rem 1.6rem;font-size:.875rem;display:flex}
.footer__legal{flex-wrap:wrap;gap:1.2rem;display:flex}
.footer__legal a:hover{color:var(--tj-color-white)}
@media (width<=860px),(height<=700px){.footer{clip-path:none;height:auto}}
@media (width<=860px),(height<=700px){.footer__reveal{height:auto;top:0}}
@media (width<=860px),(height<=700px){.footer__inner{gap:3rem;height:auto;position:relative;top:0}}
@media (width<=860px),(height<=700px){.footer__top{grid-template-columns:1fr 1fr}}
@media (width<=860px),(height<=700px){.footer__brand{grid-column:1/-1}}
.cv{--navy:#0b1b3f;--navy-deep:#071229;--electric:#2f6bff;--sky:#8fb2ff;--page:#f3f5f9;--ink:#0e1726;--muted:#5b6578;color:var(--ink);pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,system-ui,sans-serif;position:relative}
.cv *,.cv :before,.cv :after{box-sizing:border-box}
.cv__sec{opacity:var(--m,0);margin:0;position:absolute}
.cv__reveal{clip-path:inset(-20% calc((1 - var(--m,0)) * 50%) -20% calc((1 - var(--m,0)) * 50%))}
.cv__page{border-radius:18px;border-top-left-radius:calc(18px * (1 - var(--e,0)));border-bottom-left-radius:calc(18px * (1 - var(--e,0)));background:var(--page);box-shadow:0 70px 140px -40px rgba(7, 18, 41, calc(.55 * (1 - var(--e,0)))), 0 0 0 1px #00000014;inset:0;overflow:hidden}
.cv__chrome{opacity:calc(1 - var(--e,0));background:#e9ebf0;border-bottom:1px solid #d6d9e0;justify-content:center;align-items:center;display:flex;position:relative}
.cv__dots{gap:10px;display:flex;position:absolute;left:26px}
.cv__dots i{background:#ff5f57;border-radius:50%;width:15px;height:15px}
.cv__dots i:nth-child(2){background:#febc2e}
.cv__dots i:nth-child(3){background:#28c840}
.cv__url{color:#55565c;background:#fff;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:440px;height:42px;font-size:18px;display:inline-flex}
.cv__url svg{width:15px;height:15px}
.cv__partners{color:#8a93a6;align-items:center;gap:46px;display:flex;position:absolute;left:64px;right:64px}
.cv__partners-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);max-width:170px;margin-right:8px;font-size:13px;font-weight:600;line-height:1.3}
.cv__partner{letter-spacing:-.02em;font-size:26px;font-weight:800;animation:6s ease-in-out infinite cv-glow}
.cv__partner--1{font-family:Georgia,serif;font-style:italic;font-weight:700;animation-delay:-1s}
.cv__partner--2{letter-spacing:.04em;font-weight:500;animation-delay:-2s}
.cv__partner--3{letter-spacing:.2em;font-size:20px;animation-delay:-3s}
.cv__partner--4{font-size:28px;font-weight:300;animation-delay:-4s}
.cv__partner--5{font-family:Georgia,serif;font-weight:400;animation-delay:-5s}
@keyframes cv-glow{0%,80%,to{color:#8a93a6}90%{color:var(--navy)}}
.cv__nav{background:#fff;border-bottom:1px solid #e3e6ee;align-items:center;display:flex}
.cv__links{color:var(--ink);gap:30px;margin:0;padding:0;font-size:18px;font-weight:600;list-style:none;display:flex;position:absolute;left:330px}
.cv__links li{align-items:center;gap:6px;display:flex;position:relative}
.cv__links li svg{width:12px;height:12px}
.cv__ticker{background:var(--page);font-variant-numeric:tabular-nums;border-radius:10px;align-items:baseline;gap:10px;padding:9px 14px;font-size:15px;display:flex;position:absolute;right:300px;overflow:hidden}
.cv__ticker-label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:600}
.cv__ticker b{color:var(--ink);font-weight:800;display:inline-block}
.cv__ticker-change{font-weight:700}
.cv__ticker.is-up .cv__ticker-change{color:#0e9f6e}
.cv__ticker.is-down .cv__ticker-change{color:#e02d3c}
.cv__logo{align-items:center;gap:12px;display:flex}
.cv__logo svg{flex-shrink:0;width:40px;height:40px}
.cv__logo span{letter-spacing:.14em;color:var(--navy);font-size:27px;font-weight:900}
.cv__chip{border-radius:999px;justify-content:center;align-items:center;gap:10px;font-weight:700;display:flex;overflow:hidden}
.cv__nav-cta{background:var(--navy);color:#fff;font-size:17px}
.cv__button{background:var(--electric);color:#fff;box-shadow:0 18px 36px -14px color-mix(in srgb, var(--electric) 80%, transparent);font-size:21px;transition:transform .2s,background-color .6s,box-shadow .6s}
.cv__button:after{content:"";background:linear-gradient(100deg,#0000,#fff6,#0000);width:30%;animation:3.4s ease-in-out infinite cv-shine;position:absolute;top:-20%;bottom:-20%;left:-40%;transform:skew(-18deg)}
@keyframes cv-shine{0%,55%{left:-40%}to{left:130%}}
.cv__hero{background:var(--navy);color:#fff;overflow:hidden}
.cv__hero-photo{transform:scaleX(-1) scale(calc(1.02 + var(--e,0) * .08));background:url(https://www.transjt.ai/hubfs/tj-transjt-v3/b78a91495e_corp_hero.jpg) 50% 30%/cover no-repeat;animation:14s ease-in-out infinite alternate cv-drift;position:absolute;inset:-4%}
@keyframes cv-drift{0%{translate:-1.5%}to{translate:1.5% -1%}}
.cv__hero-shade{background:linear-gradient(90deg, var(--navy) 0%, #0b1b3ff0 34%, #0b1b3f8c 62%, #0b1b3f26 100%), linear-gradient(0deg, #0b1b3fb3, transparent 40%);position:absolute;inset:0}
.cv__hero-lines{opacity:.5;background:linear-gradient(90deg,#0000,#8fb2ffe6,#0000) 0 30%/40% 1px no-repeat,linear-gradient(90deg,#0000,#8fb2ffb3,#0000) 0 72%/30% 1px no-repeat;animation:7s linear infinite cv-lines;position:absolute;inset:0}
@keyframes cv-lines{0%{background-position:-40% 30%,140% 72%}to{background-position:140% 30%,-40% 72%}}
.cv__eyebrow{color:#ffffffeb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff1a;border:1px solid #fff3;border-radius:999px;align-items:center;gap:10px;padding:7px 16px 7px 10px;font-size:15px;font-weight:600;display:inline-flex;position:absolute;top:20px;left:64px}
.cv__eyebrow i{background:#4ade80;border-radius:50%;width:9px;height:9px;animation:1.8s ease-in-out infinite cv-pulse}
@keyframes cv-pulse{50%{box-shadow:0 0 0 6px #4ade8033}}
.cv__secondary{color:#fff;text-underline-offset:6px;align-items:center;font-size:19px;font-weight:700;-webkit-text-decoration:underline #ffffff59;text-decoration:underline #ffffff59;display:flex;position:absolute}
.cv__goal{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fffc;translate:0 calc(var(--e,0) * -30px);background:#ffffff1f;border:1px solid #ffffff38;border-radius:18px;align-items:center;gap:14px;padding:14px 20px 14px 14px;font-size:14px;transition:opacity .45s,scale .45s cubic-bezier(.22,1,.36,1);animation:5s ease-in-out infinite cv-float;display:flex;position:absolute;top:300px;right:64px}
.cv__goal.is-hidden{opacity:0;scale:.8}
.cv__goal b{color:#fff;font-size:17px;display:block}
.cv__goal svg{width:52px;height:52px;transform:rotate(-90deg)}
.cv__goal circle{fill:none;stroke-width:5px}
.cv__goal-track{stroke:#ffffff2e}
.cv__goal-ring{stroke:#4ade80;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--e,0) * 72)}
@keyframes cv-float{50%{transform:translateY(-10px)}}
.cv__title{letter-spacing:-.045em;color:#fff;white-space:nowrap;flex-direction:column;justify-content:center;font-size:90px;font-weight:800;line-height:1.02;display:flex}
.cv__title em{background:linear-gradient(90deg, var(--sky), var(--electric) 60%, var(--sky));color:#0000;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;font-style:normal;animation:5s linear infinite cv-sheen}
@keyframes cv-sheen{to{background-position:-200% 0}}
.cv__lead{color:#ffffffc7;align-items:center;font-size:21px;line-height:1.45;display:flex}
.cv__card{border-radius:22px;flex-direction:column;justify-content:flex-end;gap:6px;padding:26px 28px;transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s;display:flex;overflow:hidden;box-shadow:0 30px 60px -30px #0712298c}
.cv__card--1{background:var(--navy);color:#fff}
.cv__card--2{background:var(--electric);color:#fff;transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s,background-color .6s}
.cv__card--3{color:var(--ink);background:#fff;border:1px solid #e3e6ee}
.cv__card-label{letter-spacing:.1em;text-transform:uppercase;opacity:.7;font-size:13px;font-weight:700;position:absolute;top:24px;left:28px}
.cv__num{letter-spacing:-.05em;font-variant-numeric:tabular-nums;font-size:76px;font-weight:800;line-height:1;position:relative}
.cv__card-text{opacity:.78;max-width:250px;margin:0;font-size:16px;line-height:1.4;position:relative}
.cv__arrow{opacity:.85;border:1.5px solid;border-radius:50%;place-items:center;width:44px;height:44px;transition:transform .45s cubic-bezier(.22,1,.36,1),background .3s,color .3s;display:grid;position:absolute;top:20px;right:22px}
.cv__arrow svg{width:16px;height:16px}
.cv__globe{background:radial-gradient(circle,#8fb2ff8c 1.4px,#0000 1.8px) 0 0/12px 12px;border-radius:50%;width:260px;height:260px;animation:9s linear infinite cv-globe;position:absolute;top:-50px;right:-70px;box-shadow:inset -30px -20px 60px #0b1b3fe6;-webkit-mask-image:radial-gradient(circle,#000 55%,#0000 71%);mask-image:radial-gradient(circle,#000 55%,#0000 71%)}
@keyframes cv-globe{to{background-position:120px 0}}
.cv__footer{background:var(--navy-deep);color:#ffffffa6;justify-content:space-between;align-items:center;padding:0 64px;font-size:15px;display:flex}
.cv__footer-brand{letter-spacing:.14em;color:#fff;align-items:center;gap:10px;font-size:18px;font-weight:900;display:flex}
.cv__footer-brand svg{width:30px;height:30px}
.cv__footer-legal{font-size:14px}
.cv__ed-frame{z-index:-1;opacity:var(--e,0);background:#fff;border-radius:18px;position:absolute;top:0;box-shadow:0 70px 140px -40px #07122980,0 0 0 1px #00000014}
.cv__editor{z-index:4;pointer-events:none;color:#33475b;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;position:absolute;top:0}
.cv__ed-top{height:var(--ed-top);opacity:var(--e,0);translate:0 calc((1 - var(--e,0)) * -24px);background:#fff;border-bottom:1px solid #cbd6e2;border-radius:18px 18px 0 0;justify-content:space-between;align-items:center;padding:0 26px;display:flex;position:absolute;top:0;left:0;right:0}
.cv__ed-brand{align-items:center;gap:14px;font-size:19px;display:flex}
.cv__ed-brand img{width:34px;height:34px}
.cv__ed-status{color:#7c98b6;background:#f5f8fa;border-radius:999px;padding:5px 12px;font-size:14px}
.cv__ed-status.is-saving{color:#0091ae}
.cv__ed-devices{background:#f5f8fa;border-radius:10px;gap:6px;padding:5px;display:flex}
.cv__ed-devices i{color:#7c98b6;border-radius:7px;place-items:center;width:38px;height:30px;display:grid}
.cv__ed-devices i.is-on{color:#33475b;background:#fff;box-shadow:0 1px 3px #0000001f}
.cv__ed-devices svg{width:20px;height:20px}
.cv__ed-actions{align-items:center;gap:12px;font-size:17px;font-weight:600;display:flex}
.cv__ed-preview{border:1px solid #cbd6e2;border-radius:8px;padding:10px 20px}
.cv__ed-publish{text-align:center;color:#fff;background:#ff7a59;border-radius:8px;min-width:150px;padding:11px 22px;transition:background .3s,transform .2s}
.cv__ed-publish.is-busy{background:#ffa48a}
.cv__ed-publish.is-done{background:#00bda5}
.cv__ed-side{left:0;top:var(--ed-top);width:var(--ed-side);opacity:var(--e,0);translate:calc((1 - var(--e,0)) * -60px) 0;background:#f5f8fa;border-right:1px solid #cbd6e2;border-radius:0 0 0 18px;flex-direction:column;display:flex;position:absolute;bottom:0;overflow:hidden}
.cv__ed-tabs{background:#fff;border-bottom:1px solid #cbd6e2;display:flex}
.cv__ed-tabs span{text-align:center;color:#7c98b6;border-bottom:3px solid #0000;flex:1;padding:18px 0 15px;font-size:16px;font-weight:600}
.cv__ed-tabs span.is-on{color:#33475b;border-color:#ff7a59}
.cv__ed-crumb{color:#7c98b6;padding:18px 24px 6px;font-size:15px}
.cv__ed-crumb span{margin:0 4px}
.cv__ed-crumb b{color:#33475b;font-size:19px}
.cv__ed-fields{gap:18px;padding:14px 24px;display:grid}
.cv__ed-field{gap:8px;font-size:14px;font-weight:600;display:grid}
.cv__ed-field--row{justify-content:space-between;align-items:center;display:flex}
.cv__ed-input{color:#33475b;background:#fff;border:1px solid #cbd6e2;border-radius:8px;min-height:46px;padding:11px 14px;font-size:17px;font-weight:400;line-height:1.4;transition:border-color .2s,box-shadow .2s}
.cv__ed-input--area{min-height:76px}
.cv__ed-input.is-focus{border-color:#00a4bd;box-shadow:0 0 0 3px #00a4bd33}
.cv__caret{background:#33475b;width:2px;height:1.1em;margin:0 1px -.2em;animation:1s step-end infinite cv-caret;display:inline-block}
@keyframes cv-caret{50%{opacity:0}}
.cv__ed-swatches{gap:12px;display:flex}
.cv__ed-swatches i{border-radius:50%;width:34px;height:34px;transition:box-shadow .25s,transform .25s;box-shadow:0 0 0 2px #fff,0 0 0 3px #cbd6e2}
.cv__ed-swatches i.is-on{transform:scale(1.08);box-shadow:0 0 0 3px #fff,0 0 0 5px #33475b}
.cv__ed-toggle{background:#cbd6e2;border-radius:999px;width:50px;height:28px;transition:background .3s;position:relative}
.cv__ed-toggle:after{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .3s cubic-bezier(.22,1,.36,1);position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000040}
.cv__ed-toggle.is-on{background:#00bda5}
.cv__ed-toggle.is-on:after{transform:translate(22px)}
.cv__ed-image{background:#fff;border:1px solid #cbd6e2;border-radius:8px;align-items:center;gap:12px;padding:8px;font-size:15px;font-weight:400;display:flex}
.cv__ed-image i{background:url(https://www.transjt.ai/hubfs/tj-transjt-v3/b78a91495e_corp_hero.jpg) 50%/cover;border-radius:6px;width:74px;height:46px;transform:scaleX(-1)}
.cv__ed-item{background:#fff;border:1px solid #dfe3eb;border-radius:10px;gap:8px;padding:14px;display:grid}
.cv__ed-item-title{font-size:15px;font-weight:700}
.cv__ed-item-title small{color:#7c98b6;margin-left:6px;font-weight:500}
.cv__ed-foot{color:#516f90;background:#fff;border-top:1px solid #cbd6e2;align-items:center;gap:10px;margin-top:auto;padding:16px 24px;font-size:14px;font-weight:600;display:flex}
.cv__ed-foot img{width:auto;height:22px}
.cv--wordpress .cv__page{border-radius:18px 0 0 18px}
.cv--wordpress .cv__editor{color:#1e1e1e}
.cv--wordpress .cv__ed-top{border-bottom-color:#e0e0e0;padding:0 18px 0 0}
.cv__wp-left{align-items:center;gap:16px;height:100%;display:flex}
.cv__wp-logo{background:#1e1e1e;border-radius:18px 0 0;place-items:center;width:80px;height:100%;display:grid}
.cv__wp-logo img{filter:invert()brightness(2);width:40px;height:40px}
.cv__wp-add{color:#fff;background:#3858e9;border-radius:4px;place-items:center;width:40px;height:40px;font-size:28px;line-height:1;display:grid}
.cv__wp-tools{color:#757575;gap:8px;display:flex}
.cv__wp-tools svg{width:26px;height:26px}
.cv__wp-doc{background:#f0f0f0;border-radius:4px;align-items:center;gap:8px;padding:10px 22px;font-size:17px;font-weight:600;display:flex}
.cv__wp-doc small{color:#757575;font-size:16px;font-weight:400}
.cv__wp-doc kbd{color:#757575;margin-left:18px;font-family:inherit;font-size:15px}
.cv__wp-save{color:#757575;text-align:right;min-width:70px;font-size:16px}
.cv__wp-save.is-saving{color:#3858e9}
.cv__wp-view,.cv__wp-settings{border-radius:4px;place-items:center;width:40px;height:40px;display:grid}
.cv__wp-view svg,.cv__wp-settings svg{width:26px;height:26px}
.cv__wp-settings{color:#fff;background:#1e1e1e}
.cv--wordpress .cv__ed-publish{background:#3858e9;border-radius:4px;min-width:130px;padding:11px 18px}
.cv--wordpress .cv__ed-publish.is-busy{background:#7b90ff}
.cv--wordpress .cv__ed-publish.is-done{color:#757575;background:#e0e0e0}
.cv--wordpress .cv__ed-side{background:#fff;border-left:1px solid #e0e0e0;border-right:0;border-radius:0 0 18px;left:auto;right:0}
.cv--wordpress .cv__ed-tabs span{color:#757575;border-bottom-width:2px;font-size:16px}
.cv--wordpress .cv__ed-tabs span.is-on{color:#1e1e1e;border-color:#3858e9}
.cv__wp-card{color:#757575;border-bottom:1px solid #e0e0e0;gap:14px;padding:20px 22px;font-size:14px;line-height:1.4;display:flex}
.cv__wp-card b{color:#1e1e1e;margin-bottom:2px;font-size:17px;display:block}
.cv__wp-card-icon{flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}
.cv__wp-card-icon img{width:40px;height:auto}
.cv__wp-panel{justify-content:space-between;padding:16px 22px 4px;font-size:16px;font-weight:600;display:flex}
.cv__wp-panel span{color:#757575}
.cv--wordpress .cv__ed-fields{padding:12px 22px}
.cv--wordpress .cv__ed-field>span{letter-spacing:.06em;text-transform:uppercase;color:#1e1e1e;font-size:12px;font-weight:600}
.cv--wordpress .cv__ed-input{border-color:#949494;border-radius:2px}
.cv--wordpress .cv__ed-input.is-focus{border-color:#3858e9;box-shadow:0 0 0 1.5px #3858e9}
.cv--wordpress .cv__ed-swatches i{box-shadow:inset 0 0 0 1px #0003}
.cv--wordpress .cv__ed-swatches i.is-on{transform:none;box-shadow:inset 0 0 0 4px #fff,0 0 0 2px #1e1e1e}
.cv--wordpress .cv__ed-toggle{background:#fff;border:1.5px solid #1e1e1e;width:44px;height:24px}
.cv--wordpress .cv__ed-toggle:after{width:17px;height:17px;box-shadow:none;background:#1e1e1e;top:2px;left:2px}
.cv--wordpress .cv__ed-toggle.is-on{background:#3858e9;border-color:#3858e9}
.cv--wordpress .cv__ed-toggle.is-on:after{background:#fff;transform:translate(20px)}
.cv--wordpress .cv__ed-image,.cv--wordpress .cv__ed-item{border-color:#e0e0e0;border-radius:2px}
.cv--wordpress .cv__ed-foot{color:#757575;border-top-color:#e0e0e0}
.cv--wordpress .cv__ed-frame{border-radius:18px}
.cv--wordpress .cv__select{border:2px solid #3858e9;border-radius:2px}
.cv--wordpress .cv__select span{color:#1e1e1e;background:#fff;border:1px solid #1e1e1e;border-radius:2px;align-items:center;gap:10px;height:44px;padding:0 14px;top:-52px;left:-2px}
.cv--wordpress .cv__select span img{width:auto;height:22px}
.cv--wordpress .cv__select small{color:#757575}
.cv__snackbar{z-index:5;color:#fff;opacity:0;background:#1e1e1e;border-radius:4px;padding:16px 24px;font-size:17px;transition:opacity .3s,translate .4s cubic-bezier(.22,1,.36,1);position:absolute;left:30px;translate:0 16px;box-shadow:0 12px 30px #0000004d}
.cv__snackbar.is-on{opacity:1;translate:0}
.cv__snackbar u{text-underline-offset:4px;margin-left:10px}
.cv__select{z-index:3;opacity:0;border:3px solid #00a4bd;border-radius:10px;transition:opacity .3s,left .55s cubic-bezier(.22,1,.36,1),top .55s cubic-bezier(.22,1,.36,1),width .55s cubic-bezier(.22,1,.36,1),height .55s cubic-bezier(.22,1,.36,1);position:absolute}
.cv__select.is-on{opacity:1}
.cv__select span{color:#fff;background:#00a4bd;border-radius:8px 8px 8px 0;align-items:baseline;gap:8px;padding:6px 12px;font-size:15px;font-weight:700;display:flex;position:absolute;top:-34px;left:-3px}
.cv__select small{opacity:.85;font-weight:500}
.cv__toast{z-index:5;color:#33475b;white-space:nowrap;opacity:0;background:#fff;border-radius:14px;align-items:center;gap:10px;padding:14px 22px;font-size:17px;transition:opacity .35s,translate .45s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;left:50%;translate:-50% -14px;box-shadow:0 24px 50px -20px #07122980,0 0 0 1px #0000000d}
.cv__toast.is-on{opacity:1;translate:-50%}
.cv__toast-check{color:#fff;background:#00bda5;border-radius:50%;place-items:center;width:26px;height:26px;font-size:14px;font-weight:700;display:grid}
.cv__cursor{z-index:6;transform-origin:4px 3px;width:34px;height:34px;position:absolute;top:0;left:0}
.cv__cursor svg{filter:drop-shadow(0 3px 4px #00000059);width:100%;height:100%}
@media (prefers-reduced-motion:reduce){.cv__hero-photo,.cv__hero-lines,.cv__eyebrow i,.cv__goal,.cv__button:after,.cv__title em,.cv__globe,.cv__partner,.cv__caret{animation:none}}
.manifesto{background:var(--tj-color-white);height:340vh;position:relative}
.manifesto--static{height:auto}
.manifesto__sticky{place-items:center;height:100svh;display:grid;position:sticky;top:0;overflow:hidden}
.manifesto--static .manifesto__sticky{gap:3rem;height:auto;padding:8rem 0;position:relative}
.manifesto__sticky:before{content:"";pointer-events:none;background:radial-gradient(45% 40% at 20% 30%,#ff00f41a,#0000 70%),radial-gradient(40% 35% at 80% 75%,#05ff001f,#0000 70%);position:absolute;inset:0}
.manifesto__inner{z-index:2;padding-inline:var(--tj-gutter);justify-items:center;gap:clamp(1.6rem,4vh,2.6rem);display:grid;position:relative}
.manifesto__text{z-index:1;text-align:center;letter-spacing:-.045em;justify-items:center;font-size:clamp(2.3rem,min(5.6vw,8.4vh),6.4rem);font-weight:800;line-height:1.02;display:grid;position:relative}
.manifesto__line{display:block}
@media (width>=900px){.manifesto__line{white-space:nowrap}}
.manifesto__line--lead{letter-spacing:-.02em;color:var(--tj-color-muted);margin-bottom:.35em;font-size:.5em;font-weight:700}
.manifesto__theme{color:var(--tj-color-magenta)}
.manifesto__hours{display:inline-block;position:relative}
.manifesto__hours svg{width:104%;height:.22em;position:absolute;bottom:-.12em;left:-2%;overflow:visible}
.manifesto__hours path{fill:none;stroke:var(--tj-color-green);stroke-width:9px;stroke-linecap:round}
.manifesto__pop{z-index:0;will-change:transform, opacity;width:max-content;position:absolute;translate:-50% -50%}
.manifesto__pop-tile{background:var(--tj-color-white);border:2px solid var(--tj-color-black);box-shadow:5px 5px 0 var(--tj-color-black);border-radius:18px;place-items:center;padding:14px 20px;animation:5s ease-in-out infinite manifesto-float;display:grid}
.manifesto__pop-tile img{width:auto;max-width:none;height:clamp(20px,2.2vw,30px)}
@keyframes manifesto-float{50%{transform:translateY(-8px)}}
.manifesto__cta{z-index:1;color:var(--tj-color-muted);justify-items:center;gap:.7rem;font-size:.875rem;display:grid;position:relative}
@media (width<=640px){.manifesto__pop-tile{border-radius:14px;padding:10px 14px}}
@media (prefers-reduced-motion:reduce){.manifesto__pop-tile{animation:none}}
.hero--v2{height:680vh}
.hero__caption--editor{bottom:clamp(.75rem,2.5vh,1.5rem)}
.hero__caption--editor .hero__caption-text{font-size:clamp(1rem,1.6vw,1.3rem)}
.hero--v2.hero--static{height:auto}
.hero__css3d{pointer-events:none;position:absolute;inset:0;overflow:hidden}
.logos__customer{filter:grayscale();opacity:.6;width:auto;height:clamp(28px,3vw,40px);transition:filter var(--tj-duration) var(--tj-ease), opacity var(--tj-duration) var(--tj-ease);flex-shrink:0}
.logos__customer:hover{filter:none;opacity:1}
/*$vite$:1*/;

/* HubSpot wrappers: let the design's own layout see its sections as siblings,
   and keep the sticky header sticky (the module wrapper must not box it). */
.v3 > .hs_cos_wrapper, .v3 > div[id^="hs_cos_wrapper_"] { display: contents; }
body:not([data-in-editor]) .v3 > main .container-fluid,
body:not([data-in-editor]) .v3 > main .row-fluid-wrapper,
body:not([data-in-editor]) .v3 > main .row-fluid,
body:not([data-in-editor]) .v3 > main .widget-span,
body:not([data-in-editor]) .v3 > main .hs_cos_wrapper_type_module { display: contents; }
.v3 > main .dnd-section { padding: 0; }
.v3 > main .dnd-section > .row-fluid { max-width: none; }
.v3 > main .row-fluid [class*="span"] { margin-left: 0; min-height: 0; }
/* The words of a rising heading (module.js splits them; the source's v3-rise markup). */
[data-rise] .v3-rise__mask { display: inline-block; overflow: clip; vertical-align: bottom; }
[data-rise] .v3-rise__word { display: inline-block; }
/* Rich text that holds its own paragraphs (D-029): the block keeps the text style, paragraphs keep their spacing. */
.v3-rt>p+p{margin-top:.75em}.v3-split>.v3-rt{max-width:34rem;padding-top:.4rem}