.contact-page{color:#fff;background:radial-gradient(circle at 80% 8%,#2563eb1f,#0000 28%),#050505;min-height:100vh;overflow:hidden}.contact-hero{border-bottom:1px solid #181818;padding:150px 8% 120px;position:relative}.contact-hero:before{content:"";background:linear-gradient(#2563ebb3,#0000);width:1px;height:180px;position:absolute;top:0;right:8%}.contact-hero-inner{max-width:1180px;margin:0 auto}.contact-kicker{color:#777;letter-spacing:4px;align-items:center;gap:14px;margin-bottom:32px;font-size:11px;font-weight:500;display:flex}.contact-kicker-line{background:#2563eb;width:34px;height:1px}.contact-hero h1{letter-spacing:-4px;max-width:1000px;margin:0;font-size:clamp(52px,7vw,96px);font-weight:400;line-height:.98}.contact-hero h1 span{color:#2563eb}.contact-hero p{color:#8a8a8a;max-width:650px;margin:38px 0 0;font-size:17px;line-height:1.8}.contact-container{grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);gap:110px;max-width:1180px;margin:0 auto;padding:110px 0 130px;display:grid;position:relative}.contact-info{min-width:0}.contact-section-label{align-items:center;gap:16px;margin-bottom:28px;display:flex}.contact-section-label span{color:#2563eb;letter-spacing:2px;font-size:11px;font-weight:600}.contact-section-label p{color:#666;letter-spacing:4px;margin:0;font-size:10px;font-weight:500}.contact-info h2{letter-spacing:-2px;margin:0;font-size:clamp(40px,4vw,58px);font-weight:400;line-height:1.05}.contact-info h2 span{color:#2563eb}.contact-intro{color:#7d7d7d;max-width:560px;margin:28px 0 0;font-size:16px;line-height:1.85}.project-process{border-top:1px solid #1d1d1d;margin-top:100px;padding-top:38px}.process-title h3{letter-spacing:-1.5px;margin:0 0 42px;font-size:clamp(30px,3vw,42px);font-weight:400;line-height:1.1}.process-title h3 span{color:#2563eb}.process-list{position:relative}.process-list:before{content:"";background:#202020;width:1px;position:absolute;top:7px;bottom:7px;left:5px}.process-item{grid-template-columns:12px 1fr;gap:25px;padding-bottom:34px;display:grid;position:relative}.process-item:last-child{padding-bottom:0}.process-number{z-index:2;background:#050505;border:2px solid #2563eb;border-radius:50%;width:11px;height:11px;margin-top:3px;font-size:0;position:relative}.process-content h4{color:#e8e8e8;margin:0;font-size:15px;font-weight:500}.process-content p{color:#666;max-width:460px;margin:8px 0 0;font-size:13px;line-height:1.7}.contact-form-wrapper{background:linear-gradient(145deg,#ffffff09,#ffffff03);border:1px solid #252525;border-radius:2px;padding:48px;position:relative;box-shadow:0 35px 100px #00000059,inset 0 1px #ffffff06}.contact-form-wrapper:before{content:"";background:#2563eb;width:80px;height:2px;position:absolute;top:-1px;left:40px}.form-top{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.form-label{color:#666;letter-spacing:4px;margin-bottom:20px;font-size:10px;font-weight:600;display:block}.form-top h2{letter-spacing:-2px;margin:0;font-size:clamp(34px,3.5vw,48px);font-weight:400;line-height:1}.form-top h2 span{color:#2563eb}.form-index{color:#444;letter-spacing:2px;white-space:nowrap;font-size:10px;font-weight:600}.form-description{color:#707070;margin:22px 0 42px;font-size:13px;line-height:1.6}.contact-form{flex-direction:column;gap:24px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:18px;display:grid}.form-field{flex-direction:column;gap:10px;display:flex}.form-field label{color:#8b8b8b;letter-spacing:2px;text-transform:uppercase;font-size:10px;font-weight:600}.form-field label span{color:#2563eb}.contact-form input,.contact-form textarea,.contact-form select{box-sizing:border-box;color:#fff;background:#080808;border:1px solid #292929;border-radius:0;outline:none;width:100%;font-family:inherit;font-size:14px;transition:border-color .2s,background-color .2s,box-shadow .2s}.contact-form input,.contact-form select{min-height:54px;padding:0 16px}.contact-form textarea{resize:vertical;min-height:155px;padding:16px;line-height:1.6}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#444}.contact-form select{appearance:none;background-image:linear-gradient(45deg,#0000 50%,#555 50%),linear-gradient(135deg,#555 50%,#0000 50%);background-position:calc(100% - 19px) 23px,calc(100% - 14px) 23px;background-repeat:no-repeat;background-size:5px 5px,5px 5px}.contact-form input:hover,.contact-form textarea:hover,.contact-form select:hover{border-color:#363636}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{background:#0a0a0a;border-color:#2563eb;box-shadow:0 0 0 1px #2563eb1f,0 0 30px #2563eb0f}.quote-options{gap:10px;margin:10px 0 8px;display:grid}.quote-options-title{color:#777;letter-spacing:.08em;text-transform:uppercase;margin:0 0 4px;font-size:11px}.quote-section{border-top:1px solid #ffffff29}.quote-section:last-child{border-bottom:1px solid #ffffff29}.quote-section summary{cursor:pointer;-webkit-tap-highlight-color:transparent;justify-content:space-between;align-items:center;gap:15px;padding:16px 0;font-weight:600;list-style:none;display:flex}.quote-section summary::-webkit-details-marker{display:none}.quote-section summary::marker{display:none}.quote-section-icon{color:#2563eb;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:22px;font-weight:300;line-height:1;transition:transform .2s;display:flex}.quote-section[open] .quote-section-icon{transform:rotate(45deg)}.quote-checkboxes{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:2px 0 18px;display:grid}.quote-choice{cursor:pointer;align-items:flex-start;gap:9px;font-size:13px;line-height:1.4;display:flex}.quote-choice input{accent-color:#fff;width:16px;height:16px;margin:1px 0 0}.form-success{color:#dbeafe;background:#2563eb14;border:1px solid #2563eb59;margin:0;padding:16px;font-size:13px;line-height:1.6}.form-bottom{border-top:1px solid #1d1d1d;justify-content:space-between;align-items:center;gap:25px;margin-top:5px;padding-top:25px;display:flex}.form-bottom p{color:#555;max-width:240px;margin:0;font-size:11px;line-height:1.6}.form-bottom button{color:#fff;cursor:pointer;letter-spacing:2px;background:#2563eb;border:1px solid #2563eb;border-radius:0;justify-content:space-between;align-items:center;gap:30px;min-width:220px;min-height:52px;padding:0 18px 0 22px;font-family:inherit;font-size:10px;font-weight:600;transition:background-color .2s,border-color .2s,transform .2s,box-shadow .2s;display:inline-flex}.form-bottom button strong{flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:20px;font-weight:400;line-height:1;display:flex}.form-bottom button:hover:not(:disabled){background:#1d4ed8;border-color:#1d4ed8;transform:translateY(-2px);box-shadow:0 15px 35px #2563eb2e}.form-bottom button:focus-visible{outline-offset:4px;outline:2px solid #fff}.form-bottom button:disabled{opacity:.65;cursor:wait;box-shadow:none;transform:none}.contact-bottom{text-align:center;border-top:1px solid #181818;margin:0 8%;padding:120px 0 140px;position:relative}.bottom-label{justify-content:center;align-items:center;gap:15px;margin-bottom:28px;display:flex}.bottom-label span{color:#2563eb;letter-spacing:2px;font-size:11px;font-weight:600}.bottom-label p{color:#555;letter-spacing:4px;margin:0;font-size:10px;font-weight:600}.contact-bottom h2{letter-spacing:-3px;margin:0;font-size:clamp(42px,6vw,76px);font-weight:400;line-height:1}.contact-bottom h2 span{color:#2563eb}.contact-bottom>p{color:#666;margin:25px 0 35px;font-size:15px}.contact-bottom>a{color:#fff;letter-spacing:3px;align-items:center;gap:12px;font-size:10px;font-weight:600;text-decoration:none;transition:color .2s,gap .2s;display:inline-flex}.contact-bottom>a span{color:#2563eb;font-size:16px}.contact-bottom>a:hover{color:#2563eb;gap:17px}@media (max-width:1050px){.contact-container{grid-template-columns:1fr;gap:80px;padding-left:25px;padding-right:25px}.contact-hero{padding-left:25px;padding-right:25px}.contact-hero-inner{max-width:900px}.contact-form-wrapper{box-sizing:border-box;width:100%;max-width:760px}}@media (max-width:700px){.contact-hero{padding:100px 20px 75px}.contact-hero:before{height:100px;right:20px}.contact-kicker{letter-spacing:3px;margin-bottom:24px;font-size:9px}.contact-hero h1{letter-spacing:-2.5px;font-size:47px;line-height:1}.contact-hero p{margin-top:28px;font-size:15px;line-height:1.7}.contact-container{gap:70px;padding:75px 20px 90px}.contact-info h2{letter-spacing:-1.5px;font-size:42px}.contact-intro{font-size:15px}.project-process{margin-top:70px}.process-title h3{font-size:31px}.contact-form-wrapper{box-sizing:border-box;width:100%;padding:30px 22px 24px}.form-top h2{font-size:35px}.form-index{display:none}.form-row{grid-template-columns:1fr;gap:24px}.contact-form{gap:22px}.quote-section summary{touch-action:manipulation;min-height:54px;padding:14px 0}.quote-section-icon{width:30px;height:30px;font-size:23px}.quote-checkboxes{grid-template-columns:1fr;gap:12px}.form-bottom{flex-direction:column;align-items:stretch}.form-bottom p{max-width:100%}.form-bottom button{width:100%;min-height:56px}.form-bottom button strong{font-size:21px}.contact-bottom{margin:0 20px;padding:90px 0 110px}.contact-bottom h2{letter-spacing:-2px;font-size:43px}}@media (max-width:380px){.contact-hero h1{font-size:40px}.contact-form-wrapper{padding:26px 17px 22px}.form-top h2{font-size:31px}.form-bottom button{gap:15px;min-width:0;padding-left:18px;padding-right:16px}}@media (prefers-reduced-motion:reduce){.contact-form input,.contact-form textarea,.contact-form select,.form-bottom button,.contact-bottom>a,.quote-section-icon{transition:none}}
