:root{
  --bg:#08090c; --panel:#101218; --text:#f6f7fb; --muted:#a4a8b3;
  --line:rgba(255,255,255,.10); --accent:#8b5cf6; --accent2:#38bdf8;
  --max:1200px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:"DM Sans",sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}
.noise{position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:50;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}
.nav{height:78px;display:flex;align-items:center;justify-content:space-between;max-width:var(--max);margin:auto;padding:0 28px;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(8,9,12,.78);backdrop-filter:blur(18px);z-index:20}
.brand{display:flex;align-items:center;gap:10px;font:800 13px "Manrope";letter-spacing:.16em}.brand-mark{width:30px;height:30px;border:1px solid var(--line);display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,rgba(139,92,246,.3),rgba(56,189,248,.12))}
.nav nav{display:flex;gap:28px}.nav nav a,.nav-cta{font-size:13px;color:var(--muted);transition:.25s}.nav nav a:hover,.nav-cta:hover{color:var(--text)}.nav-cta{border:1px solid var(--line);padding:10px 14px;border-radius:999px}.nav-cta span{margin-left:7px}
.section{max-width:var(--max);margin:auto;padding:120px 28px;border-top:1px solid var(--line)}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center;padding-top:90px;border-top:0;min-height:calc(100vh - 78px)}
.eyebrow,.section-kicker{font-size:11px;letter-spacing:.19em;color:#8f95a4;font-weight:700}.hero h1{font:800 clamp(52px,8vw,112px)/.88 "Manrope";letter-spacing:-.065em;margin:20px 0 25px}.hero h1 span{color:#9da2ad}.hero-tag{font:700 14px "Manrope";letter-spacing:.15em}.hero-tag i{font-style:normal;color:var(--accent)}.hero-desc{max-width:580px;color:var(--muted);font-size:18px;margin:24px 0 30px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{padding:13px 18px;border-radius:999px;border:1px solid var(--line);font-weight:700;font-size:13px}.button.primary{background:#f5f5f7;color:#090a0d;border-color:#f5f5f7}.button.ghost:hover{background:rgba(255,255,255,.06)}.button span{margin-left:9px}
.hero-stats{display:flex;gap:35px;margin-top:55px}.hero-stats div{display:flex;flex-direction:column}.hero-stats strong{font:800 22px "Manrope"}.hero-stats span{font-size:11px;color:var(--muted);margin-top:3px}
.image-frame{position:relative;border-radius:28px;overflow:hidden;aspect-ratio:4/5;background:#111}.image-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.6));pointer-events:none}.image-frame img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.9)}.image-label{position:absolute;bottom:22px;left:22px;z-index:2;font-size:10px;letter-spacing:.16em;font-weight:800}
.split{display:grid;grid-template-columns:.35fr 1fr;gap:60px}.split-content{max-width:820px}.split h2,.audience h2,.brand-intro h2,.pricing-head h2,.final-cta h2{font:800 clamp(42px,6vw,76px)/.95 "Manrope";letter-spacing:-.05em;margin:0 0 25px}.split h2 em,.audience h2 em,.brand-intro h2 em,.pricing-head h2 em,.final-cta h2 em{font-style:normal;color:#888e9c}.lead{font-size:20px;color:#b3b7c1;max-width:760px}.mini-profile{display:flex;align-items:center;gap:16px;margin-top:40px}.mini-profile img{width:62px;height:62px;border-radius:50%;object-fit:cover}.mini-profile div{display:flex;flex-direction:column;font-size:13px}.mini-profile span{color:var(--muted);margin-top:3px}
.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid var(--line);border-top:1px solid var(--line);margin-top:50px}.metric{padding:34px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.metric strong{display:block;font:800 clamp(34px,5vw,62px) "Manrope";letter-spacing:-.05em}.metric strong span{color:var(--accent)}.metric>span{font-size:12px;color:var(--muted)}.source-note{font-size:11px;color:#6f7480;margin-top:15px}
.audience-grid{display:grid;grid-template-columns:1.3fr .55fr .55fr;gap:18px;margin-top:55px}.audience-main,.audience-card{border:1px solid var(--line);border-radius:24px;padding:34px;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012))}.gender-bars{margin-top:45px}.bar-head{display:flex;justify-content:space-between;font-size:12px;margin:12px 0 7px}.bar-head b{color:#cbd0da}.bar{height:7px;background:#1b1e26;border-radius:20px;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2));border-radius:20px}.card-label{font-size:9px;letter-spacing:.17em;color:#777d89;display:block;margin-bottom:10px}.audience-card strong{font:800 34px "Manrope";display:block}.audience-card small{color:var(--muted)}.audience-card hr{border:0;border-top:1px solid var(--line);margin:28px 0}.audience-card ul{list-style:none;padding:0;margin:10px 0 0}.audience-card li{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--line);font-size:12px}.audience-card li:last-child{border-bottom:0}.audience-card li b{color:#cfd3db}
.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px}.section-head>a{font-size:12px;color:#bfc3cc}.work-grid{display:grid;grid-template-columns:1.35fr .85fr .85fr;gap:16px}.work-card{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#0e1015;transition:.35s}.work-card:hover{transform:translateY(-5px);border-color:rgba(139,92,246,.45)}.work-card.large{grid-row:span 2}.work-visual{height:270px;display:grid;place-items:end start;padding:25px;background-size:cover;background-position:center}.work-card.large .work-visual{height:556px}.work-visual span{font:800 clamp(28px,5vw,64px) "Manrope";letter-spacing:-.06em;text-shadow:0 5px 30px rgba(0,0,0,.45)}.visual-one{background:linear-gradient(135deg,#171124,#39216c 50%,#0c1721)}.visual-two{background:linear-gradient(135deg,#101827,#274a67)}.visual-three{background:linear-gradient(135deg,#16131c,#55316d)}.visual-four{background:linear-gradient(135deg,#121b19,#24645e)}.visual-five{background:linear-gradient(135deg,#1b1712,#6a4c23)}.work-meta{padding:16px 18px;display:flex;justify-content:space-between;gap:12px;font-size:12px}.work-meta span{color:var(--muted)}
.brands{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px}.brand-intro p{color:var(--muted);max-width:450px}.brand-grid{grid-column:2;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.brand-card{min-height:180px;border:1px solid var(--line);border-radius:20px;padding:22px;display:flex;flex-direction:column;justify-content:space-between;background:#0d0f14}.brand-card strong{font:800 27px "Manrope"}.brand-card span{font-size:11px;color:var(--muted)}
.pricing-head{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-top:18px}.pricing-head h2{max-width:720px}.pricing-head p{max-width:370px;color:var(--muted)}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:55px}.price-card{border:1px solid var(--line);border-radius:24px;padding:28px;min-height:310px;background:#0d0f14;display:flex;flex-direction:column}.price-card.featured{background:linear-gradient(145deg,rgba(139,92,246,.15),rgba(56,189,248,.04));border-color:rgba(139,92,246,.38)}.price-card>span,.service>span{font-size:10px;color:#777d89;letter-spacing:.15em}.price-card h3{font:700 21px "Manrope";margin:30px 0 8px}.price-card strong{font:800 39px "Manrope";letter-spacing:-.04em}.price-card strong span{font-size:14px;color:#9ba0ac}.price-card p{color:var(--muted);font-size:13px;margin-top:auto}.pricing-note{font-size:11px;color:#6f7480;margin-top:18px}
.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:50px}.service{border-top:1px solid var(--line);padding:22px 4px 0}.service h3{font:700 23px "Manrope";margin:22px 0 8px}.service p{font-size:12px;color:var(--muted)}
.final-cta{display:grid;grid-template-columns:.55fr 1fr;gap:70px;align-items:center}.cta-photo{border-radius:24px;overflow:hidden;aspect-ratio:1/1}.cta-photo img{width:100%;height:100%;object-fit:cover}.final-cta p:not(.eyebrow){color:var(--muted);max-width:550px;font-size:16px}
footer{max-width:var(--max);margin:auto;padding:45px 28px 60px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:18px;position:relative}footer div{display:flex;flex-direction:column;gap:5px}footer strong{font:800 12px "Manrope";letter-spacing:.1em}footer span,footer a,footer small{font-size:11px;color:#7f8490}footer div:nth-child(2){align-items:flex-end}footer small{grid-column:1/-1;margin-top:20px}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .75s ease,transform .75s ease}.reveal.show{opacity:1;transform:none}.delay-1{transition-delay:.08s}.delay-2{transition-delay:.16s}

@media(max-width:900px){
  .nav nav{display:none}.hero,.split,.brands,.final-cta{grid-template-columns:1fr}.hero{padding-top:55px;gap:45px}.hero-image{max-width:620px}.metric-grid{grid-template-columns:repeat(2,1fr)}.audience-grid{grid-template-columns:1fr 1fr}.audience-main{grid-column:1/-1}.work-grid{grid-template-columns:1fr 1fr}.work-card.large{grid-row:auto;grid-column:1/-1}.work-card.large .work-visual{height:420px}.brands .brand-grid{grid-column:auto}.pricing-head{display:block}.price-grid{grid-template-columns:1fr}.service-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
  .nav{padding:0 16px}.nav-cta{display:none}.section{padding:80px 18px}.hero h1{font-size:52px}.hero-desc{font-size:16px}.hero-stats{gap:18px;flex-wrap:wrap;margin-top:35px}.hero-stats strong{font-size:18px}.hero-stats span{font-size:10px}.metric-grid,.audience-grid,.work-grid,.brand-grid,.service-grid{grid-template-columns:1fr}.audience-main{grid-column:auto}.work-card.large{grid-column:auto}.work-card.large .work-visual{height:320px}.brands{gap:40px}.brand-grid{grid-column:auto}.final-cta{gap:35px}footer{grid-template-columns:1fr;padding-left:18px;padding-right:18px}footer div:nth-child(2){align-items:flex-start}
}

.brand-logo{font:800 34px "Manrope";letter-spacing:-.06em;display:inline-flex;align-items:baseline;min-height:48px}
.brand-logo.giftEZ{font-size:31px}
.brand-logo.dhanda span{color:#8b5cf6}
.brand-logo.msi{font-style:italic;letter-spacing:-.12em;text-transform:lowercase}
.reel-thumb{position:relative;overflow:hidden}
.reel-thumb:before{content:"";position:absolute;inset:-20px;background:inherit;filter:blur(14px);transform:scale(1.08);opacity:.95}
.reel-thumb:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(8,9,12,.10),rgba(8,9,12,.42))}
.reel-thumb span{position:relative;z-index:2}
.contact-panel{padding-bottom:90px}
.contact-wrap{display:grid;grid-template-columns:1fr .8fr;gap:70px;align-items:end;margin-top:25px}
.contact-wrap h2{font:800 clamp(42px,6vw,76px)/.95 "Manrope";letter-spacing:-.05em;margin:18px 0 22px}
.contact-wrap h2 em{font-style:normal;color:#888e9c}
.contact-wrap p:not(.eyebrow){color:var(--muted);max-width:560px}
.contact-actions{display:grid;gap:12px}
.contact-button{border:1px solid var(--line);border-radius:20px;padding:20px 22px;display:grid;grid-template-columns:90px 1fr 25px;align-items:center;background:#0d0f14;transition:.25s}
.contact-button:hover{transform:translateY(-3px);border-color:rgba(139,92,246,.45)}
.contact-button.primary{background:linear-gradient(135deg,rgba(139,92,246,.16),rgba(56,189,248,.05))}
.contact-button span{font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:#777d89}
.contact-button strong{font:600 14px "Manrope"}
.contact-button b{font-size:17px;text-align:right}
.message-template{margin-top:22px;border-top:1px solid var(--line);padding-top:18px}
.message-template span{font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:#777d89}
.message-template p{color:#b7bbc5;font-size:13px;max-width:760px}
@media(max-width:900px){.contact-wrap{grid-template-columns:1fr;gap:40px}}
@media(max-width:560px){.contact-button{grid-template-columns:75px 1fr 20px}.contact-button strong{font-size:12px}}

.agency-tag{font-size:8px;letter-spacing:.13em;color:#777d89;margin-left:2px;align-self:flex-end;margin-bottom:3px}
.agency-line{font-size:12px!important;color:#777d89!important;margin-top:28px}
.agency-line strong{color:#cdd1da}
footer small strong{font-weight:700;color:#b8bdc8}
@media(max-width:560px){.agency-tag{display:none}}