/* Xplosive Ads — Ignition promotional pages, v1.0.0 */
:root{color-scheme:dark;--ink:#080c10;--panel:#111a23;--text:#f6f8fa;--muted:#b5c3cf;--orange:#ff9b1a;--gold:#ffcf41;--cyan:#51dced;--line:#293641}
*{box-sizing:border-box}html{margin:0;scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--text);font:16px/1.6 Arial,Helvetica,sans-serif}a{color:inherit}img{max-width:100%;height:auto}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid var(--cyan);outline-offset:5px}.wrap{width:min(1160px,calc(100% - 56px));margin:auto}.masthead{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 0;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;line-height:1}.brand-badge{display:grid;place-items:center;width:43px;height:43px;border:1px solid #ffd15c;border-radius:11px;background:linear-gradient(140deg,#ffe576,#ff8014);box-shadow:0 0 30px #ff930323;color:#15110d;font:bold italic 30px Arial}.brand-word{font:900 italic 25px/.95 Arial,sans-serif;letter-spacing:-1px}.brand-word b{color:var(--orange)}.brand-word small{display:block;font:700 9px/1.6 Arial,sans-serif;letter-spacing:3px;color:#a7b7c6;margin-top:6px}.nav-cta{font-size:13px;font-weight:bold;text-decoration:none;border-bottom:1px solid #937230;padding:5px 0;color:var(--gold)}.nav-cta:hover{color:#fff}.eyebrow{color:var(--cyan);font-weight:700;font-size:11px;letter-spacing:2px;text-transform:uppercase;display:flex;gap:9px;align-items:center;margin:0 0 20px}.eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px #4cdef0}h1,h2,h3,p{margin:0}h1{font:900 italic clamp(46px,6.5vw,78px)/.98 Arial,Helvetica,sans-serif;letter-spacing:-3px;text-transform:uppercase}h1 span{color:var(--gold)}h2{font-size:28px;letter-spacing:-1px;line-height:1.15}h3{font-size:20px;line-height:1.2}.lead{color:var(--muted);font-size:18px;max-width:490px;margin:25px 0}.cta{position:relative;display:inline-flex;gap:24px;align-items:center;justify-content:center;text-decoration:none;background:linear-gradient(120deg,#ffdc59,#ff9b1c);color:#19150f;font-size:16px;font-weight:800;line-height:1.3;min-height:56px;padding:16px 25px;border:1px solid #ffe486;border-radius:8px;box-shadow:0 7px 28px #ff9b1224;transition:transform .2s,box-shadow .2s}.cta:hover{transform:translateY(-3px);box-shadow:0 10px 35px #ff9b1240}.cta .arrow{width:10px;height:10px;flex:none;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg)}.fine{font-size:12px;color:#95a7b7;margin-top:12px}.member{display:flex;gap:13px;align-items:center;max-width:100%;min-width:0}.member-photo{width:48px;height:48px;border-radius:50%;border:2px solid var(--cyan);background:#293b46;object-fit:cover;flex-shrink:0}.member-copy{min-width:0}.member small{display:block;font-size:10px;letter-spacing:1.7px;color:#8da6b8;text-transform:uppercase}.member strong{display:block;font-size:14px;overflow-wrap:anywhere}.member .membership{font-size:11px;color:var(--cyan);margin-top:2px}.footer{display:flex;align-items:center;justify-content:space-between;gap:22px;border-top:1px solid var(--line);padding:25px 0;margin-top:34px}.footer p{font-size:11px;color:#8a9cab}.footer a{color:#c6d5e0;text-decoration:none}.footer a:hover{text-decoration:underline}.foot-links{display:flex;gap:18px}.tagline{color:#8d9eac;font-size:11px;letter-spacing:1px;text-transform:uppercase}
/* 01 — Ignition */
.launch{overflow:hidden;background:radial-gradient(ellipse at 74% 25%,#0b20278a,transparent 60%),#080c10}.launch-hero{position:relative;min-height:565px;isolation:isolate;display:flex;align-items:center}.launch-art{position:absolute;z-index:-1;inset:-5px -130px -30px 22%;background:url(hero.webp) center right/cover no-repeat;mask-image:linear-gradient(to right,transparent,#000 20%);-webkit-mask-image:linear-gradient(to right,transparent,#000 20%)}.launch-copy{width:56%;padding:54px 0 45px}.launch-copy h1{max-width:650px}.launch-copy .lead{max-width:400px;text-shadow:0 1px 8px #000}.launch-copy .member{margin-top:27px}.ribbon{display:grid;grid-template-columns:repeat(3,1fr);background:linear-gradient(110deg,#141d26,#10161b);border:1px solid #34414c;border-radius:12px;position:relative;overflow:hidden}.ribbon-item{padding:24px 27px;display:flex;align-items:flex-start;gap:16px}.ribbon-item+.ribbon-item{border-left:1px solid #34414c}.ribbon-num{font:900 italic 26px Arial;color:var(--orange)}.ribbon-item h2{font-size:18px;letter-spacing:0}.ribbon-item p{font-size:12px;line-height:1.5;color:#a9b8c4;margin-top:7px}
/* 02 — Personal invitation */
.invite{background:radial-gradient(ellipse at 50% 45%,#13334199,transparent 62%),#080c10}.invite-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:35px;padding:42px 0 20px}.invite-copy .eyebrow{margin-bottom:18px}.invite-copy h1{font-size:clamp(40px,5.5vw,66px);line-height:1.03}.invite-copy .lead{font-size:16px;max-width:470px;margin:21px 0}.invite-host{padding:18px;margin:27px 0;border:1px solid #324854;border-left:3px solid var(--cyan);border-radius:8px;background:#14202bce}.invite-host .member-photo{width:76px;height:76px}.invite-host .member strong{font-size:21px;line-height:1.3}.invite-host .member small{font-size:10px;margin-bottom:5px}.invite-art{mix-blend-mode:screen;width:100%;display:block;mask-image:linear-gradient(to bottom,#000 86%,transparent);-webkit-mask-image:linear-gradient(to bottom,#000 86%,transparent)}.invite-benefits{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px;color:#b5c6d4;font-size:11px;font-weight:bold}.invite-benefits span{border:1px solid #34414c;padding:6px 10px;border-radius:30px}.invite-benefits span:before{content:"+";color:var(--orange);margin-right:6px}.invite-note{border-top:1px solid var(--line);text-align:center;padding:24px 0 0;color:#a9bbc8;font-size:14px}.invite-note b{color:var(--text)}
/* 03 — Advertising showcase */
.showcase{background:radial-gradient(ellipse at 50% 18%,#12374380,transparent 55%),#080c10}.showcase-heading{text-align:center;padding:45px 0 28px}.showcase-heading .eyebrow{justify-content:center;margin-bottom:16px}.showcase-heading h1{font-size:clamp(38px,5.4vw,63px);line-height:1.06}.showcase-heading .lead{margin:19px auto 0;font-size:16px;max-width:660px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card{border:1px solid #32414d;background:linear-gradient(#0a1118,#14212b);border-radius:13px;overflow:hidden;position:relative;padding:0 25px 25px;text-align:center}.feature-card:nth-child(2){border-color:#387482}.feature-art{mix-blend-mode:screen;width:100%;max-width:265px;aspect-ratio:1;margin:0 auto;background-image:url(features.webp);background-size:300% 100%;background-repeat:no-repeat}.feature-art.traffic{background-position:left}.feature-art.ads{background-position:center}.feature-art.credits{background-position:right}.feature-kicker{color:var(--cyan);font-size:10px;letter-spacing:2px;font-weight:bold;margin:0 0 8px}.feature-card h2{font-size:21px;letter-spacing:-.5px}.feature-card p{font-size:13px;line-height:1.6;color:#b3c3d1;margin-top:12px}.showcase-bottom{margin:24px 0 0;border:1px solid #5c4b2e;background:linear-gradient(100deg,#272013,#131a21);border-radius:12px;padding:23px 26px;display:flex;align-items:center;justify-content:space-between;gap:24px}.showcase-bottom .member strong{font-size:16px}.showcase-bottom .fine{margin-top:5px}.showcase-bottom .member-photo{width:55px;height:55px}.showcase-bottom .cta{flex-shrink:0}
@media(min-width:1450px){.launch-hero{min-height:590px}}
@media(max-width:900px){.wrap{width:calc(100% - 38px)}.brand-word{font-size:22px}.launch-hero{min-height:525px}.launch-copy{width:63%}.launch-copy h1{font-size:58px}.launch-art{inset:0 -140px 0 22%;opacity:.78}.launch-copy .lead{max-width:330px;font-size:16px}.ribbon-item{padding:20px 15px;gap:10px}.ribbon-item h2{font-size:16px}.invite-grid{gap:20px}.invite-copy h1{font-size:48px}.invite-host .member strong{font-size:18px}.feature-card{padding:0 16px 22px}.feature-card h2{font-size:18px}.showcase-bottom{padding:20px}}
@media(max-width:620px){.wrap{width:calc(100% - 32px)}.masthead{padding:17px 0;gap:12px}.brand-word{font-size:21px;letter-spacing:-.8px}.brand-word small{font-size:8px;letter-spacing:2px}.brand-badge{width:34px;height:34px;font-size:25px;border-radius:8px}.brand{gap:7px}.nav-cta{font-size:11px;flex-shrink:0}.eyebrow{font-size:10px;letter-spacing:1.5px}.launch-hero{display:block;min-height:0}.launch-art{position:relative;inset:auto;margin:0 -16px;height:285px;background-size:auto 100%;background-position:right center;mask-image:linear-gradient(to bottom,transparent,#000 5%,#000 86%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 5%,#000 86%,transparent);opacity:1}.launch-copy{width:100%;padding:30px 0 0}.launch-copy h1{font-size:clamp(43px,11vw,67px);letter-spacing:-2px;max-width:100%}.launch-copy .lead{font-size:16px;max-width:100%;margin:18px 0}.cta{min-height:54px;padding:15px 20px;gap:20px}.launch-copy .member{margin-top:23px}.ribbon{grid-template-columns:1fr;margin-top:-2px}.ribbon-item{padding:20px;gap:20px}.ribbon-item+.ribbon-item{border-left:0;border-top:1px solid #34414c}.ribbon-item h2{font-size:18px}.ribbon-item p{font-size:13px}.footer{flex-direction:column;align-items:flex-start;gap:10px;margin-top:27px;padding:22px 0}.invite-grid{grid-template-columns:1fr;gap:8px;padding-top:29px}.invite-copy h1{font-size:clamp(39px,10.5vw,58px);letter-spacing:-2px}.invite-host{margin:20px 0}.invite-host .member-photo{width:64px;height:64px}.invite-benefits{margin-top:20px;gap:7px}.invite-benefits span{font-size:10px;padding:5px 8px}.invite-art{max-width:430px;margin:auto}.invite-note{font-size:13px}.showcase-heading{padding:30px 0 22px}.showcase-heading h1{font-size:clamp(36px,9.6vw,58px);letter-spacing:-1.5px}.showcase-heading .lead{font-size:15px}.feature-grid{grid-template-columns:1fr;gap:14px}.feature-card{display:grid;grid-template-columns:106px 1fr;align-items:center;text-align:left;padding:15px;column-gap:14px}.feature-art{grid-row:1/5;min-width:0;width:100%;margin:0}.feature-kicker{font-size:9px;margin-bottom:4px}.feature-card h2{font-size:19px}.feature-card p{font-size:12px;margin-top:8px}.showcase-bottom{flex-direction:column;align-items:stretch;padding:21px;gap:20px}.showcase-bottom .cta{width:100%}.showcase-bottom .member strong{font-size:15px}.showcase-bottom .fine{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.cta:hover{transform:none}}

.showcase-heading .cta{margin-top:20px}