[data-select-viewport],[data-combobox-viewport]{scrollbar-width:none!important;-ms-overflow-style:none!important;-webkit-overflow-scrolling:touch!important}[data-combobox-viewport]::-webkit-scrollbar{display:none!important}[data-select-viewport]::-webkit-scrollbar{display:none!important}
span.svelte-dsgh8t{-webkit-mask-image:var(--svg-mask-src);-webkit-mask-image:var(--svg-mask-src);mask-image:var(--svg-mask-src);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-image:var(--svg-mask-src);-webkit-mask-position:50%;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat}
.ellipsis-dot-animated.svelte-13ek9au{animation:svelte-13ek9au-ellipsis-dot-opacity var(--ellipsis-duration) ease-in-out var(--ellipsis-delay) 1 both}@keyframes svelte-13ek9au-ellipsis-dot-opacity{0%{opacity:.4}20%{opacity:.8}40%{opacity:1}60%{opacity:.8}80%{opacity:.4}to{opacity:1}}.orderbook-flash-buy.svelte-1wij93t{animation:1s svelte-1wij93t-flash-buy}.orderbook-flash-sell.svelte-1wij93t{animation:1s svelte-1wij93t-flash-sell}@keyframes svelte-1wij93t-flash-buy{0%{background-color:color-mix(in srgb, var(--positive) 30%, transparent)}to{background-color:#0000}}@keyframes svelte-1wij93t-flash-sell{0%{background-color:color-mix(in srgb, var(--negative) 30%, transparent)}to{background-color:#0000}}.orderbook-depth-bar-breathing.svelte-1wij93t{animation-name:svelte-1wij93t-orderbook-depth-breathe;animation-duration:var(--bar-duration);animation-timing-function:cubic-bezier(.45,.05,.55,.95);animation-delay:var(--bar-delay);will-change:transform;animation-iteration-count:infinite;animation-direction:alternate}.orderbook-depth-bar-morphing.svelte-1wij93t{transition:width .32s var(--ease-golden,cubic-bezier(.16, 1, .3, 1)), background-color .32s var(--ease-golden,cubic-bezier(.16, 1, .3, 1)), opacity .28s var(--ease-golden,cubic-bezier(.16, 1, .3, 1))}.orderbook-depth-bar-fade-out.svelte-1wij93t{opacity:0}@keyframes svelte-1wij93t-orderbook-depth-breathe{0%{transform:scaleX(var(--bar-min-scale))}to{transform:scaleX(1)}}.orderbook-battle-skeleton-bar.svelte-1wij93t{opacity:.55}@media (prefers-reduced-motion:reduce){.orderbook-depth-bar-breathing.svelte-1wij93t{animation:none;transform:none}.orderbook-depth-bar-morphing.svelte-1wij93t{transition:none}}.grid.svelte-1wij93t{backface-visibility:hidden;will-change:transform;transform:translateZ(0)}.trade-row.svelte-e278t7{contain:content;--volume-opacity:0}.volume-buy.svelte-e278t7:before,.volume-sell.svelte-e278t7:before{content:"";z-index:-1;pointer-events:none;opacity:var(--volume-opacity,0);position:absolute;inset:0}.volume-buy.svelte-e278t7:before{background-color:var(--positive)}.volume-sell.svelte-e278t7:before{background-color:var(--negative)}
html:not(.dark) .engine-canvas-scene.svelte-d01u6b canvas:where(.svelte-d01u6b){filter:invert()hue-rotate(180deg)}
.inner-page{--inner-max:80rem;--inner-gutter:clamp(1rem, 4vw, 2.5rem);--ease-out:cubic-bezier(.16, 1, .3, 1);color:var(--foreground)}.inner-wrap{width:100%;max-width:var(--inner-max);padding-inline:var(--inner-gutter);margin-inline:auto}.inner-section{padding-block:clamp(4rem,9vw,8rem)}@media (min-width:64rem){.lg\:grid-cols-\[4fr_8fr\]{grid-template-columns:4fr 8fr}.lg\:grid-cols-\[5fr_7fr\]{grid-template-columns:5fr 7fr}.lg\:grid-cols-\[7fr_5fr\]{grid-template-columns:7fr 5fr}}.inner-eyebrow{letter-spacing:.01em;color:var(--p-light,var(--muted-foreground));align-items:center;gap:.5rem;font-size:13px;font-weight:500;display:inline-flex}.inner-h2{letter-spacing:-.03em;text-wrap:balance;font-size:clamp(28px,3.6vw,44px);font-weight:500;line-height:1.08}.inner-lead{color:var(--muted-foreground);text-wrap:pretty;font-size:clamp(16px,1.4vw,18px);line-height:1.6}.inner-crumbs{color:var(--muted-foreground);flex-wrap:wrap;gap:.375rem;font-size:13px;display:flex}.inner-crumbs a:hover{color:var(--foreground)}.inner-crumbs li+li:before{content:"/";opacity:.5;margin-right:.375rem}.inner-hero{isolation:isolate;padding-top:clamp(3rem,7vw,6rem);position:relative;overflow:clip}.inner-hero:before{content:"";z-index:-1;background:radial-gradient(50% 60% at 50% 0%, var(--p-glow,transparent), transparent 70%);opacity:.9;height:80%;animation:9s ease-in-out infinite inner-breathe;position:absolute;inset:-20% -10% auto}.inner-hero:after{content:"";z-index:-2;background-image:linear-gradient(to right, color-mix(in srgb, var(--foreground) 6%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in srgb, var(--foreground) 6%, transparent) 1px, transparent 1px);background-size:64px 64px;animation:40s linear infinite inner-grid-drift;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 55% at 50% 20%,#000 20%,#0000 75%);mask-image:radial-gradient(70% 55% at 50% 20%,#000 20%,#0000 75%)}.inner-hero-copy{text-align:center;flex-direction:column;align-items:center;gap:1.25rem;max-width:54rem;margin-inline:auto;display:flex}.inner-h1{letter-spacing:-.045em;text-wrap:balance;font-size:clamp(36px,6vw,68px);font-weight:500;line-height:1.02}.inner-h1 .xfiv-product-gradient{background-size:200% 100%;background-image:linear-gradient(90deg, var(--p-light), var(--p), var(--p-light));animation:8s linear infinite inner-sheen}.inner-cta-row{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:.5rem;display:flex}.inner-btn{height:2.75rem;transition:transform .2s var(--ease-out), background-color .2s, box-shadow .3s;border-radius:9999px;align-items:center;gap:.5rem;padding-inline:1.25rem;font-size:14px;font-weight:500;display:inline-flex;position:relative}.inner-btn:hover{transform:translateY(-1px)}.inner-btn--primary{background:var(--foreground);color:var(--background-page);box-shadow:0 0 0 0 var(--p-glow)}.inner-btn--primary:hover{box-shadow:0 10px 40px -8px var(--p-glow)}.inner-btn--ghost{border:1px solid var(--surface-primary-border);background:color-mix(in srgb, var(--surface-primary) 60%, transparent)}.inner-btn--ghost:hover{background:var(--surface-primary)}.inner-btn svg{transition:transform .2s var(--ease-out)}.inner-btn:hover svg{transform:translate(3px)}.inner-hero-stage{perspective:1600px;margin-top:clamp(2.5rem,6vw,4.5rem);position:relative}.inner-hero-stage:before{content:"";z-index:-1;background:var(--p-glow);filter:blur(80px);opacity:.55;border-radius:50%;position:absolute;inset:10% 8% -6%}.inner-frame{border:1px solid var(--surface-primary-border);background:var(--surface-primary);box-shadow:0 1px 0 0 color-mix(in srgb, var(--foreground) 8%, transparent) inset, 0 40px 80px -30px #000000b3;border-radius:1rem;padding:.5rem;position:relative;overflow:hidden}.inner-frame img{border-radius:.625rem;width:100%;height:auto;display:block}.inner-frame--hero{transform-origin:50% 0;animation:inner-tilt-in 1.4s var(--ease-out) .25s both}.inner-frame--hero:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 35%,#ffffff12 50%,#0000 65%) 0 0/250% 100%;animation:6s ease-in-out 1.8s infinite inner-sweep;position:absolute;inset:0}.inner-marquee{border-block:1px solid var(--surface-primary-border);position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.inner-marquee-track{gap:2.5rem;width:max-content;padding-block:1.25rem;animation:40s linear infinite inner-marquee;display:flex}.inner-marquee:hover .inner-marquee-track{animation-play-state:paused}.inner-marquee-item{color:var(--muted-foreground);white-space:nowrap;align-items:center;gap:.625rem;font-size:15px;display:inline-flex}.inner-features{flex-direction:column;gap:clamp(4rem,10vw,9rem);display:flex}.inner-feature{align-items:center;gap:clamp(2rem,5vw,5rem);display:grid}@media (min-width:900px){.inner-feature{grid-template-columns:5fr 7fr}.inner-feature:nth-child(2n) .inner-feature-copy{order:2}}.inner-feature-copy{flex-direction:column;gap:1rem;display:flex}.inner-feature-copy h3{letter-spacing:-.03em;font-size:clamp(24px,2.6vw,34px);font-weight:500;line-height:1.1}.inner-bullets{flex-direction:column;gap:.625rem;margin-top:.5rem;display:flex}.inner-bullets li{color:var(--secondary-foreground);align-items:center;gap:.625rem;font-size:15px;display:flex}.inner-bullets li:before{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / 10px no-repeat, color-mix(in srgb, var(--p) 70%, transparent);width:18px;height:18px;box-shadow:0 0 12px var(--p-glow);border-radius:9999px;flex:none}.inner-media{position:relative}.inner-media .inner-frame img{transition:transform 1.2s var(--ease-out)}.inner-media:hover .inner-frame img{transform:scale(1.03)}.inner-media:before{content:"";aspect-ratio:1;z-index:-1;background:var(--p-glow);filter:blur(70px);border-radius:9999px;width:45%;animation:10s ease-in-out infinite inner-float;position:absolute;top:-10%;right:-6%}@supports (animation-timeline:view()){.inner-parallax{animation:linear both inner-parallax;animation-timeline:view();animation-range:entry exit}}.inner-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,18rem),1fr));gap:.75rem;display:grid}.inner-card{border:1px solid var(--surface-primary-border);background:color-mix(in srgb, var(--surface-primary) 70%, transparent);min-height:9.5rem;transition:border-color .3s, transform .3s var(--ease-out);border-radius:.875rem;flex-direction:column;gap:.5rem;padding:1.5rem;display:flex;position:relative;overflow:hidden}.inner-card:before{content:"";pointer-events:none;opacity:0;background:radial-gradient(280px circle at var(--mx,50%) var(--my,50%), var(--p-glow), transparent 70%);transition:opacity .3s;position:absolute;inset:0}.inner-card:hover{border-color:color-mix(in srgb, var(--p-light) 35%, transparent);transform:translateY(-2px)}.inner-card:hover:before{opacity:1}.inner-card h3{letter-spacing:-.01em;font-size:17px;font-weight:500;position:relative}.inner-card p{color:var(--muted-foreground);font-size:14px;line-height:1.55;position:relative}.inner-card-index{font-variant-numeric:tabular-nums;color:var(--p-light);margin-bottom:auto;padding-bottom:1rem;font-size:12px;position:relative}.inner-steps{counter-reset:step;gap:2rem;display:grid;position:relative}@media (min-width:900px){.inner-steps{grid-template-columns:repeat(var(--steps,4), 1fr);gap:1.5rem}.inner-steps:before,.inner-steps:after{content:"";background:var(--surface-primary-border);height:1px;position:absolute;top:1.125rem;left:1.125rem;right:1.125rem}.inner-steps:after{background:linear-gradient(90deg, var(--p-light), var(--p));box-shadow:0 0 10px var(--p-glow);transform-origin:0;transition:transform 1.6s var(--ease-out) .3s;transform:scaleX(0)}.inner-steps[data-revealed]:after{transform:scaleX(1)}}.inner-step{z-index:1;counter-increment:step;flex-direction:column;gap:.5rem;display:flex;position:relative}.inner-step:before{content:counter(step, decimal-leading-zero);font-variant-numeric:tabular-nums;width:2.25rem;height:2.25rem;color:var(--p-light);background:var(--background-page);border:1px solid color-mix(in srgb, var(--p-light) 45%, transparent);box-shadow:0 0 0 6px var(--background-page);border-radius:9999px;place-items:center;margin-bottom:.75rem;font-size:12px;display:grid}.inner-step h3{font-size:17px;font-weight:500}.inner-step p{color:var(--muted-foreground);font-size:14px;line-height:1.55}.inner-product-card{isolation:isolate;border:1px solid var(--surface-primary-border);background:var(--surface-primary);transition:transform .4s var(--ease-out), border-color .3s;border-radius:1rem;flex-direction:column;display:flex;position:relative;overflow:hidden}.inner-product-card:hover{border-color:color-mix(in srgb, var(--p-light) 40%, transparent);transform:translateY(-4px)}.inner-product-card-media{aspect-ratio:16/9;position:relative;overflow:hidden}.inner-product-card-media img{object-fit:cover;width:100%;height:100%;transition:transform 1.2s var(--ease-out)}.inner-product-card:hover .inner-product-card-media img{transform:scale(1.06)}.inner-product-card-media:after{content:"";background:linear-gradient(to top, var(--surface-primary), transparent 60%);position:absolute;inset:0}.inner-product-card-body{flex-direction:column;gap:.625rem;padding:1.25rem 1.5rem 1.5rem;display:flex}.inner-product-card-body h3{letter-spacing:-.02em;align-items:center;gap:.5rem;font-size:20px;font-weight:500;display:flex}.inner-product-card-body p{color:var(--muted-foreground);font-size:14px;line-height:1.55}.inner-product-card-link{color:var(--p-light);align-items:center;gap:.375rem;margin-top:.25rem;font-size:14px;display:inline-flex}.inner-product-card-link svg{transition:transform .2s var(--ease-out)}.inner-product-card:hover .inner-product-card-link svg{transform:translate(4px)}.inner-faq{gap:2.5rem;display:grid}@media (min-width:900px){.inner-faq{grid-template-columns:4fr 8fr}}.inner-faq details{border-bottom:1px solid var(--surface-primary-border)}.inner-faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;padding-block:1.25rem;font-size:17px;font-weight:500;list-style:none;display:flex}.inner-faq summary::-webkit-details-marker{display:none}.inner-faq summary:after{content:"+";color:var(--p-light);transition:transform .3s var(--ease-out);flex:none;font-size:22px;font-weight:300}.inner-faq details[open] summary:after{transform:rotate(45deg)}.inner-faq details p{color:var(--muted-foreground);animation:inner-fade-up .4s var(--ease-out);padding-bottom:1.25rem;font-size:15px;line-height:1.65}.inner-cta{isolation:isolate;border:1px solid var(--surface-primary-border);text-align:center;border-radius:1.25rem;padding:clamp(2.5rem,7vw,5.5rem) clamp(1.5rem,5vw,4rem);position:relative;overflow:hidden}.inner-cta video,.inner-cta>img{z-index:-2;object-fit:cover;opacity:.55;width:100%;height:100%;position:absolute;inset:0}.inner-cta:before{content:"";z-index:-1;background:radial-gradient(60% 80% at 50% 100%, var(--p-glow), transparent 70%), linear-gradient(to bottom, color-mix(in srgb, var(--background-page) 70%, transparent), var(--background-page));position:absolute;inset:0}.inner-table-wrap{border:1px solid var(--surface-primary-border);background:color-mix(in srgb, var(--surface-primary) 60%, transparent);border-radius:.875rem;overflow-x:auto}.inner-table{border-collapse:collapse;width:100%;min-width:36rem;font-size:14px;line-height:1.5}.inner-table th,.inner-table td{text-align:left;vertical-align:top;border-bottom:1px solid var(--surface-primary-border);padding:.875rem 1.125rem}.inner-table thead th{letter-spacing:.02em;color:var(--p-light);background:color-mix(in srgb, var(--p) 10%, transparent);font-size:12px;font-weight:500}.inner-table tbody th{color:var(--foreground);font-weight:500}.inner-table td{color:var(--muted-foreground)}.inner-table tbody tr:last-child>*{border-bottom:0}.inner-table tbody tr{transition:background-color .2s}.inner-table tbody tr:hover{background:color-mix(in srgb, var(--p) 6%, transparent)}.inner-prose{color:var(--secondary-foreground);text-wrap:pretty;flex-direction:column;gap:1.1rem;font-size:16px;line-height:1.75;display:flex}.inner-prose h2{letter-spacing:-.02em;color:var(--foreground);scroll-margin-top:calc(var(--shared-top-nav-height,64px) + 1.5rem);font-size:clamp(22px,2.4vw,30px);font-weight:500;line-height:1.15}.inner-prose h3{color:var(--foreground);margin-top:.5rem;font-size:18px;font-weight:500}.inner-prose ul,.inner-prose ol{flex-direction:column;gap:.5rem;padding-left:1.25rem;display:flex}.inner-prose ul{padding-left:0;list-style:none}.inner-prose ul li{padding-left:1.25rem;position:relative}.inner-prose ul li:before{content:"";background:var(--p-light);width:6px;height:6px;box-shadow:0 0 8px var(--p-glow);border-radius:9999px;position:absolute;top:.7em;left:.125rem}.inner-prose ol{list-style:decimal}.inner-prose ol li::marker{color:var(--p-light);font-variant-numeric:tabular-nums}.inner-callout{border:1px solid color-mix(in srgb, var(--p-light) 30%, transparent);background:color-mix(in srgb, var(--p) 10%, transparent);color:var(--foreground);border-radius:.75rem;padding:1rem 1.25rem 1rem 1.5rem;font-size:15px;line-height:1.6;position:relative}.inner-callout:before{content:"";background:linear-gradient(var(--p-light), var(--p));border-radius:9999px;width:3px;position:absolute;top:.75rem;bottom:.75rem;left:0}.inner-hero--article{padding-bottom:0}.inner-hero--plain:before{opacity:.45}.inner-article-head{flex-direction:column;gap:1.1rem;max-width:50rem;display:flex}.inner-h1--article{text-align:left;font-size:clamp(32px,4.8vw,56px)}.inner-meta{color:var(--muted-foreground);flex-wrap:wrap;gap:.375rem 1.25rem;font-size:13px;display:flex}.inner-definition{border:1px solid color-mix(in srgb, var(--p-light) 35%, transparent);background:linear-gradient(135deg, color-mix(in srgb, var(--p) 18%, transparent), color-mix(in srgb, var(--surface-primary) 80%, transparent));max-width:50rem;box-shadow:0 20px 60px -30px var(--p-glow);border-radius:1rem;margin-top:2rem;padding:1.5rem 1.75rem;position:relative;overflow:hidden}.inner-definition p{letter-spacing:-.01em;color:var(--foreground);margin-top:.5rem;font-size:clamp(18px,1.8vw,22px);line-height:1.45}.inner-definition:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 35%,#ffffff0f 50%,#0000 65%) 0 0/250% 100%;animation:7s ease-in-out 1s infinite inner-sweep;position:absolute;inset:0}.inner-hero--article .inner-hero-stage{max-width:60rem}.inner-article{gap:3rem;display:grid}@media (min-width:1024px){.inner-article{grid-template-columns:15rem minmax(0,46rem);justify-content:space-between}}.inner-toc{display:none}@media (min-width:1024px){.inner-toc{top:calc(var(--shared-top-nav-height,64px) + 2rem);flex-direction:column;align-self:start;gap:.875rem;max-height:calc(100vh - 8rem);display:flex;position:sticky;overflow:auto}}.inner-toc ol{border-left:1px solid var(--surface-primary-border);flex-direction:column;display:flex}.inner-toc a{color:var(--muted-foreground);border-left:1px solid #0000;margin-left:-1px;padding:.375rem 0 .375rem .875rem;font-size:13px;line-height:1.4;transition:color .2s,border-color .2s;display:block}.inner-toc a:hover{color:var(--foreground)}.inner-toc a[data-active]{color:var(--p-light);border-left-color:var(--p-light)}.inner-article-body{flex-direction:column;gap:3.5rem;min-width:0;display:flex}.inner-faq-block{scroll-margin-top:calc(var(--shared-top-nav-height,64px) + 1.5rem);flex-direction:column;gap:1rem;display:flex}.inner-faq-block .inner-faq{display:block}.inner-related{border:1px solid var(--surface-primary-border);background:color-mix(in srgb, var(--surface-primary) 60%, transparent);border-radius:1rem;flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.inner-related ul{gap:.25rem 1.5rem;display:grid}@media (min-width:640px){.inner-related ul{grid-template-columns:1fr 1fr}}.inner-related a{color:var(--secondary-foreground);align-items:center;gap:.375rem;padding-block:.375rem;font-size:15px;transition:color .2s;display:inline-flex}.inner-related a:hover{color:var(--p-light)}.inner-text-links{flex-wrap:wrap;gap:.5rem 1.5rem;margin-top:.25rem;display:flex}.inner-text-links a:hover svg{transform:translate(4px)}.inner-stats{grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));gap:.75rem;display:grid}.inner-stat{border:1px solid var(--surface-primary-border);background:radial-gradient(120% 90% at 0% 0%, color-mix(in srgb, var(--p) 14%, transparent), transparent 60%), color-mix(in srgb, var(--surface-primary) 70%, transparent);border-radius:1rem;flex-direction:column;gap:.25rem;padding:1.75rem 1.5rem 1.5rem;display:flex;position:relative;overflow:hidden}.inner-stat:before{content:"";background:linear-gradient(90deg, transparent, var(--p-light), transparent);height:1px;transition:transform 1.4s var(--ease-out) calc(var(--d,0s) + .2s);position:absolute;inset:0 0 auto;transform:scaleX(0)}.inner-stat[data-revealed]:before{transform:scaleX(1)}.inner-stat-value{letter-spacing:-.05em;font-variant-numeric:tabular-nums;background:linear-gradient(180deg, var(--foreground) 30%, var(--p-light));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(44px,5vw,64px);font-weight:500;line-height:1}.inner-stat-label{color:var(--p-light);font-size:14px;font-weight:500}.inner-stat p{color:var(--muted-foreground);margin-top:.5rem;font-size:14px;line-height:1.55}.inner-stats-note{color:var(--muted-foreground);font-size:13px}.inner-checklist{gap:.625rem;display:grid}@media (min-width:768px){.inner-checklist{grid-template-columns:1fr 1fr}}.inner-checklist li{border:1px solid var(--surface-primary-border);background:color-mix(in srgb, var(--surface-primary) 60%, transparent);color:var(--secondary-foreground);border-radius:.875rem;align-items:center;gap:.875rem;padding:1rem 1.25rem;font-size:15px;line-height:1.45;display:flex}.inner-checklist li:hover{border-color:color-mix(in srgb, var(--p-light) 35%, transparent)}.inner-check{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / 12px no-repeat, linear-gradient(135deg, var(--p-light), var(--p));width:22px;height:22px;box-shadow:0 0 14px var(--p-glow);transition:scale .6s cubic-bezier(.34, 1.56, .64, 1) calc(var(--d,0s) + .25s);border-radius:9999px;flex:none;scale:.4}[data-revealed]>.inner-check{scale:1}.inner-band{isolation:isolate;border:1px solid color-mix(in srgb, var(--p-light) 30%, transparent);background:radial-gradient(70% 120% at 100% 0%, var(--p-glow), transparent 60%), radial-gradient(60% 100% at 0% 100%, color-mix(in srgb, var(--p) 18%, transparent), transparent 70%), var(--surface-primary);border-radius:1.25rem;flex-direction:column;gap:1.75rem;padding:clamp(2rem,5vw,3.5rem);display:flex;position:relative;overflow:hidden}@media (min-width:900px){.inner-band{flex-direction:row;justify-content:space-between;align-items:center}.inner-band .inner-cta-row{flex:none;margin-top:0}}.inner-band:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(105deg,#0000 35%,#ffffff0d 50%,#0000 65%) 0 0/250% 100%;animation:7s ease-in-out 1s infinite inner-sweep;position:absolute;inset:0}.inner-band-copy{flex-direction:column;gap:.75rem;max-width:40rem;display:flex}.inner-band-note{color:var(--muted-foreground);font-size:13px}.inner-showcase{max-width:64rem;margin-inline:auto;position:relative}.inner-showcase:before{content:"";z-index:-1;background:var(--p-glow);filter:blur(90px);opacity:.6;border-radius:50%;position:absolute;inset:15% 10% -5%}.inner-chip{z-index:2;border:1px solid color-mix(in srgb, var(--p-light) 30%, transparent);background:color-mix(in srgb, var(--surface-primary) 75%, transparent);-webkit-backdrop-filter:blur(12px);white-space:nowrap;color:var(--foreground);opacity:0;animation:inner-chip-in .9s var(--ease-out) var(--d,0s) both, inner-bob 6s ease-in-out calc(var(--d,0s) + .9s) infinite;border-radius:9999px;align-items:center;gap:.5rem;padding:.5rem .875rem;font-size:13px;font-weight:500;display:inline-flex;position:absolute;box-shadow:0 16px 40px -16px #000c}.inner-chip[data-pos="0"]{top:10%;left:-1.5rem}.inner-chip[data-pos="1"]{animation-duration:.9s,7s;top:42%;right:-1.5rem}.inner-chip[data-pos="2"]{animation-duration:.9s,8s;bottom:12%;left:8%}.inner-showcase:not([data-revealed]) .inner-chip{animation-play-state:paused}@media (max-width:700px){.inner-chip{padding:.375rem .625rem;font-size:11px}.inner-chip[data-pos="0"]{top:-.75rem;left:.5rem}.inner-chip[data-pos="1"]{top:auto;bottom:-.75rem;right:.5rem}.inner-chip[data-pos="2"]{display:none}}.inner-chip-dot{background:var(--p-light);width:7px;height:7px;box-shadow:0 0 0 0 var(--p-glow);border-radius:9999px;animation:2.4s ease-out infinite inner-ping}@keyframes inner-chip-in{0%{opacity:0;filter:blur(6px);transform:translateY(16px)scale(.9)}to{opacity:1;filter:none;transform:none}}@keyframes inner-bob{50%{translate:0 -8px}}@keyframes inner-ping{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--p-light) 60%, transparent)}70%,to{box-shadow:0 0 0 8px #0000}}[data-reveal]{opacity:0;filter:blur(6px);transition:opacity .9s var(--ease-out), transform .9s var(--ease-out), filter .9s var(--ease-out);transition-delay:var(--d,0s);transform:translateY(28px)}[data-reveal][data-revealed]{opacity:1;filter:none;transform:none}.inner-enter{animation:inner-fade-up .9s var(--ease-out) both;animation-delay:var(--d,0s)}@keyframes inner-fade-up{0%{opacity:0;filter:blur(6px);transform:translateY(18px)}to{opacity:1;filter:none;transform:none}}@keyframes inner-tilt-in{0%{opacity:0;transform:rotateX(24deg)translateY(60px)scale(.94)}to{opacity:1;transform:none}}@keyframes inner-sweep{0%,60%{background-position:150% 0}to{background-position:-100% 0}}@keyframes inner-sheen{to{background-position:-200% 0}}@keyframes inner-breathe{50%{opacity:.55;transform:scale(1.06)}}@keyframes inner-grid-drift{to{background-position:64px 64px}}@keyframes inner-marquee{to{transform:translate(-50%)}}@keyframes inner-float{50%{transform:translate(-12%,14%)}}@keyframes inner-parallax{0%{transform:translateY(40px)}to{transform:translateY(-40px)}}@media (prefers-reduced-motion:reduce){.inner-page *,.inner-page :before,.inner-page :after{transition:none!important;animation:none!important}[data-reveal]{opacity:1;filter:none;transform:none}}.demo-hero{padding-bottom:clamp(4rem,8vw,7rem)}.demo-layout{gap:clamp(2.5rem,5vw,3.5rem);display:grid}.demo-layout>*{min-width:0}@media (min-width:1024px){.demo-layout{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:start;gap:4rem}.demo-intro{top:calc(var(--shared-top-nav-height,4rem) + 2rem);position:sticky}}.demo-intro{flex-direction:column;align-items:flex-start;gap:1.25rem;display:flex}.demo-h1{font-size:clamp(34px,4.6vw,56px)}.demo-next{border-top:1px solid var(--surface-primary-border);width:100%;margin-top:1rem;padding-top:1.75rem}.demo-next-title{letter-spacing:-.01em;font-size:17px;font-weight:500}.demo-next-list{counter-reset:demo-step;gap:.875rem;margin-top:1.25rem;display:grid}.demo-next-list li{min-height:2rem;color:var(--muted-foreground);counter-increment:demo-step;align-items:center;gap:.875rem;font-size:15px;line-height:1.5;display:flex;position:relative}.demo-next-list li:before{content:counter(demo-step, decimal-leading-zero);font-variant-numeric:tabular-nums;width:2rem;height:2rem;color:var(--p-light);border:1px solid color-mix(in srgb, var(--p-light) 45%, transparent);background:color-mix(in srgb, var(--p) 8%, transparent);border-radius:9999px;flex:none;place-items:center;font-size:11px;display:grid}.demo-smallprint{color:var(--muted-foreground);opacity:.85;margin-top:1.5rem;font-size:13px;line-height:1.55}.demo-card{border:1px solid var(--surface-primary-border);background:color-mix(in srgb, var(--surface-primary) 75%, transparent);box-shadow:0 1px 0 0 color-mix(in srgb, var(--foreground) 6%, transparent) inset, 0 40px 80px -40px var(--p-glow);border-radius:1.125rem;padding:clamp(1.25rem,3.5vw,2rem);position:relative}.demo-form{flex-direction:column;gap:1.25rem;display:flex}.demo-notes{flex-wrap:wrap;gap:.5rem;display:flex}.demo-note{height:1.75rem;color:var(--p-light);border:1px solid color-mix(in srgb, var(--p-light) 35%, transparent);background:color-mix(in srgb, var(--p) 12%, transparent);border-radius:9999px;align-items:center;padding-inline:.75rem;font-size:12px;font-weight:500;display:inline-flex}.demo-row{gap:1.25rem;display:grid}@media (min-width:640px){.demo-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.demo-field{flex-direction:column;gap:.5rem;min-width:0;display:flex}.demo-field>label,.demo-fieldset>legend{color:var(--foreground);font-size:13px;font-weight:500}.demo-fieldset>legend{margin-bottom:.625rem}.demo-input{border:1px solid var(--surface-primary-border);background:color-mix(in srgb, var(--background-page) 70%, transparent);width:100%;min-width:0;height:2.75rem;color:var(--foreground);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;border-radius:.625rem;padding:0 .875rem;font-size:15px;transition:border-color .15s,box-shadow .15s}.demo-input::placeholder{color:var(--muted-foreground);opacity:.7}.demo-input:hover{border-color:color-mix(in srgb, var(--foreground) 22%, transparent)}.demo-input:focus-visible,.demo-input:focus{border-color:var(--p-light,var(--xfiv-accent));box-shadow:0 0 0 3px color-mix(in srgb, var(--p,var(--xfiv-accent)) 35%, transparent);outline:none}.demo-input[aria-invalid=true]{border-color:#f07178}.demo-select{appearance:none;text-overflow:ellipsis;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239aa0ab' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:16px;padding-right:2.25rem}.demo-select option{color:#f2f3f5;background:#0d0f14}.demo-textarea{resize:vertical;height:auto;min-height:7rem;padding:.75rem .875rem;line-height:1.5}.demo-help{color:var(--muted-foreground);font-size:12px}.demo-fieldset{min-width:0}.demo-fieldset[aria-invalid=true]>legend{color:#f07178}.demo-choices{flex-wrap:wrap;gap:.5rem;display:flex}.demo-choices--grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,10rem),1fr));display:grid}.demo-choice{border:1px solid var(--surface-primary-border);background:color-mix(in srgb, var(--background-page) 50%, transparent);cursor:pointer;border-radius:.625rem;align-items:center;gap:.625rem;min-width:0;padding:.625rem .875rem;font-size:14px;line-height:1.35;transition:border-color .15s,background-color .15s;display:flex}.demo-choice:hover{border-color:color-mix(in srgb, var(--foreground) 22%, transparent)}.demo-choice input{width:1rem;height:1rem;accent-color:var(--choice,var(--xfiv-accent));--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;cursor:pointer;flex:none;margin:0}.demo-choice input:focus-visible{outline:2px solid var(--choice,var(--p-light));outline-offset:2px}.demo-choice:has(input:checked){border-color:color-mix(in srgb, var(--choice,var(--p-light)) 60%, transparent);background:color-mix(in srgb, var(--choice,var(--p)) 12%, transparent)}.demo-consent{color:var(--muted-foreground);background:0 0;border:0;align-items:flex-start;padding:0;font-size:13px;line-height:1.55}.demo-consent:hover{border:0}.demo-consent input{margin-top:.15rem}.demo-consent:has(input[aria-invalid=true]){color:#f07178}.demo-consent a,.demo-error a,.demo-done-body a{color:var(--foreground);text-underline-offset:3px;text-decoration:underline}.demo-actions{flex-wrap:wrap;align-items:center;gap:.75rem 1rem;display:flex}.demo-submit{cursor:pointer;justify-content:center}.demo-submit:disabled{opacity:.7;cursor:progress;transform:none}.demo-submit:focus-visible,.demo-done-link:focus-visible{outline:2px solid var(--p-light);outline-offset:3px}.demo-status{flex:14rem;min-width:0}.demo-error{color:#f07178;font-size:13px;line-height:1.5}.demo-hp{width:1px;height:1px;position:absolute;top:auto;left:-10000px;overflow:hidden}.demo-done{flex-direction:column;align-items:flex-start;gap:1rem;padding-block:1rem;display:flex}.demo-done-title{letter-spacing:-.02em;outline:none;font-size:clamp(24px,2.6vw,30px);font-weight:500;line-height:1.15}.demo-done-body{color:var(--muted-foreground);font-size:15px;line-height:1.6}.demo-done-link{margin-top:.5rem}.demo-text-link{color:var(--muted-foreground);text-underline-offset:3px;font-size:14px;text-decoration:underline}.demo-text-link:hover{color:var(--foreground)}
:root{--hv2-ease:cubic-bezier(.16, 1, .3, 1)}.hv2-stack{flex-direction:column;gap:2.5rem;display:flex}@media (min-width:64rem){.hv2-stack{gap:3.5rem}}.hv2-header{flex-direction:column;gap:1.5rem;display:flex}@media (min-width:64rem){.hv2-header{flex-direction:row;justify-content:space-between;align-items:flex-end;gap:3rem}}.hv2-header-main{flex-direction:column;gap:1rem;min-width:0;display:flex}.hv2-eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--secondary-foreground);align-items:center;gap:.5rem;font-family:Geist Mono,monospace;font-size:12px;display:inline-flex}.hv2-eyebrow:before{content:"";background:linear-gradient(90deg, transparent, var(--secondary-foreground));width:1.25rem;height:1px}.hv2-grid{grid-template-columns:minmax(0,1fr);gap:1rem;margin:0;padding:0;list-style:none;display:grid}@media (min-width:48rem){.hv2-grid-3,.hv2-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:64rem){.hv2-grid{gap:1.25rem}.hv2-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.hv2-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.hv2-li{min-width:0;display:flex}.hv2-card{--p:var(--xfiv-connect);--p-light:var(--xfiv-connect-light);--p-glow:var(--xfiv-connect-glow);isolation:isolate;border:1px solid var(--surface-primary-border);background:radial-gradient(120% 80% at 100% 0%, color-mix(in srgb, var(--p) 10%, transparent), transparent 60%), var(--surface-primary);width:100%;min-width:0;transition:border-color .3s, transform .4s var(--hv2-ease);border-radius:1rem;flex-direction:column;gap:.75rem;padding:1.5rem;display:flex;position:relative;overflow:hidden}.hv2-card:before{content:"";background:linear-gradient(90deg, transparent, var(--p-light), transparent);opacity:.55;height:1px;position:absolute;inset:0 0 auto}.hv2-card-link{color:inherit;text-decoration:none}.hv2-card-link:hover,.hv2-card-link:focus-visible{border-color:color-mix(in srgb, var(--p) 55%, var(--surface-primary-border));transform:translateY(-3px)}.hv2-card-link:focus-visible{outline:2px solid var(--p-light);outline-offset:2px}.hv2-h3{letter-spacing:-.02em;color:var(--foreground);font-size:18px;font-weight:500;line-height:1.3}@media (min-width:64rem){.hv2-h3{font-size:20px}}.hv2-body{color:var(--muted-foreground);font-size:15px;line-height:1.55}.hv2-body-strong{color:var(--secondary-foreground)}.hv2-footnote{color:var(--muted-foreground);font-size:13px;line-height:1.5}.hv2-footer-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1.5rem;display:flex}.hv2-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hv2-icon,.hv2-chip-icon{flex-shrink:0;width:1rem;height:1rem}.hv2-icon-tile{width:2.5rem;height:2.5rem;color:var(--p-light);background:color-mix(in srgb, var(--p) 14%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--p) 32%, transparent), 0 0 24px -6px var(--p-glow);border-radius:.625rem;place-items:center;margin-bottom:.5rem;display:grid}.hv2-icon-tile svg{width:1.25rem;height:1.25rem}.hv2-card-cta{color:var(--p-light);align-items:center;gap:.5rem;margin-top:auto;padding-top:.75rem;font-size:15px;font-weight:500;display:inline-flex}.hv2-card-cta svg{transition:transform .3s var(--hv2-ease)}.hv2-card-link:hover .hv2-card-cta svg{transform:translate(3px)}.hv2-ps{gap:0;padding:0}@media (min-width:64rem){.hv2-ps{grid-row:span 3;grid-template-rows:subgrid;row-gap:0;display:grid}}.hv2-ps-problem,.hv2-ps-answer{flex-direction:column;gap:.625rem;padding:1.5rem;display:flex}.hv2-ps-answer{border-top:1px solid var(--surface-primary-border);background:linear-gradient(180deg, color-mix(in srgb, var(--p) 12%, transparent), transparent 85%);flex:1}.hv2-ps-label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted-foreground);align-items:center;gap:.5rem;font-size:12px;font-weight:500;display:inline-flex}.hv2-ps-label-xfiv{color:var(--p-light)}.hv2-ps-label-xfiv:before{content:"";background:var(--p-light);width:6px;height:6px;box-shadow:0 0 8px var(--p-glow);border-radius:9999px}.hv2-ps-arrow{z-index:1;width:2rem;height:2rem;color:var(--p-light);background:var(--background-page);border:1px solid color-mix(in srgb, var(--p) 45%, var(--surface-primary-border));box-shadow:0 0 16px -4px var(--p-glow);border-radius:9999px;place-items:center;margin:-1rem auto;display:grid;position:relative}.hv2-ps-arrow svg{width:1rem;height:1rem}.hv2-closing{text-align:center;letter-spacing:-.02em;text-wrap:balance;background:linear-gradient(90deg, var(--xfiv-portal-light), var(--xfiv-trade-light), var(--xfiv-copy-light), var(--xfiv-connect-light), var(--xfiv-brokeros-light));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:22px;font-weight:500;line-height:1.25}@media (min-width:64rem){.hv2-closing{font-size:32px}}.hv2-plan{width:100%;color:inherit;border-radius:1rem;flex-direction:column;gap:1.25rem;padding-block:.5rem;text-decoration:none;display:flex}.hv2-plan:focus-visible{outline:2px solid var(--ring,var(--xfiv-connect-light));outline-offset:4px}.hv2-plan-panel{border:1px solid var(--surface-primary-border);height:13rem;transition:transform .4s var(--hv2-ease), border-color .3s;border-radius:.375rem;flex-direction:column;justify-content:space-between;padding:1.5rem;display:flex;position:relative;overflow:hidden}@media (min-width:64rem){.hv2-plan-panel{height:15rem}}.hv2-plan:hover .hv2-plan-panel,.hv2-plan:focus-visible .hv2-plan-panel{border-color:var(--divider-primary);transform:translateY(-3px)}.hv2-plan-dots{gap:.375rem;display:inline-flex}.hv2-plan-price{letter-spacing:-.03em;color:var(--foreground);font-variant-numeric:tabular-nums;font-size:32px;font-weight:500;line-height:1.1}.hv2-plan-from,.hv2-plan-per{letter-spacing:-.01em;color:var(--secondary-foreground);font-size:15px}.hv2-plan-text{flex-direction:column;gap:.5rem;display:flex}.hv2-plan-name{letter-spacing:-.02em;color:var(--foreground);align-items:center;gap:.5rem;font-size:18px;font-weight:500;display:flex}@media (min-width:64rem){.hv2-plan-name{font-size:24px}}.hv2-plan-name svg{opacity:0;transition:opacity .2s, transform .3s var(--hv2-ease);transform:translate(-4px)}.hv2-plan:hover .hv2-plan-name svg,.hv2-plan:focus-visible .hv2-plan-name svg{opacity:1;transform:none}.hv2-steps{gap:2rem;margin:0;padding:0 0 0 3.25rem;list-style:none;display:grid;position:relative}.hv2-steps:before,.hv2-steps:after{content:"";background:var(--surface-primary-border);width:1px;position:absolute;top:1.125rem;bottom:1.125rem;left:1.125rem}.hv2-steps:after{background:linear-gradient(180deg, var(--p-light), var(--p));box-shadow:0 0 10px var(--p-glow);transform-origin:top;transition:transform 1.6s var(--hv2-ease) .2s}:root[data-hv2-ready] .hv2-steps:not([data-hv2-in]):after{transform:scaleY(0)}.hv2-step{z-index:1;flex-direction:column;gap:.5rem;display:flex;position:relative}.hv2-step-num{font-variant-numeric:tabular-nums;width:2.25rem;height:2.25rem;color:var(--p-light);background:var(--background-page);border:1px solid color-mix(in srgb, var(--p-light) 45%, transparent);box-shadow:0 0 0 6px var(--background-page), 0 0 18px -4px var(--p-glow);transition:border-color .5s,box-shadow .5s;transition-delay:var(--d,0s);border-radius:9999px;place-items:center;font-size:12px;display:grid;position:absolute;top:0;left:-3.25rem}.hv2-step .hv2-h3{padding-top:.375rem}@media (min-width:64rem){.hv2-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem;padding:0}.hv2-steps:before,.hv2-steps:after{width:auto;height:1px;bottom:auto;left:1.125rem;right:1.125rem}.hv2-steps:after{background:linear-gradient(90deg, var(--p-light), var(--p));transform-origin:0}:root[data-hv2-ready] .hv2-steps:not([data-hv2-in]):after{transform:scaleX(0)}.hv2-step-num{margin-bottom:.75rem;position:relative;left:0}.hv2-step .hv2-h3{padding-top:0}}.hv2-table-wrap{border:1px solid var(--surface-primary-border);background:var(--surface-primary);-webkit-overflow-scrolling:touch;border-radius:1rem;overflow-x:auto}.hv2-table-wrap:focus-visible{outline:2px solid var(--p-light);outline-offset:2px}.hv2-table{border-collapse:separate;border-spacing:0;text-align:left;width:100%;min-width:44rem;font-size:14px;line-height:1.45}.hv2-table th,.hv2-table td{vertical-align:top;border-bottom:1px solid var(--surface-primary-border);color:var(--muted-foreground);padding:.875rem 1rem}.hv2-table tbody tr:last-child>*{border-bottom:0}.hv2-table thead th{color:var(--secondary-foreground);vertical-align:bottom;font-size:13px;font-weight:500}.hv2-table tbody th{color:var(--foreground);font-weight:500}.hv2-table tr>:first-child{z-index:1;background:var(--surface-primary);width:8.5rem;box-shadow:inset -1px 0 0 var(--surface-primary-border);position:sticky;left:0}@media (min-width:48rem){.hv2-table tr>:first-child{width:12rem}}.hv2-table tbody tr{transition:background-color .2s}.hv2-table tbody tr:hover>*{background-color:color-mix(in srgb, var(--foreground) 3%, var(--surface-primary))}.hv2-table .hv2-col-xfiv{color:var(--secondary-foreground);background:color-mix(in srgb, var(--p) 9%, var(--surface-primary))}.hv2-table tbody tr:hover>.hv2-col-xfiv{background:color-mix(in srgb, var(--p) 14%, var(--surface-primary))}.hv2-table thead .hv2-col-xfiv{color:var(--p-light);box-shadow:inset 0 2px 0 var(--p)}.hv2-hub{border:1px solid var(--surface-primary-border);background:radial-gradient(50% 60% at 50% 0%, color-mix(in srgb, var(--p) 16%, transparent), transparent 70%), radial-gradient(var(--surface-primary-border) 1px, transparent 1px) 0 0 / 17px 17px, var(--background-page);border-radius:1rem;flex-direction:column;align-items:center;gap:2rem;padding:2.5rem 1rem;display:flex;position:relative;overflow:hidden}@media (min-width:64rem){.hv2-hub{padding:3.5rem 3rem}}.hv2-hub-core{letter-spacing:-.02em;background:var(--surface-primary);border:1px solid color-mix(in srgb, var(--p) 50%, var(--surface-primary-border));box-shadow:0 0 40px -8px var(--p-glow);border-radius:9999px;align-items:center;gap:.625rem;padding:.75rem 1.25rem;font-size:17px;font-weight:500;display:inline-flex;position:relative}.hv2-hub-icon{width:1.25rem;height:1.25rem}.hv2-hub-pulse{border-radius:inherit;border:1px solid var(--p-light);opacity:0;animation:hv2-pulse 3.2s var(--hv2-ease) infinite;pointer-events:none;position:absolute;inset:-1px}@keyframes hv2-pulse{0%{opacity:.6;transform:scale(1)}80%,to{opacity:0;transform:scale(1.35,1.8)}}.hv2-chips{flex-wrap:wrap;justify-content:center;gap:.625rem;max-width:56rem;margin:0;padding:0;list-style:none;display:flex;position:relative}.hv2-chips:before{content:"";background:linear-gradient(180deg, var(--p-light), transparent);opacity:.6;width:1px;height:2rem;position:absolute;top:-2rem;left:50%}.hv2-chip{min-width:0;max-width:100%;color:var(--secondary-foreground);background:var(--surface-primary);border:1px solid var(--surface-primary-border);transition:border-color .25s, color .25s, opacity .7s var(--hv2-ease), transform .7s var(--hv2-ease);transition-delay:0s, 0s, var(--d,0s), var(--d,0s);border-radius:9999px;align-items:center;gap:.5rem;padding:.5rem .875rem;font-size:14px;display:inline-flex}.hv2-chip-icon{color:var(--p-light)}.hv2-chip:hover{color:var(--foreground);border-color:color-mix(in srgb, var(--p) 50%, var(--surface-primary-border))}:root[data-hv2-ready] .hv2-hub:not([data-hv2-in]) .hv2-chip{opacity:0;transform:translateY(10px)scale(.96)}.hv2-point{padding:1.5rem 1.25rem}.hv2-case-products{color:var(--muted-foreground);flex-wrap:wrap;gap:.5rem 1rem;margin:0;padding:0;font-size:13px;list-style:none;display:flex}.hv2-case-products li{align-items:center;gap:.375rem;display:inline-flex}.hv2-quote{border-left:2px solid var(--surface-primary-border);color:var(--secondary-foreground);margin:.5rem 0 0;padding-left:1rem}.hv2-quote footer{color:var(--muted-foreground);margin-top:.5rem;font-size:13px}.hv2-benefits-cell{padding-block:.875rem;white-space:normal!important;text-overflow:clip!important;align-items:flex-start!important}[data-slot=body-row]:has(.hv2-benefits-cell)>[data-slot=body-cell]{align-items:flex-start;padding-top:.875rem}.hv2-benefits{flex-direction:column;gap:.375rem;min-width:0;display:flex}.hv2-benefits ul{flex-direction:column;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.hv2-benefits li{color:var(--muted-foreground);padding-left:.875rem;font-size:12.5px;font-weight:400;line-height:1.45;position:relative}.hv2-benefits li:before{content:"";background:var(--p-light);width:5px;height:5px;box-shadow:0 0 6px var(--p-glow);border-radius:9999px;position:absolute;top:.5em;left:0}.hv2-trust{grid-template-columns:repeat(2,minmax(0,auto));gap:.5rem 1rem;margin:.25rem 0 0;padding:0;list-style:none;display:grid}@media (min-width:40rem){.hv2-trust{flex-wrap:wrap;display:flex}}@media (min-width:64rem){.hv2-trust{justify-content:flex-end}}.hv2-trust a{color:var(--muted-foreground);align-items:center;gap:.375rem;font-size:12.5px;line-height:1.3;text-decoration:none;transition:color .2s;display:inline-flex}.hv2-trust a:hover,.hv2-trust a:focus-visible{color:var(--foreground)}.hv2-trust svg{width:.875rem;height:.875rem;color:var(--xfiv-accent);flex-shrink:0}.hv2-hero-line{color:var(--muted-foreground);font-size:14px;line-height:1.5}.hv2-actions{flex-wrap:wrap;align-items:center;gap:.5rem 1.25rem;display:flex}.hv2-svx{gap:1.5rem;display:grid}@media (min-width:64rem){.hv2-svx{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:stretch;gap:2.5rem}}.hv2-svx-list{flex-direction:column;gap:1.25rem;display:flex}.hv2-svx-group ul{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.hv2-svx-label{letter-spacing:.1em;text-transform:uppercase;color:var(--p-light);align-items:center;gap:.5rem;margin-bottom:.375rem;font-family:Geist Mono,monospace;font-size:11px;display:flex}.hv2-svx-label:after{content:"";background:linear-gradient(90deg, color-mix(in srgb, var(--p) 45%, transparent), transparent);flex:1;height:1px}.hv2-svx-item{color:inherit;transition:background-color .3s, transform .4s var(--hv2-ease);border-radius:.75rem;align-items:center;gap:.875rem;padding:.625rem .75rem;text-decoration:none;display:flex;position:relative;overflow:hidden}.hv2-svx-item>svg{color:var(--p-light);opacity:0;transition:opacity .3s, transform .4s var(--hv2-ease);flex-shrink:0;margin-left:auto;transform:translate(-6px)}.hv2-svx-item[data-active]{background:color-mix(in srgb, var(--p) 12%, transparent);transform:translate(4px)}.hv2-svx-item[data-active]>svg{opacity:1;transform:none}.hv2-svx-item:focus-visible{outline:2px solid var(--p-light);outline-offset:2px}.hv2-svx-num{color:var(--muted-foreground);font-family:Geist Mono,monospace;font-size:11px;transition:color .3s}.hv2-svx-item[data-active] .hv2-svx-num{color:var(--p-light)}.hv2-svx-text{flex-direction:column;gap:.125rem;min-width:0;display:flex}.hv2-svx-title{letter-spacing:-.01em;color:var(--secondary-foreground);font-size:16px;font-weight:500;transition:color .3s}.hv2-svx-item[data-active] .hv2-svx-title{color:var(--foreground)}.hv2-svx-menu{color:var(--muted-foreground);font-size:13px;line-height:1.4}.hv2-svx-progress{background:var(--p-light);transform-origin:0;height:1px;animation:linear forwards hv2-progress;position:absolute;bottom:0;left:.75rem;right:.75rem}@keyframes hv2-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.hv2-svx-stage{isolation:isolate;border:1px solid color-mix(in srgb, var(--p) 30%, var(--surface-primary-border));background:var(--surface-primary);min-height:30rem;box-shadow:0 40px 90px -50px var(--p-glow);border-radius:1.25rem;transition:border-color .6s,box-shadow .6s;display:none;position:relative;overflow:hidden}@media (min-width:64rem){.hv2-svx-stage{display:block}}.hv2-svx-stage:after{content:"";z-index:1;background:radial-gradient(70% 60% at 100% 0%, color-mix(in srgb, var(--p) 28%, transparent), transparent 65%), linear-gradient(180deg, transparent 15%, color-mix(in srgb, var(--background-page) 80%, transparent) 55%, var(--background-page) 92%);pointer-events:none;transition:background .6s;position:absolute;inset:0}.hv2-svx-stage img{object-fit:cover;object-position:top;opacity:0;filter:blur(6px)saturate(.8);width:100%;height:100%;transition:opacity .7s var(--hv2-ease), transform 1.4s var(--hv2-ease), filter .7s var(--hv2-ease);position:absolute;inset:0;transform:scale(1.08)}.hv2-svx-stage img[data-active]{opacity:.9;filter:none;transform:scale(1)}.hv2-svx-card{z-index:2;max-width:34rem;animation:hv2-card-in .7s var(--hv2-ease) both;flex-direction:column;align-items:flex-start;gap:.625rem;display:flex;position:absolute;bottom:1.75rem;left:1.75rem;right:1.75rem}@keyframes hv2-card-in{0%{opacity:0;transform:translateY(14px)}}.hv2-svx-chip{border:1px solid color-mix(in srgb, var(--p) 40%, transparent);background:color-mix(in srgb, var(--surface-primary) 70%, transparent);-webkit-backdrop-filter:blur(12px);letter-spacing:.08em;text-transform:uppercase;color:var(--p-light);border-radius:9999px;align-items:center;gap:.5rem;padding:.3125rem .75rem .3125rem .3125rem;font-family:Geist Mono,monospace;font-size:11px;display:inline-flex}.hv2-svx-icon{width:1.75rem;height:1.75rem;color:var(--p-light);background:color-mix(in srgb, var(--p) 22%, transparent);border-radius:9999px;place-items:center;display:grid}.hv2-svx-icon svg{width:1rem!important;height:1rem!important}.hv2-svx-card-title{letter-spacing:-.03em;color:var(--foreground);font-size:28px;font-weight:500;line-height:1.15}.hv2-svx-card-body{color:var(--secondary-foreground);font-size:15px;line-height:1.55}.hv2-svx-card .hv2-card-cta{padding-top:.25rem;text-decoration:none}.hv2-band{isolation:isolate;border:1px solid color-mix(in srgb, var(--xfiv-accent) 30%, var(--surface-primary-border));background:radial-gradient(60% 120% at 0% 0%, color-mix(in srgb, var(--xfiv-accent) 22%, transparent), transparent 60%), radial-gradient(50% 100% at 100% 100%, color-mix(in srgb, var(--xfiv-brokeros) 16%, transparent), transparent 60%), var(--surface-primary);border-radius:1.5rem;flex-direction:column;gap:1.25rem;padding:clamp(2rem,6vw,4.5rem);display:flex;position:relative;overflow:hidden}.hv2-band-bg{z-index:-1;object-fit:cover;opacity:.12;width:100%;height:100%;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000 20%,#000 85%);mask-image:linear-gradient(90deg,#0000 20%,#000 85%)}.hv2-band:after{content:"";z-index:-1;background:linear-gradient(100deg, transparent 35%, color-mix(in srgb, var(--xfiv-accent) 16%, transparent) 50%, transparent 65%);background-size:250% 100%;animation:7s ease-in-out infinite hv2-sweep;position:absolute;inset:0}@keyframes hv2-sweep{0%{background-position:120% 0}to{background-position:-120% 0}}.hv2-band h2{letter-spacing:-.035em;text-wrap:balance;max-width:44rem;color:var(--foreground);font-size:clamp(28px,4.2vw,52px);font-weight:500;line-height:1.08}.hv2-band-sub{max-width:40rem;color:var(--secondary-foreground);font-size:16px;line-height:1.6}.hv2-band-icon{width:3rem;height:3rem;color:var(--xfiv-accent);background:color-mix(in srgb, var(--xfiv-accent) 14%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--xfiv-accent) 35%, transparent), 0 0 40px -6px color-mix(in srgb, var(--xfiv-accent) 70%, transparent);border-radius:.875rem;place-items:center;display:grid}.hv2-band-icon svg{width:1.5rem;height:1.5rem}[data-hv2]{transition:opacity .9s var(--hv2-ease), transform .9s var(--hv2-ease), border-color .3s;transition-delay:var(--d,0s), var(--d,0s), 0s}:root[data-hv2-ready] [data-hv2]:not([data-hv2-in]){opacity:0;transform:translateY(24px)}@media (prefers-reduced-motion:reduce){[data-hv2],.hv2-card,.hv2-chip,.hv2-plan-panel,.hv2-steps:after,.hv2-step-num,.hv2-svx-item,.hv2-svx-item>svg,.hv2-svx-stage img{transition:none!important}.hv2-svx-card,.hv2-band:after{animation:none}:root[data-hv2-ready] [data-hv2]:not([data-hv2-in]),:root[data-hv2-ready] .hv2-hub:not([data-hv2-in]) .hv2-chip{opacity:1;transform:none}:root[data-hv2-ready] .hv2-steps:not([data-hv2-in]):after{transform:none}.hv2-hub-pulse{animation:none}}
.inner-price-note{color:var(--muted-foreground);font-size:14px}.inner-price-note a{color:var(--p-light);align-items:center;gap:.25rem;font-weight:500;display:inline-flex}.inner-price-note a:hover{text-underline-offset:3px;text-decoration:underline}.inner-card-bullets{color:var(--secondary-foreground);flex-direction:column;gap:.4rem;margin-block:.25rem .5rem;font-size:13.5px;line-height:1.45;display:flex}.inner-card-bullets li{padding-left:1rem;position:relative}.inner-card-bullets li:before{content:"";background:var(--p-light);width:6px;height:6px;box-shadow:0 0 8px var(--p-glow);border-radius:9999px;position:absolute;top:.55em;left:0}.pricing-fine{color:var(--muted-foreground);font-size:13px}.pricing-h3{letter-spacing:-.01em;color:var(--foreground);font-size:20px;font-weight:500}.pricing-toggle{border:1px solid var(--surface-primary-border);background:color-mix(in srgb, var(--surface-primary) 70%, transparent);border-radius:9999px;padding:.25rem;display:inline-flex}.pricing-toggle button{height:2.25rem;color:var(--muted-foreground);border-radius:9999px;align-items:center;gap:.5rem;padding-inline:1rem;font-size:14px;transition:background-color .2s,color .2s;display:inline-flex}.pricing-toggle button[aria-checked=true]{background:var(--foreground);color:var(--background-page)}.pricing-save{color:var(--xfiv-copy-light,#7fd3bf);background:color-mix(in srgb, var(--xfiv-copy) 18%, transparent);border-radius:9999px;padding:.05rem .4rem;font-size:11px;font-weight:600}.pricing-plans{text-align:left;grid-template-columns:repeat(auto-fit,minmax(min(100%,16.5rem),1fr));align-items:stretch;gap:.875rem;display:grid}.pricing-plan{border:1px solid var(--surface-primary-border);background:radial-gradient(120% 60% at 50% 0%, color-mix(in srgb, var(--p) 8%, transparent), transparent 60%), color-mix(in srgb, var(--surface-primary) 75%, transparent);transition:border-color .3s, transform .3s var(--ease-out), box-shadow .3s;border-radius:1rem;flex-direction:column;gap:1.1rem;padding:1.75rem 1.5rem 1.5rem;display:flex;position:relative}.pricing-plan:hover{border-color:color-mix(in srgb, var(--p-light) 35%, transparent);box-shadow:0 24px 60px -30px var(--p-glow);transform:translateY(-3px)}.pricing-plan--highlight{border-color:color-mix(in srgb, var(--xfiv-brokeros-light,#4fb08f) 55%, transparent);background:radial-gradient(120% 60% at 50% 0%, color-mix(in srgb, var(--xfiv-brokeros) 22%, transparent), transparent 65%), color-mix(in srgb, var(--surface-primary) 85%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--xfiv-brokeros) 25%, transparent), 0 30px 80px -40px var(--xfiv-brokeros-glow,transparent)}.pricing-plan-flag{color:var(--foreground);background:var(--xfiv-brokeros);white-space:nowrap;border-radius:9999px;padding:.15rem .6rem;font-size:11.5px;font-weight:500;position:absolute;top:-.7rem;left:1.5rem}.pricing-plan h3{letter-spacing:-.01em;color:var(--foreground);font-size:20px;font-weight:500}.pricing-plan-tagline{color:var(--muted-foreground);min-height:2.6em;font-size:14px;line-height:1.5}.pricing-price{color:var(--foreground);align-items:baseline;gap:.35rem;display:flex}.pricing-price-from{color:var(--muted-foreground);font-size:13px}.pricing-price-value{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:clamp(32px,4vw,40px);font-weight:500;line-height:1}.pricing-price-unit{color:var(--muted-foreground);font-size:14px}.pricing-setup{color:var(--secondary-foreground);border-bottom:1px solid var(--surface-primary-border);padding-bottom:1rem;font-size:13px;line-height:1.5}.pricing-chips{flex-wrap:wrap;gap:.375rem;display:flex}.pricing-chips li{color:var(--p-light);background:color-mix(in srgb, var(--p) 12%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--p) 28%, transparent);border-radius:9999px;align-items:center;gap:.35rem;padding:.2rem .55rem;font-size:12px;display:inline-flex}.pricing-bullets{flex:1;margin-top:0}.pricing-bullets li{align-items:flex-start;font-size:14px;line-height:1.45}.pricing-bullets li:before{margin-top:1px}.pricing-plan-cta{justify-content:center;width:100%}.pricing-product{white-space:nowrap;align-items:center;gap:.6rem;display:inline-flex}.pricing-num{font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--foreground)!important}.pricing-callout{align-items:flex-start;gap:.75rem;display:flex}.pricing-callout svg{color:var(--muted-foreground);flex:none;margin-top:.2rem}.pricing-compare th,.pricing-compare td{text-align:center;vertical-align:middle}.pricing-compare th:first-child{text-align:left;z-index:1;background:var(--background-page);min-width:12rem;position:sticky;left:0}.pricing-compare thead th:first-child{background:color-mix(in srgb, var(--p) 10%, var(--background-page))}.pricing-compare .is-highlight{background:color-mix(in srgb, var(--xfiv-brokeros) 9%, transparent)}.pricing-compare thead .is-highlight{color:var(--foreground);background:color-mix(in srgb, var(--xfiv-brokeros) 30%, transparent)}.pricing-compare-price>*{font-variant-numeric:tabular-nums;font-weight:500;color:var(--foreground)!important}.pricing-check{width:22px;height:22px;color:var(--p-light);background:color-mix(in srgb, var(--p) 16%, transparent);border-radius:9999px;place-items:center;display:inline-grid}.pricing-dash{color:color-mix(in srgb, var(--muted-foreground) 60%, transparent)}.pricing-tag{white-space:nowrap;color:var(--secondary-foreground);box-shadow:inset 0 0 0 1px var(--surface-primary-border);border-radius:9999px;padding:.05rem .5rem;font-size:12px;display:inline-block}.pricing-included{border:1px solid var(--surface-primary-border);background:radial-gradient(80% 100% at 0% 0%, color-mix(in srgb, var(--p) 10%, transparent), transparent 60%), color-mix(in srgb, var(--surface-primary) 60%, transparent);border-radius:1rem;gap:2rem;padding:clamp(1.5rem,4vw,2.5rem);display:grid}@media (min-width:64rem){.pricing-included{grid-template-columns:4fr 8fr;align-items:start}}.pricing-included-list{gap:.875rem 2rem;margin-top:0;display:grid}@media (min-width:40rem){.pricing-included-list{grid-template-columns:1fr 1fr}}.pricing-disclaimer{color:var(--muted-foreground);text-align:center;max-width:60rem;padding-bottom:2.5rem;font-size:13px;line-height:1.6}.terms-index{flex-wrap:wrap;gap:.25rem;display:flex}.terms-index>*{border-radius:.5rem;place-items:center;width:2rem;height:2rem;font-size:13px;font-weight:500;display:inline-grid}.terms-index a{color:var(--foreground);border:1px solid var(--surface-primary-border);background:color-mix(in srgb, var(--surface-primary) 70%, transparent);transition:border-color .2s,color .2s}.terms-index a:hover{color:var(--p-light);border-color:color-mix(in srgb, var(--p-light) 45%, transparent)}.terms-index span{color:color-mix(in srgb, var(--muted-foreground) 45%, transparent)}.terms-list{flex-direction:column;gap:2rem;display:flex}.terms-group{scroll-margin-top:calc(var(--shared-top-nav-height,64px) + 1.5rem);gap:1rem;display:grid}@media (min-width:48rem){.terms-group{grid-template-columns:4rem 1fr}}.terms-letter{color:var(--p-light);text-shadow:0 0 24px var(--p-glow);font-size:32px;font-weight:500;line-height:1}.terms-group dl{grid-template-columns:repeat(auto-fill,minmax(min(100%,20rem),1fr));gap:.75rem;display:grid}.terms-card{min-height:0}.terms-card dt{color:var(--foreground);font-size:16px;font-weight:500}.terms-card dd{color:var(--muted-foreground);font-size:14px;line-height:1.55}.groups-links{flex-direction:column;gap:.5rem;margin-top:.25rem;display:flex}.groups-links a{color:var(--p-light);align-items:center;gap:.375rem;font-size:14px;display:inline-flex}.groups-links a:hover{text-underline-offset:3px;text-decoration:underline}.planned-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,22rem),1fr));gap:.625rem;display:grid}.planned-list li{border:1px dashed var(--surface-primary-border);color:var(--secondary-foreground);border-radius:.75rem;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;font-size:15px;display:flex}.planned-label{color:var(--p-light);background:color-mix(in srgb, var(--p) 12%, transparent);border-radius:9999px;flex:none;padding:.1rem .5rem;font-size:11.5px}
.brand-tile{aspect-ratio:16/9;border-radius:.75rem;place-items:center;display:grid;position:relative;overflow:hidden}.brand-tile--dark{background:radial-gradient(80% 80% at 50% 0,#4f7cff2e,#0000 70%),#0a0b0f;box-shadow:inset 0 0 0 1px #ffffff14}.brand-tile--light{background:radial-gradient(80% 80% at 50% 0,#4f7cff1f,#0000 70%),#f5f7fa}.brand-tile--busy{background:url(/inner/brand/hero.webp) 50%/cover,#0a0b0f}.brand-preview-logo{width:52%;height:auto;transition:transform .6s var(--ease-out,ease)}.brand-preview-mark{width:22%;height:auto;transition:transform .6s var(--ease-out,ease)}.brand-preview-icon{width:24%;height:auto;transition:transform .6s var(--ease-out,ease);border-radius:22%}.brand-assets{grid-template-columns:repeat(auto-fill,minmax(min(100%,19rem),1fr));gap:.75rem;display:grid}.brand-asset{border:1px solid var(--surface-primary-border);background:color-mix(in srgb, var(--surface-primary) 70%, transparent);border-radius:1rem;flex-direction:column;gap:.75rem;padding:.5rem .5rem 1rem;display:flex}.brand-asset:hover .brand-preview-logo,.brand-asset:hover .brand-preview-mark,.brand-asset:hover .brand-preview-icon{transform:scale(1.08)}.brand-asset-body{justify-content:space-between;align-items:center;gap:1rem;padding-inline:.75rem;display:flex}.brand-asset-body h3{font-size:15px;font-weight:500}.brand-asset-body p{color:var(--muted-foreground);font-size:12px}.brand-downloads{gap:.375rem;display:flex}.brand-download{border:1px solid var(--surface-primary-border);border-radius:9999px;align-items:center;gap:.375rem;height:2rem;padding-inline:.75rem;font-size:12px;font-weight:500;transition:border-color .2s,background-color .2s;display:inline-flex}.brand-download:hover{border-color:color-mix(in srgb, var(--p-light) 45%, transparent);background:color-mix(in srgb, var(--p) 12%, transparent)}.brand-kit{border:1px solid color-mix(in srgb, var(--p-light) 30%, transparent);background:radial-gradient(60% 140% at 100% 0%, var(--p-glow), transparent 60%), var(--surface-primary);border-radius:1rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem;padding:1.5rem 1.75rem;display:flex}.brand-kit h3{font-size:18px;font-weight:500}.brand-kit p{color:var(--muted-foreground);font-size:14px}.brand-clearspace{border:1px solid var(--surface-primary-border);background:linear-gradient(to right, color-mix(in srgb, var(--foreground) 5%, transparent) 1px, transparent 1px) 0 0 / 24px 24px, linear-gradient(to bottom, color-mix(in srgb, var(--foreground) 5%, transparent) 1px, transparent 1px) 0 0 / 24px 24px, #0a0b0f;border-radius:1rem;flex-direction:column;align-items:center;gap:1rem;padding:clamp(1.5rem,5vw,3.5rem);display:flex}.brand-clearspace-box{--u:clamp(28px, 5vw, 52px);padding:var(--u);outline:1px dashed color-mix(in srgb, var(--p-light) 70%, transparent);outline-offset:0;position:relative}.brand-clearspace-logo{color:#fff;outline:1px solid color-mix(in srgb, var(--p-light) 40%, transparent);width:clamp(180px,30vw,320px);display:block}.brand-clearspace-unit{background:color-mix(in srgb, var(--p) 22%, transparent);transform-origin:50%;transition:transform 1.2s var(--ease-out,ease) .3s;position:absolute}.brand-clearspace-unit--t,.brand-clearspace-unit--b{height:var(--u);left:0;right:0;transform:scaleY(0)}.brand-clearspace-unit--t{top:0}.brand-clearspace-unit--b{bottom:0}.brand-clearspace-unit--l,.brand-clearspace-unit--r{width:var(--u);top:0;bottom:0;transform:scaleX(0)}.brand-clearspace-unit--l{left:0}.brand-clearspace-unit--r{right:0}.brand-clearspace[data-revealed] .brand-clearspace-unit{transform:none}.brand-clearspace-caption{color:var(--muted-foreground);font-family:Geist Mono,ui-monospace,monospace;font-size:12px}.brand-sizes{flex-wrap:wrap;gap:1.25rem;margin-top:.5rem;display:flex}.brand-sizes span{border:1px solid var(--surface-primary-border);color:var(--muted-foreground);border-radius:.625rem;align-items:center;gap:.5rem;padding:.5rem .875rem;font-family:Geist Mono,ui-monospace,monospace;font-size:12px;display:inline-flex}.brand-sizes svg{color:var(--foreground)}.brand-h3{letter-spacing:-.02em;font-size:20px;font-weight:500}.brand-swatches{grid-template-columns:repeat(auto-fill,minmax(min(100%,12rem),1fr));gap:.75rem;display:grid}.brand-swatch{border:1px solid var(--surface-primary-border);background:color-mix(in srgb, var(--surface-primary) 70%, transparent);border-radius:1rem;overflow:hidden}.brand-swatch-chip{height:7rem;box-shadow:inset 0 -1px 0 var(--surface-primary-border);transform-origin:top;transition:transform .9s var(--ease-out,ease) calc(var(--d,0s) + .15s)}.brand-swatch:not([data-revealed]) .brand-swatch-chip{transform:scaleY(.2)}.brand-swatch-chip--split{grid-template-columns:1fr 1fr;display:grid}.brand-swatch-body{flex-direction:column;gap:.2rem;padding:.875rem 1rem 1rem;display:flex}.brand-swatch-body strong{font-size:14px;font-weight:500}.brand-swatch-body code{color:var(--muted-foreground);font-family:Geist Mono,ui-monospace,monospace;font-size:12px}.brand-swatch-body p{color:var(--secondary-foreground);margin-top:.25rem;font-size:12px}.brand-gradient-chip{border-radius:9999px;height:6px;margin-top:.5rem;display:block}.brand-type{border:1px solid var(--surface-primary-border);background:color-mix(in srgb, var(--surface-primary) 70%, transparent);border-radius:1rem;flex-direction:column;gap:.875rem;padding:1.75rem;display:flex}.brand-type-head{border-bottom:1px solid var(--surface-primary-border);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem;padding-bottom:.875rem;display:flex}.brand-type-head strong{font-size:22px;font-weight:500}.brand-type-head span{color:var(--muted-foreground);font-size:12px}.brand-type-sample{color:var(--foreground)}.brand-type-sample--h{letter-spacing:-.035em;font-size:clamp(26px,3vw,36px);font-weight:500;line-height:1.1}.brand-type-sample--b{font-size:17px}.brand-type-sample--s{color:var(--muted-foreground);font-size:13px}.brand-type--mono .brand-type-sample,.brand-type--mono .brand-type-glyphs,.brand-type--mono .brand-type-head strong{font-family:Geist Mono,ui-monospace,monospace}.brand-type-sample--code{color:var(--p-light);font-size:18px}.brand-type-sample--price{letter-spacing:-.02em;font-size:26px}.brand-type-sample--price span{color:#3ecf8e}.brand-type-glyphs{letter-spacing:.02em;color:color-mix(in srgb, var(--foreground) 35%, transparent);margin-top:auto;font-size:clamp(26px,3vw,34px)}.brand-do{flex-direction:column;gap:1.25rem;display:flex}.brand-donts{grid-template-columns:repeat(auto-fill,minmax(min(100%,12.5rem),1fr));gap:.75rem;display:grid}.brand-dont{flex-direction:column;gap:.625rem;display:flex}.brand-dont p{color:var(--muted-foreground);font-size:13px;line-height:1.5}.brand-dont-logo{color:#fff;width:55%;height:auto}.brand-dont-font{color:#fff;font-family:Times New Roman,Georgia,serif;font-size:clamp(26px,3vw,34px)}.brand-dont-font--sans{font-family:inherit;font-size:clamp(18px,2vw,24px);font-weight:600}.brand-mark-ok,.brand-mark-no{border-radius:9999px;place-items:center;width:1.5rem;height:1.5rem;display:grid;position:absolute;top:.625rem;right:.625rem}.brand-mark-ok{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") 50%/12px no-repeat,#22a06b}.brand-mark-no{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M7 7l10 10M17 7L7 17'/%3E%3C/svg%3E") 50%/11px no-repeat,#e5484d}.brand-dont .brand-tile:after{content:"";height:2px;transition:transform .7s var(--ease-out,ease) calc(var(--d,0s) + .5s);background:#e5484dbf;border-radius:9999px;position:absolute;top:50%;left:8%;right:8%;transform:rotate(-12deg)scaleX(0)}.brand-dont[data-revealed] .brand-tile:after{transform:rotate(-12deg)scaleX(1)}@media (prefers-reduced-motion:reduce){.brand-swatch:not([data-revealed]) .brand-swatch-chip,.brand-clearspace-unit{transform:none}}
@layer properties,theme,base,drawer-defaults,components,home-utilities,utilities;html,body{overscroll-behavior-y:auto!important}:root{--xfiv-bg:#0a0b0f;--xfiv-surface:#12141a;--xfiv-text:#f5f7fa;--xfiv-text-muted:#9aa3b2;--xfiv-accent:#4f7cff;--xfiv-connect:#628dcc;--xfiv-connect-light:#b4c6f5;--xfiv-connect-glow:#628dcc59;--xfiv-copy:#4fa894;--xfiv-copy-light:#9fe8de;--xfiv-copy-glow:#4fa89459;--xfiv-trade:#5b4fd6;--xfiv-trade-light:#c29ff3;--xfiv-trade-glow:#5b4fd661;--xfiv-portal:#c98a3a;--xfiv-portal-light:#eed084;--xfiv-portal-glow:#c98a3a59;--xfiv-brokeros:#1f6b57;--xfiv-brokeros-light:#99ddd2;--xfiv-brokeros-glow:#1f6b5766}.xfiv-product-gradient{background:linear-gradient(90deg, var(--p-light), var(--p));color:#0000;-webkit-background-clip:text;background-clip:text}.xfiv-status-badge{white-space:nowrap;color:var(--p-light);background:color-mix(in srgb, var(--p) 12%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--p) 28%, transparent);border-radius:9999px;align-items:center;gap:.375rem;padding:.125rem .5rem;font-size:12px;font-weight:500;line-height:1.25rem;display:inline-flex}.xfiv-mockup-note{color:var(--xfiv-text-muted);font-size:11px;line-height:1rem}
