:root{--bg:#050508;--panel:#0b0e14;--cyan:#00f5ff;--green:#10b981;--orange:#ff4d00;--purple:#7c3aed;--text:#f8fafc;--muted:#94a3b8;--line:rgba(255,255,255,.1)}html,body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;scroll-behavior:smooth}body.wptt-agency-template nav,body.wptt-agency-template footer{display:none!important}.wptt-agency *{box-sizing:border-box}.wptt-agency{min-height:100vh;overflow:hidden;background:radial-gradient(circle at 12% 14%,rgba(0,245,255,.2),transparent 31%),radial-gradient(circle at 82% 16%,rgba(16,185,129,.16),transparent 30%),radial-gradient(circle at 50% 72%,rgba(124,58,237,.12),transparent 35%),#050508}.gridfx{position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(0,245,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(0,245,255,.045) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,#000,transparent 88%)}.matrix-rain{position:fixed;inset:0;pointer-events:none;opacity:.14;background:repeating-linear-gradient(90deg,transparent 0 38px,rgba(0,245,255,.08) 39px,transparent 40px);animation:rain 12s linear infinite}@keyframes rain{to{transform:translateY(120px)}}@keyframes float{50%{transform:translateY(-12px)}}@keyframes pulse{50%{opacity:.5;transform:scale(.96)}}@keyframes borderglow{50%{box-shadow:0 0 64px #00f5ff73}}.wrap{width:min(1220px,calc(100% - 42px));margin:0 auto;position:relative;z-index:2}.nav{padding:26px 0;display:flex;align-items:center;justify-content:space-between}.logo{height:64px;filter:drop-shadow(0 0 16px rgba(0,245,255,.55))}.pill{display:inline-flex;gap:10px;align-items:center;border:1px solid rgba(0,245,255,.36);background:#00f5ff14;color:var(--cyan);border-radius:999px;padding:9px 14px;font:700 12px/1 Roboto Mono,monospace;letter-spacing:.18em;text-transform:uppercase}.hero{display:grid;grid-template-columns:1.02fr .98fr;gap:58px;align-items:center;padding:72px 0 92px}.eyebrow{color:var(--green);font:700 13px/1 Roboto Mono,monospace;letter-spacing:.28em;text-transform:uppercase;margin-bottom:20px}.hero h1{font-family:Sora,sans-serif;font-size:clamp(44px,6.4vw,82px);line-height:.95;letter-spacing:-.06em;margin:0 0 24px}.hero h1 span{color:var(--cyan);text-shadow:0 0 36px rgba(0,245,255,.6)}.lead{font-size:clamp(20px,2.2vw,26px);line-height:1.46;color:#cbd5e1;margin:0 0 22px;max-width:780px}.lead strong{color:var(--green)}.actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:34px}.btn{border:0;text-decoration:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:19px 30px;border-radius:16px;font-family:Sora,sans-serif;font-size:18px;font-weight:900;transition:.22s ease;text-transform:uppercase;letter-spacing:.02em}.primary{color:#050508;background:var(--cyan);box-shadow:0 0 38px #00f5ff7a;animation:borderglow 3.4s ease-in-out infinite}.primary:hover{transform:translateY(-3px) scale(1.025)}.secondary{color:var(--green);background:#10b9810f;border:1px solid rgba(16,185,129,.36)}.secondary:hover{background:#10b9811f;transform:translateY(-3px)}.panel{background:#0b0e14d1;border:1px solid rgba(0,245,255,.22);border-radius:30px;backdrop-filter:blur(18px);box-shadow:0 30px 100px #0000006b,inset 0 0 80px #00f5ff0a;position:relative}.agency-os{padding:24px;overflow:hidden;animation:float 6s ease-in-out infinite}.agency-os:before{content:"";position:absolute;inset:-1px;background:linear-gradient(135deg,rgba(0,245,255,.24),transparent 42%,rgba(16,185,129,.18));pointer-events:none}.agency-os>*{position:relative;z-index:1}.os-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:18px}.live{display:flex;gap:8px;align-items:center;color:var(--green);font:700 12px Roboto Mono,monospace;text-transform:uppercase}.dot{width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 18px var(--green);animation:pulse 1.6s infinite}.client-map{display:grid;gap:13px}.client{display:grid;grid-template-columns:46px 1fr auto;gap:14px;align-items:center;padding:14px;border:1px solid rgba(255,255,255,.08);background:#ffffff09;border-radius:16px}.badge{width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,var(--cyan),var(--green));display:grid;place-items:center;color:#050508;font-weight:900}.client strong{display:block}.client small{display:block;color:var(--muted);margin-top:3px}.tag{font:900 11px Roboto Mono,monospace;color:var(--cyan);padding:7px 10px;border-radius:999px;background:#00f5ff1c;border:1px solid rgba(0,245,255,.28)}.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.kpi{padding:16px;border-radius:16px;background:#0000002e;border:1px solid rgba(255,255,255,.08)}.kpi b{font:900 30px/1 Sora,sans-serif}.kpi span{display:block;margin-top:6px;color:var(--muted);font:700 10px Roboto Mono,monospace;text-transform:uppercase;letter-spacing:.08em}.section{padding:96px 0}.section h2{font-family:Sora,sans-serif;font-size:clamp(36px,4.7vw,60px);line-height:1.02;letter-spacing:-.045em;text-align:center;margin:0 auto 18px;max-width:980px}.section h2 span{color:var(--cyan);text-shadow:0 0 34px rgba(0,245,255,.48)}.sub{text-align:center;color:#cbd5e1;font-size:21px;line-height:1.55;max-width:820px;margin:0 auto 48px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{padding:30px;transition:.22s ease}.card:hover{transform:translateY(-8px);border-color:#00f5ff6b;box-shadow:0 30px 90px #00f5ff1f,inset 0 0 70px #00f5ff0b}.icon{width:62px;height:62px;border-radius:18px;display:grid;place-items:center;font-size:31px;margin-bottom:22px;background:#00f5ff1c;border:1px solid rgba(0,245,255,.3);box-shadow:0 0 28px #00f5ff24}.card h3{font-family:Sora,sans-serif;font-size:25px;margin:0 0 12px}.card p{color:#cbd5e1;line-height:1.65;margin:0}.offer-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.offer{padding:34px}.offer h3{font-family:Sora,sans-serif;font-size:30px;margin:0 0 20px;color:var(--green)}.list{list-style:none;margin:0;padding:0;display:grid;gap:14px}.list li{position:relative;padding-left:32px;color:#cbd5e1;line-height:1.5}.list li:before{content:"✓";position:absolute;left:0;top:0;color:var(--green);font-weight:900}.machine{display:grid;grid-template-columns:.95fr 1.05fr;gap:24px;align-items:stretch}.pipeline{padding:30px}.flow{display:grid;gap:14px}.flow-step{padding:18px;border-radius:18px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;gap:16px;align-items:center}.flow-step b{font-family:Sora,sans-serif}.flow-step span{color:var(--cyan);font:900 12px Roboto Mono,monospace}.report{padding:30px}.report-card{border-radius:22px;padding:24px;background:linear-gradient(135deg,#00f5ff1f,#10b98114);border:1px solid rgba(0,245,255,.24)}.bar{height:10px;background:#ffffff14;border-radius:999px;overflow:hidden;margin:16px 0}.bar>i{display:block;height:100%;background:linear-gradient(90deg,var(--cyan),var(--green));border-radius:999px}.screens{display:grid;grid-template-columns:.9fr 1.1fr;gap:24px;align-items:center}.screen-img{width:100%;border-radius:22px;border:1px solid rgba(0,245,255,.22);box-shadow:0 30px 90px #00000080}.cta{padding:82px 0 110px}.cta-box{padding:58px;text-align:center;border-color:#00f5ff70;box-shadow:0 0 90px #00f5ff2e,inset 0 0 90px #00f5ff0b}.cta h2{font-family:Sora,sans-serif;font-size:clamp(38px,5vw,68px);line-height:1;letter-spacing:-.05em;margin:0 0 20px}.modal{display:none;position:fixed;inset:0;z-index:999999;background:#050508f2;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(12px)}.modal[aria-hidden=false]{display:flex}.modal-box{width:min(520px,94vw);background:#050508;border:1px solid var(--cyan);border-radius:18px;overflow:hidden;box-shadow:0 0 45px #00f5ff4d}.modal-head{display:flex;justify-content:flex-end;padding:10px 14px;border-bottom:1px solid rgba(0,245,255,.15)}.modal-close{background:none;border:0;color:var(--cyan);font-size:34px;cursor:pointer}.modal-body{background:#fff}.modal iframe{width:100%;border:0;overflow:hidden}@media(max-width:980px){.hero,.cards,.offer-grid,.machine,.screens{grid-template-columns:1fr}.nav{justify-content:center}.nav .pill{display:none}.kpis{grid-template-columns:1fr}.section{padding:70px 0}}
