
/* Guppier Contact Studio — modern message-first contact workspace */
.gp-contact-studio{--ink:#103C46;--teal:#246979;--peach:#F5AC72;--sky:#E1F3FF;--mint:#E5F1DB;--lilac:#EEE7FF;--coral:#F9D0BA;--cream:#FFF7E7;--muted:#546B72;--line:#DDE4E8;font-family:Manrope,Arial,sans-serif;color:#103C46;max-width:1230px;margin:0 auto;padding:24px 24px 78px}
.gp-contact-studio *, .gp-contact-studio *:before,.gp-contact-studio *:after{box-sizing:border-box}
.gp-contact-studio a{text-decoration:none}
.gp-contact-studio button,.gp-contact-studio input,.gp-contact-studio textarea{font-family:Manrope,Arial,sans-serif}
.gp-contact-hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);gap:46px;align-items:center;padding:18px 2px 50px;min-height:345px}
.gp-contact-eyebrow{display:inline-flex;align-items:center;gap:11px;color:#387A9A;text-transform:uppercase;letter-spacing:.17em;font:800 11px/1.4 Manrope,Arial,sans-serif}
.gp-contact-eyebrow:before{content:"";width:11px;height:11px;border:3px solid #F5AC72;border-radius:50%;background:transparent}
.gp-contact-hero h1{color:#103C46;font:800 clamp(51px,5.8vw,81px)/1.03 Manrope,Arial,sans-serif;letter-spacing:-.072em;margin:19px 0 21px}
.gp-contact-hero h1 em{position:relative;display:inline-block;color:#387A9A;font-style:normal}
.gp-contact-hero h1 em:after{content:"";position:absolute;bottom:-7px;left:0;right:0;height:7px;background:#F5AC72;border-radius:20px;transform:rotate(-1deg);opacity:.95}
.gp-contact-hero p{font:500 16px/1.75 Manrope,Arial,sans-serif;color:#546B72;max-width:540px;margin:0 0 24px}
.gp-contact-hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.gp-contact-primary,.gp-contact-secondary{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:49px;padding:14px 19px;border-radius:9px;border:1px solid transparent;font:800 12px/1.4 Manrope,Arial,sans-serif;transition:background .2s,transform .2s}
.gp-contact-primary{background:#103C46;color:#fff!important;box-shadow:0 9px 22px rgba(16,60,70,.13)}
.gp-contact-primary:hover{background:#246979;color:#fff!important;transform:translateY(-2px)}
.gp-contact-secondary{background:#E1F3FF;border-color:#DDE4E8;color:#103C46!important}
.gp-contact-secondary:hover{background:#FFE1AB;color:#103C46!important;transform:translateY(-2px)}
.gp-contact-primary svg,.gp-contact-secondary svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.gp-contact-art{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(140deg,#EEE7FF,#E1F3FF);border:1px solid rgba(16,60,70,.1);border-radius:24px;min-height:360px;padding:33px}
.gp-contact-art:before{content:"";position:absolute;right:-140px;top:-145px;width:430px;height:430px;border:1px solid rgba(16,60,70,.11);border-radius:50%}
.gp-contact-art:after{content:"";position:absolute;left:-130px;bottom:-190px;width:410px;height:410px;border:1px dashed rgba(16,60,70,.15);border-radius:50%}
.gp-contact-chat-panel{position:relative;z-index:2;max-width:386px;margin:14px auto 0;background:#fff;border:1px solid rgba(16,60,70,.1);border-radius:18px;padding:17px 20px 20px;box-shadow:0 23px 43px rgba(16,60,70,.12);transform:rotate(2deg);animation:gp-contact-panel .95s ease both}
.gp-contact-chat-head{display:flex;align-items:center;gap:12px;padding-bottom:15px;border-bottom:1px solid #DDE4E8}
.gp-contact-chat-avatar{display:flex;align-items:center;justify-content:center;flex:0 0 43px;height:43px;background:#E5F1DB;border-radius:12px}
.gp-contact-chat-avatar svg{height:25px;width:25px;stroke:#246979;stroke-width:1.9;fill:none}
.gp-contact-chat-head strong{display:block;font:800 13px/1.3 Manrope,Arial,sans-serif;color:#103C46}
.gp-contact-chat-head small{display:block;font:600 10px/1.6 Manrope,Arial,sans-serif;color:#546B72;margin-top:3px}
.gp-contact-chat-bubbles{padding-top:19px;display:flex;flex-direction:column;gap:11px}
.gp-contact-bubble{max-width:90%;padding:12px 15px;border-radius:14px;font:600 12px/1.6 Manrope,Arial,sans-serif}
.gp-contact-bubble.visitor{align-self:flex-start;border-radius:14px 14px 14px 3px;background:#F4F7F9;color:#103C46}
.gp-contact-bubble.support{align-self:flex-end;border-radius:14px 14px 3px 14px;background:#E5F1DB;color:#103C46}
.gp-contact-chat-footer{margin-top:20px;padding-top:12px;border-top:1px solid #DDE4E8;display:flex;align-items:center;justify-content:space-between;gap:8px;color:#546B72;text-transform:uppercase;letter-spacing:.09em;font:800 9px/1.4 Manrope,Arial,sans-serif}
.gp-contact-chat-footer span{background:#E1F3FF;border-radius:7px;padding:7px 9px}
.gp-contact-float-label{position:absolute;z-index:3;right:9px;bottom:15px;padding:10px 14px;border-radius:9px;background:#F5AC72;box-shadow:0 13px 24px rgba(16,60,70,.11);color:#103C46;font:800 11px/1.3 Manrope,Arial,sans-serif;transform:rotate(-5deg);animation:gp-contact-float 5s ease-in-out infinite alternate}
.gp-contact-art-caption{position:absolute;z-index:3;left:23px;bottom:15px;color:#546B72;font:800 9px/1.3 Manrope,Arial,sans-serif;letter-spacing:.05em}
.gp-contact-shell{margin:0!important;width:100%;border:1px solid #DDE4E8;border-radius:19px;overflow:hidden;background:#fff;box-shadow:0 21px 42px rgba(16,60,70,.085);scroll-margin-top:40px}
.gp-contact-shell>.e-con-inner{gap:0!important;align-items:stretch!important}
.gp-contact-info{position:relative;overflow:hidden;background:#103C46!important;color:#fff;min-width:0}
.gp-contact-info:before{content:"";position:absolute;top:-200px;right:-200px;width:530px;height:530px;border:1px solid rgba(255,255,255,.12);border-radius:50%;pointer-events:none}
.gp-contact-info:after{content:"";position:absolute;top:-100px;right:-110px;width:320px;height:320px;border:1px solid rgba(255,255,255,.09);border-radius:50%;pointer-events:none}
.gp-contact-info .elementor-widget-html{position:relative;z-index:1;width:100%;height:100%}
.gp-contact-info-content{padding:44px 35px 39px;height:100%}
.gp-contact-info .gp-contact-eyebrow{color:#FFE1AB}
.gp-contact-info h2{font:800 clamp(32px,3.1vw,42px)/1.12 Manrope,Arial,sans-serif;color:#fff;letter-spacing:-.05em;margin:17px 0}
.gp-contact-info-content>p{font:500 14px/1.8 Manrope,Arial,sans-serif;color:#DDE4E8;margin:0;max-width:390px}
.gp-contact-whatsapp-box{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:14px;margin:34px 0 25px;padding:22px 20px}
.gp-contact-wa-head{display:flex;align-items:center;gap:12px}
.gp-contact-wa-logo{display:flex;align-items:center;justify-content:center;flex:0 0 46px;width:46px;height:46px;background:#25D366;border-radius:12px}
.gp-contact-wa-logo svg{width:25px;height:25px;fill:#fff}
.gp-contact-wa-head strong{display:block;font:800 16px/1.3 Manrope,Arial,sans-serif;color:#fff}
.gp-contact-wa-head small{display:block;font:600 11px/1.5 Manrope,Arial,sans-serif;color:#DDE4E8;margin-top:3px}
.gp-contact-wa-number{font:800 clamp(20px,2.15vw,25px)/1.4 Manrope,Arial,sans-serif;color:#fff;margin:18px 0 12px;direction:ltr;text-align:left}
.gp-contact-wa-actions{display:flex;align-items:center;flex-wrap:wrap;gap:9px}
.gp-contact-wa-link{display:inline-flex;align-items:center;justify-content:center;min-height:43px;background:#25D366;color:#103C46!important;border-radius:8px;padding:12px 17px;font:800 12px/1.35 Manrope,Arial,sans-serif;transition:background .2s,transform .2s}
.gp-contact-wa-link:hover{background:#9CE3A8;color:#103C46!important;transform:translateY(-2px)}
.gp-contact-copy{border:1px solid rgba(255,255,255,.27);background:rgba(255,255,255,.09);color:#fff;cursor:pointer;border-radius:8px;padding:10px 14px;min-height:43px;font:800 11px/1.4 Manrope,Arial,sans-serif}
.gp-contact-copy:hover{background:rgba(255,255,255,.18)}
.gp-contact-copy-status{min-height:18px;margin:10px 0 0;color:#FFE1AB;font:600 11px/1.6 Manrope,Arial,sans-serif}
.gp-contact-location{display:flex;gap:13px;border-top:1px solid rgba(255,255,255,.15);padding-top:23px;align-items:flex-start;color:#DDE4E8}
.gp-contact-location svg{width:23px;height:23px;flex:0 0 23px;stroke:#F5AC72;stroke-width:1.9;fill:none}
.gp-contact-location strong{display:block;font:800 12px/1.4 Manrope,Arial,sans-serif;color:#fff}
.gp-contact-location span{display:block;margin-top:5px;font:500 12px/1.7 Manrope,Arial,sans-serif;color:#DDE4E8}
.gp-contact-warning{background:rgba(245,172,114,.1);border-left:3px solid #F5AC72;border-radius:7px;padding:15px 16px;color:#FFE1AB;font:600 11px/1.65 Manrope,Arial,sans-serif;margin-top:24px}
.gp-contact-form-panel{background:#fff!important;min-width:0}
.gp-contact-form-panel>.elementor-widget-html{width:100%}
.gp-contact-form-intro{padding:38px 43px 2px}
.gp-contact-form-intro h2{font:800 clamp(26px,3vw,38px)/1.15 Manrope,Arial,sans-serif;letter-spacing:-.046em;color:#103C46;margin:9px 0 11px}
.gp-contact-form-intro>p{font:500 13px/1.7 Manrope,Arial,sans-serif;color:#546B72;margin:0 0 18px}
.gp-contact-topic-title{color:#103C46;font:800 12px/1.4 Manrope,Arial,sans-serif;display:block;margin:0 0 10px}
.gp-contact-topics{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.gp-contact-topic{border:1px solid #DDE4E8;background:#F4F7F9;color:#103C46;cursor:pointer;border-radius:8px;padding:10px 12px;font:800 11px/1.35 Manrope,Arial,sans-serif;transition:background .2s,border-color .2s,transform .2s}
.gp-contact-topic:hover,.gp-contact-topic:focus-visible,.gp-contact-topic[aria-pressed="true"]{background:#E1F3FF;border-color:#387A9A;color:#103C46;transform:translateY(-1px)}
.gp-contact-form-panel>.elementor-widget-shortcode{width:100%}
.gp-contact-form-panel .elementor-shortcode{padding:17px 43px 34px}
.gp-contact-form-panel .wpcf7-form{display:block;max-width:none}
.gp-contact-form-panel .wpcf7-form>p{font:600 12px/1.5 Manrope,Arial,sans-serif;color:#103C46;margin:0 0 15px}
.gp-contact-form-panel .wpcf7-form label{display:block;margin:0!important;font:800 12px/1.5 Manrope,Arial,sans-serif;color:#103C46}
.gp-contact-form-panel .wpcf7-form-control-wrap{display:block;margin:8px 0 0}
.gp-contact-form-panel input[type="text"],.gp-contact-form-panel input[type="email"],.gp-contact-form-panel textarea{display:block;width:100%!important;box-sizing:border-box;padding:13px 15px!important;border:1px solid #DDE4E8!important;border-radius:8px!important;background:#F4F7F9!important;color:#103C46!important;outline:none!important;box-shadow:none!important;font:600 13px/1.45 Manrope,Arial,sans-serif!important;transition:border-color .2s,box-shadow .2s}
.gp-contact-form-panel input[type="text"],.gp-contact-form-panel input[type="email"]{min-height:45px}
.gp-contact-form-panel textarea{height:114px;min-height:96px;max-height:210px;resize:vertical}
.gp-contact-form-panel input:focus,.gp-contact-form-panel textarea:focus{border-color:#387A9A!important;box-shadow:0 0 0 3px #E1F3FF!important}
.gp-contact-form-panel .wpcf7-submit{display:inline-flex;align-items:center;justify-content:center;min-height:47px;padding:13px 23px!important;color:#fff!important;background:#103C46!important;border:0!important;border-radius:8px!important;font:800 13px/1.35 Manrope,Arial,sans-serif!important;cursor:pointer;box-shadow:0 7px 19px rgba(16,60,70,.11)}
.gp-contact-form-panel .wpcf7-submit:hover{background:#246979!important}
.gp-contact-form-panel .wpcf7-not-valid-tip{font-size:11px}
.gp-contact-form-panel .wpcf7-response-output{margin:12px 0 0!important;padding:13px 15px!important;font:600 12px/1.55 Manrope,Arial,sans-serif;border-radius:7px}
.gp-contact-form-note{background:#FFF7E7;border-top:1px solid #DDE4E8;color:#546B72;padding:13px 43px;font:600 11px/1.65 Manrope,Arial,sans-serif}
.gp-contact-resource-wrap{margin:48px 0 0}
.gp-contact-resource-top{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;border-bottom:1px solid #DDE4E8;padding-bottom:19px;margin-bottom:16px}
.gp-contact-resource-top h2{font:800 clamp(28px,3.1vw,39px)/1.14 Manrope,Arial,sans-serif;letter-spacing:-.05em;color:#103C46;margin:8px 0 0}
.gp-contact-resource-top p{max-width:340px;color:#546B72;font:500 13px/1.6 Manrope,Arial,sans-serif;margin:0}
.gp-contact-resources{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.gp-contact-resource{background:#fff;border:1px solid #DDE4E8;border-radius:13px;padding:25px 23px 22px;min-height:179px;display:flex;flex-direction:column;gap:14px;color:#103C46!important;transition:transform .25s,box-shadow .25s,border-color .25s}
.gp-contact-resource:hover{transform:translateY(-6px);box-shadow:0 17px 25px rgba(16,60,70,.075);border-color:#F5AC72;color:#103C46!important}
.gp-contact-resource:nth-child(1){background:#E1F3FF}
.gp-contact-resource:nth-child(2){background:#E5F1DB}
.gp-contact-resource:nth-child(3){background:#F9D0BA}
.gp-contact-resource svg{width:27px;height:27px;stroke:#246979;fill:none;stroke-width:1.8}
.gp-contact-resource strong{font:800 19px/1.2 Manrope,Arial,sans-serif;color:#103C46}
.gp-contact-resource span{font:600 12px/1.55 Manrope,Arial,sans-serif;color:#546B72;flex:1}
.gp-contact-resource em{font:800 11px/1.35 Manrope,Arial,sans-serif;color:#246979;font-style:normal}
.gp-contact-footnote{margin:25px 5px 0;text-align:center;color:#546B72;font:600 11px/1.7 Manrope,Arial,sans-serif}
.gp-contact-reveal{opacity:1;transform:none;transition:opacity .75s ease,transform .85s cubic-bezier(.16,.8,.23,1)}
.gp-contact-js .gp-contact-reveal:not(.gp-contact-shown){opacity:0;transform:translateY(25px)}
.gp-contact-js .gp-contact-reveal.gp-contact-shown{opacity:1;transform:none}
@keyframes gp-contact-panel{from{opacity:0;transform:translateY(23px) rotate(-2deg)}to{opacity:1;transform:rotate(2deg)}}
@keyframes gp-contact-float{from{translate:0 -8px}to{translate:0 10px}}
@media(max-width:1000px){.gp-contact-studio{padding:20px 19px 65px}.gp-contact-hero{grid-template-columns:1fr minmax(310px,.9fr);gap:22px}.gp-contact-hero h1{font-size:clamp(49px,5.6vw,66px)}.gp-contact-chat-panel{padding:13px}.gp-contact-art{padding:27px;min-height:330px}.gp-contact-info-content{padding:34px 27px}.gp-contact-form-intro{padding:32px 31px 2px}.gp-contact-form-panel .elementor-shortcode{padding:17px 31px 28px}.gp-contact-form-note{padding:12px 31px}}
@media(max-width:767px){.gp-contact-studio{padding:11px 12px 55px}.gp-contact-hero{display:flex;flex-direction:column;gap:9px;align-items:stretch;min-height:0;padding:26px 5px 24px}.gp-contact-hero h1{font-size:clamp(42px,10vw,60px)}.gp-contact-hero p{font-size:14px}.gp-contact-art{min-height:250px;max-height:290px}.gp-contact-chat-panel{margin:1px auto;max-width:355px;padding:12px 17px}.gp-contact-chat-bubbles{gap:7px;padding-top:12px}.gp-contact-bubble{padding:8px 12px;font-size:10px}.gp-contact-chat-footer{margin-top:12px}.gp-contact-shell{border-radius:15px}.gp-contact-info-content{padding:31px 24px 29px}.gp-contact-info h2{font-size:31px}.gp-contact-whatsapp-box{margin:22px 0;padding:19px}.gp-contact-form-intro{padding:29px 23px 0}.gp-contact-form-panel .elementor-shortcode{padding:17px 23px 26px}.gp-contact-form-note{padding:13px 23px}.gp-contact-resource-top{display:block}.gp-contact-resource-top p{margin-top:10px}.gp-contact-resources{grid-template-columns:1fr;gap:11px}.gp-contact-resource{min-height:0;padding:21px}.gp-contact-resource-wrap{margin-top:33px}}
@media(prefers-reduced-motion:reduce){.gp-contact-chat-panel,.gp-contact-float-label{animation:none!important}.gp-contact-reveal,.gp-contact-js .gp-contact-reveal{opacity:1!important;transform:none!important;transition:none!important}.gp-contact-resource,.gp-contact-primary,.gp-contact-secondary,.gp-contact-wa-link,.gp-contact-topic{transition:none!important}}
