:root{--ca-bg:#f4f7fb;--ca-text:#101828;--ca-muted:#667085;--ca-purple:#9d28e8;--ca-blue:#3c7ddb;--ca-cyan:#46d7ff;--ca-border:rgba(15,23,42,.08);--ca-shadow:0 24px 80px rgba(15,23,42,.10);--ca-container:1260px}body.creative-agency-body{margin:0;font-family:Inter,system-ui,sans-serif;color:var(--ca-text);background:var(--ca-bg);overflow-x:hidden}body.creative-agency-body::before{content:"";position:fixed;inset:0;z-index:-3;pointer-events:none;background:radial-gradient(circle at 12% 18%,rgba(157,40,232,.12),transparent 28%),radial-gradient(circle at 88% 10%,rgba(60,125,219,.14),transparent 34%),radial-gradient(circle at 50% 95%,rgba(70,215,255,.1),transparent 30%),linear-gradient(180deg,#f8fbff 0,#eef4fb 52%,#fff 100%)}.creative-agency-body a{text-decoration:none;color:inherit}.creative-agency-body .container{width:min(var(--ca-container),calc(100% - 42px));margin:0 auto}.creative-agency-body .hero{padding:145px 0 74px;min-height:92vh;display:grid;align-items:center}.creative-agency-body .hero-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:34px;align-items:center}.creative-agency-body .eyebrow{display:inline-flex;gap:10px;align-items:center;padding:10px 14px;border:1px solid var(--ca-border);border-radius:999px;background:rgba(255,255,255,.84);color:#344054;font-size:13px;font-weight:900;margin-bottom:24px}.creative-agency-body .pulse{width:9px;height:9px;border-radius:50%;background:var(--ca-cyan);box-shadow:0 0 0 0 rgba(70,215,255,.8);animation:1.7s infinite ca-pulse}@keyframes ca-pulse{70%{box-shadow:0 0 0 12px rgba(70,215,255,0)}100%{box-shadow:0 0 0 0 rgba(70,215,255,0)}}.creative-agency-body h1{margin:0;font-size:clamp(48px, 6.5vw, 88px);line-height:.92;letter-spacing:-4.8px;font-weight:950}.creative-agency-body .gradient-text{background:linear-gradient(110deg,#101828 0,#5b21b6 38%,#2563eb 82%);-webkit-background-clip:text;background-clip:text;color:transparent}.creative-agency-body .hero p{margin:26px 0 0;color:var(--ca-muted);font-size:19px;line-height:1.8;max-width:650px}.creative-agency-body .hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}.creative-agency-body .btn,.creative-agency-body .cta-btn{min-height:58px;padding:0 24px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-weight:900;transition:transform .25s,box-shadow .25s,background .25s}.creative-agency-body .btn-primary,.creative-agency-body .cta-btn{color:#fff;background:linear-gradient(135deg,var(--ca-purple),var(--ca-blue));box-shadow:0 22px 55px rgba(94,92,255,.28)}.creative-agency-body .btn-secondary{background:rgba(255,255,255,.88);border:1px solid var(--ca-border);color:#101828}.creative-agency-body .btn:hover,.creative-agency-body .cta-btn:hover{transform:translateY(-4px)}.creative-agency-body .visual-card{position:relative;min-height:610px;border-radius:44px;overflow:hidden;border:1px solid var(--ca-border);box-shadow:var(--ca-shadow);background:#fff}.creative-agency-body .visual-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(1.05) contrast(1.03)}.creative-agency-body .visual-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(16,24,40,.08),rgba(16,24,40,.72))}.creative-agency-body .glass-dashboard{position:absolute;left:28px;right:28px;bottom:28px;z-index:2;padding:24px;border-radius:30px;background:rgba(255,255,255,.82);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.55);box-shadow:0 20px 60px rgba(15,23,42,.22)}.creative-agency-body .dashboard-head{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:18px}.creative-agency-body .dashboard-head strong{font-size:22px;letter-spacing:-1px}.creative-agency-body .live{font-size:12px;font-weight:900;color:#027a48;background:#ecfdf3;padding:8px 10px;border-radius:999px}.creative-agency-body .metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.creative-agency-body .metric{padding:18px;border-radius:22px;background:#fff;border:1px solid rgba(15,23,42,.07)}.creative-agency-body .metric b{font-size:34px;letter-spacing:-1.6px;display:block;color:#101828}.creative-agency-body .metric span{font-size:13px;color:var(--ca-muted);font-weight:800}.creative-agency-body .chart{height:100px;margin-top:14px;border-radius:20px;background:linear-gradient(135deg,rgba(157,40,232,.12),rgba(60,125,219,.1));position:relative;overflow:hidden}.creative-agency-body .chart svg{position:absolute;inset:0;width:100%;height:100%}.creative-agency-body .floating-badge{position:absolute;z-index:3;top:34px;right:34px;padding:14px 18px;border-radius:999px;background:rgba(255,255,255,.86);backdrop-filter:blur(16px);font-weight:950;box-shadow:0 14px 34px rgba(15,23,42,.12)}.creative-agency-body .section{padding:92px 0;position:relative}.creative-agency-body .section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:34px}.creative-agency-body .section-head h2{margin:0;max-width:780px;font-size:clamp(34px,5vw,60px);line-height:1;letter-spacing:-3px}.creative-agency-body .section-head p{margin:0;color:var(--ca-muted);line-height:1.7;max-width:430px}.creative-agency-body .split{display:grid;grid-template-columns:1fr 1fr;gap:22px}.creative-agency-body .panel{border:1px solid var(--ca-border);background:rgba(255,255,255,.92);border-radius:36px;padding:36px;box-shadow:0 14px 50px rgba(15,23,42,.06)}.creative-agency-body .panel.dark{background:linear-gradient(135deg,#101828,#1d2b52);color:#fff}.creative-agency-body .panel.dark li,.creative-agency-body .panel.dark p{color:rgba(255,255,255,.74)}.creative-agency-body .panel h3{margin:0 0 20px;font-size:32px;letter-spacing:-1.6px}.creative-agency-body .list{list-style:none;padding:0;margin:0;display:grid;gap:14px}.creative-agency-body .list li{color:#475467;line-height:1.6;font-weight:700;position:relative;padding-left:26px}.creative-agency-body .list li::before{content:"";position:absolute;left:0;top:.55em;width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,var(--ca-purple),var(--ca-blue))}.creative-agency-body .feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.creative-agency-body .feature-card{min-height:210px;padding:26px;border-radius:30px;background:rgba(255,255,255,.92);border:1px solid var(--ca-border);box-shadow:0 12px 42px rgba(15,23,42,.055)}.creative-agency-body .feature-card .icon{width:62px;height:62px;border-radius:22px;display:grid;place-items:center;font-size:28px;background:linear-gradient(135deg,rgba(157,40,232,.12),rgba(60,125,219,.12));margin-bottom:20px}.creative-agency-body .feature-card h3{margin:0 0 10px;font-size:21px;letter-spacing:-.8px}.creative-agency-body .feature-card p{margin:0;color:var(--ca-muted);line-height:1.65}.creative-agency-body .detail-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:22px;align-items:stretch}.creative-agency-body .rich-copy{padding:42px;border-radius:38px;background:rgba(255,255,255,.94);border:1px solid var(--ca-border);box-shadow:0 14px 50px rgba(15,23,42,.06)}.creative-agency-body .rich-copy h2{margin:0 0 18px;font-size:clamp(34px,4.5vw,56px);line-height:1;letter-spacing:-2.6px}.creative-agency-body .rich-copy p{color:var(--ca-muted);font-size:17px;line-height:1.85;margin:0 0 18px}.creative-agency-body .keyword-pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.creative-agency-body .keyword-pills span{padding:10px 13px;border-radius:999px;background:#fff;border:1px solid var(--ca-border);font-size:13px;font-weight:900;color:#344054}.creative-agency-body .method-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.creative-agency-body .method-card{padding:28px;border-radius:30px;background:rgba(255,255,255,.94);border:1px solid var(--ca-border);box-shadow:0 12px 42px rgba(15,23,42,.055)}.creative-agency-body .method-card b{display:inline-flex;width:48px;height:48px;border-radius:18px;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--ca-purple),var(--ca-blue));color:#fff;margin-bottom:16px}.creative-agency-body .method-card h3{margin:0 0 10px;font-size:22px;letter-spacing:-.8px}.creative-agency-body .method-card p{margin:0;color:var(--ca-muted);line-height:1.7}.creative-agency-body .process-line{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.creative-agency-body .process-step{position:relative;min-height:170px;padding:24px;border-radius:30px;background:rgba(255,255,255,.94);border:1px solid var(--ca-border);box-shadow:0 12px 40px rgba(15,23,42,.055);overflow:hidden}.creative-agency-body .process-step::after{content:"";position:absolute;right:-52px;bottom:-52px;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle,rgba(157,40,232,.16),transparent 68%)}.creative-agency-body .process-step b{display:block;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--ca-purple),var(--ca-blue));color:#fff;margin-bottom:18px}.creative-agency-body .process-step strong{font-size:21px;letter-spacing:-.8px}.creative-agency-body .showcase{display:grid;grid-template-columns:1.05fr .95fr;gap:22px;align-items:stretch}.creative-agency-body .showcase-img{min-height:430px;border-radius:38px;overflow:hidden;position:relative;border:1px solid var(--ca-border);box-shadow:var(--ca-shadow)}.creative-agency-body .showcase-img img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.creative-agency-body .showcase-img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(16,24,40,0),rgba(16,24,40,.52))}.creative-agency-body .showcase-content{padding:42px;border-radius:38px;background:rgba(255,255,255,.94);border:1px solid var(--ca-border);box-shadow:0 14px 50px rgba(15,23,42,.06)}.creative-agency-body .showcase-content h2{margin:0;font-size:48px;line-height:1;letter-spacing:-2.4px}.creative-agency-body .showcase-content p{color:var(--ca-muted);font-size:18px;line-height:1.75}.creative-agency-body .progress{height:12px;background:#edf2f7;border-radius:999px;overflow:hidden;margin:18px 0}.creative-agency-body .progress i{display:block;height:100%;width:78%;background:linear-gradient(135deg,var(--ca-purple),var(--ca-blue));border-radius:999px}.creative-agency-body .cta{padding:62px;border-radius:44px;color:#fff;overflow:hidden;position:relative;background:linear-gradient(135deg,rgba(16,24,40,.94),rgba(91,33,182,.84)),url('https://images.unsplash.com/photo-1558655146-9f40138edfeb?auto=format&fit=crop&w=1400&q=85') center/cover;box-shadow:var(--ca-shadow)}.creative-agency-body .cta h2{margin:0;font-size:clamp(36px,5vw,66px);line-height:.98;letter-spacing:-3px;max-width:820px;color:#fff}.creative-agency-body .cta p{font-size:18px;line-height:1.8;color:rgba(255,255,255,.76);max-width:720px}.creative-agency-body .mini-cta{margin-top:22px;padding:28px;border-radius:30px;background:linear-gradient(135deg,rgba(157,40,232,.1),rgba(60,125,219,.1));border:1px solid var(--ca-border)}.creative-agency-body .mini-cta strong{display:block;font-size:24px;letter-spacing:-1px;margin-bottom:8px}.creative-agency-body .mini-cta p{margin:0 0 18px;color:var(--ca-muted);line-height:1.7}.creative-agency-body .faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.creative-agency-body .faq-item{padding:28px;border-radius:28px;background:rgba(255,255,255,.94);border:1px solid var(--ca-border);box-shadow:0 12px 42px rgba(15,23,42,.05)}.creative-agency-body .faq-item h3{margin:0 0 10px;font-size:21px;letter-spacing:-.7px}.creative-agency-body .faq-item p{margin:0;color:var(--ca-muted);line-height:1.7}.creative-agency-body .reveal{opacity:0;transform:translateY(28px);filter:blur(8px);transition:opacity .8s,transform .8s,filter .8s}.creative-agency-body .reveal.visible{opacity:1;transform:translateY(0);filter:blur(0)}@media (max-width:1100px){.creative-agency-body .detail-grid,.creative-agency-body .hero-grid,.creative-agency-body .showcase,.creative-agency-body .split{grid-template-columns:1fr}.creative-agency-body .faq-grid,.creative-agency-body .feature-grid,.creative-agency-body .method-grid,.creative-agency-body .process-line{grid-template-columns:repeat(2,1fr)}.creative-agency-body .visual-card{min-height:540px}}@media (max-width:760px){.creative-agency-body .hero{padding-top:128px}.creative-agency-body h1{letter-spacing:-3px}.creative-agency-body .section-head{display:block}.creative-agency-body .section-head p{margin-top:18px}.creative-agency-body .faq-grid,.creative-agency-body .feature-grid,.creative-agency-body .method-grid,.creative-agency-body .metrics,.creative-agency-body .process-line{grid-template-columns:1fr}.creative-agency-body .visual-card{min-height:610px}.creative-agency-body .glass-dashboard{left:16px;right:16px;bottom:16px;padding:18px}.creative-agency-body .cta,.creative-agency-body .panel,.creative-agency-body .rich-copy,.creative-agency-body .showcase-content{padding:28px}}