/* A real workspace, presented as the hero visual. All styles are preview-scoped. */
.hero-hub-option .hero-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:4.2vw}
.hero-hub-option .hero::after{display:none}
.hero-hub-option .hub-product{display:block;width:100%;padding:0;position:relative;perspective:1600px}
.hero-hub-option .hub-product::before{display:none}
.hub-preview-heading{display:flex;justify-content:space-between;gap:15px;align-items:center;margin:0 0 17px;color:var(--gold-faint);font:9px/1.5 var(--font-mono);text-transform:uppercase;letter-spacing:.15em}
.hub-live-label{color:#abb3bd;font-size:8px;letter-spacing:.1em}
.hero-hub-option .hub-window{display:block;position:relative;width:100%;max-width:none;height:auto;aspect-ratio:auto;object-fit:initial;padding:0;overflow:hidden;border:1px solid #d4bc8a66;border-radius:10px;background:#f2efe7;filter:none;color:#0e1a2b;text-decoration:none;transform:rotateY(-7deg) rotateX(2deg);transform-origin:center center;box-shadow:0 28px 60px #00000040,0 0 0 6px #b8995f06;transition:transform 1.4s var(--ease),border-color .5s;scale:1}
.hero-hub-option .hub-product:hover .hub-window{transform:rotateY(-2deg) rotateX(0);filter:none;scale:1;border-color:#d4bc8ab3}
.hub-chrome{height:35px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 15px;background:#152335;border-bottom:1px solid #b8995f33;color:#bdc4ce;font:7px var(--font-mono);letter-spacing:.06em}
.hub-window-dots{display:flex;gap:5px;align-items:center}.hub-window-dots i{width:5px;height:5px;border-radius:50%;background:#79818b}.hub-window-dots i:nth-child(2){opacity:.6}.hub-window-dots i:nth-child(3){opacity:.35}.hub-window-open{font:14px var(--font-sans);color:var(--gold-faint)}
.hub-screen{display:grid;grid-template-columns:29% minmax(0,1fr);min-height:403px;gap:0;background:#ece7da;padding:6px}
.hub-mini-sidebar{border:1px solid #b8995f2b;border-radius:5px;background:#07111e;color:#c6cbd0;min-width:0;padding:19px 10px 12px;display:flex;flex-direction:column}
.hub-mini-eyebrow{color:#d4bc8a;font:5.8px/1.6 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;margin:0 6px 12px}
.hub-mini-brand{font:300 clamp(25px,2.35vw,39px)/.99 var(--font-display);letter-spacing:-.035em;color:#f2efe7;margin:0 6px 18px}.hub-mini-brand em{font-weight:300;color:#d4bc8a}
.hub-mini-tabs{display:flex;gap:3px;align-items:center;justify-content:space-between;border-block:1px solid #b8995f2b;padding:7px 0;margin:0 -2px 0;font:5.4px var(--font-mono);letter-spacing:.02em;text-transform:uppercase}
.hub-mini-tabs span{padding:6px 3px}.hub-mini-tabs .selected{background:#f2efe7;color:#07111e;border-radius:2px}
.hub-mini-group{color:#d4bc8a;text-transform:uppercase;font:6px/1.4 var(--font-mono);letter-spacing:.07em;margin:16px 6px 7px}
.hub-mini-item{display:flex;align-items:center;gap:8px;white-space:nowrap;padding:6px 6px;font:400 8px/1.4 var(--font-sans);border-left:1px solid transparent;color:#abb3bd}
.hub-mini-item.selected{background:#b8995f12;border-left-color:#d4bc8a;color:#f7f8fa}.hub-mini-item>span{color:#b8995f;font:italic 7px var(--font-display);width:8px;flex-shrink:0}
.hub-mini-search{display:flex;gap:8px;align-items:center;min-height:29px;border:1px solid #d4bc8a28;background:#ffffff03;margin:18px 0 0;padding:8px 6px;color:#a8b0ba;font:7px var(--font-sans)}.hub-mini-search svg{width:10px;height:10px;flex-shrink:0}
.hub-mini-page{min-width:0;background:#f2efe7;margin-left:6px;padding:23px 20px 17px;border:1px solid #d4cfc4;border-radius:5px;color:#0e1a2b}
.hub-mini-kicker{display:flex;justify-content:space-between;align-items:center;gap:9px;color:#6f582e;font:6px/1.5 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;margin:0 0 18px}.hub-mini-kicker>span{font-size:5px;color:#6b7482;letter-spacing:.07em}
.hub-mini-title{font:300 clamp(24px,2.25vw,37px)/1.08 var(--font-display);letter-spacing:-.04em;color:#0e1a2b}.hub-mini-title em{font-weight:300;color:#6f582e}
.hub-mini-rule{height:1px;background:#d4cfc4;margin:15px 0 13px}.hub-mini-intro{font:400 9px/1.6 var(--font-sans);color:#4a5870;margin:0 0 18px}
.hub-mini-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px}.hub-mini-field{min-width:0}.hub-mini-field.full{grid-column:1/-1}.hub-mini-field>span{display:block;font:6px/1.7 var(--font-mono);letter-spacing:.035em;text-transform:uppercase;color:#6f582e;margin-bottom:6px;min-height:10px}
.hub-mini-input{display:block;min-height:31px;padding:9px 8px;color:#7c8492;border:1px solid #d4cfc4;background:#fff;border-radius:2px;font:italic 8px/1.5 var(--font-display)}.hub-mini-input.textarea{min-height:53px}
.hub-mini-readiness{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #d4cfc4;margin-top:18px;padding-top:13px}.hub-mini-readiness span{font:6px var(--font-mono);text-transform:uppercase;letter-spacing:.05em;color:#6f582e}.hub-mini-readiness small{display:block;font:7px/1.5 var(--font-sans);color:#6b7482;margin-top:4px}.hub-mini-score{display:flex;gap:3px}.hub-mini-score i{display:block;width:7px;height:17px;background:#e5dfd3;border:1px solid #d4cfc4}
.hub-window-footer{display:flex;justify-content:space-between;gap:15px;align-items:center;min-height:29px;padding:8px 13px;font:6px var(--font-mono);letter-spacing:.055em;color:#6f582e;border-top:1px solid #d4cfc4;background:#ece7da}
.hub-preview-caption{display:flex;justify-content:space-between;align-items:baseline;gap:20px;border-top:1px solid #d4bc8a33;padding-top:19px;margin-top:25px}.hub-preview-caption p{font:400 clamp(16px,1.5vw,23px)/1.3 var(--font-display);letter-spacing:-.015em;color:#f2efe7;margin:0}.hub-preview-caption p em{color:#d4bc8a}.hub-preview-caption a{display:flex;gap:11px;align-items:center;font:8px/1.5 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:#d4bc8a;text-decoration:none;white-space:nowrap}.hub-preview-caption a span{font-size:14px;transition:transform .3s}.hub-preview-caption a:hover span{transform:translate(3px,-3px)}
@media(min-width:1600px){.hub-screen{min-height:440px}.hub-mini-item{font-size:9px;padding-block:7px}.hub-mini-page{padding:26px}.hub-mini-form{gap:18px 12px}.hub-mini-intro{font-size:10px}.hub-mini-input{font-size:10px;min-height:36px}.hub-mini-input.textarea{min-height:64px}.hub-mini-field>span{font-size:7px}.hub-mini-tabs{font-size:6px}}
@media(max-width:1100px) and (min-width:801px){.hero-hub-option .hero-layout{grid-template-columns:1fr 1.05fr;gap:3vw}.hero-hub-option .hero h1{font-size:7.2vw}.hub-mini-sidebar{padding:15px 7px 8px}.hub-mini-brand{font-size:27px}.hub-mini-page{padding:18px 14px 14px}.hub-mini-tabs{font-size:4.4px}.hub-mini-item{font-size:6.8px;gap:5px;padding:6px 3px}.hub-mini-kicker{font-size:5px;letter-spacing:.04em}.hub-mini-title{font-size:27px}.hub-mini-form{gap:13px 8px}.hub-mini-field>span{font-size:5px}.hub-mini-input{font-size:7px;padding:8px 6px}.hub-mini-intro{font-size:8px}.hub-mini-readiness small{font-size:6px}.hub-mini-score i{width:5px}.hub-preview-caption{gap:10px}.hub-preview-caption p{font-size:16px}.hub-preview-caption a{font-size:6px}.hub-screen{min-height:386px}}
@media(max-width:800px){.hero-hub-option .hero-layout{grid-template-columns:1fr;gap:16px}.hero-hub-option .hero{min-height:780px;padding-top:89px}.hero-hub-option .hub-product{order:2;max-width:520px;width:100%;height:auto;padding:0;margin:1px auto}.hub-preview-heading{font-size:7px;margin-bottom:10px;gap:9px}.hub-live-label{font-size:6px}.hero-hub-option .hub-window{transform:none;border-radius:7px;box-shadow:0 18px 35px #00000030}.hero-hub-option .hub-product:hover .hub-window{transform:none}.hub-chrome{height:24px;font-size:5px;padding:0 10px}.hub-window-dots{gap:4px}.hub-window-dots i{width:4px;height:4px}.hub-window-open{font-size:12px}.hub-screen{grid-template-columns:29% 1fr;min-height:0;padding:4px}.hub-mini-sidebar{padding:12px 6px 9px;border-radius:3px}.hub-mini-eyebrow{font-size:4px;letter-spacing:.06em;margin:0 3px 8px}.hub-mini-brand{font-size:24px;margin:0 3px 11px}.hub-mini-tabs{font-size:4px;gap:1px;padding:5px 0}.hub-mini-tabs span{padding:4px 2px}.hub-mini-group{font-size:4.6px;margin:10px 3px 5px}.hub-mini-item{font-size:6px;gap:4px;padding:5px 3px;line-height:1.4}.hub-mini-item>span{font-size:6px;width:6px}.hub-mini-search{display:none}.hub-mini-page{padding:14px 12px 12px;border-radius:3px;margin-left:4px}.hub-mini-kicker{font-size:4.2px;letter-spacing:.03em;margin-bottom:10px;gap:5px}.hub-mini-kicker>span{font-size:4px}.hub-mini-title{font-size:24px}.hub-mini-rule{margin:10px 0 9px}.hub-mini-intro{font-size:6.5px;line-height:1.6;margin-bottom:12px}.hub-mini-form{gap:10px 7px}.hub-mini-field>span{font-size:4.4px;letter-spacing:.01em;margin-bottom:4px;min-height:7px}.hub-mini-input{font-size:6px;min-height:23px;padding:6px 5px}.hub-mini-input.textarea{min-height:31px}.hub-mini-readiness{padding-top:8px;margin-top:11px;gap:5px}.hub-mini-readiness span{font-size:4.5px}.hub-mini-readiness small{display:none}.hub-mini-score{gap:2px}.hub-mini-score i{width:5px;height:12px}.hub-window-footer{font-size:4.6px;min-height:21px;padding:6px 8px;gap:5px}.hub-preview-caption{margin-top:13px;padding-top:12px;gap:12px}.hub-preview-caption p{font-size:15px}.hub-preview-caption a{font-size:6px;gap:6px}.hub-preview-caption a span{font-size:11px}.hero-hub-option .hero-sub{max-width:46ch;font-size:13px}.hero-hub-option .hero-actions{margin-top:0}}
@media(max-width:420px){.hero-hub-option .hero{padding:86px 22px 49px;min-height:844px;height:auto}.hero-hub-option .hero-layout{gap:13px}.hero-hub-option .hero h1{font-size:40px;max-width:345px}.hub-preview-heading{margin-bottom:10px}.hub-mini-title{font-size:21px}.hub-mini-brand{font-size:22px}.hub-mini-page{padding:12px 10px 10px}.hub-mini-item{font-size:5.6px;padding:4px 2px}.hub-mini-eyebrow{font-size:3.8px}.hub-mini-tabs{font-size:3.5px}.hub-mini-form{gap:8px 6px}.hub-mini-field>span{font-size:4px}.hub-mini-intro{font-size:6px;margin-bottom:10px}.hub-mini-input{font-size:5.7px;min-height:23px;padding:5px}.hub-mini-input.textarea{min-height:29px}.hub-mini-readiness{margin-top:10px}.hub-preview-caption p{font-size:13px}.hero-hub-option .hero-sub{font-size:12px;line-height:1.6}.hero-hub-option .hero .btn-primary,.hero-hub-option .hero .btn-ghost{font-size:7px;min-height:43px;padding:13px 11px}}
@media(max-width:800px){.hero-hub-option .hero{align-items:flex-start}.hero-hub-option .hub-product{max-height:none}.hub-mini-field:nth-child(n+4){display:none}.hub-mini-sidebar{padding-top:10px}.hub-mini-item{padding-block:3px}.hub-mini-brand{font-size:22px}.hub-mini-group{margin-top:8px}}
@media(max-width:420px){.hero-hub-option .hero{min-height:100svh;padding-top:88px;padding-bottom:52px}.hub-mini-brand{font-size:20px}.hub-mini-sidebar{padding:10px 6px 8px}.hub-mini-group{margin-top:8px}.hub-mini-item{padding-block:3px}.hub-mini-readiness{margin-top:10px}.hub-mini-kicker{margin-bottom:9px}.hub-mini-page{padding-top:12px}.hub-preview-caption{margin-top:11px;padding-top:10px}}
@media(max-width:420px){.hub-preview-caption{display:none}}
@media(prefers-reduced-motion:reduce){.hero-hub-option .hub-window,.hero-hub-option .hub-product:hover .hub-window{transform:none;transition:none}.hub-preview-caption a:hover span{transform:none}}