/*
Theme Name: UPRYSE
Theme URI: https://upryse.io
Author: Kevin Sery
Author URI: https://www.linkedin.com/in/kevin-sery/
Description: One-page site for UPRYSE. Edit the form recipient, reply time and Google Tag Manager ID in Settings → UPRYSE. Form submissions are saved under Enquiries.
Version: 1.0.0
Requires at least: 6.5
Tested up to: 7.1
Requires PHP: 8.0
License: Proprietary
Text Domain: upryse
*/

@font-face{font-family:'Inter Tight';src:url('assets/fonts/inter-tight.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:'JetBrains Mono';src:url('assets/fonts/jetbrains-mono.woff2') format('woff2');font-weight:100 800;font-style:normal;font-display:swap}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
section[id],h2[id]{scroll-margin-top:16px}
button:disabled{opacity:.7;cursor:progress}

body{margin:0;background:#FBF8F3;color:#21170F;font-family:'Inter Tight',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:#21170F}a:hover{color:#A8500C}
h1,h2,h3{text-wrap:balance}
p,li,dd,dt,span,label,td,th,figcaption{text-wrap:pretty}
input:focus,textarea:focus,select:focus{outline:2px solid #FF8C00;outline-offset:2px}
::placeholder{color:#8C7F72}
.btn{transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease,color .18s ease,border-color .18s ease}
.btn-p:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(255,140,0,.35)}
.btn-p:active{transform:translateY(0);box-shadow:0 2px 6px rgba(255,140,0,.3)}
.btn-o:hover{background:#5A3A22!important;color:#FFFFFF!important;transform:translateY(-2px)}
.btn-od:hover{background:#FFC907!important;color:#21170F!important;transform:translateY(-2px)}
.btn-ol:hover{background:#21170F!important;color:#FFFFFF!important;border-color:#21170F!important;transform:translateY(-2px)}
.btn-ol:hover svg{stroke:#FFFFFF}
.btn-o:active,.btn-od:active,.btn-ol:active{transform:translateY(0)}
.lnk{transition:color .15s ease}
.lnk:hover{color:#A8500C!important}
.lnk-y:hover{color:#FFFFFF!important}
.lg{transition:opacity .15s ease,transform .15s ease}
.lg:hover{opacity:.7;transform:translateY(-1px)}
a:focus-visible,button:focus-visible{outline:2px solid #FF8C00;outline-offset:3px}
@keyframes e-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes e-sweep{from{background-size:0% 42%}to{background-size:100% 42%}}
@keyframes e-down{0%{top:0;opacity:0}6%{opacity:1}88%{opacity:1}100%{top:calc(100% - 14px);opacity:0}}
@keyframes e-ping{0%,100%{box-shadow:0 0 0 0 rgba(255,140,0,0)}50%{box-shadow:0 0 0 6px rgba(255,140,0,.25)}}
@keyframes e-pulse{0%,100%{opacity:1}50%{opacity:.35}}
.e-rise{animation:e-rise .7s cubic-bezier(.2,.7,.2,1) both}
.e-sweep{-webkit-box-decoration-break:clone;box-decoration-break:clone;background-image:linear-gradient(90deg,#FFC907,#FF8C00);background-repeat:no-repeat;background-position:0 88%;background-size:100% 42%;animation:e-sweep 1s cubic-bezier(.6,0,.3,1) .5s both}
.e-signal{animation:e-down 4.2s cubic-bezier(.55,0,.45,1) infinite}
.e-node{animation:e-ping 4.2s ease-in-out infinite}
.e-pulse{animation:e-pulse 2s ease-in-out infinite}
@media (max-width:1160px){
.m-stats dd{font-size:44px!important}
.m-chips{gap:8px!important}
.m-chips li{min-width:48px!important;padding-left:10px!important;padding-right:10px!important;font-size:15px!important}
}
@media (max-width:1012px){
.t-hide{display:none!important}
}
@media (max-width:900px){
.m-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:720px){
.m-hide{display:none!important}
.m-sec{padding-top:64px!important;padding-bottom:64px!important;gap:28px!important}
.m-nav{padding:10px 20px!important}
.m-logo{font-size:30px!important}
.m-hero{padding:40px 20px 48px!important;gap:36px!important}
.m-h1{font-size:33px!important}
.m-lead{font-size:17px!important}
.m-ctas>a{flex:1 1 100%;justify-content:center}
.m-worked-label{flex-basis:100%}
.m-funnel{min-height:0!important}
.m-funnel li{padding-top:13px!important;padding-bottom:13px!important}
.m-band{padding:44px 20px 36px!important;gap:28px!important}
.m-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:26px 16px!important}
.m-stats dd{font-size:36px!important}
.m-stats dt{font-size:14px!important}
.m-teams{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
.m-teams li{padding:14px 16px!important;justify-content:center}
.m-card{padding:22px!important}
.m-about-img{width:96px!important;height:96px!important;flex-basis:96px!important}
.m-wrap{padding-left:20px!important;padding-right:20px!important}
.m-worked img{height:var(--mh)!important}
.m-worked{gap:12px 16px!important}
.m-statrow{grid-template-columns:1fr!important;gap:0!important;padding-top:6px!important}
.m-statrow>div{flex-direction:row!important;align-items:baseline;gap:14px!important;padding:10px 0;border-bottom:1px solid #F0E8DC}
.m-statrow>div:last-child{border-bottom:0}
.m-statrow>div>span:first-child{flex:0 0 104px;font-size:28px!important}
.m-statrow>div>span:last-child{font-size:15px!important}
.m-step{padding:20px!important;gap:8px!important}
}
@media (prefers-reduced-motion:reduce){.e-rise,.e-sweep,.e-signal,.e-node,.e-pulse{animation:none}}

/* Contact form states */
.up-hp{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}
.up-status{margin:0;padding:12px 14px;border-radius:10px;font-size:15px;line-height:1.5}
.up-status[hidden]{display:none}
.up-status--error{background:#FCEBE3;color:#8A3A10;border:1px solid #F2C9B4}
.up-status--ok{background:#FFF6D6;color:#21170F;border:1px solid #FFE08A}
.up-done{display:flex;flex-direction:column;gap:8px;padding:8px 0;outline:none}
.up-done-title{margin:0;font-size:24px;line-height:1.2;font-weight:700;letter-spacing:-0.02em;color:#21170F}
.up-done-text{margin:0;font-size:16px;line-height:1.6;color:#4A3F35}