/* Product-led surfaces. All preview styles are scoped away from the real app. */
.marketing{--display:clamp(3.25rem,6vw,6rem);--heading:clamp(2.25rem,4vw,4.25rem)}
.wrap{max-width:1760px;padding-inline:clamp(24px,4.2vw,80px)}
.hero-copy h1,.standalone-intro h1,.team-cta h2{letter-spacing:-.04em}
.marketing-header{min-height:100px}.marketing-header .header-demo{font-size:15px;white-space:nowrap;padding:11px 20px;text-decoration:none;border:1px solid #c9c6db;border-radius:10px;color:var(--ink)}
.landing-hero{min-height:660px}.hero-stage{min-height:560px}.hero-copy>p:not(.small-note){font-size:19px}.hero-copy h1{font-size:var(--display)}
.section-intro{display:block;max-width:800px;width:100%;margin-bottom:44px}.section-intro h2{font-size:var(--heading);line-height:1.09;letter-spacing:-.035em;margin:0 0 22px}.section-intro p{font-size:19px;line-height:1.65;color:#57545f;max-width:64ch;padding-top:0}
.showroom{padding-top:90px}.product-preview{background:#fff;box-shadow:0 28px 75px -30px #30284f40;border-radius:16px;overflow:visible;margin-bottom:36px}
.preview-topbar{display:flex;align-items:center;gap:24px;padding:18px 24px;border-bottom:1px solid #e9e7ef}.preview-topbar .vx-brand-wordmark{width:118px}.preview-topbar>span:not(.preview-avatar){margin-left:auto;font-size:13px;color:#696572}.preview-avatar{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#eeecfa;color:#514690;font-size:11px;flex:none}
.preview-layout{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:550px}.preview-navigation{padding:30px 18px;background:#f8f7fb;border-radius:0 0 0 16px;display:flex;flex-direction:column}.preview-navigation>strong{font-size:14px;padding-inline:12px}.preview-navigation [role=tablist]{display:grid;gap:7px;margin-top:28px}.preview-navigation button{display:flex;align-items:center;gap:12px;padding:12px;border:0;border-radius:8px;background:transparent;text-align:left;font-size:14px;color:#5c5768}.preview-navigation button[aria-selected=true]{background:#e9e5fa;color:#4b3fa5;font-weight:650}.preview-navigation .icon{width:17px;height:17px}.preview-navigation>p{margin:36px 12px 24px;font-size:12px;color:#6b6578;line-height:1.7}.preview-navigation>a{display:flex;gap:8px;align-items:center;font-size:12px;text-decoration:none;margin:auto 12px 0;color:#5844b7}
.preview-panels{padding:36px 38px 40px;min-width:0}.preview-panels [hidden]{display:none!important}.preview-page-header{display:flex;gap:20px;justify-content:space-between;align-items:start;margin-bottom:30px}.preview-page-header h3{font-size:28px;letter-spacing:-.03em;margin:0 0 8px}.preview-page-header p{font-size:14px;color:#6d6877;max-width:55ch}.preview-count{font-size:12px;white-space:nowrap;color:#6d6877;padding-top:9px}.product-preview h4{font-size:16px;font-weight:650;margin:0 0 15px;letter-spacing:-.01em}.product-preview .collection-toolbar{display:flex;margin:0 0 20px}.product-preview .search-control{display:flex;align-items:center;gap:10px;border:1px solid #e2dfea;padding:9px 13px;border-radius:9px;max-width:330px;width:100%;color:#81778e}.product-preview .search-control input{font-family:inherit;border:0;outline-offset:4px;font-size:14px;width:100%;padding:0;background:transparent;color:#28242e}.product-preview .search-control input::placeholder{color:#726c7d}.product-preview .search-control .icon{width:17px;height:17px}.product-preview .table-wrap{overflow-x:auto;max-width:100%;scrollbar-color:#ccc4e1 #f7f5fb}.product-preview .data-table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}.product-preview th{font-weight:500;color:#726c7d;font-size:12px;padding:13px 12px;border-bottom:1px solid #e7e3ee}.product-preview td{padding:17px 12px;border-bottom:1px solid #eeebf3}.product-preview td:first-child,.product-preview th:first-child{padding-left:0}.product-preview .document-name{display:flex;align-items:center;gap:12px;text-decoration:none;border:0;background:transparent;padding:0;color:#302b39;text-align:left}.product-preview .document-name>.icon{width:32px;height:38px;padding:7px;background:#f0edf9;border-radius:6px;color:#7d6bb0}.product-preview .document-name strong{font-weight:600;white-space:nowrap;font-size:14px}.product-preview .document-name small,.project-file-row small{display:block;font-size:12px;color:#756d81;margin-top:4px}.product-preview .document-name[aria-pressed=true] strong{color:#5e46b4}.product-preview .visibility-label{display:flex;gap:6px;align-items:center;white-space:nowrap}.product-preview .visibility-label .icon{width:13px;height:13px}.product-preview .status-badge{display:inline-block;font-size:11px;font-weight:500;background:#e9f4ee;color:#32664f;padding:4px 8px;border-radius:5px;white-space:nowrap}.preview-empty{font-size:14px;color:#655972;padding:24px 0}
.source-peek{position:relative;max-width:540px;margin:28px 0 -65px auto;padding:22px 25px;background:#fff;box-shadow:0 14px 40px -12px #3e2d694d;border-radius:12px;z-index:1;transform:rotate(-1deg)}.source-peek-heading{display:flex;gap:9px;align-items:center;font-size:12px;color:#7e728d;margin-bottom:18px}.source-peek-heading>.icon{width:16px;height:16px}.source-peek-heading .status-badge{margin-left:auto}.source-peek h4{margin-bottom:10px}.source-peek p{font-size:14px;line-height:1.75;color:#5d546a;max-width:55ch}.source-peek-footer{display:flex;gap:8px;align-items:center;margin-top:18px;font-size:11px;color:#7b6b90}.source-peek-footer .icon{width:13px;height:13px}.showroom-caption{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-top:40px}.showroom-caption p{font-size:14px;color:#6b6478;max-width:55ch}.showroom-caption .button{font-size:14px;padding:12px 18px;white-space:nowrap;border:1px solid #cec7df;border-radius:10px}
.preview-project-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:32px}.project-file-row{display:flex;align-items:center;gap:14px;padding:18px 0;border-bottom:1px solid #ede8f2;font-size:14px}.project-file-row>.icon{color:#826cba}.project-chat{margin-top:28px}.project-chat p{font-size:14px;margin:0;padding:10px 0;border-bottom:1px solid #ede8f2}.preview-members{border-left:1px solid #eee8f4;padding-left:26px}.preview-members p{display:grid;grid-template-columns:32px 1fr;column-gap:10px;align-items:center;margin:16px 0;font-size:13px}.preview-members .preview-avatar{grid-row:span 2}.preview-members strong{font-weight:500}.preview-members p>span:last-child{grid-column:2;font-size:12px;color:#7a7088}.preview-explanation{display:flex;gap:14px;margin-top:35px;padding:18px 20px;background:#f4f1fc;border-radius:9px;color:#695981}.preview-explanation .icon{width:18px;margin-top:3px}.preview-explanation p{font-size:13px;line-height:1.7}.preview-explanation strong{display:block;color:#4e3e65}
.preview-role-layout{display:grid;grid-template-columns:180px 1fr;gap:30px}.preview-role-layout .role-index{padding-right:20px;border-right:1px solid #ece6f3;font-size:13px}.preview-role-layout .role-index>p{margin:0;padding:12px 10px}.preview-role-layout .role-index>strong{display:block;margin-bottom:16px}.preview-role-layout .role-index small{display:block;margin-top:22px;line-height:1.6;color:#7c708b}.preview-selected-role{background:#eeebf8;border-radius:6px;color:#6045ab}.preview-role-note{font-size:13px;color:#74677f;margin-bottom:18px}.product-preview .permission-option{display:flex;gap:12px;align-items:start;padding:17px 0;border-bottom:1px solid #ede8f2}.product-preview input[type=checkbox]{appearance:auto;width:17px;height:17px;margin:4px 0;accent-color:#6e51bc;flex:none}.product-preview .permission-option strong{display:block;font-size:14px;font-weight:600}.product-preview .permission-option small{display:block;font-size:12px;color:#73667f;margin-top:6px;line-height:1.6}.preview-local-status{font-size:12px;color:#73647f;margin-top:20px}.preview-policy{max-width:650px}.preview-policy>label:not(.permission-option){display:block;font-size:14px;font-weight:600;margin:24px 0 10px}.preview-policy textarea{display:block;resize:vertical;min-height:140px;width:100%;font:14px/1.75 Manrope,sans-serif;padding:15px 18px;border:1px solid #d8cee6;border-radius:9px;background:#fdfcfe;color:#463a56}.preview-policy>p:not(.preview-local-status){font-size:13px;color:#73667f;margin-top:18px}
.hosting-showroom{padding-top:140px}.hosting-selector{display:grid;grid-template-columns:1fr 1.35fr;gap:44px;align-items:stretch}.hosting-choices{display:flex;flex-direction:column;gap:10px}.hosting-choices button{display:grid;grid-template-columns:1fr 24px;text-align:left;background:transparent;border:1px solid transparent;border-radius:12px;padding:22px 24px;color:var(--ink)}.hosting-choices strong{font-size:20px;letter-spacing:-.02em}.hosting-choices span{grid-column:1;font-size:15px;color:#645b70;line-height:1.7;margin-top:8px}.hosting-choices .icon{grid-column:2;grid-row:1/3;align-self:center;transition:transform 180ms ease-out}.hosting-choices button[aria-selected=true]{background:#fff;border-color:#d7d0e8}.hosting-choices button[aria-selected=true] .icon{color:var(--accent);transform:translateX(3px)}.hosting-detail{background:#eae5fa;border-radius:16px;padding:40px;display:flex;flex-direction:column;justify-content:center}.hosting-detail h3{font-size:29px;letter-spacing:-.025em;margin-bottom:18px}.hosting-detail [role=tabpanel]>p{font-size:17px;line-height:1.75;color:#5f5276}.hosting-route{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:13px;color:#574276;margin-top:30px}.hosting-route .icon{width:15px}.hosting-detail .hosting-processing{font-size:12px;line-height:1.75;color:#6c5f80;margin-top:32px;max-width:68ch}.desktop-callout{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:40px;padding:30px 0;border-top:1px solid #d8d2e2;border-bottom:1px solid #d8d2e2}.desktop-callout>div{display:flex;align-items:center;gap:24px}.desktop-callout .vx-symbol{width:47px;height:47px}.desktop-callout strong{display:block;font-size:22px;letter-spacing:-.025em}.desktop-callout span{display:block;font-size:15px;color:#655d71;margin-top:6px}.desktop-callout .button{white-space:nowrap;border-radius:10px;font-size:16px;padding:16px 23px}
.plans-showroom{margin-top:130px;padding-block:85px;background:#eae8f0}.plan-comparisons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.plan-comparisons article{background:#f9f8fc;border-radius:14px;padding:32px;display:flex;flex-direction:column}.plan-comparisons article:nth-child(2){background:#fff}.plan-comparisons h3{font-size:25px;letter-spacing:-.02em}.plan-comparison-price{font-size:48px;font-weight:650;letter-spacing:-.035em;margin-top:27px;line-height:1.15;font-variant-numeric:tabular-nums}.plan-comparison-price span{display:block;font-size:14px;font-weight:400;letter-spacing:0;color:#6c617a;margin-top:8px}.plan-comparisons article>p:not(.plan-comparison-price){font-size:15px;line-height:1.7;color:#665c74;margin-top:25px}.plan-comparisons ul{padding-left:19px;line-height:1.7;font-size:14px;margin:25px 0 32px}.plan-comparisons li+li{margin-top:10px}.plan-comparisons strong{font-weight:650}.plan-comparisons .button{margin-top:auto;display:flex;justify-content:space-between;border-radius:9px;font-size:15px;padding:13px 17px}.plan-comparisons .button--secondary{border:1px solid #d7cfe5}.plans-footnote{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:30px}.plans-footnote p{font-size:13px;line-height:1.7;color:#6c617a;max-width:65ch}.plans-footnote .button{font-size:14px;border:1px solid #c9c0d9;border-radius:9px;padding:12px 18px;white-space:nowrap}
.faq-showroom{padding-block:110px 30px;max-width:1200px}.faq-showroom .section-intro{margin-bottom:32px}.faq-list details{padding:0!important;background:transparent!important;border-radius:0!important;border-bottom:1px solid #d8d1e3!important;margin:0!important}.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:24px 0!important;font-size:18px!important;font-weight:600;line-height:1.5;list-style:none;cursor:pointer}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary::after{content:'+';font-size:24px;line-height:1;font-weight:400;flex:none;color:#786793}.faq-list details[open] summary::after{content:'−'}.faq-list details p{font-size:16px!important;line-height:1.8!important;margin:0!important;padding:0 40px 25px 0!important;max-width:75ch;color:#61566e}.faq-section{gap:40px}.faq-section h2{font-size:var(--heading);letter-spacing:-.035em}
.team-cta{max-width:none;margin-top:90px;padding-block:65px;grid-template-columns:1fr .8fr;gap:8vw}.team-cta h2{font-size:clamp(36px,4vw,60px)}.team-cta p{font-size:17px;line-height:1.7}.join-code-entry{align-self:center;max-width:520px;width:100%}.join-code-entry h3{font-size:25px}.join-code-entry p{font-size:16px}.join-code-entry form>div{isolation:isolate;padding:5px;background:#fff;overflow:hidden;border-radius:12px;gap:4px}.join-code-entry input{background:transparent!important;border-radius:0!important;box-shadow:none!important;outline-offset:-3px;font-size:15px;padding:12px!important}.join-code-entry input::placeholder{color:#7b7189}.join-code-entry button{border-radius:8px;width:47px;height:47px}.join-code-entry form>div::before,.join-code-entry form>div::after{content:none!important}.marketing-footer{margin-top:0}.feature-prose h2,.editorial-heading h2{letter-spacing:-.035em}
@media(hover:hover) and (pointer:fine){.preview-navigation button:hover{background:#f0ecfa}.product-preview .document-name:hover strong{color:#6c4ebd}.hosting-choices button:hover{background:#efecf7}.faq-list summary:hover{color:#5e44ad}}
@media(max-width:1100px){.preview-layout{grid-template-columns:180px minmax(0,1fr)}.preview-panels{padding:28px 24px}.preview-navigation{padding-inline:10px}.product-preview td:nth-child(2),.product-preview th:nth-child(2){display:none}.plan-comparisons article{padding:25px}.hosting-selector{gap:25px}.hosting-detail{padding:30px}.marketing-header .header-demo{display:none}.source-peek{max-width:450px}.preview-role-layout{grid-template-columns:145px 1fr;gap:20px}.preview-project-grid{grid-template-columns:1fr}.preview-members{display:none}}
@media(max-width:760px){.wrap{padding-inline:23px}.landing-hero{min-height:0}.hero-stage{min-height:390px}.hero-copy h1{font-size:clamp(44px,9vw,62px)}.hero-copy>p:not(.small-note){font-size:17px}.showroom{padding-top:75px}.section-intro{margin-bottom:30px}.section-intro h2{font-size:35px}.section-intro p{font-size:17px}.preview-topbar{padding:16px}.preview-topbar .vx-brand-wordmark{width:95px}.preview-topbar>span:not(.preview-avatar){font-size:10px}.preview-topbar .preview-avatar{display:none}.preview-layout{display:block;min-height:0}.preview-navigation{padding:13px;border-radius:0;background:#f7f5fa;display:block}.preview-navigation>strong,.preview-navigation>p,.preview-navigation>a{display:none}.preview-navigation [role=tablist]{display:flex;overflow-x:auto;margin:0;gap:5px;scrollbar-width:thin}.preview-navigation button{white-space:nowrap;font-size:12px;padding:10px}.preview-navigation .icon{display:none}.preview-panels{padding:24px 18px 25px;min-height:490px}.preview-page-header{margin-bottom:20px}.preview-page-header h3{font-size:24px}.preview-page-header p{font-size:12px}.preview-count{display:none}.product-preview th:nth-child(3),.product-preview td:nth-child(3){display:none}.product-preview .document-name strong{font-size:12px;white-space:normal}.product-preview .document-name small{font-size:10px}.product-preview .document-name{gap:8px}.product-preview .document-name>.icon{width:25px;height:30px;padding:5px}.product-preview td{padding:15px 6px}.product-preview th{font-size:11px}.product-preview .status-badge{font-size:9px;padding:4px 5px}.source-peek{margin:24px -2px -43px;padding:20px;transform:rotate(-1deg)}.source-peek p{font-size:12px}.source-peek h4{font-size:14px}.source-peek-heading{font-size:11px}.showroom-caption{display:block;padding-top:26px}.showroom-caption p{font-size:12px}.showroom-caption .button{margin-top:20px}.preview-role-layout{display:block}.preview-role-layout .role-index{display:none}.preview-role-note{font-size:12px}.preview-policy textarea{font-size:13px;padding:12px}.hosting-showroom{padding-top:80px}.hosting-selector{display:block}.hosting-choices{gap:7px}.hosting-choices button{padding:17px 18px}.hosting-choices strong{font-size:18px}.hosting-choices span{font-size:13px}.hosting-detail{padding:26px;margin-top:23px}.hosting-detail h3{font-size:25px}.hosting-detail [role=tabpanel]>p{font-size:15px}.hosting-route{font-size:12px;gap:8px}.desktop-callout{display:block;padding-block:24px}.desktop-callout>div{gap:15px}.desktop-callout .vx-symbol{width:35px;height:35px}.desktop-callout strong{font-size:21px}.desktop-callout span{font-size:13px}.desktop-callout .button{display:flex;justify-content:space-between;margin-top:24px}.plans-showroom{margin-top:75px;padding-block:55px}.plan-comparisons{grid-template-columns:1fr;gap:17px}.plan-comparisons article{padding:27px}.plan-comparisons ul{margin-block:22px}.plan-comparison-price{font-size:43px;margin-top:22px}.plans-footnote{display:block}.plans-footnote .button{margin-top:20px}.faq-showroom{padding-top:75px}.faq-list summary{font-size:16px!important;padding-block:23px!important}.faq-list details p{font-size:15px!important;padding-right:10px!important}.team-cta{display:block;padding-block:50px;margin-top:60px}.team-cta h2{font-size:37px}.join-code-entry{margin-top:45px}.join-code-entry h3{font-size:24px}.join-code-entry input{font-size:16px}.marketing-footer .vx-brand-wordmark{width:70vw}}
@media(prefers-reduced-motion:reduce){.source-peek{transform:none}.hosting-choices .icon{transition:none!important}.marketing .button{transform:none!important}}
.faq-list summary::after{position:static}.source-peek-heading{color:#6d5e7f}
@media(max-width:760px){.product-preview .document-name strong{font-size:13px}.product-preview .document-name small{font-size:11px}.preview-page-header p,.source-peek p{font-size:13px}.preview-navigation button{font-size:13px}}
/* Preserve legibility at phone width; reflow disclosure instead of miniaturizing it. */
@media(max-width:760px){.preview-topbar{gap:12px}.preview-topbar>span:not(.preview-avatar){font-size:12px;line-height:1.5;max-width:155px;text-align:right}.product-preview .document-name small,.product-preview .status-badge{font-size:12px}.product-preview .data-table{font-size:13px}.product-preview .status-badge{padding:4px 7px}.product-preview .document-name small{overflow-wrap:anywhere}.product-preview td:first-child{width:70%}.product-preview td:last-child{width:30%}.source-peek-heading,.source-peek-footer{font-size:12px}}