.xp{--xp-rule:color-mix(in srgb,var(--skin-light) 22%,transparent);color:var(--skin-ink);background:var(--skin-paper)}.xp :is(h1,h2,h3,h4){font-weight:400}.xp .shell{width:min(1440px,calc(100% - 100px));margin-inline:auto}.xp [id]{scroll-margin-top:96px}body.xp-reading .drawer-nav:not(.navigation-open) .nav-shell:before{content:"";visibility:visible;position:fixed;inset:0 0 auto;height:78px;background:var(--skin-card);border-bottom:1px solid var(--skin-line);pointer-events:none;z-index:101}body.xp-reading .drawer-nav:not(.navigation-open) :is(.brand-lockup,.menu-button){color:var(--skin-ink)!important}.xp-hero{position:relative;min-height:max(760px,100svh);display:flex;align-items:flex-end;isolation:isolate;background:var(--skin-dark);color:var(--skin-light);overflow:hidden}.xp-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;filter:var(--skin-filter)}.xp-hero-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,color-mix(in srgb,var(--skin-dark) 88%,transparent),color-mix(in srgb,var(--skin-dark) 20%,transparent) 75%),linear-gradient(0deg,color-mix(in srgb,var(--skin-dark) 70%,transparent),transparent 45%)}.xp-hero-inner{padding:150px 0 70px}.xp-hero .alt-eyebrow{color:var(--skin-highlight);font-size:13px}.xp-hero h1{font:400 clamp(58px,6.7vw,105px)/1.02 var(--serif);letter-spacing:-.05em;margin:0 0 30px;color:var(--skin-light)}.xp-hero h1 em{color:var(--skin-highlight)}.xp-hero-copy{font:18px/1.75 var(--sans);max-width:640px;margin:0;color:var(--skin-light)}.xp-hero-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:36px 60px;margin-top:40px}.xp-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px 34px}.xp-link-light{display:inline-flex;align-items:center;gap:12px;min-height:44px;color:var(--skin-light);font:500 14px/1.4 var(--sans);text-decoration:none;border-bottom:1px solid var(--skin-night-muted)}.xp-link-light:hover{color:var(--skin-highlight);border-color:var(--skin-highlight)}.xp-hero-share{display:flex;align-items:center;gap:22px;color:var(--skin-light);text-decoration:none;border-left:1px solid var(--xp-rule);padding:4px 0 4px 26px}.xp-hero-share strong{font:400 88px/1 var(--serif);letter-spacing:-.04em}.xp-hero-share span{font:14px/1.7 var(--sans);color:var(--skin-light)}.xp-hero-share:hover strong{color:var(--skin-highlight)}.xp-build{background:var(--skin-dark);color:var(--skin-light);padding:110px 0}.xp-build-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:64px;align-items:start}.xp-build .alt-eyebrow{color:var(--skin-highlight);font-size:13px}.xp-brand{display:block;font:12px/1.4 var(--sans);color:var(--skin-night-muted)}.xp-brand input{display:block;width:100%;margin-top:8px;padding:12px 0;border:0;border-bottom:1px solid var(--xp-rule);background:transparent;color:var(--skin-light);font:400 32px/1.2 var(--serif);border-radius:0}.xp-brand input:focus{outline:none;border-color:var(--skin-highlight)}.xp-apps{border:0;margin:40px 0 0;padding:0;min-width:0}.xp-apps legend{font:400 24px/1.3 var(--serif);padding:0;margin-bottom:18px;color:var(--skin-light)}.xp-choices{display:grid;grid-template-columns:1fr 1fr;gap:8px}.xp-choice{display:flex;align-items:center;gap:10px;min-height:52px;padding:10px 12px;border:1px solid var(--xp-rule);cursor:pointer;font:13px/1.35 var(--sans);color:var(--skin-light);transition:background-color .15s,border-color .15s}.xp-choice:hover{border-color:var(--skin-night-muted)}.xp-choice input{width:18px;height:18px;flex-shrink:0;margin:0;accent-color:var(--skin-highlight)}.xp-choice:has(input:checked){border-color:var(--skin-highlight);background:color-mix(in srgb,var(--skin-highlight) 14%,transparent)}.xp-choice:has(input:focus-visible){outline:2px solid var(--skin-highlight);outline-offset:2px}.xp-tools>.xp-link-light{margin-top:26px}.xp-error{font:13px/1.5 var(--sans);color:var(--skin-highlight);margin:14px 0 0}.xp-error-light{color:var(--skin-accent);font-weight:600}.xp-count{display:none}.xp-preview{background:var(--skin-card);color:var(--skin-ink);padding:32px;position:sticky;top:100px}.xp-format{display:flex;border:1px solid var(--skin-line);margin-bottom:30px}.xp-format button{flex:1;min-height:44px;background:none;border:0;color:var(--skin-ink);padding:10px;cursor:pointer;font:13px var(--sans)}.xp-format button[aria-pressed=true]{background:var(--skin-ink);color:var(--skin-card)}.xp-preview-brand>span,.xp-preview-foot>span{font:500 10px/1.4 var(--sans);letter-spacing:.14em;color:var(--skin-accent)}.xp-preview-brand h3{font:400 42px/1.12 var(--serif);letter-spacing:-.03em;margin:12px 0;overflow-wrap:anywhere}.xp-preview-brand p{font:13px/1.6 var(--sans);color:var(--skin-muted);margin:0}.xp-items{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}.xp-items>button{display:flex;flex-direction:column;align-items:flex-start;text-align:left;min-height:150px;padding:18px;background:var(--skin-wash);border:1px solid var(--skin-line);color:var(--skin-ink);cursor:pointer;transition:transform .2s,border-color .2s}.xp-items>button:hover{border-color:var(--skin-accent);transform:translateY(-2px)}.xp-items>button>span{font:500 10px/1.4 var(--sans);letter-spacing:.08em;color:var(--skin-accent)}.xp-items>button>b{font:400 24px/1.15 var(--serif);margin:14px 0 12px}.xp-items>button>small{margin-top:auto;font:500 12px/1.4 var(--sans);color:var(--skin-accent)}.xp-items-empty{grid-column:1/-1;font:14px/1.6 var(--sans);color:var(--skin-muted)}.xp-suite{grid-column:1/-1;padding:26px;background:var(--skin-wash);border:1px solid var(--skin-line)}.xp-suite h4{font:400 34px/1.1 var(--serif);margin:0 0 14px;overflow-wrap:anywhere}.xp-suite>p{font:13px/1.6 var(--sans);color:var(--skin-muted)}.xp-suite button{display:flex;justify-content:space-between;width:100%;min-height:44px;align-items:center;background:none;border:0;border-top:1px solid var(--skin-line);padding:10px 0;font:15px var(--sans);color:var(--skin-ink);cursor:pointer;text-align:left}.xp-suite button:after{content:"↗";color:var(--skin-accent)}.xp-preview-foot{border-top:1px solid var(--skin-line);margin-top:26px;padding-top:20px}.xp-preview-foot p{font:13px/1.7 var(--sans);color:var(--skin-muted);margin:8px 0 0}.xp-to-model{margin-top:26px;width:100%;justify-content:space-between}.xp-split{padding:120px 0 80px;background:var(--skin-paper)}.xp-split-head{max-width:820px}.xp-split h2,.xp-model h2{font:400 clamp(42px,4.6vw,72px)/1.06 var(--serif);letter-spacing:-.04em;margin:0 0 20px;color:var(--skin-ink)}.xp-split h2 em{color:var(--skin-accent)}.xp-split-head>p:last-child{font:18px/1.6 var(--sans);color:var(--skin-muted);margin:0}.xp-flow{margin:56px 0 0;padding:0}.xp-flow-label{font:500 12px/1.5 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--skin-ink);margin-bottom:14px}.xp-flow-label span{display:block;text-transform:none;letter-spacing:0;font-weight:400;font-size:14px;color:var(--skin-muted);margin-top:2px}.xp-flow-row{display:grid;grid-template-columns:minmax(0,2.2fr) auto minmax(0,1fr);gap:22px;align-items:stretch}.xp-bar{display:flex;min-height:190px;border-radius:14px;overflow:hidden;background:var(--skin-wash)}.xp-bar>div{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:4px;padding:24px;width:var(--w);min-width:0;transition:clip-path .9s cubic-bezier(.2,.7,.2,1) .1s,opacity .6s}.xp-bar b{font:400 64px/1 var(--serif);letter-spacing:-.04em}.xp-bar span{font:600 14px/1.3 var(--sans)}.xp-bar small{font:13px/1.5 var(--sans);max-width:30ch}.xp-bar-tsi{background:var(--skin-card);color:var(--skin-ink);border-right:2px solid var(--skin-paper)}.xp-bar-tsi small{color:var(--skin-muted)}.xp-bar-you{background:var(--skin-dark);color:var(--skin-light)}.xp-bar-you b{color:var(--skin-highlight)}.xp-bar-you small{color:var(--skin-night-muted)}.xp-flow.xp-anim:not(.is-in) .xp-bar>div{clip-path:inset(0 100% 0 0);opacity:.2}.xp-flow.is-in .xp-bar>div{clip-path:inset(0 0 0 0);opacity:1}.xp-flow.is-in .xp-bar-you{transition-delay:.45s}.xp-plus{display:grid;place-items:center;font:300 48px/1 var(--serif);color:var(--skin-accent)}.xp-fee{display:flex;flex-direction:column;justify-content:flex-end;gap:6px;padding:24px;border:2px dashed var(--skin-accent);border-radius:14px;color:var(--skin-ink)}.xp-fee b{font:400 30px/1.1 var(--serif)}.xp-fee span{font:600 14px/1.4 var(--sans);color:var(--skin-accent)}.xp-fee small{font:13px/1.5 var(--sans);color:var(--skin-muted)}.xp-example{margin-top:22px;padding:22px 24px;background:var(--skin-card);border:1px solid var(--skin-line);border-radius:14px}.xp-example-title{font:500 12px/1.4 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--skin-accent);margin:0 0 12px}.xp-example dl{display:grid;grid-template-columns:1fr 1fr;gap:10px 40px;margin:0}.xp-example dt{font:13px/1.4 var(--sans);color:var(--skin-muted)}.xp-example dd{margin:4px 0 0;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;font:16px/1.4 var(--sans);color:var(--skin-ink)}.xp-ex-list{font:400 26px/1.1 var(--serif)}.xp-ex-arrow{color:var(--skin-accent)}.xp-ex-you{font-weight:600;background:var(--skin-dark);color:var(--skin-light);padding:2px 10px;border-radius:99px}.xp-small{font:13px/1.7 var(--sans);color:var(--skin-muted);margin:10px 0 0}.xp-tokens-note{margin-top:22px;max-width:760px;font-size:14px}.xp-tokens-note b{color:var(--skin-ink);font-weight:600}.xp-model{padding:60px 0 120px;background:var(--skin-paper)}.xp-model>.shell{background:var(--skin-card);border:1px solid var(--skin-line);border-radius:18px;padding:48px}.xp-model h2{font-size:clamp(34px,3.6vw,54px)}.xp-model-head>p:last-child{font:15px/1.6 var(--sans);color:var(--skin-muted);margin:0}.xp-rows{display:grid;gap:0;margin-top:32px;border-top:1px solid var(--skin-line)}.xp-row{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,1fr)) minmax(0,1.6fr);gap:18px;align-items:end;padding:18px 0;border-bottom:1px solid var(--skin-line)}.xp-row-name{font:400 22px/1.2 var(--serif);margin:0;align-self:center;color:var(--skin-ink)}.xp-row label,.xp-token-fields label{display:block;font:12px/1.4 var(--sans);color:var(--skin-muted)}.xp-model :is(input,select){display:block;width:100%;min-height:44px;margin-top:4px;padding:8px 0;border:0;border-bottom:1px solid var(--skin-line);background:none;color:var(--skin-ink);font:17px var(--sans);border-radius:0}.xp-model select option{background:var(--skin-card);color:var(--skin-ink)}.xp-model :is(input,select):focus{outline:none;border-color:var(--skin-accent)}.xp-model input[aria-invalid=true]{border-bottom:2px solid var(--skin-accent);background:var(--skin-wash)}.xp-row-out{margin:0;font:13px/1.5 var(--sans);color:var(--skin-muted);align-self:center}.xp-row-out b{color:var(--skin-ink);font-weight:600}.xp-empty{font:15px/1.6 var(--sans);color:var(--skin-muted);padding:18px 0;margin:0;border-bottom:1px solid var(--skin-line)}.xp-empty a{color:var(--skin-accent);font-weight:600;margin-left:10px;display:inline-block;min-height:44px;line-height:44px}.xp-token-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;margin-top:26px}.xp-token-fields label[hidden]{display:none}.xp-totals{margin-top:36px;padding:30px;background:var(--skin-dark);color:var(--skin-light);border-radius:14px}.xp-totals[hidden]{display:none}.xp-total-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.xp-total-when{font:500 12px/1.4 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--skin-highlight);margin:0 0 12px}.xp-mini-bar{display:flex;height:14px;border-radius:99px;overflow:hidden;background:color-mix(in srgb,var(--skin-light) 12%,transparent);margin-bottom:16px}.xp-mini-bar i{display:block;height:100%;width:0;transition:width .5s ease}.xp-mini-bar .t{background:var(--skin-night-muted)}.xp-mini-bar .c{background:var(--skin-accent)}.xp-mini-bar .y{background:var(--skin-highlight)}.xp-totals dl{margin:0}.xp-totals dl>div{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:10px 0;border-top:1px solid var(--xp-rule)}.xp-totals dt{font:14px/1.4 var(--sans);color:var(--skin-night-muted)}.xp-totals dd{margin:0;font:400 28px/1.1 var(--serif);color:var(--skin-light);text-align:right}.xp-totals dl>div[hidden]{display:none}.xp-row-tsi dt:before,.xp-row-you dt:before,.xp-row-credits dt:before{content:"";display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:8px;background:var(--skin-night-muted)}.xp-row-credits dt:before{background:var(--skin-accent)}.xp-row-you dt:before{background:var(--skin-highlight)}.xp-row-you dt{color:var(--skin-light);font-weight:600}.xp-row-you dd{color:var(--skin-highlight);font-size:36px}.xp-totals .xp-small{color:var(--skin-night-muted)}.xp-fee-note{margin:22px 0 0;padding-top:16px;border-top:1px dashed var(--xp-rule);font:14px/1.6 var(--sans);color:var(--skin-night-muted)}.xp-fee-note b{color:var(--skin-light);font-weight:600}.xp-next{display:flex;flex-wrap:wrap;align-items:center;gap:18px 34px;margin-top:36px}.xp-link{display:inline-flex;align-items:center;gap:10px;min-height:44px;color:var(--skin-ink);font:500 14px/1.4 var(--sans);text-decoration:none;border-bottom:1px solid var(--skin-line)}.xp-link:hover{color:var(--skin-accent);border-color:var(--skin-accent)}.xp-dialog{background:var(--skin-paper);color:var(--skin-ink);width:min(880px,calc(100vw - 32px));max-height:90svh;border:1px solid var(--skin-line);padding:32px}.xp-dialog::backdrop{background:color-mix(in srgb,var(--skin-dark) 65%,transparent);backdrop-filter:blur(6px)}.xp-dialog-top{display:flex;justify-content:space-between;align-items:center;gap:16px}.xp-dialog-top .alt-eyebrow{margin:0}.xp-dialog [data-cp-close]{width:44px;height:44px;border:0;background:none;font-size:28px;cursor:pointer;color:var(--skin-ink)}.xp-dialog h2{font:400 clamp(32px,4vw,48px)/1.06 var(--serif);margin:24px 0 20px}.xp-dialog ol{padding-left:22px}.xp-dialog li{font:15px/1.7 var(--sans);padding:8px}.xp-dialog li b{display:block;font-size:17px}.xp-dialog p{font:15px/1.7 var(--sans)}.xp-dialog-note{background:var(--skin-wash);padding:20px}.xp-questions a{color:var(--skin-accent);text-decoration:underline;text-underline-offset:3px}@media(max-width:1100px){.xp-row{grid-template-columns:minmax(0,1fr) repeat(3,minmax(0,.8fr))}.xp-row-out{grid-column:1/-1}.xp-flow-row{grid-template-columns:1fr;gap:12px}.xp-plus{justify-content:start;padding-left:24px;font-size:40px}}@media(max-width:950px){.xp-build-grid{grid-template-columns:1fr;gap:44px}.xp-preview{position:relative;top:auto}.xp-total-grid{grid-template-columns:1fr;gap:28px}}@media(max-width:700px){.xp .shell{width:calc(100% - 40px)}.xp-hero{min-height:100svh}.xp-hero-inner{padding:120px 0 44px}.xp-hero h1{font-size:clamp(43px,11vw,64px);line-height:1.06}.xp-hero-copy{font-size:16px}.xp-hero-foot{margin-top:28px;gap:28px}.xp-hero-actions{flex-direction:column;align-items:flex-start;gap:14px}.xp-hero-share{border-left:0;padding:0}.xp-hero-share strong{font-size:62px}.xp-build{padding:72px 0}.xp-brand input{font-size:26px}.xp-choices{grid-template-columns:1fr 1fr;gap:6px}.xp-choice{min-height:48px;padding:8px;font-size:12px;gap:8px;align-items:center}.xp-choice input{width:16px;height:16px}.xp-count{position:sticky;bottom:12px;z-index:5;display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:52px;margin-top:18px;padding:12px 20px;border-radius:99px;background:var(--skin-light);color:var(--skin-dark);font:600 14px/1.3 var(--sans);text-decoration:none;box-shadow:0 10px 30px color-mix(in srgb,var(--skin-dark) 45%,transparent)}.xp-count span{font-weight:400;font-size:13px}.xp-preview{padding:22px}.xp-preview-brand h3{font-size:34px}.xp-items{grid-template-columns:1fr}.xp-items>button{min-height:112px}.xp-split{padding:80px 0 50px}.xp-bar{min-height:210px;border-radius:12px}.xp-bar>div{padding:16px 14px}.xp-bar b{font-size:40px}.xp-bar small{font-size:12px}.xp-example dl{grid-template-columns:1fr}.xp-model{padding:30px 0 80px}.xp-model>.shell{padding:24px 18px;border-radius:14px}.xp-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.xp-row-name{grid-column:1/-1}.xp-token-fields{grid-template-columns:1fr}.xp-model select{font-size:14px}.xp-totals{padding:22px 18px}.xp-totals dd{font-size:24px}.xp-row-you dd{font-size:30px}.xp-next{flex-direction:column;align-items:stretch}.xp-next .alt-btn{justify-content:space-between}.xp-dialog{padding:22px}}@media(prefers-reduced-motion:reduce){.xp-bar>div,.xp-mini-bar i,.xp-items>button,.xp-choice{transition:none!important}.xp-flow .xp-bar>div{clip-path:none!important;opacity:1!important}}.xp-hero>img{filter:none}html[data-skin=studio] .xp-hero-shade{background:linear-gradient(90deg,#151b1cb0,#151b1c05 80%),linear-gradient(0deg,#151b1c66,transparent 50%)}html[data-skin=studio] .xp-hero h1 em{color:#f3d9b0}html[data-skin=studio] .xp-hero .alt-eyebrow{color:#f4dfbd}.xp-build{min-height:calc(100svh - 78px);padding:clamp(100px,10vh,150px) 0;display:flex;align-items:center}.xp-brand{position:relative;margin-top:28px}.xp-brand input{padding:20px 60px 20px 20px;border:1px solid var(--xp-rule);border-radius:8px;background:color-mix(in srgb,var(--skin-light) 5%,transparent);font-size:clamp(22px,2.2vw,32px)}.xp-brand input::placeholder{color:var(--skin-night-muted);opacity:1;font:400 clamp(18px,1.7vw,25px)/1.3 var(--sans)}.xp-brand input.is-empty{animation:xp-invite 3s ease-in-out infinite}.xp-brand input:focus{outline:2px solid var(--skin-highlight);outline-offset:5px;animation:none}.xp-brand svg{position:absolute;right:20px;top:50%;transform:translateY(-50%);width:22px;height:22px;fill:none;stroke:var(--skin-highlight);stroke-width:1.4;pointer-events:none}@keyframes xp-invite{50%{border-color:var(--skin-highlight);background:color-mix(in srgb,var(--skin-highlight) 9%,transparent)}}.xp-preview-brand h3 em{display:block;color:var(--skin-accent)}.xp-split-head{max-width:none}.xp-split h2{font-size:clamp(36px,4.2vw,65px)}.xp-split h2 em{white-space:nowrap}.xp-bar>div{display:flex;flex-direction:column;justify-content:space-between;gap:28px;padding:28px}.xp-bar .xp-owner{display:flex;align-items:center;gap:12px;font:400 clamp(20px,2.2vw,32px)/1.15 var(--serif);overflow-wrap:anywhere}.xp-owner svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.4;flex:none}.xp-bar b{font-size:clamp(50px,5vw,76px)}.xp-tokens-note{max-width:none;font-size:clamp(11px,1vw,14px);display:flex;align-items:center;flex-wrap:wrap;gap:8px}.xp-tokens-note a,.xp-credits-link{color:var(--skin-accent);text-underline-offset:4px;white-space:nowrap;display:inline-flex;align-items:center;min-height:44px}.xp-credits-link{margin-left:12px}.xp-totals .xp-fee-note{font:400 clamp(24px,2.6vw,38px)/1.3 var(--serif);color:var(--skin-light);padding-top:30px;margin-top:30px;text-wrap:balance}.xp-fee-note b{font-weight:400;color:var(--skin-highlight)}@media(max-width:700px){.xp-split h2 em{white-space:normal}.xp-bar>div{padding:20px 14px}.xp-bar .xp-owner{font-size:20px}.xp-owner svg{display:none}.xp-tokens-note{font-size:14px;display:block}.xp-tokens-note a{margin-left:8px}.xp-brand input{padding-left:14px}.xp-build{padding:90px 0}.xp-credits-link{margin-left:0;display:flex}}@media(prefers-reduced-motion:reduce){.xp-brand input.is-empty{animation:none}}
