/*
Theme Name: Humkto Social
Theme URI: https://humkto.com/
Author: Humkto
Description: Responsive orange-and-black social media marketing homepage theme for Humkto.com.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: humkto-social
*/
:root{--bg:#100d0a;--panel:#1a1511;--panel2:#211a14;--orange:#ff790d;--orange2:#ff9b24;--text:#fff8f0;--muted:#b9aea3;--line:#3b2a1d;--green:#20c875}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.container{width:min(1160px,92%);margin:auto}.topstrip{background:#21150c;color:#ffc17e;font-size:12px;text-align:center;padding:7px 12px;border-bottom:1px solid #392313}.site-header{position:sticky;top:0;z-index:20;background:rgba(16,13,10,.95);backdrop-filter:blur(12px);border-bottom:1px solid #302116}.nav{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:76px}.brand{display:flex;align-items:center;gap:10px;font-weight:900;font-size:22px;letter-spacing:-.7px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--orange),#ffb33c);color:#160d06;font-size:20px;box-shadow:0 0 25px #ff790d35}.brand span:last-child{color:var(--orange)}.navlinks{display:flex;align-items:center;gap:25px;color:#d9cec3;font-size:14px}.navlinks a:hover{color:var(--orange2)}.nav-actions{display:flex;gap:9px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border-radius:12px;font-weight:800;font-size:14px;border:1px solid transparent;transition:.2s;cursor:pointer}.btn-orange{background:linear-gradient(135deg,var(--orange),var(--orange2));color:#1a0e04;box-shadow:0 7px 25px #ff790d22}.btn-orange:hover{transform:translateY(-2px);filter:brightness(1.08)}.btn-green{background:var(--green);color:#062213}.btn-outline{border-color:#604126;background:#211811;color:#fff}.menu-toggle{display:none;background:none;color:white;border:1px solid var(--line);border-radius:9px;padding:8px 11px;font-size:20px}.hero{position:relative;overflow:hidden;padding:80px 0 62px;background:radial-gradient(ellipse at 76% 40%,#5a2b0b44 0,transparent 38%),linear-gradient(120deg,#100d0a,#17100a 70%,#100d0a)}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:40px}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid #4b311e;background:#1e1711;border-radius:99px;color:#f6c28c;font-size:12px;font-weight:700}.eyebrow i{width:7px;height:7px;border-radius:50%;background:#23d486;box-shadow:0 0 10px #23d486}.hero h1{font-size:clamp(38px,5.2vw,65px);line-height:1.05;letter-spacing:-2.5px;margin:22px 0 18px;font-weight:900}.accent{color:var(--orange)}.hero p{max-width:590px;color:#c5b8aa;font-size:16px;margin:0 0 25px}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap}.trustline{display:flex;gap:17px;flex-wrap:wrap;margin-top:24px;color:#c5b6a6;font-size:12px}.trustline span:before{content:'✓';color:var(--orange);font-weight:900;margin-right:7px}.orbit{min-height:370px;display:grid;place-items:center;position:relative}.orbit-ring{position:absolute;width:300px;height:300px;border:1px solid #6e3b174f;border-radius:50%;box-shadow:0 0 65px #ff790d10,inset 0 0 50px #ff790d0a}.orbit-ring:before,.orbit-ring:after{content:"";position:absolute;inset:25px;border:1px dashed #7c451d66;border-radius:50%}.orbit-ring:after{inset:60px;border-style:solid;border-color:#7c451d40}.hub{position:relative;z-index:2;width:112px;height:112px;border-radius:30px;display:grid;place-items:center;background:linear-gradient(145deg,#292019,#100d0a);border:1px solid #58371d;box-shadow:0 0 45px #ff790d30;font-size:37px;color:var(--orange)}.hub small{display:block;font-size:10px;letter-spacing:2px;color:#f5d3af;text-align:center;font-weight:900}.social{position:absolute;z-index:3;width:49px;height:49px;border-radius:16px;display:grid;place-items:center;background:#fff;color:#1b130d;font-size:18px;font-weight:900;border:3px solid #f8d8b6;box-shadow:0 0 24px #ff790d20}.s1{top:20px;left:44%}.s2{top:67px;right:5%}.s3{top:45%;right:0}.s4{bottom:42px;right:12%}.s5{bottom:0;left:44%}.s6{bottom:42px;left:12%}.s7{top:45%;left:0}.s8{top:67px;left:5%}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:30px}.stat{padding:21px 14px;text-align:center;border:1px solid #49301d;border-radius:17px;background:linear-gradient(145deg,#211912,#17120e);box-shadow:inset 0 2px 0 #ff790d30}.stat-icon{width:42px;height:42px;display:grid;place-items:center;margin:0 auto 9px;border-radius:13px;background:linear-gradient(135deg,var(--orange),#ffb13a);color:#1b0f05;font-size:19px}.stat strong{display:block;font-size:27px;line-height:1.1}.stat small{display:block;color:#b9aa9b;font-size:12px;margin-top:5px}.benefits{display:flex;justify-content:center;gap:22px;flex-wrap:wrap;padding:21px 0;border-top:1px solid #35251a;border-bottom:1px solid #35251a;color:#c9b9a8;font-size:12px}.benefits span:before{content:'✦';color:var(--orange);margin-right:7px}.section{padding:78px 0}.section-head{text-align:center;max-width:690px;margin:0 auto 35px}.kicker{color:var(--orange);font-size:11px;font-weight:900;letter-spacing:2px;text-transform:uppercase}.section h2{font-size:clamp(29px,4vw,42px);line-height:1.15;letter-spacing:-1.4px;margin:9px 0 12px}.section-head p{color:var(--muted);margin:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-card{padding:25px;border:1px solid #433020;border-radius:20px;background:linear-gradient(145deg,#211912,#17120e);transition:.25s;position:relative;overflow:hidden}.service-card:hover{transform:translateY(-5px);border-color:#a55b20;box-shadow:0 18px 35px #0005}.service-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:16px;background:#ff790d1c;border:1px solid #7e431f;color:var(--orange2);font-size:25px;margin-bottom:18px}.service-card h3{margin:0 0 8px;font-size:20px}.service-card p{color:var(--muted);font-size:14px;margin:0 0 18px}.text-link{font-size:13px;font-weight:800;color:var(--orange2)}.text-link:after{content:' →';}.why{background:linear-gradient(110deg,#1b130c,#100d0a 65%);border-top:1px solid #322217;border-bottom:1px solid #322217}.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.why-copy p{color:var(--muted)}.check-list{display:grid;gap:13px;margin:24px 0}.check-list div{display:flex;gap:12px;align-items:flex-start;color:#e6d9cb}.check{flex:0 0 25px;width:25px;height:25px;border-radius:8px;background:#ff790d20;color:var(--orange2);display:grid;place-items:center;font-weight:900}.why-panel{padding:28px;border-radius:22px;border:1px solid #52341d;background:radial-gradient(circle at 100% 0,#6d350d35,transparent 45%),#1a140f}.metric-row{display:flex;justify-content:space-between;gap:20px;padding:17px 0;border-bottom:1px solid #3b2a1d}.metric-row:last-child{border:0}.metric-row strong{font-size:24px;color:var(--orange2)}.metric-row span{color:var(--muted);font-size:13px}.cta{padding:58px 25px;text-align:center;border:1px solid #72421e;border-radius:25px;background:radial-gradient(ellipse at top,#70350f50,transparent 65%),linear-gradient(135deg,#24180f,#15100c)}.cta p{color:var(--muted);max-width:600px;margin:0 auto 24px}.site-footer{padding:35px 0;border-top:1px solid #332319;color:#a99b8d;font-size:13px}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}.footer-links{display:flex;gap:18px}.footer-links a:hover{color:var(--orange)}.wa-float{position:fixed;right:20px;bottom:20px;z-index:25;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:#20c875;color:#062a17;font-size:25px;box-shadow:0 8px 30px #0007;border:2px solid #b6ffd5}.notice{font-size:12px;color:#9d8c7b;margin-top:15px}
@media(max-width:900px){.navlinks{gap:14px}.nav-actions .btn-outline{display:none}.hero-grid{grid-template-columns:1fr .8fr;gap:15px}.orbit{transform:scale(.88)}.cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.nav{min-height:66px}.menu-toggle{display:block}.navlinks{display:none;position:absolute;top:65px;left:0;right:0;padding:18px 5%;background:#17110c;border-bottom:1px solid #49301d;flex-direction:column;align-items:flex-start;gap:15px}.navlinks.open{display:flex}.nav-actions .btn{padding:10px 12px;font-size:12px}.brand{font-size:20px}.hero{padding:52px 0 35px}.hero-grid{grid-template-columns:1fr}.hero h1{font-size:43px;letter-spacing:-1.7px}.hero p{font-size:14px}.orbit{min-height:300px;transform:scale(.85);margin:-3px 0 -8px}.stats{grid-template-columns:repeat(2,1fr);gap:10px}.stat{padding:17px 10px}.stat strong{font-size:24px}.benefits{gap:12px 18px;padding:17px 0}.section{padding:55px 0}.cards{grid-template-columns:1fr}.service-card{padding:22px}.why-grid{grid-template-columns:1fr;gap:25px}.cta{padding:40px 20px}.footer-inner{justify-content:center;text-align:center}.footer-links{justify-content:center;flex-wrap:wrap}}