.dialog-page{height:100vh;overflow:hidden}.dialog-head{position:fixed;background:rgba(2,10,18,.75);backdrop-filter:blur(12px)}.dialog-shell{height:100vh;display:grid;grid-template-columns:41% 59%;padding-top:96px}.dialog-side{position:relative;overflow:hidden}.dialog-photo{position:absolute;inset:0;background:url("assets/valve-exploded-cinematic.webp") 57% center/cover no-repeat;animation:dialogphoto 14s ease-in-out infinite alternate}.dialog-side-wash{position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,10,18,.12),rgba(2,10,18,.92)),linear-gradient(90deg,rgba(2,10,18,.15),transparent)}.dialog-side-copy{position:absolute;left:8%;right:8%;top:16%}.dialog-side h1{margin:24px 0;font:700 clamp(45px,5vw,80px)/.86 var(--display);letter-spacing:-.055em}.dialog-side h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1px #a7b5c0}.dialog-side-copy>p:last-child{max-width:400px;color:#99abb9;line-height:1.75}.dialog-contact{position:absolute;left:8%;bottom:6%;display:flex;flex-direction:column}.dialog-contact>span{color:#668198;font:7px monospace;letter-spacing:.13em}.dialog-contact>a{margin:9px 0;font:500 22px var(--display)}.dialog-contact small{color:#668198;font:7px monospace;letter-spacing:.12em}.dialog-main{padding:55px 7vw;background:#f4f6f8;color:var(--navy);overflow:auto}.dialog-progress{display:flex;align-items:center;gap:40px;margin-bottom:65px}.dialog-progress>div{display:flex;flex-direction:column}.dialog-progress span{color:var(--blue);font:8px monospace;letter-spacing:.13em}.dialog-progress>div b{margin-top:5px;font:600 12px var(--display);letter-spacing:.1em}.dialog-progress>i{flex:1;height:1px;background:#c3cdd5}.dialog-progress>i b{display:block;width:25%;height:1px;background:var(--blue);box-shadow:0 0 8px rgba(22,119,255,.5);transition:.45s}.dialog-step{display:none;margin:0;padding:0;border:0;animation:stepin .55s ease}.dialog-step.active{display:block}.dialog-step legend{font:650 clamp(36px,4vw,62px)/1 var(--display);letter-spacing:-.035em}.dialog-step>p{margin:16px 0 35px;color:#6e7c89}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.choice-grid label{cursor:pointer}.choice-grid input{position:absolute;opacity:0}.choice-grid label>span{min-height:115px;display:flex;flex-direction:column;padding:20px;border:1px solid #c2ccd4;background:white;transition:.25s}.choice-grid span>b{color:#8b9aa6;font:7px monospace}.choice-grid strong{margin-top:auto;font:600 15px var(--display);letter-spacing:.03em}.choice-grid small{margin-top:6px;color:#82909b;font-size:9px}.choice-grid input:checked+span{border-color:var(--blue);box-shadow:inset 3px 0 var(--blue),0 10px 25px rgba(6,27,51,.08);transform:translateY(-2px)}.choice-grid input:checked+span>b{color:var(--blue)}.choice-grid.compact label>span{min-height:83px}.input-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.input-grid label{display:flex;flex-direction:column}.input-grid label.wide{grid-column:1/-1}.input-grid label>span{margin-bottom:8px;color:#758694;font:7px monospace;letter-spacing:.12em}.input-grid input,.input-grid textarea{width:100%;padding:12px 2px;border:0;border-bottom:1px solid #aebbc5;outline:0;background:transparent;color:var(--navy);resize:vertical}.input-grid input:focus,.input-grid textarea:focus{border-color:var(--blue);box-shadow:0 1px var(--blue)}.summary{display:flex;gap:13px;margin-top:35px;padding:18px;border-left:2px solid var(--blue);background:white}.summary>i{width:8px;height:8px;margin-top:3px;border-radius:50%;background:#44d988}.summary span{display:flex;flex-direction:column}.summary b{font-size:8px;letter-spacing:.11em}.summary small{margin-top:5px;color:#738391;font-size:9px}.dialog-controls{display:flex;justify-content:flex-end;align-items:center;gap:20px;margin-top:45px}.dialog-controls button{border:0;background:none;color:#72818e;font-size:8px;font-weight:700;letter-spacing:.12em;cursor:pointer}.dialog-controls button:disabled{opacity:.3}.dialog-controls .primary{color:white;background:var(--blue)}.hidden{display:none!important}@keyframes dialogphoto{to{transform:scale(1.05) translateX(-1%)}}@keyframes stepin{from{opacity:0;transform:translateX(25px)}to{opacity:1;transform:none}}@media(max-width:850px){.dialog-page{height:auto;overflow:auto}.dialog-shell{height:auto;grid-template-columns:1fr;padding-top:76px}.dialog-side{height:590px}.dialog-main{padding:60px 22px;overflow:visible}.dialog-progress{margin-bottom:45px}.choice-grid{grid-template-columns:1fr}.input-grid{grid-template-columns:1fr}.input-grid label.wide{grid-column:auto}}@media(max-width:550px){.dialog-side{height:520px}.dialog-side h1{font-size:49px}.dialog-main{padding-top:45px}.dialog-step legend{font-size:38px}.dialog-controls{justify-content:space-between}}
