/* About and contact — isolated visual refinement, no backend changes. */
.about.section{padding:44px;border:1px solid #ffffff1c;border-radius:26px;box-shadow:0 22px 70px #0003;background:#111722}
.about:before{background:linear-gradient(100deg,#080e18ed 5%,#101a2bce 60%,#0b162cb0),url('assets/about-photo.jpg') center/cover no-repeat}
.about:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 100% 0,#287cff40,transparent 65%)}
.about .eyebrow{color:#99c4ff;letter-spacing:2.5px;margin-bottom:28px}.about-grid{align-items:center;gap:50px}.about-grid .about-lead{color:#e3eaf5}.about-grid p{color:#aab8cc}.about .principles{gap:8px}.about .principles span{border:1px solid #9cbfff25;border-radius:30px;padding:7px 12px;background:#a9caff08;font-size:11px;color:#c6d7ef}
.build-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:36px;border-top:1px solid #a4c5ff26;padding-top:26px}.build-steps>div{padding:5px 20px 5px 0}.build-steps>div+div{border-left:1px solid #a4c5ff26;padding-left:24px}.build-steps span{display:block;font:10px/1.5 'DM Sans',sans-serif;letter-spacing:2px;color:#81b5ff;margin-bottom:12px}.build-steps strong{font:500 20px/1.3 'Space Grotesk',sans-serif;letter-spacing:-.5px;color:#f4f7ff}.build-steps p{margin:8px 0 0;font-size:13px;line-height:1.6;color:#a2aec0}
.contact{background:radial-gradient(ellipse at 85% 45%,#1758ab1c,transparent 55%),#111214;padding-block:85px}.contact-grid{align-items:center;gap:65px}.contact-intro .eyebrow{display:flex;align-items:center;gap:10px;color:#94bdff}.contact-intro .eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:#5a9fff;box-shadow:0 0 18px #388fff}.contact-intro h2{line-height:1.08}.contact-email{border-bottom:1px solid #619cf54d;padding-bottom:10px;font-size:clamp(14px,1.5vw,19px)}
.contact-form{position:relative;border-radius:25px;padding:32px;background:linear-gradient(145deg,#242b36,#191d24 58%,#1a2230);border:1px solid #b2cdff26;box-shadow:0 22px 70px #0005,inset 0 1px 0 #ffffff12;overflow:hidden}.contact-form:before{content:"";position:absolute;inset:0 15% auto;height:1px;background:linear-gradient(90deg,transparent,#8cc0ff,transparent);pointer-events:none}.form-heading{display:flex;align-items:center;gap:14px;margin-bottom:28px}.form-symbol{display:grid;place-items:center;flex:none;width:48px;height:48px;color:#a9ceff;font:500 22px 'Space Grotesk';border:1px solid #8eb8ff40;border-radius:15px;background:linear-gradient(135deg,#519cff33,#2661ad13);box-shadow:inset 0 1px 0 #ffffff16}.form-heading p{font-size:9px;letter-spacing:1.7px;color:#9baec8;margin:0 0 6px}.form-heading h3{font-size:24px;line-height:1.2;letter-spacing:-.7px;margin:0;color:#f4f7ff}.contact-form .field label{font-size:12px;color:#c8d4e4}.contact-form .field input,.contact-form .field textarea{border:1px solid #b1c5e51c;border-radius:12px;background:#10151db3;color:#f0f5ff;padding:14px 15px;transition:border-color .25s,box-shadow .25s,background .25s}.contact-form .field input:focus,.contact-form .field textarea:focus{outline:none;border-color:#549aff;background:#151e2c;box-shadow:0 0 0 4px #3988ff13}.contact-form .field input::placeholder,.contact-form .field textarea::placeholder{color:#78879b}.contact-form .form-submit{width:100%;border-radius:12px;padding:15px 20px;background:linear-gradient(110deg,#1688ff,#2765ef);box-shadow:0 7px 24px #1269f526;cursor:pointer;justify-content:space-between}.contact-form .form-submit:hover{transform:translateY(-2px);box-shadow:0 9px 28px #1269f540}.form-privacy{color:#8492a7;font-size:11px}.contact-form:focus-within{border-color:#8bbaff50}.form-status:empty{display:none}
@media(max-width:760px){.about.section{padding:27px 21px;border-radius:20px}.about-grid{gap:20px}.about .eyebrow{font-size:10px;margin-bottom:20px}.about h2{font-size:35px}.build-steps{gap:0;margin-top:24px;padding-top:6px;grid-template-columns:1fr}.build-steps>div,.build-steps>div+div{border-left:0;padding:16px 0;border-bottom:1px solid #a4c5ff16}.build-steps>div:last-child{border-bottom:0;padding-bottom:0}.build-steps span{font-size:9px;margin-bottom:5px}.build-steps strong{font-size:18px}.build-steps p{font-size:12px;margin-top:5px}.contact{padding-block:48px 30px}.contact-grid{gap:28px}.contact-form{padding:22px 18px;border-radius:20px}.form-heading{gap:12px;margin-bottom:22px}.form-heading h3{font-size:22px}.form-heading p{font-size:8px;letter-spacing:1.1px}.form-symbol{width:42px;height:42px;font-size:20px}.contact-form .field input,.contact-form .field textarea{font-size:16px}.contact-form .field textarea{min-height:125px}.contact-intro h2{font-size:40px}.contact-intro .contact-note{margin-bottom:0}}
@media(prefers-reduced-motion:reduce){.contact-form *{transition:none!important}}

@media(max-width:760px){.about .principles{display:none}}