/* BrounStack Contact — brand-first, responsive, standalone */
:root{--navy:#031637;--navy-2:#082b63;--blue:#0a7bff;--blue-2:#1262ff;--blue-3:#0752dc;--cyan:#36a9ff;--text:#526e90;--muted:#6d84a2;--line:#dce8f7;--soft:#f5f9ff;--white:#fff;--shadow:0 22px 60px rgba(3,22,55,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body.contact-page{margin:0;overflow-x:hidden;background:#fff;color:var(--navy);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.contact-page a{text-decoration:none;color:inherit}.contact-page button,.contact-page input,.contact-page select,.contact-page textarea{font:inherit}.contact-page img{display:block;max-width:100%}.contact-container{width:min(1220px,calc(100% - 40px));margin-inline:auto}.skip-link{position:fixed;left:14px;top:14px;z-index:9999;transform:translateY(-180%);padding:10px 14px;border-radius:10px;background:#fff;color:var(--navy);font-weight:850;box-shadow:0 12px 30px rgba(0,0,0,.18)}.skip-link:focus{transform:none}

/* Header */
.contact-header{position:fixed;inset:0 0 auto;z-index:100;background:rgba(255,255,255,.94);border-bottom:1px solid rgba(8,43,99,.10);box-shadow:0 8px 30px rgba(3,22,55,.05);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.contact-nav-wrap{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.contact-brand{display:flex;align-items:center}.contact-brand img{width:168px;height:auto}.contact-nav{display:flex;align-items:center;gap:4px}.contact-nav>a{padding:10px 12px;border-radius:10px;color:#17345f;font-size:13px;font-weight:760;transition:.18s ease}.contact-nav>a:hover,.contact-nav>a.active{color:var(--blue-3);background:#edf5ff}.contact-signin{margin-left:8px!important;padding:10px 16px!important;color:#fff!important;background:linear-gradient(105deg,var(--navy-2),var(--blue))!important;box-shadow:0 10px 24px rgba(10,123,255,.22)}.contact-menu{display:none;width:42px;height:42px;padding:0;border:1px solid #d8e4f4;border-radius:11px;background:#fff;place-items:center;align-content:center;gap:4px;cursor:pointer}.contact-menu span{width:19px;height:2px;border-radius:999px;background:var(--navy-2);display:block}

/* Hero */
.contact-hero{position:relative;overflow:hidden;padding:138px 0 78px;background:radial-gradient(circle at 10% 15%,rgba(10,123,255,.13),transparent 28%),radial-gradient(circle at 90% 12%,rgba(18,98,255,.12),transparent 30%),linear-gradient(180deg,#fff,#f7fbff 68%,#eef6ff)}.contact-hero::before{content:"";position:absolute;inset:0;opacity:.52;background-image:linear-gradient(rgba(8,43,99,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(8,43,99,.035) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.62) 70%,transparent)}.contact-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.82fr);gap:76px;align-items:center}.contact-kicker{display:inline-flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid #dbe8f7;border-radius:999px;background:rgba(255,255,255,.9);color:#31557f;font-size:11px;font-weight:850;box-shadow:0 10px 28px rgba(3,22,55,.05)}.contact-kicker i{width:8px;height:8px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 5px rgba(10,123,255,.10)}.contact-hero-copy h1{margin:20px 0 18px;font-size:clamp(54px,5.5vw,78px);line-height:.98;letter-spacing:-3.3px}.contact-hero-copy h1 span{background:linear-gradient(90deg,var(--blue),var(--blue-2),var(--blue-3));-webkit-background-clip:text;background-clip:text;color:transparent}.contact-hero-copy>p{max-width:650px;margin:0;color:#486888;font-size:16px;line-height:1.75;font-weight:500}.contact-mini-proof{display:flex;flex-wrap:wrap;gap:12px 20px;margin-top:26px;color:#4f698a;font-size:11px;font-weight:740}.contact-mini-proof span{display:inline-flex;align-items:center;gap:7px}.contact-mini-proof i{width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:#eaf4ff;color:var(--blue-3);font-style:normal;font-weight:900}

/* Hero help visual */
.help-console{position:relative;overflow:hidden;padding:26px;border:1px solid rgba(122,184,255,.20);border-radius:30px;background:radial-gradient(circle at 86% 12%,rgba(10,123,255,.26),transparent 30%),linear-gradient(145deg,#031637 0%,#082b63 62%,#0a4f9f 130%);box-shadow:0 34px 88px rgba(3,22,55,.24);color:#fff}.help-console::before{content:"";position:absolute;inset:0;opacity:.23;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,#000,transparent 80%)}.help-console>*{position:relative}.help-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:18px;border-bottom:1px solid rgba(198,222,255,.16)}.help-top strong{font-size:15px}.help-live{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid rgba(110,205,255,.20);border-radius:999px;background:rgba(18,142,255,.13);color:#9bd5ff;font-size:8.5px;font-weight:900;letter-spacing:.09em}.help-live i{width:7px;height:7px;border-radius:50%;background:#58c4ff;box-shadow:0 0 0 4px rgba(88,196,255,.11)}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.help-card{min-height:132px;padding:17px;border:1px solid rgba(184,213,249,.14);border-radius:18px;background:rgba(255,255,255,.075);backdrop-filter:blur(10px)}.help-icon{width:40px;height:40px;display:grid;place-items:center;margin-bottom:16px;border:1px solid rgba(171,211,255,.18);border-radius:13px;background:rgba(255,255,255,.09);color:#8ed0ff;font-weight:900}.help-card h3{margin:0;color:#fff;font-size:14px}.help-card p{margin:7px 0 0;color:#aec5e0;font-size:10.5px;line-height:1.55}.help-note{display:flex;align-items:center;gap:10px;margin-top:14px;padding:13px 14px;border:1px solid rgba(184,213,249,.12);border-radius:15px;background:rgba(2,15,40,.25);color:#c1d5ea;font-size:10.5px;line-height:1.5}.help-note b{color:#fff}

/* Main contact section */
.contact-main{padding:92px 0;background:#fff}.contact-section-head{text-align:center;max-width:770px;margin:0 auto 42px}.contact-label{display:block;margin-bottom:9px;color:var(--blue-3);font-size:10px;font-weight:900;letter-spacing:.15em}.contact-section-head h2{margin:0;font-size:clamp(34px,4vw,50px);line-height:1.05;letter-spacing:-1.9px}.contact-section-head h2 span{color:var(--blue-2)}.contact-section-head p{margin:13px 0 0;color:#516c8c;font-size:15px;line-height:1.72;font-weight:520}.contact-layout{display:grid;grid-template-columns:minmax(0,.82fr) minmax(560px,1.18fr);gap:28px;align-items:start}

.contact-support{display:grid;gap:14px}.support-card{display:grid;grid-template-columns:52px 1fr;gap:15px;align-items:start;padding:20px;border:1px solid #dfe8f4;border-radius:20px;background:#fff;box-shadow:0 12px 34px rgba(3,22,55,.05);transition:.18s ease}.support-card:hover{transform:translateY(-3px);border-color:#bed9fb;box-shadow:0 20px 46px rgba(3,22,55,.08)}.support-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(145deg,#eef6ff,#e5f1ff);color:var(--blue-3);font-size:17px;font-weight:900}.support-card h3{margin:4px 0 6px;font-size:17px;color:#102b52}.support-card p{margin:0;color:#5a7494;font-size:12.5px;line-height:1.65}.support-tip{margin-top:4px;padding:20px;border-radius:20px;background:linear-gradient(145deg,#f3f8ff,#eef6ff);border:1px solid #dce9f8}.support-tip strong{display:block;color:#163760;font-size:13px}.support-tip p{margin:7px 0 0;color:#5a7494;font-size:12px;line-height:1.65}

/* Form */
.contact-form{padding:28px;border:1px solid #dce7f5;border-radius:26px;background:#fff;box-shadow:0 22px 60px rgba(3,22,55,.09)}.contact-form-head{margin-bottom:22px}.contact-form-head h3{margin:0;color:#102b52;font-size:24px;letter-spacing:-.5px}.contact-form-head p{margin:8px 0 0;color:#607895;font-size:13px;line-height:1.6}.contact-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact-field{display:grid;gap:7px}.contact-field.full{grid-column:1/-1}.contact-field label{color:#24486f;font-size:11.5px;font-weight:800}.contact-field input,.contact-field select,.contact-field textarea{width:100%;border:1px solid #dce7f5;border-radius:13px;background:#fbfdff;color:#102b52;outline:none;transition:.18s ease}.contact-field input,.contact-field select{height:50px;padding:0 14px}.contact-field textarea{min-height:170px;padding:14px;resize:vertical;line-height:1.55}.contact-field input::placeholder,.contact-field textarea::placeholder{color:#91a3b9}.contact-field input:focus,.contact-field select:focus,.contact-field textarea:focus{border-color:#9fc9fb;background:#fff;box-shadow:0 0 0 4px rgba(10,123,255,.08)}.contact-submit{min-height:50px;width:100%;display:flex;align-items:center;justify-content:center;gap:9px;margin-top:18px;border:0;border-radius:13px;color:#fff;background:linear-gradient(105deg,var(--navy-2),var(--blue));box-shadow:0 16px 34px rgba(10,123,255,.22);font-size:13px;font-weight:850;cursor:pointer;transition:.18s ease}.contact-submit:hover{transform:translateY(-2px)}.contact-submit:disabled{opacity:.68;cursor:wait;transform:none}.contact-form-status{margin-top:12px;padding:11px 13px;border-radius:10px;font-size:13px;line-height:1.5}.contact-form-status.info{background:#eff6ff;color:#1d4ed8}.contact-form-status.success{background:#ecfdf3;color:#067647}.contact-form-status.error{background:#fef3f2;color:#b42318}.contact-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}

/* CTA */
.contact-cta{padding:0 0 88px;background:#fff}.contact-cta-shell{display:grid;grid-template-columns:1fr auto;align-items:center;gap:42px;padding:42px 48px;border-radius:28px;background:radial-gradient(circle at 84% 18%,rgba(10,123,255,.30),transparent 28%),linear-gradient(120deg,#031637,#082b63);box-shadow:0 26px 70px rgba(14,32,66,.20)}.contact-cta-copy span{display:block;margin-bottom:9px;color:#83c2ff;font-size:10px;font-weight:900;letter-spacing:.14em}.contact-cta-copy h2{margin:0;color:#fff;font-size:clamp(32px,4vw,48px);line-height:1.04;letter-spacing:-1.7px}.contact-cta-copy h2 em{font-style:normal;color:#73b9ff}.contact-cta-copy p{margin:12px 0 0;color:#c3d3e6;font-size:13px;line-height:1.65}.contact-cta-actions{display:flex;gap:10px;flex-wrap:wrap}.contact-btn{min-height:47px;display:inline-flex;align-items:center;justify-content:center;padding:0 18px;border-radius:12px;font-size:12px;font-weight:850}.contact-btn.primary{color:#fff;background:linear-gradient(105deg,#0a4f9f,#0a7bff)}.contact-btn.secondary{color:#082b63;background:#fff}

/* Footer */
.contact-footer{padding:56px 0 24px;background:#f5f9ff;color:var(--navy);border-top:1px solid #dce8f7}.contact-footer-grid{display:grid;grid-template-columns:1.7fr repeat(3,1fr);gap:48px;padding-bottom:31px}.contact-footer-brand{max-width:360px}.contact-footer-brand img{width:170px}.contact-footer-brand p{margin:16px 0 12px;color:#4d6a8c;font-size:13px;line-height:1.72;font-weight:510}.contact-footer-brand span{color:#52739c;font-size:10px;font-weight:850;letter-spacing:.09em}.contact-footer h4{margin:4px 0 14px;color:#163760;font-size:12px}.contact-footer-grid>div:not(.contact-footer-brand) a{display:block;margin:10px 0;color:#4f6d8f;font-size:12px;font-weight:520}.contact-footer-grid>div:not(.contact-footer-brand) a:hover{color:var(--blue-3)}.contact-footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:20px;border-top:1px solid #dce7f5;color:#5b7596;font-size:11px}

.contact-page a:focus-visible,.contact-page button:focus-visible,.contact-page input:focus-visible,.contact-page select:focus-visible,.contact-page textarea:focus-visible{outline:3px solid rgba(10,123,255,.26);outline-offset:3px}
@media(max-width:1000px){.contact-hero-grid{grid-template-columns:1fr;gap:38px}.contact-hero-copy{text-align:center;margin:auto}.contact-kicker{margin-inline:auto}.contact-hero-copy>p{margin-inline:auto}.contact-mini-proof{justify-content:center}.help-console{max-width:680px;margin:auto}.contact-layout{grid-template-columns:1fr}.contact-support{grid-template-columns:1fr 1fr}.support-tip{grid-column:1/-1}.contact-cta-shell{grid-template-columns:1fr;text-align:center}.contact-cta-actions{justify-content:center}.contact-footer-grid{grid-template-columns:1.5fr 1fr 1fr}.contact-footer-grid>div:last-child{grid-column:2/4}}
@media(max-width:720px){.contact-container{width:min(100% - 28px,1220px)}.contact-nav-wrap{height:68px}.contact-brand img{width:150px}.contact-menu{display:grid}.contact-nav{position:absolute;left:14px;right:14px;top:76px;display:none;flex-direction:column;align-items:stretch;padding:10px;border:1px solid #dbe7f6;border-radius:16px;background:rgba(255,255,255,.99);box-shadow:0 22px 52px rgba(3,22,55,.14)}.contact-nav.open{display:flex}.contact-nav>a{width:100%;padding:12px 13px}.contact-signin{margin:5px 0 0!important;text-align:center}.contact-hero{padding:108px 0 58px}.contact-hero-copy h1{font-size:clamp(43px,12.8vw,62px);letter-spacing:-2.5px}.contact-hero-copy>p{font-size:14px}.help-grid{grid-template-columns:1fr 1fr}.contact-main{padding:68px 0}.contact-support{grid-template-columns:1fr}.support-tip{grid-column:auto}.contact-form-grid{grid-template-columns:1fr}.contact-field.full{grid-column:auto}.contact-form{padding:22px}.contact-cta{padding-bottom:68px}.contact-cta-shell{padding:34px 24px}.contact-footer-grid{grid-template-columns:1fr 1fr;gap:30px 20px}.contact-footer-brand{grid-column:1/3}.contact-footer-grid>div:last-child{grid-column:auto}.contact-footer-bottom{align-items:flex-start;flex-direction:column;gap:7px}}
@media(max-width:520px){.help-console{padding:18px;border-radius:24px}.help-top{align-items:flex-start;flex-direction:column}.help-grid{grid-template-columns:1fr}.help-card{min-height:0}.contact-footer-grid{grid-template-columns:1fr}.contact-footer-brand{grid-column:auto}.contact-cta-actions{flex-direction:column}.contact-btn{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.contact-page *,.contact-page *::before,.contact-page *::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
