/*
Theme Name: Groniks Editorial Bento
Theme URI: https://www.groniks.com/
Author: Groniks
Description: Premium light editorial/bento FSE theme for Groniks, preserving the complete homepage SEO content while presenting it in a modern agency layout.
Version: 3.0.0
Requires at least: 6.5
Requires PHP: 7.4
Text Domain: groniks
*/

:root{--gx-bg:#cfc2e8;--gx-paper:#fbfaf7;--gx-ink:#11110f;--gx-muted:#66635d;--gx-line:#dedbd4;--gx-lilac:#cdbde9;--gx-mint:#cfeee3;--gx-yellow:#f4dc72;--gx-orange:#f39a63;--gx-blue:#b9d7f3;--gx-radius:28px;--gx-shadow:0 20px 60px rgba(31,23,45,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--gx-bg);color:var(--gx-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{text-decoration:none;color:inherit}.wp-site-blocks{padding:22px;max-width:1440px;margin:auto}.gx-shell{background:var(--gx-paper);border-radius:34px;overflow:hidden;box-shadow:var(--gx-shadow)}.gx-container{max-width:1240px;margin:auto;padding-left:28px;padding-right:28px}.gx-header{padding:22px 28px;border-bottom:1px solid var(--gx-line);position:sticky;top:0;background:rgba(251,250,247,.88);backdrop-filter:blur(18px);z-index:20}.gx-nav{display:flex;align-items:center;justify-content:space-between;gap:28px}.gx-logo{font-size:25px;font-weight:900;letter-spacing:-.07em}.gx-navlinks{display:flex;gap:24px;align-items:center;font-size:13px;font-weight:700}.gx-navlinks a{opacity:.72}.gx-navlinks a:hover{opacity:1}.gx-btn{display:inline-flex;align-items:center;gap:9px;padding:13px 18px;border-radius:999px;background:var(--gx-ink);color:#fff;font-size:13px;font-weight:800;transition:transform .25s ease,background .25s ease}.gx-btn:hover{transform:translateY(-2px);background:#2b2925}.gx-btn-light{background:#fff;color:var(--gx-ink);border:1px solid var(--gx-line)}.gx-hero{padding:56px 28px 28px}.gx-kicker{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.gx-dot{width:8px;height:8px;background:var(--gx-orange);border-radius:50%;display:inline-block}.gx-hero-grid{display:grid;grid-template-columns:1.18fr .82fr;gap:20px;align-items:stretch}.gx-hero h1{font-size:clamp(50px,7vw,104px);line-height:.88;letter-spacing:-.075em;max-width:920px;margin:18px 0 24px}.gx-lead{font-size:19px;line-height:1.55;max-width:650px;color:#4e4b46}.gx-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.gx-bento{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1.2fr .8fr;gap:14px;min-height:500px}.gx-card{border-radius:var(--gx-radius);padding:26px;overflow:hidden;position:relative;min-height:170px}.gx-card-photo{grid-column:1/3;background:linear-gradient(135deg,#ece7df,#d5c6ed);min-height:300px}.gx-card-photo:before{content:"";position:absolute;inset:35px 45px 0 45px;border-radius:24px 24px 0 0;background:radial-gradient(circle at 28% 25%,#fff 0 5%,transparent 5.5%),linear-gradient(135deg,#171717,#5e5968 50%,#d8bde7);transform:rotate(-3deg);box-shadow:0 30px 45px rgba(0,0,0,.16)}.gx-card-photo:after{content:"Growth.exe";position:absolute;left:60px;bottom:24px;font-size:13px;font-weight:900;background:#fff;padding:9px 12px;border-radius:999px}.gx-card-mint{background:var(--gx-mint)}.gx-card-lilac{background:var(--gx-lilac)}.gx-card-yellow{background:var(--gx-yellow)}.gx-card-orange{background:var(--gx-orange)}.gx-card .big{font-size:clamp(30px,4vw,54px);font-weight:950;letter-spacing:-.06em;line-height:.95}.gx-card small{display:block;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.11em;margin-top:16px}.gx-strip{padding:18px 0;border-top:1px solid var(--gx-line);border-bottom:1px solid var(--gx-line);overflow:hidden}.gx-marquee{display:flex;gap:42px;white-space:nowrap;animation:gxmarquee 24s linear infinite;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.gx-marquee span:after{content:"✦";margin-left:42px}@keyframes gxmarquee{to{transform:translateX(-50%)}}.gx-section{padding:105px 28px}.gx-section.alt{background:#f1eee8}.gx-eyebrow{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.13em;margin-bottom:18px}.gx-section-title{font-size:clamp(42px,6vw,82px);line-height:.92;letter-spacing:-.07em;margin:0 0 28px;max-width:980px}.gx-copy{font-size:18px;line-height:1.65;color:#57534c;max-width:780px}.gx-intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end}.gx-stat{font-size:clamp(65px,9vw,130px);font-weight:950;letter-spacing:-.08em;line-height:.8}.gx-stat-label{font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.1em;margin-top:18px}.gx-values{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:42px}.gx-value{border:1px solid var(--gx-line);border-radius:22px;padding:24px;min-height:230px;background:#fff}.gx-value:nth-child(2){background:var(--gx-mint)}.gx-value:nth-child(3){background:var(--gx-yellow)}.gx-value:nth-child(4){background:var(--gx-lilac)}.gx-value:nth-child(5){background:var(--gx-blue)}.gx-num{font-size:11px;font-weight:900;opacity:.55}.gx-value h3{font-size:21px;line-height:1.05;letter-spacing:-.04em;margin:55px 0 12px}.gx-value p,.gx-service p,.gx-reason p,.gx-step p,.gx-faq p{font-size:14px;line-height:1.55;color:#5e5a53;margin:0}.gx-services{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:42px}.gx-service{min-height:320px;border-radius:var(--gx-radius);padding:28px;background:#fff;border:1px solid var(--gx-line);display:flex;flex-direction:column;justify-content:space-between;transition:transform .3s ease,box-shadow .3s ease}.gx-service:hover{transform:translateY(-5px);box-shadow:0 18px 35px rgba(20,20,20,.08)}.gx-service:nth-child(2){background:var(--gx-lilac)}.gx-service:nth-child(3){background:var(--gx-yellow)}.gx-service:nth-child(4){background:var(--gx-mint)}.gx-service:nth-child(5){background:var(--gx-blue)}.gx-service:nth-child(6){background:var(--gx-orange)}.gx-service h3{font-size:31px;line-height:.95;letter-spacing:-.055em;margin:0;max-width:300px}.gx-popular{display:inline-block;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.12em;background:#111;color:#fff;border-radius:999px;padding:7px 9px;margin-bottom:18px}.gx-problems{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:42px}.gx-problem{background:#fff;border-radius:24px;padding:25px;border:1px solid var(--gx-line);font-size:19px;font-weight:750;line-height:1.2}.gx-solution{margin-top:14px;padding:32px;border-radius:26px;background:var(--gx-ink);color:#fff;font-size:25px;line-height:1.3;letter-spacing:-.035em}.gx-quote{margin-top:55px;padding:55px;border-radius:30px;background:var(--gx-lilac);font-size:clamp(34px,5vw,70px);line-height:.98;letter-spacing:-.065em;font-weight:850}.gx-reasons{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:42px}.gx-reason{border-top:1px solid var(--gx-line);padding-top:20px}.gx-reason h3{font-size:24px;line-height:1;letter-spacing:-.045em;margin:15px 0}.gx-process{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:44px}.gx-step{padding:25px;border-radius:24px;background:#fff;border:1px solid var(--gx-line);min-height:280px}.gx-step:nth-child(2){background:var(--gx-mint)}.gx-step:nth-child(3){background:var(--gx-yellow)}.gx-step:nth-child(4){background:var(--gx-lilac)}.gx-step:nth-child(5){background:var(--gx-orange)}.gx-step .stepno{font-size:12px;font-weight:900}.gx-step h3{font-size:24px;line-height:1;letter-spacing:-.045em;margin:60px 0 12px}.gx-faqs{max-width:980px;margin-top:35px}.gx-faq{padding:23px 0;border-top:1px solid var(--gx-line)}.gx-faq h3{font-size:21px;letter-spacing:-.035em;margin:0 0 10px}.gx-cta{margin:28px;border-radius:30px;background:var(--gx-ink);color:#fff;padding:70px 28px}.gx-cta .gx-section-title{max-width:850px}.gx-cta .gx-copy{color:#cfcac2}.gx-footer{padding:48px 28px 30px;background:#171614;color:#fff}.gx-footer-grid{display:grid;grid-template-columns:1.4fr .7fr .9fr;gap:50px}.gx-footer h4{font-size:11px;text-transform:uppercase;letter-spacing:.12em;opacity:.5}.gx-footer a{display:block;margin:9px 0;font-size:14px;color:#ddd}.gx-footer .footer-lead{font-size:17px;line-height:1.45;max-width:520px;color:#ddd}.gx-bottom{border-top:1px solid #3a3834;margin-top:40px;padding-top:18px;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#aaa;text-transform:uppercase;letter-spacing:.08em}.gx-reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.gx-reveal.is-visible{opacity:1;transform:none}@media(max-width:1000px){.gx-hero-grid,.gx-intro-grid{grid-template-columns:1fr}.gx-values{grid-template-columns:repeat(2,1fr)}.gx-services{grid-template-columns:repeat(2,1fr)}.gx-reasons{grid-template-columns:repeat(2,1fr)}.gx-process{grid-template-columns:repeat(2,1fr)}.gx-footer-grid{grid-template-columns:1fr 1fr}.gx-navlinks{display:none}}@media(max-width:640px){.wp-site-blocks{padding:0}.gx-shell{border-radius:0}.gx-header{padding:17px}.gx-container,.gx-hero,.gx-section{padding-left:18px;padding-right:18px}.gx-hero{padding-top:42px}.gx-hero h1{font-size:54px}.gx-lead{font-size:16px}.gx-bento{min-height:390px}.gx-card{padding:20px;border-radius:22px}.gx-card-photo{min-height:220px}.gx-card-photo:before{inset:30px 24px 0}.gx-card-photo:after{left:35px}.gx-section{padding-top:70px;padding-bottom:70px}.gx-values,.gx-services,.gx-reasons,.gx-process,.gx-problems{grid-template-columns:1fr}.gx-value,.gx-step{min-height:210px}.gx-value h3,.gx-step h3{margin-top:35px}.gx-quote{padding:32px}.gx-cta{margin:18px;padding:50px 18px}.gx-footer{padding:42px 18px 24px}.gx-footer-grid{grid-template-columns:1fr}.gx-bottom{flex-direction:column}.gx-marquee{animation-duration:18s}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.gx-marquee{animation:none}.gx-reveal{opacity:1;transform:none;transition:none}.gx-service{transition:none}}