/* Guangzhou Peptide contact hub — only .gpc-* scoped rules */
.gpc-main{--gpc-navy:#081c31;--gpc-ink:#102941;--gpc-blue:#087fcb;--gpc-mid:#1476b5;color:var(--gpc-ink);background:#f2f7fa;overflow:clip}
.gpc-main *{box-sizing:border-box}
.gpc-main a:focus-visible,.gpc-main button:focus-visible,.gpc-main input:focus-visible,.gpc-main textarea:focus-visible,.gpc-main select:focus-visible,.gpc-main summary:focus-visible{outline:3px solid #54baf3;outline-offset:3px}
.gpc-hero{position:relative;isolation:isolate;padding:77px 0 69px;background:radial-gradient(ellipse at 88% 30%,rgba(92,206,247,.19),transparent 42%),linear-gradient(125deg,#0b1e32 8%,#103554 98%);color:#fff;overflow:hidden}
.gpc-hero:before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(190,222,243,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(190,222,243,.06) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(90deg,transparent 24%,#000)}
.gpc-hero-grid{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;gap:45px}
.gpc-eyebrow,.gpc-step{color:#1291da;font-size:.71rem;letter-spacing:.15em;font-weight:850;text-transform:uppercase}
.gpc-eyebrow{color:#98ddff;display:inline-flex;align-items:center;gap:12px;margin-bottom:23px}
.gpc-pulse{width:7px;height:7px;border-radius:50%;background:#6ed1fa;box-shadow:0 0 0 5px rgba(82,189,244,.14)}
.gpc-hero h1{margin:0;color:#fff;font-size:clamp(2.65rem,8.5vw,5.8rem);letter-spacing:-.057em;line-height:1.04}
.gpc-hero h1 em{font-style:normal;color:#88d9fb}
.gpc-hero-copy>p{color:#c9deeb;font-size:clamp(.98rem,2.3vw,1.14rem);line-height:1.7;max-width:630px;margin:24px 0 28px}
.gpc-hero-pills{display:flex;flex-wrap:wrap;gap:9px}
.gpc-hero-pills span{padding:8px 12px;border:1px solid rgba(180,225,251,.26);border-radius:999px;background:rgba(255,255,255,.06);color:#dbedf6;font-size:.7rem;font-weight:720}
.gpc-hero-aside{position:relative;min-height:300px;display:none;place-items:center}
.gpc-molecule-orbit{position:absolute;border:1px solid rgba(171,226,252,.2);border-radius:50%;width:350px;height:350px;transform:rotate(-30deg) scaleX(.8)}
.gpc-orbit-two{width:250px;height:250px;transform:rotate(30deg) scaleX(.85)}
.gpc-hero-card{position:relative;z-index:2;padding:32px;border-radius:22px;max-width:370px;border:1px solid rgba(202,230,251,.26);background:rgba(244,250,255,.095);box-shadow:0 26px 70px rgba(0,0,0,.15);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.gpc-hero-card>span{font-size:.64rem;letter-spacing:.18em;color:#89d7fa;font-weight:850}
.gpc-hero-card strong{display:block;font-size:1.72rem;letter-spacing:-.034em;line-height:1.2;margin:22px 0 12px;color:#fff}
.gpc-hero-card p{color:#d4e8f4;line-height:1.6;font-size:.82rem}
.gpc-hero-channel-icons{display:flex;gap:10px;margin-top:23px}
.gpc-hero-channel-icons span{width:35px;height:35px;display:grid;place-items:center;border-radius:50%;background:rgba(139,214,250,.18);border:1px solid rgba(169,226,251,.26);font-size:.75rem;font-weight:850}
.gpc-section{padding:65px 0 108px}
.gpc-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:26px;align-items:start}
.gpc-form-card{min-width:0;padding:27px 22px 25px;border:1px solid #dce8f0;border-radius:25px;background:#fff;box-shadow:0 25px 70px rgba(9,43,70,.065)}
.gpc-form-title{margin-bottom:30px}
.gpc-form-title h2{font-size:clamp(2rem,5vw,3rem);margin:12px 0;color:#0f2c48;letter-spacing:-.045em;line-height:1.11}
.gpc-form-title p{font-size:.91rem;line-height:1.7;color:#627e93}
.gpc-fields-two{display:grid;grid-template-columns:1fr;gap:0}
.gpc-field{margin:0 0 20px;min-width:0}
.gpc-field label{display:flex;gap:6px;align-items:center;font-weight:800;color:#153b58;font-size:.82rem;margin:0 0 9px}
.gpc-field label span{color:#0682c9}
.gpc-field label small{font-size:.7rem;color:#899eae;font-weight:600}
.gpc-field input,.gpc-field select,.gpc-field textarea{display:block;width:100%;min-width:0;border:1px solid #ccdae6;border-radius:11px;background:#f8fbfe;color:#183952;padding:14px 15px;font:inherit;font-size:.91rem;line-height:1.45;transition:border-color .2s,background .2s,box-shadow .2s}
.gpc-field input,.gpc-field select{min-height:49px}
.gpc-field textarea{min-height:155px;resize:vertical}
.gpc-field input:hover,.gpc-field select:hover,.gpc-field textarea:hover{border-color:#8dbee0}
.gpc-field input:focus,.gpc-field select:focus,.gpc-field textarea:focus{outline:none;border-color:#178dda;background:#fff;box-shadow:0 0 0 4px rgba(10,145,222,.1)}
.gpc-field input::placeholder,.gpc-field textarea::placeholder{color:#8ca1b3}
.gpc-select-wrap{position:relative}
.gpc-field-hint{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;font-size:.7rem;color:#7890a2;margin-top:7px}
.gpc-field-hint span:last-child{white-space:nowrap}
.gpc-error{color:#a63434;font-weight:800;font-size:.82rem;border-radius:10px;padding:12px 14px;background:#fff0f0;margin:-2px 0 18px}
.gpc-error[hidden]{display:none}
.gpc-send-head{border-top:1px solid #e0eaf0;padding-top:27px;margin-top:8px;margin-bottom:18px}
.gpc-send-head h3{font-size:clamp(1.4rem,4vw,1.8rem);letter-spacing:-.035em;color:#123753;margin:9px 0 7px;line-height:1.2}
.gpc-send-head p{font-size:.8rem;line-height:1.6;color:#607c91}
.gpc-send-grid{display:grid;grid-template-columns:1fr;gap:10px}
.gpc-send-button{width:100%;display:flex;align-items:center;gap:12px;min-width:0;padding:13px 12px;border-radius:13px;border:1px solid #dae7ee;background:#f7fbfe;color:#17344b;text-align:left;cursor:pointer;transition:transform .2s,box-shadow .2s,border-color .2s,background .2s}
.gpc-send-button:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(9,49,80,.09);border-color:#a6d6ee;background:#fff}
.gpc-send-icon{flex:0 0 38px;height:38px;display:grid;place-items:center;border-radius:12px;color:#fff;font-weight:900;font-size:1.08rem}
.gpc-send-telegram .gpc-send-icon{background:#1d9dd9}
.gpc-send-whatsapp .gpc-send-icon{background:#129d67}
.gpc-send-email .gpc-send-icon{background:#283e55}
.gpc-send-button>span:nth-child(2){display:grid;gap:2px;min-width:0}
.gpc-send-button strong{font-size:.9rem;color:#163c56}
.gpc-send-button small{font-size:.65rem;color:#66839a}
.gpc-send-arrow{margin-left:auto;font-size:1.05rem;color:#6e93aa}
.gpc-send-footer{display:flex;flex-wrap:wrap;gap:8px 16px;justify-content:space-between;align-items:center;margin-top:16px}
.gpc-copy-button{background:none;border:0;color:#147dc0;font-size:.78rem;font-weight:800;padding:8px 0;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.gpc-send-footer p{font-size:.71rem;color:#778fa0;line-height:1.5;max-width:330px}
.gpc-feedback:not(:empty){margin:13px 0 0;padding:13px 14px;border:1px solid #cce8f5;background:#f1f9fe;border-radius:11px;font-size:.78rem;color:#256181;line-height:1.5}
.gpc-preview{border-top:1px solid #e2eaf0;margin-top:23px;padding-top:15px}
.gpc-preview summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:13px;font-size:.79rem;font-weight:800;color:#3f6885}
.gpc-preview summary span{color:#188cca;font-size:1.2rem}
.gpc-preview[open] summary span{transform:rotate(45deg)}
.gpc-preview pre{white-space:pre-wrap;overflow-wrap:anywhere;color:#47677d;font-size:.76rem;line-height:1.7;background:#f3f8fb;border-radius:12px;margin:13px 0 0;padding:17px;font-family:inherit}
.gpc-sidebar{display:grid;gap:19px;min-width:0}
.gpc-directory{padding:28px 23px;background:#0a243b;border-radius:23px;color:#fff;box-shadow:0 25px 70px rgba(8,29,50,.13)}
.gpc-directory .gpc-step{color:#82d4f6}
.gpc-directory h2{font-size:clamp(1.8rem,4vw,2.35rem);letter-spacing:-.043em;line-height:1.13;color:#fff;margin:12px 0}
.gpc-directory-lead{color:#bbd4e3;font-size:.84rem;line-height:1.7;margin:0 0 21px}
.gpc-contact-items{display:grid;gap:0}
.gpc-contact-block{display:grid;grid-template-columns:37px minmax(0,1fr);gap:12px;padding:17px 0;border-top:1px solid rgba(226,243,255,.17)}
.gpc-contact-symbol{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:rgba(112,196,236,.14);color:#b5e7fb;font-size:1.08rem}
.gpc-contact-block>div:last-child{min-width:0}
.gpc-contact-block>div:last-child>span{display:block;color:#7ec3e5;font-size:.65rem;font-weight:850;letter-spacing:.13em;margin-bottom:6px}
.gpc-contact-block [data-gpc-emails],.gpc-contact-block [data-gpc-whatsapps],.gpc-contact-block [data-gpc-telegrams]{display:grid;gap:7px}
.gpc-contact-block a{display:block;overflow-wrap:anywhere;color:#e4f2fb;font-size:.85rem;line-height:1.5;text-decoration:none}
.gpc-contact-block a:hover{color:#85dfff;text-decoration:underline}
.gpc-sidebar-note{display:flex;gap:12px;padding:14px;border-radius:12px;background:rgba(161,213,239,.09);border:1px solid rgba(173,225,252,.13)}
.gpc-sidebar-note-icon{color:#80cfef;font-size:1rem}
.gpc-sidebar-note p{color:#b2d0e3;font-size:.72rem;line-height:1.6}
.gpc-advice{padding:25px 23px;background:#fff;border:1px solid #dce8f1;border-radius:23px}
.gpc-advice h3{font-size:1.3rem;line-height:1.2;letter-spacing:-.025em;color:#123a54;margin:12px 0 18px}
.gpc-advice-row{display:grid;grid-template-columns:31px 1fr;gap:9px;align-items:start;border-top:1px solid #e6edf3;padding:12px 0}
.gpc-advice-row>span{font-size:.66rem;font-weight:900;color:#1487ca;padding-top:5px}
.gpc-advice-row p{font-size:.77rem;color:#647e91;line-height:1.65}
.gpc-advice-row strong{color:#31526c}
@media(min-width:560px){.gpc-form-card{padding:34px}.gpc-fields-two{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}}
@media(min-width:780px){.gpc-hero-grid{grid-template-columns:1.32fr .68fr}.gpc-hero-aside{display:grid}.gpc-layout{grid-template-columns:minmax(0,1.13fr) minmax(285px,.87fr);gap:23px}.gpc-send-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.gpc-send-button{display:grid;justify-items:start;gap:6px;padding:13px 10px}.gpc-send-arrow{display:none}}
@media(min-width:1080px){.gpc-hero{padding:100px 0 94px}.gpc-layout{grid-template-columns:minmax(0,1.22fr) minmax(330px,.78fr);gap:27px}.gpc-form-card{padding:39px 41px 35px}.gpc-directory{padding:32px 29px}.gpc-advice{padding:30px 29px}.gpc-send-button{display:flex;gap:8px}.gpc-send-arrow{display:none}.gpc-send-icon{flex-basis:32px;height:32px}.gpc-send-button strong{font-size:.84rem}.gpc-send-button small{font-size:.62rem}}
@media(max-width:390px){.gpc-hero{padding:64px 0}.gpc-main .shell{width:calc(100% - 30px)}.gpc-form-card{padding:23px 18px}.gpc-directory,.gpc-advice{padding:23px 18px}}
@media(prefers-reduced-motion:reduce){.gpc-send-button,.gpc-field input,.gpc-field textarea,.gpc-field select{transition:none}.gpc-send-button:hover{transform:none}}

.gpc-send-button .gpc-estimate:not([hidden]){display:block;font-size:.61rem;line-height:1.25;color:#267ba9;font-weight:700;margin-top:2px}

/* Lightweight, transform-only entrances; no layout shifts or animation on reduced-motion systems. */
@keyframes gpc-enter{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
@keyframes gpc-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes gpc-breathe{0%,100%{box-shadow:0 0 0 4px rgba(82,189,244,.12)}50%{box-shadow:0 0 0 9px rgba(82,189,244,.035)}}
@media(prefers-reduced-motion:no-preference){
.gpc-hero-copy{animation:gpc-enter .64s cubic-bezier(.16,1,.3,1) both}
.gpc-hero-aside{animation:gpc-enter .74s .13s cubic-bezier(.16,1,.3,1) both}
.gpc-hero-card{animation:gpc-float 7s ease-in-out infinite}
.gpc-pulse{animation:gpc-breathe 3s ease-in-out infinite}
.gpc-form-card{animation:gpc-enter .64s .08s cubic-bezier(.16,1,.3,1) both}
.gpc-sidebar{animation:gpc-enter .64s .17s cubic-bezier(.16,1,.3,1) both}
.gpc-send-button:active{transform:translateY(1px) scale(.99)}
}