.vision{position:relative;z-index:2;min-height:100vh;padding:clamp(110px,16vh,160px) clamp(22px,5vw,80px) clamp(60px,8vh,110px);background:radial-gradient(ellipse 90% 60% at 70% 0,rgba(45,124,255,.08),transparent),radial-gradient(ellipse 80% 60% at 20% 100%,hsla(29,56%,63%,.08),transparent),var(--bg)}.vision__title{font-size:clamp(34px,5vw,62px);margin:14px 0 10px}.vision__sub{max-width:58ch;margin-bottom:40px}.vision__grid{display:grid;grid-template-columns:minmax(320px,1.1fr) minmax(300px,.9fr);grid-gap:clamp(28px,4vw,64px);gap:clamp(28px,4vw,64px);align-items:start}.vision__label{font-size:9.5px;letter-spacing:.26em;color:var(--copper);margin:26px 0 12px}.vision__label:first-child{margin-top:0}.vision__chips{display:flex;flex-wrap:wrap;gap:9px 10px}.vision__chip{padding:11px 18px;border-radius:40px;border:1px solid hsla(29,56%,63%,.25);background:rgba(10,12,18,.5);color:var(--ink-dim);font-family:var(--sans);font-size:13px;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;transition:color .3s,border-color .3s,background .3s,box-shadow .3s,transform .3s var(--ease)}.vision__chip:hover{color:var(--ink);border-color:var(--copper);transform:translateY(-2px)}.vision__chip.is-on{color:#0a0c12;background:linear-gradient(120deg,var(--copper-bright),var(--copper));border-color:transparent;box-shadow:0 0 22px -6px hsla(29,56%,63%,.9)}.vision__swatches{display:flex;flex-wrap:wrap;gap:12px}.vision__swatch{position:relative;width:52px;height:52px;border-radius:50%;border:2px solid rgba(238,240,244,.18);cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;transition:transform .3s var(--ease),border-color .3s,box-shadow .3s}.vision__swatch:hover{transform:scale(1.1)}.vision__swatch.is-on{border-color:var(--copper-bright);box-shadow:0 0 0 3px #05060a,0 0 0 5px var(--copper),0 0 24px hsla(29,56%,63%,.7);transform:scale(1.12)}.vision__swatch-name{position:absolute;top:calc(100% + 6px);left:50%;transform:translateX(-50%);font-size:8px;letter-spacing:.12em;color:var(--ink-faint);white-space:nowrap;opacity:0;transition:opacity .25s;pointer-events:none}.vision__swatch.is-on .vision__swatch-name,.vision__swatch:hover .vision__swatch-name{opacity:1}.vision__sentence{width:100%;background:rgba(10,12,18,.55);border:1px solid hsla(29,56%,63%,.25);border-radius:16px;padding:16px 18px;color:var(--ink);font-family:var(--sans);font-size:14.5px;line-height:1.6;resize:vertical;min-height:84px;outline:none;transition:border-color .3s,box-shadow .3s}.vision__sentence:focus{border-color:var(--copper);box-shadow:0 0 0 3px hsla(29,56%,63%,.15)}.vision__sentence::placeholder{color:var(--ink-faint)}.vision__board-wrap{position:-webkit-sticky;position:sticky;top:110px;display:flex;flex-direction:column;gap:18px}.vision__board{position:relative;min-height:clamp(300px,44vh,430px);border-radius:24px;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:clamp(24px,3vw,40px);transition:background .8s var(--ease)}.vision__board-scrim{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 100%,rgba(5,6,10,.55),rgba(5,6,10,.15) 60%),linear-gradient(180deg,rgba(5,6,10,.25),transparent 40%);pointer-events:none}.vision__empty{position:relative;font-size:10px;letter-spacing:.2em;color:rgba(238,240,244,.75);text-align:center;max-width:26ch;line-height:2}.vision__board-content{display:flex;flex-direction:column;gap:18px;text-align:center;align-items:center}.vision__board-moods{display:flex;flex-wrap:wrap;gap:6px 18px;justify-content:center}.vision__board-moods span{font-family:var(--serif);font-style:italic;font-size:clamp(20px,2.2vw,28px);color:#fdf9f2;text-shadow:0 2px 18px rgba(5,6,10,.65)}.vision__board-sentence{font-family:var(--serif);font-size:clamp(15px,1.5vw,19px);line-height:1.65;color:hsla(38,73%,97%,.95);max-width:34ch;text-shadow:0 2px 14px rgba(5,6,10,.7)}.vision__board-needs{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.vision__board-needs span{font-size:8.5px;letter-spacing:.18em;padding:8px 14px;border-radius:30px;border:1px solid hsla(38,73%,97%,.4);color:#fdf9f2;background:rgba(5,6,10,.35);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.vision__actions{display:flex;gap:12px;flex-wrap:wrap}.btn--disabled{opacity:.45;pointer-events:none}@media (max-width:900px){.vision__grid{grid-template-columns:1fr}.vision__board-wrap{position:static}}.vision__family{display:flex;align-items:center;gap:16px;margin-bottom:16px}.vision__family-name{flex:0 0 74px;font-size:8.5px;letter-spacing:.22em;color:var(--ink-faint);text-align:right}.vision__swatch{width:42px;height:42px}@media (max-width:560px){.vision__family{flex-direction:column;align-items:flex-start;gap:8px}.vision__family-name{flex:none;text-align:left}}.vision__board-moods span.vision-mood--minimal{font-family:var(--sans);font-style:normal;font-weight:300;letter-spacing:.32em;text-transform:uppercase;font-size:clamp(13px,1.4vw,17px)}.vision__board-moods span.vision-mood--bold{font-family:var(--sans);font-style:normal;font-weight:800;text-transform:uppercase;letter-spacing:.02em;font-size:clamp(24px,2.8vw,34px)}.vision__board-moods span.vision-mood--cosmic{font-family:var(--serif);font-style:italic;text-shadow:0 0 18px rgba(130,180,255,.9),0 0 40px rgba(122,43,255,.5)}.vision__board-moods span.vision-mood--luxury{font-family:var(--serif);font-style:normal;background:linear-gradient(120deg,#f4e9d8,#d6a06c 45%,#8a8f9c 80%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;letter-spacing:.06em}.vision__board-moods span.vision-mood--warm{font-family:var(--serif);font-style:normal;text-transform:lowercase;letter-spacing:.01em}.vision__board-moods span.vision-mood--tech{font-family:var(--mono);font-style:normal;text-transform:uppercase;letter-spacing:.2em;font-size:clamp(13px,1.5vw,18px)}.vision__board-moods span.vision-mood--playful{font-family:var(--sans);font-style:normal;font-weight:700;display:inline-block;transform:rotate(-3deg)}.vision__board-moods span.vision-mood--playful:nth-child(2n){transform:rotate(2.5deg)}.vision__board-moods span.vision-mood--editorial{font-family:var(--serif);font-style:normal;letter-spacing:.14em;text-transform:uppercase;font-size:clamp(14px,1.6vw,19px)}.vision-sentence--minimal{font-family:var(--sans);font-weight:300;letter-spacing:.08em}.vision-sentence--bold{font-family:var(--sans);font-weight:700}.vision-sentence--cosmic{font-style:italic;text-shadow:0 0 16px rgba(130,180,255,.7)}.vision-sentence--luxury{letter-spacing:.04em}.vision-sentence--tech{font-family:var(--mono);font-size:clamp(12px,1.2vw,15px);letter-spacing:.08em}.vision-sentence--playful{font-family:var(--sans);font-weight:600}.vision-sentence--editorial{letter-spacing:.1em}.vision__chip--logo{display:inline-flex;align-items:center;gap:10px}.vision__logo-glyph{display:inline-grid;place-items:center;min-width:26px;height:26px;padding:0 4px;border-radius:7px;border:1px solid;font-size:10px}.vision__logo-glyph--wordmark{font-family:var(--sans);letter-spacing:.18em;font-size:7px;font-weight:600}.vision__logo-glyph--monogram{border-radius:50%;font-family:var(--serif);font-size:13px}.vision__logo-glyph--symbol{border:none;font-size:14px}.vision__logo-glyph--emblem{border-radius:50%;font-size:12px}.vision__logo-glyph--signature{border:none;font-family:var(--serif);font-style:italic;font-size:12px}.vision__logo-glyph--notsureyet{border-style:dashed}.vision__board-logos{display:flex;gap:14px;justify-content:center}.vision__board-logo{display:grid;place-items:center;min-width:44px;height:44px;padding:0 8px;border-radius:12px;border:1.5px solid hsla(38,73%,97%,.75);color:#fdf9f2;background:rgba(5,6,10,.3);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-size:15px;text-shadow:0 1px 8px rgba(5,6,10,.6)}.vision__board-logo--wordmark{font-family:var(--sans);letter-spacing:.2em;font-size:9px;font-weight:600}.vision__board-logo--monogram{border-radius:50%;font-family:var(--serif);font-size:19px}.vision__board-logo--symbol{border:none;font-size:20px}.vision__board-logo--emblem{border-radius:50%}.vision__board-logo--signature{border:none;font-family:var(--serif);font-style:italic;font-size:17px}.vision__links{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;margin-top:10px}.vision__input{background:rgba(10,12,18,.55);border:1px solid hsla(29,56%,63%,.25);border-radius:12px;padding:13px 16px;color:var(--ink);font-family:var(--sans);font-size:13.5px;outline:none;transition:border-color .3s,box-shadow .3s}.vision__input:focus{border-color:var(--copper);box-shadow:0 0 0 3px hsla(29,56%,63%,.15)}.vision__input::placeholder{color:var(--ink-faint)}.vision__attach{margin-top:10px;font-size:9px;letter-spacing:.12em;color:var(--ink-faint);text-transform:none}@media (max-width:560px){.vision__links{grid-template-columns:1fr}}.vision__board.is-motion{background-size:240% 240%;animation:boardPan 9s ease-in-out infinite alternate}@keyframes boardPan{0%{background-position:0 0}to{background-position:100% 100%}}.vision__board.is-motion .vision__board-content{animation:boardDrift 6.5s ease-in-out infinite alternate}@keyframes boardDrift{0%{transform:translateY(8px) scale(.99)}to{transform:translateY(-10px) scale(1.015)}}.vision__board.is-motion:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 32%,hsla(38,73%,97%,.14) 48%,transparent 64%);transform:translateX(-120%);animation:boardShine 4.5s var(--ease) infinite;pointer-events:none}@keyframes boardShine{0%{transform:translateX(-120%)}55%,to{transform:translateX(120%)}}.vision__board-content{position:relative;z-index:2}.vision__fx-flash{position:absolute;inset:0;z-index:3;background:radial-gradient(ellipse at 62% 30%,hsla(0,0%,100%,.95),hsla(0,0%,100%,.4) 40%,transparent 75%);opacity:0;animation:fxFlash 5.5s ease-out infinite;pointer-events:none}@keyframes fxFlash{0%,91%,to{opacity:0}92%{opacity:.9}94%{opacity:.25}96%{opacity:.5}98%{opacity:0}}.vision__fx-mono{position:absolute;z-index:1;top:50%;left:0;font-family:var(--serif);font-size:clamp(160px,26vw,300px);line-height:1;color:hsla(38,73%,97%,.08);text-shadow:0 0 60px hsla(38,73%,97%,.06);transform:translateY(-50%);animation:fxMonoDrift 16s linear infinite;pointer-events:none}@keyframes fxMonoDrift{0%{left:-30%;transform:translateY(-50%) rotate(-6deg)}to{left:105%;transform:translateY(-42%) rotate(4deg)}}.vision__fx-browser{position:absolute;top:0;left:0;right:0;z-index:3;display:flex;align-items:center;gap:7px;padding:12px 16px;background:rgba(5,6,10,.72);border-bottom:1px solid hsla(38,73%,97%,.14);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);pointer-events:none}.vision__fx-browser i{width:9px;height:9px;border-radius:50%;background:hsla(38,73%,97%,.28)}.vision__fx-browser i:first-child{background:#e0645c}.vision__fx-browser i:nth-child(2){background:#e8c87a}.vision__fx-browser i:nth-child(3){background:#57bd77}.vision__fx-browser em{margin-left:12px;font-style:normal;font-family:var(--mono);font-size:9px;letter-spacing:.14em;color:hsla(38,73%,97%,.65);background:hsla(38,73%,97%,.08);border-radius:20px;padding:5px 14px}.vision__board.fx-web{padding-top:64px}.vision__board.fx-deck .vision__board-content{animation:fxDeckSwipe 6s var(--ease) infinite}@keyframes fxDeckSwipe{0%,78%{transform:translateX(0);opacity:1}84%{transform:translateX(-46px);opacity:0}85%{transform:translateX(46px);opacity:0}92%,to{transform:translateX(0);opacity:1}}.vision__fx-graph{position:absolute;z-index:1;left:22px;bottom:20px;display:flex;align-items:flex-end;gap:5px;height:44px;pointer-events:none}.vision__fx-graph i{width:7px;border-radius:3px 3px 0 0;background:linear-gradient(180deg,hsla(38,73%,97%,.85),hsla(38,73%,97%,.2));animation:fxBars 2.6s ease-in-out infinite alternate}.vision__fx-graph i:first-child{height:30%;animation-delay:0s}.vision__fx-graph i:nth-child(2){height:55%;animation-delay:.3s}.vision__fx-graph i:nth-child(3){height:40%;animation-delay:.6s}.vision__fx-graph i:nth-child(4){height:75%;animation-delay:.9s}.vision__fx-graph i:nth-child(5){height:95%;animation-delay:1.2s}@keyframes fxBars{0%{transform:scaleY(.55)}to{transform:scaleY(1.1)}}.vision__fx-stars{position:absolute;inset:0;z-index:1;pointer-events:none}.vision__fx-stars i{position:absolute;width:3px;height:3px;border-radius:50%;background:#fdf9f2;box-shadow:0 0 8px hsla(38,73%,97%,.9);animation:fxTwinkle 3s ease-in-out infinite}.vision__fx-stars i:first-child{left:8%;top:18%;animation-delay:0s}.vision__fx-stars i:nth-child(2){left:22%;top:64%;animation-delay:.4s}.vision__fx-stars i:nth-child(3){left:33%;top:12%;animation-delay:.8s}.vision__fx-stars i:nth-child(4){left:45%;top:80%;animation-delay:1.2s}.vision__fx-stars i:nth-child(5){left:57%;top:24%;animation-delay:1.6s}.vision__fx-stars i:nth-child(6){left:66%;top:70%;animation-delay:2s}.vision__fx-stars i:nth-child(7){left:76%;top:16%;animation-delay:2.4s}.vision__fx-stars i:nth-child(8){left:88%;top:55%;animation-delay:2.8s}.vision__fx-stars i:nth-child(9){left:14%;top:42%;animation-delay:1s}.vision__fx-stars i:nth-child(10){left:52%;top:50%;animation-delay:1.4s}.vision__fx-stars i:nth-child(11){left:82%;top:82%;animation-delay:.6s}.vision__fx-stars i:nth-child(12){left:94%;top:30%;animation-delay:1.8s}@keyframes fxTwinkle{0%,to{opacity:.15;transform:scale(.7)}50%{opacity:1;transform:scale(1.25)}}.vision__fx-comet{position:absolute;top:12%;left:-20%;width:90px;height:1.6px;border-radius:2px;background:linear-gradient(90deg,transparent,hsla(38,73%,97%,.9),#fff);transform:rotate(16deg);filter:drop-shadow(0 0 6px rgba(253,249,242,.8));animation:fxComet 7s ease-in infinite;pointer-events:none}@keyframes fxComet{0%,62%{opacity:0;left:-20%;top:12%}65%{opacity:1}82%{opacity:0;left:110%;top:46%}to{opacity:0}}.vision__fx-orbiter{position:absolute;width:8px;height:8px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fdf3e4,#d6a06c);box-shadow:0 0 14px #d6a06c;animation:fxOrbit 8s linear infinite;pointer-events:none}@keyframes fxOrbit{0%{top:-4px;left:10%}25%{top:30%;left:calc(100% - 6px)}50%{top:calc(100% - 6px);left:70%}75%{top:55%;left:-4px}to{top:-4px;left:10%}}