/* Theme Name: JCQ Digital | Version: 1.1.0 | Text Domain: jcq-digital */
:root{--ink:#0b1513;--deep:#112d27;--muted:#658078;--paper:#f4f5ef;--line:rgba(12,30,26,.14);--lime:#cfff63;--mint:#d9f1df;--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.55 Manrope,system-ui,sans-serif}a{color:inherit;text-decoration:none}.wrap{width:min(1180px,calc(100% - 3rem));margin:auto}.site-header{position:absolute;inset:0 0 auto;z-index:4;padding:1.25rem 0}.site-header .wrap{display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:.45rem;color:#fff;font-size:1rem;font-weight:750;letter-spacing:-.05em}.brand i{display:grid;place-items:center;width:1.85rem;height:1.85rem;border-radius:50%;background:var(--lime);color:var(--ink);font:700 1.05rem "Space Grotesk";font-style:normal}.brand span{font-weight:800}.nav{display:flex;align-items:center;gap:1.65rem;color:#c7d7d1;font-size:.84rem;font-weight:700}.nav>a:not(.button):hover{color:#fff}.button{display:inline-flex;align-items:center;justify-content:center;gap:.65rem;border-radius:999px;padding:.85rem 1.05rem;background:#fff;color:var(--ink);font-size:.86rem;font-weight:800;line-height:1;transition:.22s}.button:hover{transform:translateY(-2px);background:var(--lime)}.button--lime{background:var(--lime)}.button--lime:hover{background:#fff}.nav .button{padding:.72rem 1rem}.hero{position:relative;isolation:isolate;overflow:hidden;padding:9.7rem 0 2rem;background:var(--ink);color:#fff;min-height:780px}.hero:before{content:"";position:absolute;z-index:-1;width:60rem;height:60rem;right:-25rem;top:-21rem;background:radial-gradient(circle,#2c7060 0,rgba(44,112,96,.35) 26%,transparent 61%)}.hero__grid{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(217,241,223,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(217,241,223,.055) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(90deg,#000,transparent 84%)}.hero__layout{display:grid;grid-template-columns:1.24fr .76fr;gap:4rem;align-items:center}.hero__content{padding:4rem 0 3rem}.eyebrow{display:inline-flex;align-items:center;gap:.55rem;color:#bad5c8;font-size:.69rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.eyebrow:before{content:"";width:.45rem;height:.45rem;border-radius:50%;background:var(--lime);box-shadow:0 0 0 5px rgba(207,255,99,.12)}h1,h2,h3{font-family:"Space Grotesk",sans-serif}h1,h2,h3,p{margin-top:0}h1{max-width:730px;margin:.95rem 0 1.55rem;font-size:clamp(3.65rem,7vw,6.75rem);line-height:.91;letter-spacing:-.075em}.hero p{max-width:555px;color:#b6cbc2;font-size:1.08rem}.hero__actions{display:flex;align-items:center;gap:1.45rem;margin-top:2.2rem}.text-link{color:#fff;font-size:.9rem;font-weight:800;border-bottom:1px solid rgba(255,255,255,.45);padding-bottom:.2rem}.text-link span{color:var(--lime);margin-left:.25rem}.hero__visual{align-self:stretch;min-height:470px;padding:1.35rem;border:1px solid rgba(217,241,223,.17);border-radius:var(--radius);background:linear-gradient(135deg,rgba(217,241,223,.1),rgba(217,241,223,.025));display:flex;flex-direction:column;justify-content:space-between}.hero__visual-top,.hero__visual-bottom{display:flex;justify-content:space-between;color:#b8d1c6;font-size:.67rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.hero__orb{display:grid;place-items:center;width:min(100%,315px);aspect-ratio:1;margin:auto;border-radius:50%;background:radial-gradient(circle at 36% 31%,var(--lime) 0 5%,#6bbd80 6% 14%,#20594b 15% 42%,#163d34 43% 60%,transparent 61%);position:relative}.hero__orb:before,.hero__orb:after{content:"";position:absolute;border:1px solid rgba(207,255,99,.45);border-radius:50%}.hero__orb:before{inset:6%}.hero__orb:after{inset:20%;border-color:rgba(255,255,255,.2)}.hero__orb span{position:relative;z-index:1;text-align:center;font:700 1.5rem/1.02 "Space Grotesk";letter-spacing:-.06em}.signal{display:flex;align-items:end;gap:3px;height:14px}.signal i{display:block;width:3px;background:var(--lime)}.signal i:nth-child(1){height:5px}.signal i:nth-child(2){height:10px}.signal i:nth-child(3){height:14px}.hero__proof{grid-column:1/-1;display:flex;gap:3rem;border-top:1px solid rgba(217,241,223,.17);padding-top:1.35rem;color:#9eb9af;font-size:.76rem}.hero__proof div{flex:1}.hero__proof strong{display:block;color:#fff;font-size:.9rem;margin-bottom:.12rem}.section{padding:7.5rem 0}.section--dark{background:var(--deep);color:#f4f7f1}.section--mint{background:var(--mint)}.section__intro{display:grid;grid-template-columns:.82fr 1.18fr;gap:4rem;align-items:start;margin-bottom:3.7rem}.section h2{max-width:620px;margin:0;font-size:clamp(2.6rem,5vw,4.7rem);line-height:.94;letter-spacing:-.07em}.section__intro p{max-width:530px;margin:.55rem 0 0;color:var(--muted);font-size:1.08rem}.section--dark .section__intro p{color:#b4ccc2}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.service{position:relative;overflow:hidden;min-height:286px;padding:1.55rem;border-radius:var(--radius);border:1px solid var(--line);background:#fafbf7;transition:.25s}.service:hover{transform:translateY(-7px);background:#fff}.service:after{content:"↗";position:absolute;right:1.35rem;top:1.15rem;font-size:1.35rem;color:#508069}.service__number{color:#71978a;font-family:"Space Grotesk";font-size:.8rem;font-weight:800}.service h3{margin:5.5rem 0 .65rem;font-size:1.48rem;line-height:1;letter-spacing:-.05em}.service p{margin:0;color:var(--muted);font-size:.91rem}.process{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(217,241,223,.25)}.process__item{min-height:205px;padding:1.55rem 1.25rem 0 0;border-right:1px solid rgba(217,241,223,.25)}.process__item:not(:first-child){padding-left:1.25rem}.process__item:last-child{border-right:0}.process__number{color:var(--lime);font-size:.78rem;font-weight:800}.process h3{margin:2.4rem 0 .55rem;font-size:1.27rem;letter-spacing:-.04em}.process p{margin:0;color:#b8d0c5;font-size:.88rem}.feature-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:1rem}.feature{min-height:310px;padding:2rem;border-radius:var(--radius);background:rgba(255,255,255,.68)}.feature:first-child{background:#25624f;color:#fff}.feature:first-child p{color:#d5ebe0}.feature__mark{color:var(--lime);font-size:2.1rem;line-height:1}.feature h3{max-width:400px;margin:5.6rem 0 .7rem;font-size:1.85rem;line-height:.98;letter-spacing:-.055em}.feature p{max-width:39ch;margin:0;color:var(--muted);font-size:.93rem}.contact{position:relative;overflow:hidden;padding:7.5rem 0;background:var(--lime)}.contact:after{content:"JCQ";position:absolute;right:-.06em;bottom:-.28em;color:rgba(11,21,19,.07);font:700 clamp(11rem,29vw,29rem)/1 "Space Grotesk";letter-spacing:-.13em}.contact .wrap{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:end;gap:2rem}.contact h2{max-width:790px;margin:.7rem 0 0;font:700 clamp(3rem,7vw,6.3rem)/.9 "Space Grotesk";letter-spacing:-.08em}.contact .eyebrow{color:#305345}.contact .eyebrow:before{background:var(--ink);box-shadow:0 0 0 5px rgba(11,21,19,.08)}.contact .button{white-space:nowrap;background:var(--ink);color:#fff}.contact .button:hover{background:#fff;color:var(--ink)}.site-footer{padding:1.45rem 0;background:var(--ink);color:#a9c2b7;font-size:.78rem}.site-footer .wrap{display:flex;justify-content:space-between;gap:1rem}@media(max-width:800px){.wrap{width:min(100% - 2rem,1180px)}.nav>a:not(.button){display:none}.hero{padding:7.6rem 0 1.5rem;min-height:auto}.hero__layout{grid-template-columns:1fr;gap:1.5rem}.hero__content{padding:2.7rem 0 0}h1{font-size:clamp(3.25rem,15vw,5rem)}.hero__visual{min-height:330px}.hero__orb{width:215px}.hero__proof{gap:1rem}.section{padding:4.5rem 0}.section__intro,.feature-grid{grid-template-columns:1fr;gap:1.1rem}.section__intro{margin-bottom:2.5rem}.services{grid-template-columns:1fr}.service{min-height:230px}.service h3{margin-top:3.5rem}.process{grid-template-columns:1fr 1fr}.process__item{min-height:175px;border-bottom:1px solid rgba(217,241,223,.25)}.process__item:nth-child(2){border-right:0}.process__item:nth-child(n+3){padding-top:1.5rem}.contact{padding:5rem 0}.contact .wrap{display:block}.contact .button{margin-top:2rem}.site-footer .wrap{display:block}.site-footer .wrap>*+*{margin-top:.5rem}}