/* GUPPIER SELLER GUIDE — editorial onboarding experience 2026-10-21 */
.gp-sg-page{--sg-ink:#103C46;--sg-teal:#246979;--sg-peach:#F5AC72;--sg-cream:#FFF7E7;--sg-pale:#F4F7F9;--sg-mint:#E5F1DB;--sg-blue:#E1F3FF;--sg-lavender:#EEE7FF;--sg-line:#DDE4E8;font-family:Manrope,Arial,sans-serif;}
.gp-sg-page .elementor-heading-title{font-family:Manrope,Arial,sans-serif!important;letter-spacing:-.043em;}
.gp-sg-page p{line-height:1.72;}
.gp-sg-hero{position:relative;overflow:hidden;isolation:isolate;margin-top:14px!important;border-radius:22px;box-shadow:0 23px 44px rgba(16,60,70,.11);background:#103C46!important;}
.gp-sg-hero:before{content:"";position:absolute;width:590px;height:590px;border-radius:50%;right:-245px;top:-260px;border:1px solid rgba(255,255,255,.17);pointer-events:none;}
.gp-sg-hero:after{content:"";position:absolute;width:390px;height:390px;border-radius:50%;right:-145px;top:-175px;border:1px solid rgba(255,255,255,.13);pointer-events:none;}
.gp-sg-hero-left{position:relative;z-index:3;}
.gp-sg-hero-title .elementor-heading-title{font-size:clamp(39px,4.7vw,68px)!important;line-height:1.08!important;letter-spacing:-.06em!important;}
.gp-sg-hero-photo{position:relative;z-index:2;min-height:445px;display:flex;justify-content:center;align-items:center;}
.gp-sg-hero-photo .elementor-widget-image{position:relative;z-index:3;}
.gp-sg-hero-photo .elementor-widget-image img{width:100%!important;max-width:450px!important;aspect-ratio:.88;object-fit:cover;border-radius:100px 23px 100px 23px;box-shadow:0 27px 48px rgba(0,0,0,.24);transform:rotate(2deg);animation:gp-sg-photo-in .95s ease-out both;}
.gp-sg-hero-photo:before{content:"";position:absolute;inset:22px 18px 20px;background:#F5AC72;border-radius:26px 105px 26px 105px;transform:rotate(-7deg);opacity:.95;z-index:1;}
.gp-sg-float{position:absolute;z-index:5;display:flex;align-items:center;gap:10px;background:#fff;color:#103C46;border-radius:12px;padding:13px 15px;box-shadow:0 15px 30px rgba(0,0,0,.15);font:800 12px/1.25 Manrope,Arial,sans-serif;white-space:nowrap;animation:gp-sg-drift 4s ease-in-out infinite alternate;}
.gp-sg-float svg{height:22px;width:22px;fill:none;stroke:#246979;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.gp-sg-float small{display:block;color:#546B72;font-size:10px;font-weight:600;margin-top:3px;}
.gp-sg-float--top{top:9%;right:0;}
.gp-sg-float--bottom{bottom:6%;left:0;animation-delay:-2.2s;}
.gp-sg-hero-caption{font-size:10px!important;color:#E1F3FF!important;text-transform:uppercase;letter-spacing:.15em;font-weight:800;}
.gp-sg-quicknav{position:relative;margin-top:20px!important;margin-bottom:18px!important;background:#fff!important;border:1px solid #DDE4E8;border-radius:14px;box-shadow:0 14px 25px rgba(16,60,70,.045);}
.gp-sg-quicknav nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;}
.gp-sg-quicknav a{color:#103C46!important;font:800 12px/1.3 Manrope,Arial,sans-serif;text-decoration:none;display:inline-flex;align-items:center;gap:9px;min-height:43px;padding:9px 15px;border-radius:9px;transition:background .2s ease,transform .2s ease;}
.gp-sg-quicknav a svg{height:18px;width:18px;stroke:#246979;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;}
.gp-sg-quicknav a:hover,.gp-sg-quicknav a:focus-visible{background:#E1F3FF;color:#103C46!important;transform:translateY(-2px);}
.gp-sg-section{position:relative;border-radius:18px;overflow:hidden;margin:18px auto!important;}
.gp-sg-section .elementor-widget-heading .elementor-heading-title{line-height:1.13;}
.gp-sg-section-intro .elementor-widget-text-editor{max-width:780px;}
.gp-sg-benefit-card{border:1px solid rgba(16,60,70,.07);border-radius:16px;overflow:hidden;position:relative;transition:transform .26s ease,box-shadow .26s ease,border-color .26s ease;min-height:260px;}
.gp-sg-benefit-card:hover{transform:translateY(-8px);box-shadow:0 20px 34px rgba(16,60,70,.1);border-color:#F5AC72;}
.gp-sg-benefit-card .elementor-icon{transition:transform .25s ease;}
.gp-sg-benefit-card:hover .elementor-icon{transform:rotate(-7deg) scale(1.12);}
.gp-sg-benefit-card--mint{background:#E5F1DB!important;}
.gp-sg-benefit-card--blue{background:#E1F3FF!important;}
.gp-sg-benefit-card--lavender{background:#EEE7FF!important;}
.gp-sg-benefit-card--peach{background:#F9D0BA!important;}
.gp-sg-number .elementor-heading-title{font-size:12px!important;letter-spacing:.12em!important;color:#C77C43!important;}
.gp-sg-timeline{position:relative;}
.gp-sg-steps{position:relative;}
.gp-sg-steps:before{content:"";position:absolute;left:3%;right:3%;top:48px;height:2px;background:linear-gradient(90deg,#103C46,#387A9A,#F5AC72);opacity:.25;}
.gp-sg-step{position:relative;z-index:2;border:1px solid #DDE4E8!important;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;border-radius:16px;min-height:330px;}
.gp-sg-step:hover{border-color:#F5AC72!important;transform:translateY(-5px);box-shadow:0 18px 32px rgba(16,60,70,.08);}
.gp-sg-step-num{height:65px;width:65px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#103C46;background:#F5AC72;border:5px solid #FFFFFF;font:800 22px Manrope,Arial,sans-serif;box-shadow:0 7px 19px rgba(16,60,70,.09);margin:0 auto 13px;}
.gp-sg-step:nth-child(2) .gp-sg-step-num{background:#E1F3FF}
.gp-sg-step:nth-child(3) .gp-sg-step-num{background:#E5F1DB}
.gp-sg-step:nth-child(4) .gp-sg-step-num{background:#EEE7FF}
.gp-sg-step .elementor-widget-heading .elementor-heading-title{letter-spacing:-.025em!important;}
.gp-sg-preview{border-radius:20px;overflow:hidden;background:#103C46!important;}
.gp-sg-dashboard{max-width:525px;margin:auto;position:relative;transform:rotate(2deg);filter:drop-shadow(0 30px 28px rgba(0,0,0,.20));}
.gp-sg-dashboard-screen{overflow:hidden;border-radius:15px;border:6px solid #E1F3FF;background:#FFFFFF;color:#103C46;}
.gp-sg-dashboard-browser{display:flex;align-items:center;gap:5px;padding:12px 16px;border-bottom:1px solid #DDE4E8;background:#F4F7F9;}
.gp-sg-dashboard-browser i{width:9px;height:9px;border-radius:50%;background:#F5AC72;display:block}.gp-sg-dashboard-browser i:nth-child(2){background:#E5F1DB}.gp-sg-dashboard-browser i:nth-child(3){background:#E1F3FF}
.gp-sg-dashboard-content{display:grid;grid-template-columns:90px 1fr;min-height:255px;}
.gp-sg-dashboard-side{background:#103C46;padding:16px 8px;display:flex;flex-direction:column;gap:13px;}
.gp-sg-dashboard-side span{display:block;border-radius:6px;height:10px;background:rgba(255,255,255,.37)}
.gp-sg-dashboard-side span:first-child{background:#F5AC72}
.gp-sg-dashboard-main{padding:20px;}
.gp-sg-dashboard-main strong{font:800 19px Manrope,Arial,sans-serif;color:#103C46;display:block;margin-bottom:6px}
.gp-sg-dashboard-main>p{color:#546B72!important;font:600 11px/1.55 Manrope,Arial,sans-serif;margin:0 0 16px!important}
.gp-sg-dashboard-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;}
.gp-sg-dashboard-tiles div{background:#F4F7F9;border:1px solid #DDE4E8;padding:17px 9px 15px;text-align:center;border-radius:9px;color:#103C46;font:800 11px Manrope,Arial,sans-serif;}
.gp-sg-dashboard-tiles svg{width:25px;height:25px;display:block;margin:0 auto 9px;fill:none;stroke:#246979;stroke-width:1.7}
.gp-sg-dashboard-note{position:absolute;z-index:2;left:-19px;bottom:-21px;background:#F5AC72;color:#103C46;border-radius:8px;padding:12px 17px;font:800 11px/1.5 Manrope,Arial,sans-serif;transform:rotate(-5deg);box-shadow:0 12px 22px rgba(0,0,0,.1)}
.gp-sg-dashboard-caption{font:700 10px/1.5 Manrope,Arial,sans-serif;color:#E1F3FF;letter-spacing:.1em;text-transform:uppercase;text-align:center;margin-top:24px;}
.gp-sg-checklist{background:#FFFFFF;border:1px solid #DDE4E8;border-radius:16px;box-shadow:0 15px 26px rgba(16,60,70,.04);}
.gp-sg-checklist .elementor-icon-list-item{padding:13px 0!important;border-bottom:1px solid #DDE4E8;align-items:flex-start!important;}
.gp-sg-checklist .elementor-icon-list-item:last-child{border-bottom:0}
.gp-sg-checklist .elementor-icon-list-icon i,.gp-sg-checklist .elementor-icon-list-icon svg{color:#578568!important;fill:#578568!important}
.gp-sg-checklist .elementor-icon-list-text{font:600 14px/1.65 Manrope,Arial,sans-serif!important;color:#103C46!important}
.gp-sg-checklist-warning{padding:15px 18px;background:#FFF7E7;border-left:4px solid #F5AC72;border-radius:7px;color:#546B72;font:600 12px/1.6 Manrope,Arial,sans-serif;}
.gp-sg-info-card{border:1px solid #DDE4E8;min-height:235px;transition:transform .24s ease,border-color .2s ease,box-shadow .24s ease;}
.gp-sg-info-card:hover{transform:translateY(-6px);border-color:#F5AC72;box-shadow:0 16px 26px rgba(16,60,70,.075)}
.gp-sg-info-card--peach{background:#F9D0BA!important;}
.gp-sg-info-card--mint{background:#E5F1DB!important;}
.gp-sg-info-card--blue{background:#E1F3FF!important;}
.gp-sg-faq .elementor-accordion .elementor-accordion-item{border:1px solid #DDE4E8!important;border-radius:11px;overflow:hidden;margin:0 0 12px;background:#FFFFFF;}
.gp-sg-faq .elementor-accordion .elementor-tab-title{background:#FFFFFF!important;border:0!important;margin:0!important;padding:22px 23px!important;font:800 14px/1.6 Manrope,Arial,sans-serif!important;color:#103C46!important;}
.gp-sg-faq .elementor-accordion .elementor-tab-title.elementor-active{background:#E1F3FF!important;}
.gp-sg-faq .elementor-accordion .elementor-tab-content{color:#546B72!important;font:400 14px/1.75 Manrope,Arial,sans-serif!important;padding:17px 24px!important;border-top:1px solid #DDE4E8!important;}
.gp-sg-cta{position:relative;overflow:hidden;border-radius:20px;background:#103C46!important;}
.gp-sg-cta:after{position:absolute;content:"";width:420px;height:420px;right:-210px;top:-215px;border:1px solid rgba(255,255,255,.18);border-radius:50%}
.gp-sg-cta .elementor-heading-title{color:#FFFFFF!important}
.gp-sg-cta .elementor-widget-text-editor{color:#E1F3FF!important}
.gp-sg-cta .elementor-button{background:#F5AC72!important;color:#103C46!important;}
.gp-sg-cta .elementor-button:hover{background:#FFE1AB!important}
.gp-sg-cta-links{display:flex;align-items:center;gap:20px;flex-wrap:wrap;}
.gp-sg-cta-links a{color:#FFE1AB!important;text-decoration:none;font:700 13px Manrope,Arial,sans-serif;border-bottom:1px solid rgba(255,255,255,.5);padding-bottom:3px;}
.gp-sg-cta-links a:hover{color:#FFFFFF!important}
.gp-sg-reveal{opacity:0;transform:translateY(38px);transition:opacity .7s ease,transform .8s cubic-bezier(.15,.8,.2,1)}
.gp-sg-reveal.gp-sg-inview{opacity:1;transform:none}
@keyframes gp-sg-drift{from{translate:0 -9px}to{translate:0 11px}}
@keyframes gp-sg-photo-in{from{opacity:0;transform:translateY(25px) rotate(-1deg)}to{opacity:1;transform:rotate(2deg)}}
@media(max-width:1050px){.gp-sg-hero-photo{min-height:330px}.gp-sg-hero-photo .elementor-widget-image img{max-height:365px}.gp-sg-step{min-height:355px}.gp-sg-steps:before{display:none}}
@media(max-width:767px){.gp-sg-hero{margin-top:4px!important;border-radius:14px}.gp-sg-hero-title .elementor-heading-title{font-size:clamp(37px,9vw,49px)!important}.gp-sg-hero-photo{min-height:280px;padding:8px 28px}.gp-sg-hero-photo .elementor-widget-image img{max-height:315px}.gp-sg-quicknav{margin-top:10px!important}.gp-sg-quicknav nav{justify-content:flex-start;gap:4px}.gp-sg-quicknav a{font-size:11px;padding:9px 11px}.gp-sg-section{margin:8px auto!important;border-radius:13px}.gp-sg-benefit-card{min-height:0}.gp-sg-step{min-height:0}.gp-sg-dashboard{transform:none;margin:15px auto}.gp-sg-dashboard-note{left:0;bottom:-20px}.gp-sg-dashboard-content{grid-template-columns:62px 1fr;min-height:205px}.gp-sg-dashboard-side{padding:12px 6px}.gp-sg-dashboard-main{padding:12px}.gp-sg-dashboard-main strong{font-size:15px}.gp-sg-dashboard-tiles div{padding:10px 3px;font-size:9px}.gp-sg-dashboard-tiles svg{width:18px;height:18px}.gp-sg-float{font-size:10px;padding:9px}.gp-sg-hero-photo:before{inset:10px 20px}.gp-sg-checklist .elementor-icon-list-text{font-size:13px!important}}
@media(prefers-reduced-motion:reduce){.gp-sg-reveal{opacity:1!important;transform:none!important;transition:none!important}.gp-sg-float,.gp-sg-hero-photo .elementor-widget-image img{animation:none!important}.gp-sg-benefit-card,.gp-sg-info-card,.gp-sg-step,.gp-sg-quicknav a,.gp-sg-benefit-card .elementor-icon{transition:none!important}}

/* Progressive enhancement: content is readable even if animation JavaScript fails */
.gp-sg-reveal{opacity:1;transform:none;transition:opacity .7s ease,transform .8s cubic-bezier(.15,.8,.2,1)}
.gp-sg-js .gp-sg-reveal:not(.gp-sg-inview){opacity:0;transform:translateY(38px)}
.gp-sg-js .gp-sg-reveal.gp-sg-inview{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){
 .gp-sg-js .gp-sg-reveal{opacity:1!important;transform:none!important;transition:none!important}
}