/*
Theme Name: Angel Branding
Author: Angel Branding
Description: Animated corporate B2B growth and OOH advertising WordPress theme.
Version: 1.0.0
*/
:root{--black:#070707;--rose:#e6a38e;--rose2:#f3c0ad;--white:#fff;--muted:#b9b9b9;--card:#171717;--line:rgba(230,163,142,.25);--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:#fff;font-family:Arial,Helvetica,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.container{width:min(92%,var(--max));margin:auto}.site-header{position:fixed;top:0;left:0;right:0;z-index:999;background:rgba(7,7,7,.86);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08)}.nav{height:78px;display:flex;align-items:center;justify-content:space-between}.logo img{height:54px;width:auto;display:block}.menu{display:flex;gap:25px;align-items:center}.menu a{font-size:14px;color:#eee;transition:.25s}.menu a:hover{color:var(--rose2)}.menu-toggle{display:none;background:none;border:1px solid var(--line);color:#fff;padding:9px 12px;border-radius:8px;font-size:22px}.hero{min-height:88vh;padding:150px 0 80px;display:flex;align-items:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(230,163,142,.2),transparent 65%);right:-100px;top:100px;animation:pulse 6s infinite}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}.eyebrow{color:var(--rose2);text-transform:uppercase;letter-spacing:3px;font-size:12px;font-weight:700}h1{font-size:clamp(46px,6vw,78px);line-height:1.02;margin:18px 0}h2{font-size:clamp(32px,4vw,52px);line-height:1.1;margin:0 0 18px}h3{font-size:22px;margin:0 0 10px}.lead{font-size:19px;color:#d0d0d0;max-width:680px}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 22px;border-radius:999px;background:var(--rose);color:#111;font-weight:700;border:1px solid var(--rose);transition:.3s;cursor:pointer}.btn:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(230,163,142,.22)}.btn.outline{background:transparent;color:#fff}.visual{min-height:440px;border:1px solid var(--line);border-radius:28px;background:radial-gradient(circle at 20% 25%,rgba(230,163,142,.35),transparent 28%),linear-gradient(135deg,#171717,#050505);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.visual:after{content:"B2B • OOH • GLOBAL GROWTH";font-size:38px;font-weight:800;letter-spacing:3px;color:rgba(255,255,255,.06);transform:rotate(-18deg);white-space:nowrap}.visual-card{position:absolute;z-index:2;left:30px;bottom:30px;right:30px;padding:24px;border:1px solid var(--line);background:rgba(0,0,0,.62);backdrop-filter:blur(10px);border-radius:18px}.section{padding:95px 0}.section.alt{background:#0d0d0d}.center{text-align:center}.section-head{max-width:760px;margin:0 auto 45px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:var(--card);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:28px;transition:.35s;position:relative;overflow:hidden}.card:before{content:"";position:absolute;left:0;top:0;width:100%;height:2px;background:var(--rose);transform:scaleX(0);transform-origin:left;transition:.35s}.card:hover{transform:translateY(-8px);border-color:var(--line)}.card:hover:before{transform:scaleX(1)}.number{font-size:12px;color:var(--rose2);letter-spacing:2px;font-weight:700}.muted{color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.stat{padding:25px;border-left:2px solid var(--rose);background:#101010}.stat strong{display:block;font-size:34px;color:var(--rose2)}.split{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.image-panel{min-height:420px;border-radius:26px;border:1px solid var(--line);background:linear-gradient(135deg,rgba(230,163,142,.2),rgba(255,255,255,.02)),repeating-linear-gradient(45deg,transparent 0 14px,rgba(255,255,255,.03) 14px 15px);position:relative;overflow:hidden}.image-panel .label{position:absolute;bottom:24px;left:24px;background:rgba(0,0,0,.72);padding:15px 18px;border-radius:12px;border:1px solid var(--line)}.list{padding:0;margin:20px 0;list-style:none}.list li{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.08)}.list li:before{content:"✓";color:var(--rose2);margin-right:10px}.cta{padding:55px;border-radius:28px;background:linear-gradient(135deg,#1a1a1a,#0b0b0b);border:1px solid var(--line);text-align:center}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}input,textarea,select{width:100%;padding:15px 16px;background:#101010;color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:10px;font:inherit}textarea{min-height:150px}.full{grid-column:1/-1}.site-footer{padding:55px 0 25px;background:#050505;border-top:1px solid rgba(255,255,255,.08)}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:40px}.footer-bottom{border-top:1px solid rgba(255,255,255,.08);margin-top:35px;padding-top:20px;color:#888;font-size:13px}.reveal{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease}.reveal.show{opacity:1;transform:none}.marquee{overflow:hidden;white-space:nowrap;border-block:1px solid rgba(255,255,255,.08);padding:18px 0;color:#999}.marquee span{display:inline-block;animation:marquee 25s linear infinite}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes pulse{50%{transform:scale(1.15);opacity:.7}}@media(max-width:900px){.menu-toggle{display:block}.menu{position:absolute;top:78px;left:0;right:0;display:none;flex-direction:column;align-items:stretch;background:#090909;padding:20px;border-bottom:1px solid var(--line)}.menu.open{display:flex}.hero-grid,.split{grid-template-columns:1fr}.grid{grid-template-columns:1fr 1fr}.stats{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr}}@media(max-width:600px){.nav{height:70px}.logo img{height:45px}.hero{padding-top:120px}.grid,.stats,.form-grid{grid-template-columns:1fr}.full{grid-column:auto}.visual{min-height:330px}.actions .btn{width:100%}h1{font-size:45px}}
