.vision-page{background:linear-gradient(180deg, var(--bg-deep) 0%, #21072d 44%, var(--bg-deep) 100%)}.nav__links a[aria-current=page]{color:var(--yellow)}.nav__links a[aria-current=page]:after{background:var(--yellow);transform:scaleX(1)}.vf-hero{min-height:calc(92svh - var(--nav-h) - 34px);background:linear-gradient(135deg, #280836cc, #110318f5 58%), var(--bg-deep);position:relative;overflow:hidden}.vf-hero__grid,.vf-hero__cuts{pointer-events:none;position:absolute;inset:0}.vf-hero__grid{opacity:.52;background-color:#0000;background-image:linear-gradient(#5cfbf714 1px,#0000 1px),linear-gradient(90deg,#fed66d12 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:68px 68px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;-webkit-mask-image:linear-gradient(#000000e6,#0000 94%);mask-image:linear-gradient(#000000e6,#0000 94%)}.vf-hero__cuts{background:linear-gradient(112deg,#0000 0 10%,#fed66d3d 10% 10.4%,#0000 10.4% 100%),linear-gradient(112deg,#0000 0 73%,#ad19d157 73% 75%,#0000 75% 100%),linear-gradient(112deg,#0000 0 87%,#5cfbf72e 87% 87.35%,#0000 87.35% 100%)}.vf-hero__inner{z-index:1;width:min(var(--max-w), calc(100% - (var(--page-x) * 2)));min-height:calc(92svh - var(--nav-h) - 34px);grid-template-columns:minmax(0,1fr) minmax(330px,.72fr);align-items:center;gap:clamp(30px,5vw,86px);margin:0 auto;padding:clamp(56px,8vh,104px) 0;display:grid;position:relative}.vf-hero__copy{min-width:0;max-width:840px}.vf-hero__eyebrow:before{display:none}.vf-hero__title{text-shadow:5px 5px #ad19d1e0,0 0 40px #5cfbf729;max-width:10ch;margin-top:16px;font-size:clamp(4.2rem,8vw,8.2rem);line-height:.86}.vf-hero__subtitle{max-width:720px;color:var(--yellow);overflow-wrap:anywhere;margin-top:20px;font-size:clamp(1.18rem,1.9vw,1.82rem);line-height:1.35}.vf-hero__lede{max-width:690px;color:var(--ink-soft);overflow-wrap:anywhere;margin-top:22px;font-size:1.08rem;line-height:1.68}.vf-hero__ctas{flex-wrap:wrap;gap:14px;margin-top:34px;display:flex}.vf-hero__ctas .btn{min-height:52px}.vf-hero__visual{border-radius:var(--radius);min-width:0;min-height:clamp(390px,36vw,560px);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#5cfbf71a,#0000 34%),linear-gradient(225deg,#fed66d14,#0000 34%),#110318a3;border:1px solid #5cfbf73d;place-items:center;display:grid;position:relative;overflow:hidden}.vf-hero__visual:before{content:"";background:repeating-linear-gradient(0deg,#0000 0 36px,#ffffff0d 36px 37px),repeating-linear-gradient(90deg,#0000 0 36px,#ffffff0a 36px 37px);border:1px solid #ffffff14;position:absolute;inset:18px}.vf-hero__mark{z-index:1;filter:drop-shadow(0 24px 56px #00000070)drop-shadow(0 0 28px #5cfbf733);width:min(68%,360px);animation:7.2s ease-in-out infinite logo-float;position:relative}.vf-hero__scan{z-index:2;height:22px;color:var(--teal);text-align:center;text-transform:uppercase;background:linear-gradient(90deg,#0000,#5cfbf7e6,#0000) 50%/100% 2px no-repeat;justify-content:center;align-items:center;font-size:.68rem;animation:3.8s ease-in-out infinite vf-scan;display:flex;position:absolute;top:50%;left:18%;right:18%}.vf-hero__signal{z-index:2;max-width:210px;color:var(--teal);text-transform:uppercase;background:linear-gradient(135deg,#5cfbf714,#0000 56%),#110318c7;border:1px solid #5cfbf77a;border-radius:6px;padding:9px 12px;font-size:.7rem;line-height:1.2;position:absolute}.vf-hero__signal--top{top:24px;left:24px}.vf-hero__signal--bottom{color:var(--yellow);border-color:#fed66d8c;bottom:24px;right:24px}.vf-workspace{padding:var(--section-y) var(--page-x);border-top:1px solid var(--line);background:linear-gradient(140deg, #ad19d147, #110318f0 46%), var(--bg-deep)}.vf-workspace__shell{max-width:var(--max-w);margin:0 auto}.vf-honeypot{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;left:-10000px}.vf-kicker{color:var(--teal);text-transform:uppercase;font-size:.72rem}.vf-app{grid-template-columns:minmax(0,1fr);align-items:stretch;gap:clamp(16px,2.2vw,30px);display:grid}@media (width>=961px){.vf-app.has-preview{grid-template-columns:minmax(0,1fr) minmax(320px,.62fr)}}.vf-chat-panel,.vf-preview-panel{border:1px solid var(--panel-border);border-radius:var(--radius);min-width:0;height:min(74vh,760px);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#ffffff16,#ffffff06),linear-gradient(135deg,#5cfbf712,#0000 38%,#fed66d0d),#110318d1;flex-direction:column;display:flex;position:relative;overflow:hidden}.vf-chat-panel{border-top:3px solid var(--teal)}.vf-preview-panel{border-top:3px solid var(--yellow)}.vf-preview-panel[hidden]{display:none}.vf-chat-panel__head,.vf-preview-panel__head{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:flex-start;gap:14px;padding:clamp(15px,1.8vw,22px) clamp(16px,2.2vw,26px) 12px;display:flex}.vf-chat-panel__head h3,.vf-preview-panel__head h3{margin-top:6px;font-size:clamp(1.1rem,1.5vw,1.45rem);line-height:1}.vf-textbtn{border:1px solid var(--line);color:var(--ink-dim);text-transform:uppercase;cursor:pointer;transition:color var(--motion-fast), border-color var(--motion-fast);background:0 0;border-radius:6px;flex:none;align-self:center;padding:6px 11px;font-family:JetBrains Mono,monospace;font-size:.68rem}.vf-textbtn:hover{color:var(--teal);border-color:var(--panel-border-active)}.vf-userrow{border-bottom:1px solid var(--line-soft);align-items:center;gap:10px;padding:12px clamp(16px,2.2vw,26px);display:flex}.vf-userrow__label{color:var(--ink-dim);text-transform:uppercase;flex:none;font-size:.68rem}.vf-userrow input{min-width:0;min-height:38px;color:var(--ink);font:inherit;transition:border-color var(--motion-fast), box-shadow var(--motion-fast);background:#07010b8a;border:1px solid #f8edff29;border-radius:6px;outline:none;flex:auto;padding:8px 11px}.vf-userrow input:focus{border-color:#5cfbf7b8;box-shadow:0 0 0 3px #5cfbf71f}.vf-userrow input::placeholder{color:#dbc8e88c}.vf-log{scroll-behavior:smooth;flex-direction:column;flex:auto;gap:12px;min-height:0;padding:clamp(16px,2.2vw,24px);display:flex;overflow-y:auto}.vf-msg{border-radius:12px;flex-direction:column;gap:6px;min-width:0;max-width:86%;padding:12px 14px;animation:.2s both vf-fade-rise;display:flex}.vf-msg__role{text-transform:uppercase;letter-spacing:.04em;font-size:.62rem}.vf-msg__body{color:var(--ink-soft);overflow-wrap:anywhere;white-space:pre-wrap;font-size:.96rem;line-height:1.55}.vf-msg--assistant{background:linear-gradient(135deg,#5cfbf714,#0000 60%),#110318b3;border:1px solid #5cfbf72e;border-bottom-left-radius:4px;align-self:flex-start}.vf-msg--assistant .vf-msg__role{color:var(--teal)}.vf-msg--user{background:linear-gradient(135deg,#fed66d1f,#0000 60%),#3c1e0466;border:1px solid #fed66d42;border-bottom-right-radius:4px;align-self:flex-end}.vf-msg--user .vf-msg__role{color:var(--yellow);text-align:right}.vf-msg--user .vf-msg__body{color:var(--ink)}.vf-typing{gap:5px;padding:4px 0;display:inline-flex}.vf-typing i{background:var(--teal);opacity:.5;border-radius:50%;width:7px;height:7px;animation:1.1s ease-in-out infinite vf-typing}.vf-typing i:nth-child(2){animation-delay:.15s}.vf-typing i:nth-child(3){animation-delay:.3s}.vf-chips{flex-wrap:wrap;gap:8px;padding:4px clamp(16px,2.2vw,24px) 0;display:flex}.vf-chips[hidden]{display:none}.vf-chip{color:var(--ink-soft);cursor:pointer;transition:color var(--motion-fast), border-color var(--motion-fast), background-color var(--motion-fast);background:#5cfbf70f;border:1px solid #5cfbf74d;border-radius:999px;padding:7px 12px;font-family:JetBrains Mono,monospace;font-size:.72rem}.vf-chip:hover:not(:disabled){border-color:var(--teal);color:var(--teal)}.vf-chip--accent{color:var(--yellow);background:#fed66d14;border-color:#fed66d80}.vf-chip--accent:hover:not(:disabled){border-color:var(--yellow);color:var(--yellow)}.vf-chip:disabled{opacity:.5;cursor:not-allowed}.vf-notice{border-radius:6px;margin:8px clamp(16px,2.2vw,24px) 0;padding:9px 12px;font-size:.86rem;line-height:1.45;display:none}.vf-notice.is-visible{animation:.18s both vf-fade-rise;display:block}.vf-notice.is-error{color:#ffd2d2;background:#ff7e7e14;border:1px solid #ff7e7e80}.vf-notice.is-success{color:var(--yellow);background:#fed66d1a;border:1px solid #fed66d80}.vf-composer{border-top:1px solid var(--line-soft);background:#07010b4d;align-items:flex-end;gap:10px;padding:clamp(12px,1.6vw,18px) clamp(16px,2.2vw,24px);display:flex}.vf-composer textarea{min-width:0;min-height:46px;max-height:200px;color:var(--ink);font:inherit;resize:none;transition:border-color var(--motion-fast), box-shadow var(--motion-fast);background:#07010b8a;border:1px solid #f8edff29;border-radius:10px;outline:none;flex:auto;padding:12px 13px;line-height:1.5}.vf-composer textarea:focus{border-color:#5cfbf7b8;box-shadow:0 0 0 3px #5cfbf71f}.vf-composer textarea::placeholder{color:#dbc8e88c}.vf-composer__send{white-space:nowrap;flex:none;min-height:46px}.vf-composer__send:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.vf-badge{color:var(--teal);text-transform:uppercase;border:1px solid #5cfbf761;border-radius:6px;flex:none;align-self:center;padding:6px 9px;font-size:.64rem}.vf-badge.is-ready{color:var(--yellow);border-color:#fed66d80}.vf-badge.is-blocked,.vf-badge.is-stale{color:#ffb8b8;border-color:#ff7e7e8f}.vf-badge.is-loading{color:var(--teal);border-color:#5cfbf78f}.vf-badge.is-posted{color:var(--teal);background:#5cfbf71a;border-color:#5cfbf799}.vf-preview-body{flex-direction:column;flex:auto;gap:16px;min-height:0;padding:clamp(18px,2.4vw,28px);display:flex;overflow-y:auto}.vf-pv__loading{color:var(--ink-dim);font-size:.9rem;line-height:1.5}.vf-pv__stale{color:var(--yellow);background:#fed66d12;border:1px solid #fed66d66;border-radius:6px;padding:9px 11px;font-size:.86rem;line-height:1.45}.vf-discord-post{border-radius:var(--radius);background:linear-gradient(#5865f221,#5865f20a),#07010b7a;border:1px solid #5865f257;border-left:4px solid #5865f2;gap:16px;padding:clamp(18px,2.2vw,26px);display:grid}.vf-discord-post__channel{color:var(--teal);text-transform:uppercase;font-size:.68rem}.vf-discord-post__byline{color:var(--ink-soft);overflow-wrap:anywhere;font-size:.92rem;line-height:1.45}.vf-discord-post h4{color:var(--yellow);overflow-wrap:anywhere;font-size:clamp(1.15rem,1.5vw,1.45rem);line-height:1.18}.vf-discord-post p,.vf-pv__text{color:var(--ink-soft);overflow-wrap:anywhere;white-space:pre-wrap;line-height:1.62}.vf-discord-post__hook{color:var(--ink);font-size:1rem}.vf-discord-post__closing{border-top:1px solid var(--line-soft);gap:5px;padding-top:2px;display:grid}.vf-pv__section{flex-direction:column;gap:7px;display:flex}.vf-pv__label{color:var(--teal);text-transform:uppercase;font-size:.68rem}.vf-pv__text{font-size:.92rem}.vf-pv__bullets{gap:8px;margin:0;padding-left:19px;display:grid}.vf-pv__bullets li{color:var(--ink-soft);padding-left:2px;font-size:.92rem;line-height:1.58}.vf-pv__tweaks ul{flex-direction:column;gap:5px;margin:6px 0 0;padding-left:18px;display:flex}.vf-pv__tweaks li{color:var(--ink-soft);font-size:.9rem;line-height:1.5}.vf-pv__blocked{color:#ffd2d2;background:#ff7e7e14;border:1px solid #ff7e7e73;border-radius:6px;padding:10px 12px;font-size:.88rem;line-height:1.45}.vf-preview-actions{border-top:1px solid var(--line-soft);grid-template-columns:repeat(auto-fit,minmax(138px,1fr));gap:10px;padding:clamp(12px,1.6vw,18px) clamp(16px,2.2vw,24px);display:grid}.vf-preview-actions .btn{white-space:normal;width:100%;min-height:46px}.vf-preview-actions .btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}@keyframes vf-typing{0%,to{opacity:.4;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}@media (width<=960px){.vf-chat-panel,.vf-preview-panel{height:auto}.vf-log{min-height:240px;max-height:56vh}.vf-preview-body{overflow:visible}}@media (width<=480px){.vf-msg{max-width:94%}.vf-userrow{flex-wrap:wrap}.vf-preview-actions{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.vf-msg,.vf-typing i{animation:none!important}.vf-log{scroll-behavior:auto}.vf-notice.is-visible{animation:none!important}}.vf-how{padding:var(--section-y) var(--page-x);background:var(--bg);border-top:1px solid var(--line)}.vf-steps{max-width:var(--max-w);grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,1.6vw,20px);margin:0 auto;display:grid}.vf-step{min-height:230px;padding:var(--card-pad);border:1px solid var(--panel-border);border-radius:var(--radius);background:linear-gradient(#ffffff13,#ffffff06),#110318cc;position:relative;overflow:hidden}.vf-step:before{content:"";border-top:4px solid var(--step-accent,var(--teal));background:linear-gradient(135deg, color-mix(in srgb, var(--step-accent,var(--teal)) 16%, transparent), transparent 42%);pointer-events:none;position:absolute;inset:0}.vf-step:first-child{--step-accent:var(--teal)}.vf-step:nth-child(2){--step-accent:var(--yellow)}.vf-step:nth-child(3){--step-accent:var(--purple)}.vf-step:nth-child(4){--step-accent:var(--teal)}.vf-step>*{z-index:1;position:relative}.vf-step__num{color:var(--step-accent,var(--teal));font-size:.78rem;font-weight:700}.vf-step h3{color:var(--ink);text-transform:uppercase;margin-top:46px;font-size:1.55rem;line-height:1.08}.vf-step p{color:var(--ink-soft);margin-top:14px;line-height:1.58}.vf-notes{max-width:var(--max-w);grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,1.6vw,20px);margin:clamp(18px,2vw,26px) auto 0;display:grid}.vf-note{border:1px solid var(--panel-border);border-radius:var(--radius);background:linear-gradient(135deg,#5cfbf714,#0000 48%,#fed66d0d),#110318b8;padding:clamp(18px,2vw,26px)}.vf-note h3{color:var(--yellow);text-transform:uppercase;font-size:clamp(1.15rem,1.45vw,1.4rem);line-height:1.12}.vf-note p{color:var(--ink-soft);margin-top:12px;line-height:1.62}@media (hover:hover){.vf-panel,.vf-step{--lift-y:0px;transform:translateY(var(--lift-y));transition:transform var(--motion-med), border-color var(--motion-med), box-shadow var(--motion-med)}.vf-panel:hover,.vf-step:hover{--lift-y:var(--hover-lift-y);border-color:var(--panel-border-active);box-shadow:0 22px 60px #0006, var(--glow-soft)}.vf-chat__send:not([disabled]):hover,.vf-actions .btn:not([disabled]):hover{filter:brightness(1.08);box-shadow:0 0 24px #5cfbf72e}}@keyframes vf-scan{0%,to{opacity:.35;transform:translateY(-120px)}50%{opacity:1;transform:translateY(120px)}}@keyframes vf-fade-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=1120px){.vf-hero__inner,.vf-console{grid-template-columns:1fr}.vf-hero,.vf-hero__inner{min-height:auto}.vf-hero__inner{padding:62px 0 76px}.vf-hero__visual{min-height:clamp(320px,48vw,480px)}.vf-panel--preview{position:relative;top:auto}}@media (width<=1180px){.vf-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.vf-workspace{padding-inline:16px 28px}.vf-workspace .section-copy,.vf-input__actions p{overflow-wrap:anywhere;max-width:320px}.vf-hero__inner{width:auto;margin-inline:18px;padding-top:52px}.vf-hero__title{text-shadow:3px 3px #ad19d1e0;font-size:clamp(3rem,13vw,4.5rem)}.vf-hero__lede{max-width:330px;font-size:1rem}.vf-hero__subtitle{max-width:300px}.vf-hero__ctas,.vf-actions,.vf-input__actions,.vf-preview__support{grid-template-columns:1fr}.vf-hero__ctas{flex-direction:column}.vf-hero__ctas .btn{white-space:normal;width:calc(100% - 12px);max-width:100%}.vf-hero__ctas .btn-primary{box-shadow:4px 4px #ad19d1e0}.vf-hero__visual{min-height:300px}.vf-hero__signal{max-width:160px;font-size:.62rem}.vf-console{gap:18px}.vf-chat{margin-inline:16px}.vf-input__actions{align-items:stretch;margin-inline:16px}.vf-chat__send,.vf-actions .btn{width:calc(100% - 10px)}.vf-chat__log{max-height:320px}.vf-message{max-width:100%}.vf-preview{min-height:auto}.vf-preview__empty{min-height:320px}.vf-steps,.vf-notes{grid-template-columns:1fr}.vf-step{min-height:190px}.vf-step h3{margin-top:34px}}@media (width<=480px){.vf-hero__inner{margin-inline:16px;padding-bottom:58px}.vf-hero__title{font-size:2.56rem}.vf-hero__subtitle{font-size:1rem}.vf-hero__visual{min-height:260px}.vf-hero__signal{display:none}.vf-panel__head,.vf-chat__head{flex-direction:column;gap:12px}.vf-panel__chip,.vf-preview__status,.vf-chat__count{max-width:none}.vf-field{padding-inline:16px}.vf-alert,.vf-preview,.vf-actions{margin-inline:0}.vf-preview,.vf-actions{padding-inline:16px}}@media (prefers-reduced-motion:reduce){.vf-hero__mark,.vf-hero__scan{animation:none!important}.vf-message,.vf-alert.is-visible,.vf-preview__card,.vf-preview__empty{animation:none!important;transform:none!important}.vf-panel,.vf-step,.vf-actions .btn,.vf-chat__send{transition:none!important}.vf-panel:hover,.vf-step:hover{transform:none!important}}
