/* October 27 founder draft. Scoped to the public landing; canonical art and theme tokens are unchanged. */
@font-face{font-family:LandingFraunces;src:url('/fonts/Fraunces-Variable.ttf') format('truetype');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:LandingEditorial;src:url('/fonts/editorial/InstrumentSerif-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:LandingSyne;src:url('/fonts/syne.woff2') format('woff2');font-weight:400 800;font-style:normal;font-display:swap}
body.visual-v1 .v20-home[data-launch27] .hero-copy .live-copy p{font-size:clamp(20px,1.75vw,26px)!important;line-height:1.45!important;max-width:29ch!important;margin:28px 0 28px 24px!important;font-weight:500!important}
body.visual-v1 .v20-home[data-launch27][data-hero-font=soft] .hero-copy h1{font-family:LandingFraunces,serif!important;font-weight:800!important;font-variation-settings:'SOFT' 80,'WONK' 1;letter-spacing:-.045em!important}
body.visual-v1 .v20-home[data-launch27][data-hero-font=editorial] .hero-copy h1{font-family:LandingEditorial,serif!important;font-weight:400!important;font-size:clamp(48px,5.6vw,84px)!important;letter-spacing:-.025em!important}
body.visual-v1 .v20-home[data-launch27][data-hero-font=modern] .hero-copy h1{font-family:LandingSyne,sans-serif!important;font-weight:750!important;letter-spacing:-.055em!important}
body.visual-v1 .v20-home[data-launch27] .crew{padding-bottom:44px!important}
body.visual-v1 .v20-home[data-launch27] .landing-loop{padding:76px 5%;background:linear-gradient(90deg,#19112240,#19112218),var(--journey-habitat) center/cover;isolation:isolate}
body.visual-v1 .v20-home[data-launch27] .landing-loop .feature-tour{width:100%;max-width:1160px;padding:32px;background:var(--surface-panel)!important;color:var(--content-primary)!important;border:1px solid var(--border-control);border-radius:0 28px 0 28px;box-shadow:0 20px 60px #0c081a66;box-sizing:border-box}
body.visual-v1 .v20-home[data-launch27] .landing-loop .feature-tour-heading{display:grid;grid-template-columns:1fr 100px auto;align-items:center;gap:24px;padding-bottom:28px;margin:0}
body.visual-v1 .v20-home[data-launch27] .landing-loop .feature-tour-heading :is(h3,p){color:var(--content-primary)!important}
body.visual-v1 .v20-home[data-launch27] .landing-loop .feature-tour-heading h3{font-size:clamp(27px,3vw,40px)!important;margin:8px 0 0}
body.visual-v1 .v20-home[data-launch27] .landing-loop .tour-companion{position:static;display:flex;width:100px;height:90px;align-items:center;justify-content:center}
body.visual-v1 .v20-home[data-launch27] .landing-loop .tour-companion img{max-height:90px;width:100%;height:auto;object-fit:contain}
body.visual-v1 .v20-home[data-launch27] .landing-loop .feature-tour-body{display:grid;grid-template-columns:170px minmax(0,1fr);gap:28px}
body.visual-v1 .v20-home[data-launch27] .landing-loop .feature-tour-tabs{border:0;padding:0;gap:8px;align-self:start;display:grid}
body.visual-v1 .v20-home[data-launch27] .landing-loop .feature-tour-tabs button{border:1px solid transparent!important;display:flex;align-items:center;gap:14px;padding:16px 12px;min-height:54px;background:transparent!important;color:var(--content-primary)!important;text-align:left;font:600 15px var(--type-body)}
body.visual-v1 .v20-home[data-launch27] .landing-loop .feature-tour-tabs button>span{font:500 13px var(--type-body);opacity:.8}
body.visual-v1 .v20-home[data-launch27] .landing-loop .feature-tour-tabs button[aria-selected=true]{background:var(--action-primary)!important;color:var(--content-on-action)!important;border-color:var(--action-primary)!important;box-shadow:none}
body.visual-v1 .v20-home[data-launch27] .landing-loop .tour-playback{background:var(--action-primary)!important;color:var(--content-on-action)!important;border:1px solid var(--border-control);padding:12px 18px;min-height:44px;white-space:nowrap;font:600 13px var(--type-body)}
.v20-home[data-launch27] .demo-workspace{min-width:0;background:var(--surface-navigation);border:1px solid var(--border-subtle);border-radius:0 18px 0 18px;overflow:hidden}
.v20-home[data-launch27] .demo-workspace-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 22px;border-bottom:1px solid var(--border-subtle)}
.v20-home[data-launch27] .demo-workspace-bar small{display:block;color:var(--content-secondary);font:600 10px/1.4 var(--type-body);letter-spacing:.1em;margin-bottom:6px}.v20-home[data-launch27] .demo-workspace-bar b{font:600 15px var(--type-body)}.v20-home[data-launch27] .demo-workspace-bar b>span{font-weight:400}.v20-home[data-launch27] .demo-stage-counter{font:500 12px var(--type-body);white-space:nowrap;color:var(--content-secondary)}
body.visual-v1 .v20-home[data-launch27] .landing-loop .feature-tour-panels{padding:24px;min-height:460px;border:0;box-sizing:border-box}
body.visual-v1 .v20-home[data-launch27] .landing-loop .feature-tour-panels [role=tabpanel]{padding:0;min-height:0;outline-offset:4px}
body.visual-v1 .v20-home[data-launch27] .landing-loop .feature-tour-panels :is(h4,b,p,small,span,dt,dd,li){color:var(--content-primary)!important}
body.visual-v1 .v20-home[data-launch27] .landing-loop .feature-tour-panels h4{font:650 clamp(21px,2vw,27px)/1.2 var(--type-body)!important;margin:0 0 10px}
body.visual-v1 .v20-home[data-launch27] .landing-loop .demo-panel-copy>p{font:400 15px/1.55 var(--type-body);max-width:58ch;margin:0 0 20px}
body.visual-v1 .v20-home[data-launch27] .landing-loop .tour-stage{background:var(--surface-panel)!important;border:1px solid var(--border-subtle);padding:20px;border-radius:0 12px 0 12px;min-height:235px;box-sizing:border-box;margin:0 0 18px;display:flex;flex-direction:column;justify-content:center;gap:18px}
.v20-home[data-launch27] .demo-role{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.v20-home[data-launch27] .demo-role>div{flex:1;min-width:150px;display:grid;gap:8px}.v20-home[data-launch27] .demo-role small,.v20-home[data-launch27] .demo-document small,.v20-home[data-launch27] .demo-evidence small,.v20-home[data-launch27] .demo-outreach small,.v20-home[data-launch27] .demo-message small{font:600 10px/1.4 var(--type-body);letter-spacing:.08em}.v20-home[data-launch27] .demo-role b{font:650 24px/1.2 var(--type-body)}.v20-home[data-launch27] .demo-role span{font:400 13px/1.4 var(--type-body)}.v20-home[data-launch27] .demo-company-mark,.v20-home[data-launch27] .demo-avatar{display:grid;place-items:center;flex:0 0 44px;height:44px;border:1px solid var(--border-control);border-radius:0 12px 0 12px;font-weight:650!important}
.v20-home[data-launch27] .demo-pill{font:500 11px/1.4 var(--type-body)!important;border:1px solid var(--border-control);padding:5px 9px;border-radius:12px;display:inline-block;align-self:start}
.v20-home[data-launch27] .demo-checks{display:grid;gap:10px;list-style:none;margin:4px 0 0;padding:0}.v20-home[data-launch27] .demo-checks li{font:400 14px var(--type-body)}.v20-home[data-launch27] .demo-checks li:before{content:'✓';margin-right:10px;color:var(--accent-secondary)}
.v20-home[data-launch27] .demo-evidence{display:grid;grid-template-columns:1fr 1fr;gap:20px}.v20-home[data-launch27] .demo-evidence>div{display:flex;flex-direction:column;gap:10px}.v20-home[data-launch27] .demo-evidence>div+div{border-left:1px solid var(--border-subtle);padding-left:20px}.v20-home[data-launch27] .demo-evidence b{font:600 17px var(--type-body)}.v20-home[data-launch27] .demo-evidence p,.v20-home[data-launch27] .demo-message p{font:400 14px/1.55 var(--type-body);margin:0}.v20-home[data-launch27] .demo-document{display:grid;grid-template-columns:1fr 1fr;gap:24px}.v20-home[data-launch27] .demo-document>div{display:flex;flex-direction:column;gap:12px}.v20-home[data-launch27] .demo-document>div+div{padding:16px;border:1px solid var(--border-control);background:var(--surface-navigation);transform:rotate(-1deg)}.v20-home[data-launch27] .demo-document p{font:400 14px/1.6 var(--type-body);margin:0}.v20-home[data-launch27] .demo-document b{font:600 17px/1.4 var(--type-body)}.v20-home[data-launch27] .demo-paper-lines{display:grid;gap:8px;margin-top:6px}.v20-home[data-launch27] .demo-paper-lines i{height:3px;background:var(--border-subtle)}.v20-home[data-launch27] .demo-paper-lines i:nth-child(2){width:80%}.v20-home[data-launch27] .demo-paper-lines i:nth-child(3){width:90%}
.v20-home[data-launch27] .demo-materials{display:flex;flex-wrap:wrap;gap:8px}.v20-home[data-launch27] .demo-materials>span{border:1px solid var(--border-subtle);padding:7px 9px;font:400 11px/1.4 var(--type-body);border-radius:0 8px 0 8px}
.v20-home[data-launch27] .demo-browser{border:1px solid var(--border-control);border-radius:0 10px 0 10px;overflow:hidden}.v20-home[data-launch27] .demo-browser-bar{border-bottom:1px solid var(--border-subtle);font:400 10px var(--type-body);padding:10px;display:flex;gap:15px}.v20-home[data-launch27] .demo-browser dl{margin:0;padding:12px;display:grid;gap:10px}.v20-home[data-launch27] .demo-browser dl>div{display:grid;grid-template-columns:90px 1fr;gap:8px;font:400 12px/1.5 var(--type-body)}.v20-home[data-launch27] .demo-browser dd{margin:0;font-weight:500}.v20-home[data-launch27] .demo-note{font:400 12px/1.5 var(--type-body)!important;margin:0!important}.v20-home[data-launch27] .demo-outreach{display:flex;align-items:center;gap:14px}.v20-home[data-launch27] .demo-outreach>div{display:grid;gap:5px}.v20-home[data-launch27] .demo-outreach b{font:600 15px var(--type-body)}.v20-home[data-launch27] .demo-outreach p{font:400 12px var(--type-body);margin:0}.v20-home[data-launch27] .demo-message{padding:14px;border:1px solid var(--border-subtle);border-left:3px solid var(--accent-secondary)}.v20-home[data-launch27] .demo-message p{margin-top:10px}
body.visual-v1 .v20-home[data-launch27] .landing-loop .demo-growth{height:145px;display:flex;align-items:center;justify-content:center;gap:24px}.v20-home[data-launch27] .demo-growth>span{display:inline-flex;align-items:center;justify-content:center}.v20-home[data-launch27] .demo-growth img{width:auto!important;max-width:150px!important;max-height:130px!important;object-fit:contain}.v20-home[data-launch27] .demo-progress{display:grid;gap:10px;font:400 12px var(--type-body)}.v20-home[data-launch27] .demo-progress>div{height:8px;background:var(--surface-navigation);border:1px solid var(--border-subtle);border-radius:4px;overflow:hidden}.v20-home[data-launch27] .demo-progress i{display:block;width:62%;height:100%;background:var(--accent-secondary)}
body.visual-v1 .v20-home[data-launch27] .landing-loop .demo-next{padding:12px 16px;background:var(--action-primary)!important;color:var(--content-on-action)!important;border:1px solid var(--border-control);font:600 13px var(--type-body);display:flex;justify-content:space-between;gap:24px;max-width:100%;min-height:44px;cursor:pointer}
.v20-home[data-launch27] .demo-workspace-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 22px;border-top:1px solid var(--border-subtle);flex-wrap:wrap}.v20-home[data-launch27] .demo-workspace-footer>span{font:400 10px/1.4 var(--type-body);color:var(--content-secondary)}
body.visual-v1 .v20-home[data-launch27] .landing-loop .feature-tour-cta{font:600 12px/1.5 var(--type-body);color:var(--content-primary)!important;border:0;padding:0;white-space:nowrap}
body.visual-v1 .v20-home[data-launch27] .landing-loop :is(button,a,[tabindex]):focus-visible{outline:3px solid var(--accent-secondary)!important;outline-offset:4px}
.type-review{position:fixed;bottom:16px;left:16px;right:16px;z-index:10000;display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin:auto;width:fit-content;max-width:calc(100% - 32px);padding:12px 16px;background:#fffaf3;color:#27443a;border:2px solid #27443a;border-radius:0 18px 0 18px;box-shadow:0 8px 24px #0004;font:500 12px system-ui;box-sizing:border-box}.type-review button{font:600 12px system-ui;min-height:40px;padding:8px 12px;border:1px solid #27443a;background:#fffaf3;color:#27443a;cursor:pointer}.type-review button[aria-pressed=true]{background:#27443a;color:#fffaf3}
@media(max-width:850px){body.visual-v1 .v20-home[data-launch27] .landing-loop{padding:48px 20px}body.visual-v1 .v20-home[data-launch27] .landing-loop .feature-tour{padding:22px}body.visual-v1 .v20-home[data-launch27] .landing-loop .feature-tour-body{grid-template-columns:1fr;gap:16px}body.visual-v1 .v20-home[data-launch27] .landing-loop .feature-tour-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}body.visual-v1 .v20-home[data-launch27] .landing-loop .feature-tour-tabs button{justify-content:center;gap:8px;padding:10px 8px;font-size:13px}body.visual-v1 .v20-home[data-launch27] .landing-loop .feature-tour-heading{grid-template-columns:1fr auto;gap:14px}body.visual-v1 .v20-home[data-launch27] .landing-loop .tour-companion{display:none}}
@media(max-width:600px){body.visual-v1 .v20-home[data-launch27] .hero-copy .live-copy p{font-size:21px!important;line-height:1.4!important;margin:24px 0 24px 10px!important;max-width:25ch!important}body.visual-v1 .v20-home[data-launch27] .landing-loop{padding:36px 12px}body.visual-v1 .v20-home[data-launch27] .landing-loop .feature-tour{padding:18px 12px}body.visual-v1 .v20-home[data-launch27] .landing-loop .feature-tour-heading{grid-template-columns:1fr;padding-bottom:18px}body.visual-v1 .v20-home[data-launch27] .landing-loop .tour-playback{justify-self:start}body.visual-v1 .v20-home[data-launch27] .landing-loop .feature-tour-panels{padding:16px;min-height:530px}body.visual-v1 .v20-home[data-launch27] .landing-loop .tour-stage{padding:14px;min-height:280px}.v20-home[data-launch27] .demo-workspace-bar{padding:14px}.v20-home[data-launch27] .demo-workspace-bar b{font-size:13px}.v20-home[data-launch27] .demo-workspace-bar b>span{display:block;margin-top:5px}.v20-home[data-launch27] .demo-evidence,.v20-home[data-launch27] .demo-document{grid-template-columns:1fr;gap:14px}.v20-home[data-launch27] .demo-evidence>div+div{border-left:0;border-top:1px solid var(--border-subtle);padding:14px 0 0}.v20-home[data-launch27] .demo-role b{font-size:21px}.v20-home[data-launch27] .demo-role .demo-pill{margin-left:60px}.v20-home[data-launch27] .demo-workspace-footer{padding:14px;gap:10px}.v20-home[data-launch27] .demo-browser dl>div{grid-template-columns:1fr;gap:3px}.v20-home[data-launch27] .demo-growth img{max-width:95px!important}.type-review{bottom:8px;left:8px;right:8px;max-width:calc(100% - 16px);gap:6px}.type-review>span{width:100%;text-align:center}}
@media(prefers-reduced-motion:no-preference){.v20-home[data-launch27] .demo-paper-lines i{animation:demo-line-in .5s ease-out backwards}.v20-home[data-launch27] .demo-paper-lines i:nth-child(2){animation-delay:.1s}.v20-home[data-launch27] .demo-paper-lines i:nth-child(3){animation-delay:.2s}.v20-home[data-launch27] .demo-progress i{animation:demo-line-in .8s ease-out backwards}@keyframes demo-line-in{from{transform:scaleX(.1);transform-origin:left;opacity:.3}to{transform:scaleX(1);transform-origin:left;opacity:1}}}
/* Override the older walkthrough's white-card fallback only inside Vex's dark workspace. */
body.visual-v1 .v20-home[data-launch27] .landing-loop .tour-stage>div{background:transparent!important;border:0!important;border-radius:0!important}
body.visual-v1 .v20-home[data-launch27] .landing-loop .tour-stage>.demo-browser{border:1px solid var(--border-control)!important;border-radius:0 10px 0 10px!important}
body.visual-v1 .v20-home[data-launch27] .landing-loop .feature-tour-panels .demo-next span{color:var(--content-on-action)!important}
body.visual-v1 .v20-home[data-launch27] .landing-loop .feature-tour-tabs button{transition:none!important}
