.active-contact{box-shadow:0 10px 35px rgba(37,99,235,.18)}
.contact-hero{max-width:1320px;margin:auto;min-height:670px;padding:90px 0 75px;display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center;position:relative}
.contact-hero:before{content:'';position:absolute;inset:-76px calc((1320px - 100vw)/2) 0;background:linear-gradient(rgba(37,99,235,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,235,.035) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent 90%);z-index:-2}
.contact-hero h1{font:800 clamp(52px,5.4vw,78px)/1 Manrope;margin:18px 0 24px;letter-spacing:-.055em}
.contact-hero h1 span{background:linear-gradient(100deg,var(--blue),var(--green));-webkit-background-clip:text;color:transparent}
.contact-hero .hero-copy>p{font-size:19px;color:var(--muted);max-width:650px}
.contact-actions{display:flex;gap:12px;margin:32px 0}
.contact-visual{position:relative}
.message-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:0 28px 30px;box-shadow:0 35px 90px rgba(15,23,42,.12);transform:rotate(.8deg)}
.message-top{height:60px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.message-top span{font:800 18px Manrope}.message-top b{font-size:10px;color:var(--green);background:#edf9f4;padding:6px 9px;border-radius:20px}
.bubble{max-width:78%;padding:14px 16px;border-radius:16px;margin:12px 0;font-size:13px;line-height:1.45}.bubble.incoming{background:#f4f6f8;color:#394150;border-bottom-left-radius:5px}.bubble.outgoing{background:linear-gradient(100deg,var(--blue),#3976ea);color:#fff;margin-left:auto;border-bottom-right-radius:5px}
.typing{display:flex;gap:4px;background:#f4f6f8;width:52px;padding:11px 12px;border-radius:16px;margin-top:12px}.typing i{width:6px;height:6px;border-radius:50%;background:#a9b1bd}
.contact-chip{position:absolute;right:-18px;bottom:20px;background:#fff;border:1px solid rgba(22,163,106,.25);box-shadow:0 15px 35px rgba(15,23,42,.1);padding:13px 18px;border-radius:30px;color:var(--green);font-weight:700;font-size:13px}

.contact-intro{text-align:center;padding:95px 24px;background:linear-gradient(90deg,#f8fbff,#f4faf7)}
.contact-intro h2,.contact-main h2,.landing-head h2{font:800 clamp(38px,4.7vw,62px)/1.05 Manrope;letter-spacing:-.045em;margin:12px 0 22px}
.contact-intro p{max-width:760px;margin:auto;color:var(--muted);font-size:18px}

.contact-main{max-width:1320px;margin:auto;padding:100px 0;display:grid;grid-template-columns:.82fr 1.18fr;gap:80px;align-items:start}
.contact-copy>p{color:var(--muted);font-size:18px}
.direct-box{margin-top:35px;border-top:1px solid var(--line)}
.direct-box>div{padding:20px 0;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:3px}
.direct-box span{font-size:10px;letter-spacing:.14em;color:var(--blue);font-weight:800}
.direct-box a{font-weight:700}

.contact-form{background:#fff;border:1px solid var(--line);border-radius:24px;padding:38px;box-shadow:0 22px 60px rgba(15,23,42,.07)}
.contact-form label{display:flex;flex-direction:column;gap:7px;margin-bottom:20px}
.contact-form label>span{font-size:13px;font-weight:700;color:#344054}
.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid #d8dee8;border-radius:12px;padding:13px 14px;font:14px Inter;background:#fbfcfe;color:var(--text);outline:none;transition:.2s}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:rgba(37,99,235,.55);box-shadow:0 0 0 4px rgba(37,99,235,.07);background:#fff}
.contact-form textarea{resize:vertical}
.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.contact-form .privacy-check{display:grid;grid-template-columns:18px 1fr;gap:10px;align-items:start}
.contact-form .privacy-check input{width:16px;height:16px;margin-top:3px}
.contact-form .privacy-check span{font-weight:400;color:var(--muted);font-size:12px}
.form-submit{border:0;cursor:pointer;width:100%;font-size:15px}
.form-note{font-size:11px;color:var(--muted);margin:12px 0 0;text-align:center}

.choose-service,.contact-faq{max-width:1320px;margin:auto;padding:95px 0;position:relative}
.choose-service:before{content:'';position:absolute;left:50%;top:0;bottom:0;width:100vw;transform:translateX(-50%);background:#f6f8fb;z-index:-1}
.landing-head{max-width:760px;margin-bottom:45px}
.service-links{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.service-links a{padding:24px;border:1px solid var(--line);border-radius:16px;background:#fff;display:flex;justify-content:space-between;gap:24px;align-items:center;transition:.2s}
.service-links a:hover{transform:translateY(-3px);border-color:rgba(37,99,235,.3)}
.service-links span{display:flex;flex-direction:column;color:var(--muted);font-size:13px}
.service-links b{font:800 20px Manrope;color:var(--text);margin-bottom:5px}
.service-links strong{color:var(--blue);white-space:nowrap}

.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.quick-grid>div{padding:28px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 12px 32px rgba(15,23,42,.045)}
.quick-grid b{color:var(--blue)}
.quick-grid h3{font:700 20px Manrope}
.quick-grid p{color:var(--muted);font-size:13px}

@media(max-width:1380px){
.contact-hero,.contact-main,.choose-service,.contact-faq{padding-left:28px;padding-right:28px}
}
@media(max-width:900px){
.contact-hero{grid-template-columns:1fr;padding:65px 22px;gap:45px}
.contact-hero h1{font-size:52px}
.contact-main{grid-template-columns:1fr;padding:75px 22px;gap:45px}
.service-links{grid-template-columns:1fr}
.quick-grid{grid-template-columns:1fr}
.choose-service,.contact-faq{padding:75px 22px}
.contact-chip{right:10px}
}
@media(max-width:520px){
.contact-hero h1{font-size:44px}
.contact-actions{flex-direction:column}
.two-cols{grid-template-columns:1fr}
.contact-form{padding:26px 20px}
.service-links a{flex-direction:column;align-items:flex-start}
.bubble{max-width:90%}
}


.contact-simple{grid-template-columns:.82fr 1.18fr}
.contact-mail-btn{display:inline-flex;margin-top:26px}
.mail-note{font-size:12px;color:var(--muted);margin-top:12px}
.info-checklist{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.check-block{background:#fff;border:1px solid var(--line);border-radius:20px;padding:30px;box-shadow:0 18px 50px rgba(15,23,42,.05)}
.check-block.general{grid-column:1/3;background:linear-gradient(145deg,#f8fbff,#fff)}
.check-block .tag{display:inline-block;font-size:9px;letter-spacing:.14em;font-weight:800;color:var(--blue);margin-bottom:8px}
.check-block.commerce .tag{color:var(--green)}
.check-block.brand .tag{color:#7c3aed}
.check-block h3{font:800 24px Manrope;margin:6px 0 18px}
.check-block ul{margin:0;padding-left:20px}
.check-block li{margin:9px 0;color:var(--muted)}
@media(max-width:900px){
.contact-simple{grid-template-columns:1fr}
.info-checklist{grid-template-columns:1fr}
.check-block.general{grid-column:1}
}

@media(max-width:520px){
 .contact-hero{padding:48px 18px!important}.contact-hero h1{font-size:40px!important}.contact-grid,.contact-options{padding-left:18px!important;padding-right:18px!important}.contact-card{padding:24px 22px!important}
}