/* scoped */
:where(#wrap){--bg: #FFFFFF; --bg-soft: #F5F0E8; --bg-soft-2: #F2EDE5; --purple: #C4913A; --purple-dark: #A87528; --purple-ink: #7A5418; --orange: #C4913A; --orange-dark: #A87528; --green: #22C55E; --ink: #0E1422; --ink-soft: rgba(14, 20, 34,0.64); --ink-faint: rgba(14, 20, 34,0.45); --border: rgba(14, 20, 34,0.09); --card-shadow: 0 20px 45px -28px rgba(122, 84, 24,0.35); --ease: cubic-bezier(0.22,1,0.36,1); --blue-bg: #F5EBD6; --blue-ink: #A87528; --orange-bg: #F5EBD6; --orange-ink: #C4913A; --purple-bg: #F5EBD6; --purple-inkc: #C4913A; --green-bg: #E9FAEF; --green-ink: #1FA855; --pink-bg: #F5EBD6; --pink-ink: #B8862F; --teal-bg: #F5EBD6; --teal-ink: #A87528;}
:where(#wrap), :where(#wrap) *{box-sizing: border-box;}
:where(#wrap){scroll-behavior: smooth;}
:where(#wrap){margin: 0px; background: var(--bg); color: var(--ink); line-height: 1.6; -webkit-font-smoothing: antialiased;}
:where(#wrap) h1, :where(#wrap) h2, :where(#wrap) h3, :where(#wrap) .display{font-weight: 800; letter-spacing: -0.02em; margin: 0px; color: var(--ink);}
:where(#wrap) p{margin: 0px;}
:where(#wrap) a{color: inherit;}
:where(#wrap) img, :where(#wrap) svg{display: block;}
:where(#wrap) :focus-visible{outline: 3px solid var(--purple); outline-offset: 3px; border-radius: 6px;}
:where(#wrap) .wrap{max-width: 1200px; margin: 0px auto; padding: 0px 32px;}
:where(#wrap) .accent{color: var(--purple);}
:where(#wrap) .icon{width: 22px; height: 22px;}
:where(#wrap) nav{position: sticky; top: 0px; z-index: 50; background: rgba(255, 255, 255, 0.9); backdrop-filter: blur(10px); border-bottom: 1px solid var(--border);}
:where(#wrap) nav .wrap{display: flex; align-items: center; justify-content: space-between; padding: 18px 32px;}
:where(#wrap) .brand{display: flex; align-items: center; gap: 10px; font-weight: 800; font-size: 1.2rem;}
:where(#wrap) .brand .mark{width: 34px; height: 34px; border-radius: 10px; background: linear-gradient(135deg,var(--purple),var(--purple-dark)); display: flex; align-items: center; justify-content: center;}
:where(#wrap) .brand .mark svg{width: 18px; height: 18px; stroke: rgb(255, 255, 255);}
:where(#wrap) .nav-links{display: flex; align-items: center; gap: 34px;}
:where(#wrap) .nav-links ul{list-style: none; display: flex; gap: 30px; margin: 0px; padding: 0px; font-size: 0.95rem; font-weight: 600;}
:where(#wrap) .nav-links a{text-decoration: none; color: var(--ink-soft); transition: color 0.2s;}
:where(#wrap) .nav-links a:hover{color: var(--ink);}
:where(#wrap) .nav-actions{display: flex; align-items: center; gap: 18px;}
:where(#wrap) .btn{font-family: Inter, sans-serif; font-weight: 700; font-size: 0.94rem; border-radius: 10px; padding: 11px 22px; text-decoration: none; display: inline-flex; align-items: center; gap: 8px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; cursor: pointer; transition: transform 0.3s var(--ease),box-shadow 0.3s var(--ease),background 0.3s;}
:where(#wrap) .btn-primary{background: var(--orange); color: rgb(255, 255, 255); box-shadow: rgba(196, 145, 58, 0.55) 0px 14px 30px -12px;}
:where(#wrap) .btn-primary:hover{background: var(--orange-dark); transform: translateY(-2px);}
:where(#wrap) .btn-purple{background: var(--purple); color: rgb(255, 255, 255); box-shadow: rgba(196, 145, 58, 0.5) 0px 14px 30px -12px;}
:where(#wrap) .btn-purple:hover{background: var(--purple-dark); transform: translateY(-2px);}
:where(#wrap) .btn-outline{background: rgb(255, 255, 255); color: var(--ink); border: 1.5px solid var(--border);}
:where(#wrap) .btn-outline:hover{border-color: var(--purple); color: var(--purple);}
:where(#wrap) .link-plain{text-decoration: none; font-weight: 700; color: var(--ink-soft); font-size: 0.95rem;}
:where(#wrap) .hero{padding: 88px 0px 100px; overflow: hidden;}
:where(#wrap) .hero .wrap{display: grid; grid-template-columns: 1.05fr 0.95fr; gap: 70px; align-items: center;}
:where(#wrap) .kicker-pill{display: inline-flex; align-items: center; gap: 8px; background: var(--purple-bg); color: var(--purple); font-weight: 700; font-size: 0.82rem; padding: 7px 16px; border-radius: 100px; margin-bottom: 22px;}
:where(#wrap) .hero h1{font-size: clamp(2.4rem, 4.4vw, 3.4rem); line-height: 1.1; margin-bottom: 18px;}
:where(#wrap) .hero h2.sub{font-size: clamp(1.2rem, 2vw, 1.5rem); font-weight: 700; color: var(--purple); margin-bottom: 22px; line-height: 1.35;}
:where(#wrap) .hero p.lede{color: var(--ink-soft); font-size: 1.08rem; max-width: 520px; margin-bottom: 34px;}
:where(#wrap) .cta-row{display: flex; gap: 16px; flex-wrap: wrap; margin-bottom: 26px;}
:where(#wrap) .trust-line{display: flex; gap: 22px; flex-wrap: wrap; font-size: 0.88rem; color: var(--ink-faint); font-weight: 600;}
:where(#wrap) .trust-line span{display: inline-flex; align-items: center; gap: 6px;}
:where(#wrap) .trust-line svg{width: 15px; height: 15px; stroke: var(--green);}
:where(#wrap) .hero-visual{position: relative; height: 460px;}
:where(#wrap) .hero-center{position: absolute; left: 50%; top: 52%; transform: translate(-50%, -50%); width: 132px; height: 132px; border-radius: 50%; background: linear-gradient(160deg,var(--purple),var(--purple-dark)); display: flex; align-items: center; justify-content: center; box-shadow: rgba(196, 145, 58, 0.55) 0px 30px 60px -20px;}
:where(#wrap) .hero-center svg{width: 56px; height: 56px; stroke: rgb(255, 255, 255);}
:where(#wrap) .float-card{position: absolute; background: rgb(255, 255, 255); border: 1px solid var(--border); border-radius: 16px; padding: 14px 16px; box-shadow: var(--card-shadow); width: 190px; display: flex; align-items: flex-start; gap: 10px; animation: 5s ease-in-out 0s infinite normal none running bob;}
:where(#wrap) .float-card .badge{width: 34px; height: 34px; border-radius: 9px; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}
:where(#wrap) .float-card .badge svg{width: 17px; height: 17px;}
:where(#wrap) .float-card h4{font-size: 0.86rem; font-weight: 700; margin: 0px 0px 3px;}
:where(#wrap) .float-card p{font-size: 0.74rem; color: var(--ink-faint);}
:where(#wrap) .float-card .check{position: absolute; top: -6px; right: -6px; width: 18px; height: 18px; border-radius: 50%; background: var(--green); display: flex; align-items: center; justify-content: center;}
:where(#wrap) .float-card .check svg{width: 10px; height: 10px; stroke: rgb(255, 255, 255); stroke-width: 3;}
:where(#wrap) .fc-1{top: 0px; left: 6%; animation-delay: 0s;}
:where(#wrap) .fc-2{top: 8%; right: 2%; animation-delay: 0.6s;}
:where(#wrap) .fc-3{bottom: 14%; left: 0px; animation-delay: 1.2s;}
:where(#wrap) .fc-4{bottom: 4%; right: 8%; animation-delay: 1.8s;}
@keyframes bob { 
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-10px); }
}
:where(#wrap) .connector-line{position: absolute; inset: 0px; z-index: -1;}
:where(#wrap) .status-strip{position: absolute; left: 50%; bottom: -6px; transform: translateX(-50%); background: rgb(255, 255, 255); border: 1px solid var(--border); border-radius: 100px; padding: 10px 22px; display: flex; gap: 20px; box-shadow: var(--card-shadow); font-size: 0.78rem; font-weight: 700; color: var(--ink-soft); white-space: nowrap;}
:where(#wrap) .status-strip span{display: inline-flex; align-items: center; gap: 6px;}
:where(#wrap) .status-strip svg{width: 13px; height: 13px; stroke: var(--green);}
:where(#wrap) .section-pad{padding: 100px 0px;}
:where(#wrap) .section-head{text-align: center; max-width: 640px; margin: 0px auto 60px;}
:where(#wrap) .section-head .kicker-pill{margin-bottom: 18px;}
:where(#wrap) .section-head h2{font-size: clamp(1.8rem, 3.2vw, 2.5rem); margin-bottom: 14px;}
:where(#wrap) .section-head p{color: var(--ink-soft); font-size: 1.03rem;}
:where(#wrap) .pain-band{padding: 70px 0px;}
:where(#wrap) .pain-box{border: 1px solid var(--border); border-radius: 24px; padding: 44px; display: grid; grid-template-columns: repeat(5, 1fr); gap: 0px;}
:where(#wrap) .pain-item{text-align: center; padding: 0px 16px; position: relative;}
:where(#wrap) .pain-item + .pain-item::before{content: ""; position: absolute; left: 0px; top: 20%; bottom: 20%; width: 1px; background: var(--border);}
:where(#wrap) .pain-item .badge{width: 52px; height: 52px; border-radius: 14px; margin: 0px auto 16px; display: flex; align-items: center; justify-content: center;}
:where(#wrap) .pain-item .badge svg{width: 24px; height: 24px;}
:where(#wrap) .pain-item h4{font-size: 0.95rem; font-weight: 700; margin-bottom: 6px;}
:where(#wrap) .pain-item p{font-size: 0.8rem; color: var(--ink-faint);}
:where(#wrap) .how-band{background: var(--bg-soft); padding: 0px 0px 100px;}
:where(#wrap) .steps-row{display: grid; grid-template-columns: repeat(7, 1fr); gap: 0px; align-items: start; position: relative;}
:where(#wrap) .step{text-align: center; padding: 0px 8px; position: relative;}
:where(#wrap) .step-dot{width: 64px; height: 64px; border-radius: 50%; margin: 0px auto 18px; display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 1.3rem; position: relative; z-index: 2; box-shadow: rgba(122, 84, 24, 0.25) 0px 12px 24px -10px;}
:where(#wrap) .step-dot svg{width: 26px; height: 26px;}
:where(#wrap) .step h4{font-size: 0.88rem; font-weight: 700; margin-bottom: 6px;}
:where(#wrap) .step p{font-size: 0.76rem; color: var(--ink-faint); line-height: 1.45;}
:where(#wrap) .step-connector{position: absolute; top: 32px; left: calc(50% + 40px); right: calc(-50% + 40px); height: 0px; border-top: 2px dashed rgba(196, 145, 58, 0.35); z-index: 1;}
:where(#wrap) .step:last-child .step-connector{display: none;}
:where(#wrap) .s1{background: var(--purple-bg); color: var(--purple-inkc);}
:where(#wrap) .s2{background: var(--orange-bg); color: var(--orange-ink);}
:where(#wrap) .s3{background: var(--blue-bg); color: var(--blue-ink);}
:where(#wrap) .s4{background: var(--teal-bg); color: var(--teal-ink);}
:where(#wrap) .s5{background: var(--pink-bg); color: var(--pink-ink);}
:where(#wrap) .s6{background: var(--green-bg); color: var(--green-ink);}
:where(#wrap) .s7{background: var(--purple-bg); color: var(--purple-inkc);}
:where(#wrap) .chip-row{display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; margin-bottom: 90px;}
:where(#wrap) .chip{display: flex; align-items: center; gap: 10px; border: 1px solid var(--border); border-radius: 100px; padding: 12px 20px; font-size: 0.88rem; font-weight: 700;}
:where(#wrap) .chip svg{width: 17px; height: 17px;}
:where(#wrap) .features-grid{display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px;}
:where(#wrap) .feature-card{border: 1px solid var(--border); border-radius: 20px; padding: 30px 26px; background: rgb(255, 255, 255); transition: transform 0.35s var(--ease), box-shadow 0.35s var(--ease), border-color 0.35s;}
:where(#wrap) .feature-card:hover{transform: translateY(-6px); box-shadow: var(--card-shadow); border-color: transparent;}
:where(#wrap) .feature-card .badge{width: 50px; height: 50px; border-radius: 12px; display: flex; align-items: center; justify-content: center; margin-bottom: 18px;}
:where(#wrap) .feature-card .badge svg{width: 50px; height: 50px;}
:where(#wrap) .feature-card h3{font-size: 1.02rem; margin-bottom: 8px;}
:where(#wrap) .feature-card p{font-size: 0.87rem; color: var(--ink-soft);}
:where(#wrap) .ba-band{padding: 100px 0px;}
:where(#wrap) .ba-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 24px;}
:where(#wrap) .ba-panel{border-radius: 24px; padding: 40px 36px; min-height: 340px; display: flex; flex-direction: column; justify-content: center;}
:where(#wrap) .ba-before{background: var(--ink); color: rgb(255, 255, 255);}
:where(#wrap) .ba-after{background: linear-gradient(150deg,var(--purple),var(--purple-dark)); color: rgb(255, 255, 255);}
:where(#wrap) .ba-tag{display: inline-block; font-size: 0.78rem; font-weight: 800; letter-spacing: 0.06em; padding: 6px 16px; border-radius: 100px; margin-bottom: 24px; width: fit-content;}
:where(#wrap) .ba-before .ba-tag{background: rgba(255, 255, 255, 0.12);}
:where(#wrap) .ba-after .ba-tag{background: rgba(255, 255, 255, 0.18);}
:where(#wrap) .ba-panel ul{list-style: none; margin: 0px; padding: 0px; display: flex; flex-direction: column; gap: 14px;}
:where(#wrap) .ba-panel li{display: flex; align-items: center; gap: 12px; font-size: 0.98rem; font-weight: 600;}
:where(#wrap) .ba-panel li svg{width: 18px; height: 18px; flex-shrink: 0;}
:where(#wrap) .ba-before li svg{stroke: rgb(255, 142, 142);}
:where(#wrap) .ba-after li svg{stroke: rgb(124, 245, 176);}
:where(#wrap) .industries-grid{display: grid; grid-template-columns: repeat(5, 1fr); gap: 16px;}
:where(#wrap) .industry-card{text-align: center; border: 1px solid var(--border); border-radius: 16px; padding: 24px 12px;}
:where(#wrap) .industry-card .badge{width: 50px; height: 50px; border-radius: 12px; margin: 0px auto 12px; display: flex; align-items: center; justify-content: center;}
:where(#wrap) .industry-card .badge svg{width: 50px; height: 50px;}
:where(#wrap) .industry-card h4{font-size: 0.85rem; font-weight: 700;}
:where(#wrap) .flow-band{text-align: center; margin-top: 56px;}
:where(#wrap) .flow-pill-row{display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 10px; background: var(--bg-soft-2); border: 1px solid var(--border); border-radius: 100px; padding: 14px 24px;}
:where(#wrap) .flow-pill-row .fp{font-size: 0.85rem; font-weight: 700; color: var(--purple);}
:where(#wrap) .flow-pill-row .arrow{color: var(--ink-faint); font-weight: 700;}
:where(#wrap) .stats-band{background: var(--ink); padding: 70px 0px;}
:where(#wrap) .stats-grid{display: grid; grid-template-columns: repeat(5, 1fr); gap: 24px;}
:where(#wrap) .stat{text-align: center;}
:where(#wrap) .stat .num{font-weight: 800; font-size: 2rem; color: rgb(255, 255, 255); margin-bottom: 6px;}
:where(#wrap) .stat .lbl{font-size: 0.82rem; color: rgba(255, 255, 255, 0.55); font-weight: 600;}
:where(#wrap) .final-cta-wrap{padding: 100px 0px;}
:where(#wrap) .final-cta{background: linear-gradient(120deg,var(--purple),var(--purple-dark)); border-radius: 32px; padding: 60px; display: flex; align-items: center; justify-content: space-between; gap: 40px; flex-wrap: wrap; position: relative; overflow: hidden;}
:where(#wrap) .final-cta::before{content: ""; position: absolute; width: 340px; height: 340px; border-radius: 50%; background: rgba(255, 255, 255, 0.06); top: -120px; right: -80px;}
:where(#wrap) .final-cta::after{content: ""; position: absolute; width: 220px; height: 220px; border-radius: 50%; background: rgba(255, 255, 255, 0.05); bottom: -100px; left: 10%;}
:where(#wrap) .final-cta-left{display: flex; align-items: center; gap: 24px; position: relative; z-index: 1;}
:where(#wrap) .final-cta-icon{width: 70px; height: 70px; border-radius: 18px; background: rgba(255, 255, 255, 0.15); display: flex; align-items: center; justify-content: center; flex-shrink: 0;}
:where(#wrap) .final-cta-icon svg{width: 32px; height: 32px; stroke: rgb(255, 255, 255);}
:where(#wrap) .final-cta h2{color: rgb(255, 255, 255); font-size: clamp(1.5rem, 2.6vw, 2rem); margin-bottom: 8px; line-height: 1.25;}
:where(#wrap) .final-cta p{color: rgba(255, 255, 255, 0.75); font-size: 0.95rem;}
:where(#wrap) .final-cta-right{position: relative; z-index: 1; text-align: right; display: flex; flex-direction: column; align-items: flex-end; gap: 8px;}
:where(#wrap) .final-cta-right span{font-size: 0.8rem; color: rgba(255, 255, 255, 0.6); font-weight: 600;}
:where(#wrap) footer{padding: 60px 0px 32px; border-top: 1px solid var(--border);}
:where(#wrap) .footer-top{display: flex; justify-content: space-between; flex-wrap: wrap; gap: 40px; margin-bottom: 44px;}
:where(#wrap) .footer-tagline{font-weight: 700; font-size: 1.05rem; color: var(--ink); max-width: 280px; margin-top: 14px;}
:where(#wrap) .footer-links{display: flex; gap: 60px; flex-wrap: wrap;}
:where(#wrap) .footer-col h4{font-size: 0.82rem; text-transform: uppercase; letter-spacing: 0.05em; color: var(--ink-faint); margin-bottom: 16px; font-family: Inter, sans-serif; font-weight: 700;}
:where(#wrap) .footer-col ul{list-style: none; margin: 0px; padding: 0px; display: flex; flex-direction: column; gap: 10px;}
:where(#wrap) .footer-col a{text-decoration: none; font-size: 0.9rem; color: var(--ink-soft); transition: color 0.2s;}
:where(#wrap) .footer-col a:hover{color: var(--purple);}
:where(#wrap) .footer-bottom{border-top: 1px solid var(--border); padding-top: 24px; font-size: 0.84rem; color: var(--ink-faint); display: flex; justify-content: space-between; flex-wrap: wrap; gap: 10px;}
:where(#wrap) .reveal{opacity: 0; transform: translateY(24px); transition: opacity 0.8s var(--ease), transform 0.8s var(--ease);}
:where(#wrap) .reveal.in{opacity: 1; transform: translateY(0px);}
@media (prefers-reduced-motion: reduce){:where(#wrap), :where(#wrap) *{animation: auto ease 0s 1 normal none running none !important; transition: none !important;}}
@media (max-width: 1000px){:where(#wrap) .nav-links ul{display: none;}
:where(#wrap) .hero .wrap{grid-template-columns: 1fr;}
:where(#wrap) .hero-visual{height: 360px; margin-top: 20px;}
:where(#wrap) .pain-box{grid-template-columns: repeat(2, 1fr); gap: 28px 0px;}
:where(#wrap) .pain-item + .pain-item::before{display: none;}
:where(#wrap) .steps-row{grid-template-columns: repeat(2, 1fr); gap: 36px 0px;}
:where(#wrap) .step-connector{display: none;}
:where(#wrap) .features-grid{grid-template-columns: repeat(2, 1fr);}
:where(#wrap) .ba-grid{grid-template-columns: 1fr;}
:where(#wrap) .industries-grid{grid-template-columns: repeat(3, 1fr); gap: 14px;}
:where(#wrap) .stats-grid{grid-template-columns: repeat(2, 1fr); gap: 30px;}
:where(#wrap) .final-cta{flex-direction: column; align-items: flex-start; text-align: left; padding: 44px 32px;}
:where(#wrap) .final-cta-right{align-items: flex-start; text-align: left;}
:where(#wrap) .footer-top{flex-direction: column;}}
:where(#wrap){overflow-x:clip}

/* gold buttons (match site theme) */
#wrap .btn-primary, #wrap a.btn-primary, #wrap .btn.btn-primary.btn-lg { background-color: #C4913A !important; border-color: #C4913A !important; color: #0E1422 !important; box-shadow: 0 6px 18px rgba(196,145,58,.28) !important; }
#wrap .btn-primary:hover, #wrap a.btn-primary:hover, #wrap .btn.btn-primary.btn-lg:hover, #wrap .btn-primary:focus { background-color: #D6A24A !important; border-color: #D6A24A !important; color: #0E1422 !important; }

/* skit theme */
#wrapwrap #wrap > section:nth-of-type(2),#wrapwrap #wrap > section:nth-of-type(3),#wrapwrap #wrap > section:nth-of-type(5),#wrapwrap #wrap > section:nth-of-type(7),#wrapwrap #wrap > section:nth-of-type(9){background-color:#0E1422 !important;background-image:radial-gradient(900px 420px at 15% 0%, rgba(196,145,58,.16), rgba(0,0,0,0) 60%) !important;color:#F2EDE5;--ink:#F2EDE5;--ink-soft:rgba(237,232,222,.76);--ink-faint:rgba(237,232,222,.55);--border:rgba(255,255,255,.14);--bg-soft:#151C2E;--bg-soft-2:#1A2236}
#wrapwrap #wrap > section:nth-of-type(1){background-color:#F5F0E8 !important;background-image:none !important}
#wrapwrap #wrap > section:nth-of-type(4){background-color:#EDE8DE !important;background-image:none !important}
#wrapwrap #wrap > section:nth-of-type(6){background-color:#F5F0E8 !important;background-image:none !important}
#wrapwrap #wrap > section:nth-of-type(8){background-color:#EDE8DE !important;background-image:none !important}
#wrapwrap #wrap > section:nth-of-type(2) :is(h1,h2,h3,h4,p,li,span,div,strong):not(.btn):not(.btn *),#wrapwrap #wrap > section:nth-of-type(3) :is(h1,h2,h3,h4,p,li,span,div,strong):not(.btn):not(.btn *),#wrapwrap #wrap > section:nth-of-type(5) :is(h1,h2,h3,h4,p,li,span,div,strong):not(.btn):not(.btn *),#wrapwrap #wrap > section:nth-of-type(7) :is(h1,h2,h3,h4,p,li,span,div,strong):not(.btn):not(.btn *),#wrapwrap #wrap > section:nth-of-type(9) :is(h1,h2,h3,h4,p,li,span,div,strong):not(.btn):not(.btn *){color:inherit}

#wrapwrap #wrap > section:nth-of-type(1),#wrapwrap #wrap > section:nth-of-type(4),#wrapwrap #wrap > section:nth-of-type(6),#wrapwrap #wrap > section:nth-of-type(8){--purple:#A87528;--purple-dark:#7A5418;--purple-inkc:#A87528;--purple-ink:#7A5418}
#wrapwrap #wrap > section:nth-of-type(2),#wrapwrap #wrap > section:nth-of-type(3),#wrapwrap #wrap > section:nth-of-type(5),#wrapwrap #wrap > section:nth-of-type(7),#wrapwrap #wrap > section:nth-of-type(9){--purple:#E0B65C;--purple-dark:#E0B65C;--purple-inkc:#E0B65C;--purple-ink:#E0B65C;--purple-bg:rgba(196,145,58,.16);--blue-bg:rgba(196,145,58,.16);--orange-bg:rgba(196,145,58,.16);--pink-bg:rgba(196,145,58,.16);--teal-bg:rgba(196,145,58,.16);--green-bg:rgba(124,245,176,.12);--blue-ink:#E0B65C;--pink-ink:#E0B65C;--teal-ink:#E0B65C;--orange-ink:#E0B65C;--green-ink:#7CF5B0}
#wrapwrap #wrap > section:nth-of-type(2) .ba-before,#wrapwrap #wrap > section:nth-of-type(3) .ba-before,#wrapwrap #wrap > section:nth-of-type(5) .ba-before,#wrapwrap #wrap > section:nth-of-type(7) .ba-before,#wrapwrap #wrap > section:nth-of-type(9) .ba-before{background:rgba(255,255,255,.06) !important;border-color:rgba(255,255,255,.16) !important}

#wrapwrap #wrap > section:nth-of-type(1),#wrapwrap #wrap > section:nth-of-type(4),#wrapwrap #wrap > section:nth-of-type(6),#wrapwrap #wrap > section:nth-of-type(8){--orange-ink:#8F6220;--blue-ink:#8F6220;--pink-ink:#8F6220;--teal-ink:#8F6220}

#wrapwrap #wrap > section:nth-of-type(4),#wrapwrap #wrap > section:nth-of-type(5),#wrapwrap #wrap > section:nth-of-type(6),#wrapwrap #wrap > section:nth-of-type(7),#wrapwrap #wrap > section:nth-of-type(8),#wrapwrap #wrap > section:nth-of-type(9){padding-top:88px !important;padding-bottom:88px !important}
@media (max-width:767px){#wrapwrap #wrap > section:nth-of-type(4),#wrapwrap #wrap > section:nth-of-type(5),#wrapwrap #wrap > section:nth-of-type(6),#wrapwrap #wrap > section:nth-of-type(7),#wrapwrap #wrap > section:nth-of-type(8),#wrapwrap #wrap > section:nth-of-type(9){padding-top:56px !important;padding-bottom:56px !important}}