/* CONTACT V2 • Gin Nguyễn — clear, premium, conversion-focused.
   Scoped to .gin-c2. Canonical site header/footer stay untouched. */
.gin-c2{--c2-black:#080909;--c2-off:#f7f8f5;--c2-line:#d7d9d5;--c2-muted:#606461;--c2-mint:#00f5a0;color:var(--c2-black);background:#fff;font-family:Manrope,Arial,sans-serif}
.gin-c2 *{box-sizing:border-box}
.gin-c2 a{color:inherit;text-decoration:none}
.gin-c2-container{width:min(calc(100% - 2 * var(--g,clamp(18px,4.5vw,82px))),1450px);margin-inline:auto}
.gin-c2-hero{background:var(--c2-off);padding:clamp(37px,5.4vw,84px) 0 clamp(38px,5.6vw,84px);position:relative;overflow:hidden}
.gin-c2-eyebrow{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px;padding-top:13px;border-top:1px solid #b9bdb7;font-size:10px;line-height:1.5;font-weight:800;letter-spacing:.12em}
.gin-c2-hero-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(305px,.6fr);align-items:end;gap:clamp(38px,7vw,114px);padding-top:clamp(51px,7vw,106px)}
body.gin-subpage .gin-c2 .gin-c2-hero h1.gin-page-title{font:800 clamp(53px,7.1vw,105px)/1.04 Manrope,Arial,sans-serif!important;letter-spacing:-.078em!important;color:#080909!important;max-width:970px!important;text-wrap:balance;margin:0!important}
.gin-c2-hero h1 .gin-title-accent{color:var(--c2-mint)!important}
.gin-c2-lead{font-size:clamp(15px,1.4vw,19px);line-height:1.75;color:#444944;max-width:660px;margin:31px 0 0}
.gin-c2-hero-aside{padding:0 0 5px;max-width:380px;justify-self:end;width:100%}
.gin-c2-aside-label{font-size:10px;letter-spacing:.12em;font-weight:800;display:flex;align-items:center;gap:12px}
.gin-c2-aside-label::before{content:"";width:9px;height:9px;background:var(--c2-mint);border:1px solid #080909;border-radius:50%}
.gin-c2-hero-aside p{font-size:14px;line-height:1.75;color:#50544f;margin:16px 0 24px}
.gin-c2-main-cta{display:flex;justify-content:space-between;align-items:center;gap:15px;background:var(--c2-black);color:white!important;padding:18px 19px;font:800 12px/1.3 Manrope,Arial,sans-serif;min-height:59px;transition:background .2s,color .2s}
.gin-c2-main-cta:hover{background:#004b36;color:white!important}
.gin-c2-main-cta svg{width:21px;height:21px;flex:none}
.gin-c2-hero-meta{margin-top:clamp(48px,7vw,112px);border-top:1px solid #bcc0bb;padding-top:15px;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
.gin-c2-hero-meta span{font-size:10px;font-weight:800;letter-spacing:.1em}
.gin-c2-hero-meta .gin-c2-stats{display:flex;align-items:center;gap:clamp(18px,3vw,50px);flex-wrap:wrap}
.gin-c2-hero-meta .gin-c2-stats b{font-weight:800;letter-spacing:0;font-size:13px}
.gin-c2-hero-meta .gin-c2-stats small{font-size:10px;color:#6c706b;margin-left:5px;letter-spacing:.04em}
.gin-c2-brief-section{padding:clamp(78px,10vw,148px) 0 clamp(70px,9vw,136px);background:#fff}
.gin-c2-brief-grid{display:grid;grid-template-columns:minmax(275px,.78fr) minmax(0,1.22fr);gap:clamp(48px,9vw,148px);align-items:start}
.gin-c2-intro{position:sticky;top:110px}
.gin-c2-kicker{font-size:10px;font-weight:800;letter-spacing:.13em;border-top:1px solid #b5b8b3;padding-top:14px;display:flex;justify-content:space-between}
.gin-c2-intro h2{font:800 clamp(33px,4vw,57px)/1.16 Manrope,Arial,sans-serif;letter-spacing:-.065em;max-width:580px;margin:39px 0 22px}
.gin-c2-intro>p{font-size:14px;line-height:1.87;color:var(--c2-muted);max-width:490px}
.gin-c2-steps{margin-top:49px;border-top:1px solid var(--c2-line)}
.gin-c2-steps>div{display:grid;grid-template-columns:35px 1fr;gap:9px;padding:15px 0;border-bottom:1px solid var(--c2-line)}
.gin-c2-steps>div span{font-size:11px;color:#6a6c68;font-weight:800}
.gin-c2-steps>div p{margin:0;font-size:13px;line-height:1.6;font-weight:700}
.gin-c2-form{background:var(--c2-off);padding:clamp(24px,3.8vw,55px);border:1px solid #e3e6e1;min-width:0}
.gin-c2-form-heading{border-bottom:1px solid var(--c2-line);padding-bottom:26px;margin-bottom:26px}
.gin-c2-form-heading>span{display:block;font-size:10px;font-weight:800;letter-spacing:.11em;color:#626760}
.gin-c2-form-heading h3{font-size:clamp(24px,2.8vw,36px);line-height:1.25;letter-spacing:-.052em;margin:13px 0 8px;font-weight:800}
.gin-c2-form-heading p{font-size:13px;line-height:1.65;color:#676a65;margin:0}
.gin-c2-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 20px}
.gin-c2-field{display:flex;flex-direction:column;min-width:0;gap:10px}
.gin-c2-field--full{grid-column:1/-1}
.gin-c2-field label{font-size:11px;line-height:1.4;font-weight:800;letter-spacing:.012em;color:#252725}
.gin-c2-optional{color:#6c716d;font-weight:500}
.gin-c2-field :is(input,select,textarea){display:block;width:100%;border:1px solid #c7cec7;background:white;border-radius:0;color:#101310;font:500 14px/1.5 Manrope,Arial,sans-serif;padding:14px 15px;min-height:51px;box-shadow:none;transition:border-color .16s,box-shadow .16s}
.gin-c2-field :is(input,select,textarea)::placeholder{color:#878d87;opacity:1}
.gin-c2-field textarea{min-height:157px;resize:vertical;max-height:450px}
.gin-c2-field :is(input,select,textarea):hover{border-color:#6b706b}
.gin-c2-field :is(input,select,textarea):focus-visible{outline:2px solid #087e60;outline-offset:2px;border-color:#087e60}
.gin-c2-field select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%23111111' stroke-width='1.6'%3E%3Cpath d='m2 5 5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 15px center;padding-right:43px}
.gin-c2-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.gin-c2-send,.gin-c2-copy{display:flex;align-items:center;justify-content:center;gap:13px;min-height:55px;cursor:pointer;border:1px solid var(--c2-black);font:800 11px/1.3 Manrope,Arial,sans-serif;letter-spacing:.025em;padding:15px 20px;transition:background .2s,color .2s}
.gin-c2-send{background:var(--c2-black);color:#fff;flex:1 1 215px}
.gin-c2-send:hover{background:#006d4f;border-color:#006d4f;color:#fff}
.gin-c2-copy{background:transparent;color:var(--c2-black);flex:0 1 170px}
.gin-c2-copy:hover{background:#e3e8e2}
.gin-c2-form-note{margin:20px 0 0;font-size:12px;line-height:1.65;color:#646c64}
.gin-c2-form-status{font-size:12px;line-height:1.55;font-weight:700;margin:14px 0 0;padding:12px 14px;border-left:3px solid #07996d;background:#ecf6ef;color:#14563e}
.gin-c2-form-status[hidden]{display:none}
.gin-c2-contact-row{border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:clamp(45px,6vw,80px) 0;margin:0;background:#fff}
.gin-c2-contact-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(30px,6vw,95px);align-items:center}
.gin-c2-contact-grid h2{font:800 clamp(31px,4vw,57px)/1.15 Manrope,Arial,sans-serif;letter-spacing:-.06em;margin:0 0 12px}
.gin-c2-contact-grid p{font-size:14px;color:#636963;line-height:1.7;margin:0}
.gin-c2-contact-email{display:block;font:800 clamp(20px,3.5vw,47px)/1.3 Manrope,Arial,sans-serif;letter-spacing:-.055em;overflow-wrap:anywhere;border-bottom:1px solid #111;padding-bottom:14px}
.gin-c2-contact-email:hover{color:#007c5d;border-color:#007c5d}
.gin-c2-details{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;margin-top:20px}
.gin-c2-details span{font-size:10px;font-weight:800;letter-spacing:.1em;color:#686f68}
.gin-c2-details button{border:1px solid #111;background:white;padding:10px 15px;font:800 11px Manrope,Arial,sans-serif;cursor:pointer}
.gin-c2-details button:hover{background:#111;color:#fff}
.gin-c2-related{padding:clamp(44px,5vw,75px) 0;background:#fff}
.gin-c2-related-grid{display:flex;align-items:center;justify-content:space-between;gap:25px;flex-wrap:wrap}
.gin-c2-related p{margin:0;font-size:14px;color:#4d514d;line-height:1.7}
.gin-c2-related a{display:inline-flex;gap:18px;align-items:center;border:1px solid #222;padding:14px 17px;font-size:11px;font-weight:800}
.gin-c2-related a:hover{background:#111;color:#fff}
@media(max-width:1050px){.gin-c2-hero-grid{grid-template-columns:1fr;gap:34px}.gin-c2-hero-aside{justify-self:start;max-width:530px}.gin-c2-brief-grid{grid-template-columns:1fr;gap:40px}.gin-c2-intro{position:static;max-width:730px}.gin-c2-steps{max-width:730px;margin-top:28px}.gin-c2-intro h2{margin:25px 0}}
@media(max-width:720px){.gin-c2-container{width:calc(100% - 40px)}.gin-c2-hero{padding:30px 0 45px}.gin-c2-eyebrow{font-size:9px}.gin-c2-hero-grid{padding-top:51px}body.gin-subpage .gin-c2 .gin-c2-hero h1.gin-page-title{font-size:clamp(40px,9.4vw,62px)!important;letter-spacing:-.072em!important}.gin-c2-hero-meta{margin-top:55px}.gin-c2-brief-section{padding:71px 0}.gin-c2-fields{grid-template-columns:1fr;gap:18px}.gin-c2-form{padding:24px 20px}.gin-c2-copy{flex:1 1 100%}.gin-c2-intro h2{font-size:clamp(34px,8vw,47px)}.gin-c2-contact-row{padding:55px 0}.gin-c2-contact-grid{grid-template-columns:1fr}.gin-c2-contact-email{font-size:clamp(22px,5.7vw,34px)}}
@media(prefers-reduced-motion:reduce){.gin-c2 *{scroll-behavior:auto!important;transition:none!important}}