/* BetterAds — vivid violet, soft daylight, a studio built around banners. */
:root{--paper:#fff;--surface:#f7f5fc;--ink:#241b39;--muted:#70657e;--line:#e6dff0;--cobalt:#6b42e8;--blue-soft:#f0eaff;--brand:#6b42e8;--brand-dark:#4d24bb;--brand-soft:#eee7ff;--peach:#ffdec3}
::selection{background:#ded0ff;color:#291441}
body{background:#fff}
.button-dark{background:var(--brand);box-shadow:0 5px 16px #6b42e815}
.button-dark:hover{background:var(--brand-dark);box-shadow:0 7px 22px #6b42e827}
.button-outline{border-color:#d7c9ef;background:#fff}
.button-outline:hover{background:#f0eaff}
.wordmark svg{color:var(--brand)}
.site-header{background:#ffffffee;border-color:#e9e2f150}
.site-navigation>a:hover,.site-navigation [aria-current=page],.text-link,.eyebrow{color:#6740c8}
.hero-scene{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 93% 18%,#ffd9bc99,transparent 39%),radial-gradient(ellipse at 57% 75%,#d8caff,transparent 53%),linear-gradient(120deg,#fcfbff,#f3edff 65%,#fff3e7)}
.hero-scene:after{content:'';position:absolute;width:770px;height:770px;border:1px solid #ffffff9c;border-radius:50%;right:-400px;top:-230px;z-index:-1;box-shadow:0 0 0 65px #ffffff20,0 0 0 130px #ffffff13}
.hero{display:grid;grid-template-columns:1.02fr 1fr;align-items:center;gap:24px;text-align:left;padding-top:84px;padding-bottom:86px;min-height:690px}
.hero-copy{max-width:640px;margin:0;position:relative;z-index:2}
.hero .eyebrow{color:#6842c0;font-size:.7rem;letter-spacing:.13em}
.hero h1{font-size:clamp(3.4rem,5.1vw,5.3rem);letter-spacing:-.06em;line-height:1.05;font-weight:650}
.hero .accent-word{color:#6b42e8}
.hero-intro{max-width:475px;margin:27px 0 0;font-size:1.03rem;line-height:1.8;color:#655975;letter-spacing:-.01em}
.hero-actions{justify-content:flex-start;margin-top:29px;gap:22px}
.hero .button{padding:16px 26px;font-size:.92rem;min-height:55px}
.hero-footnote{margin-top:18px;font-size:.7rem;color:#746780}
.creative-stage{position:relative;min-width:0;margin:0;height:500px;isolation:isolate}
.stage-orbit{position:absolute;width:450px;height:450px;border-radius:50%;background:linear-gradient(150deg,#b9a0ff,#eadbff55);right:-28px;top:32px;box-shadow:0 0 0 25px #ffffff3b}
.creative-stage .campaign-frame{position:absolute;left:0;right:5%;top:25px;border-radius:19px;aspect-ratio:1.25;transform:rotate(-5deg);box-shadow:0 24px 55px #42267229;border:5px solid #fff}
.creative-stage .campaign-frame>img{width:100%;height:100%;object-fit:cover;object-position:60% 50%}
.creative-stage .campaign-copy{position:absolute;inset:10% auto auto 8%;width:60%;color:#302a23}
.creative-stage .campaign-copy .small-label{font-size:.55rem;color:#514132;letter-spacing:.15em}
.creative-stage .campaign-copy h2{font-size:clamp(1.9rem,3vw,3.3rem);margin-top:25px;letter-spacing:-.055em;line-height:1.02}
.creative-stage .campaign-copy p{font-size:.65rem;line-height:1.5;max-width:140px;margin-top:18px}
.creative-stage .campaign-index{bottom:20px;left:8%;right:8%;font-size:.5rem}
.mini-campaign{position:absolute;width:41%;height:55%;right:-3%;bottom:3px;border:5px solid #fff;border-radius:18px;background:#171919;color:#fff;overflow:hidden;transform:rotate(7deg);box-shadow:0 20px 40px #33214d36}
.mini-campaign>img{width:100%;height:100%;object-fit:cover;object-position:66% 70%;opacity:.85}
.mini-campaign>.small-label{position:absolute;top:22px;left:20px;color:#eae3dc;font-size:.47rem;letter-spacing:.13em}
.mini-campaign>strong{position:absolute;top:54px;left:20px;font-size:1.7rem;line-height:1.03;font-weight:500;letter-spacing:-.045em;white-space:pre-line}
.mini-arrow{position:absolute;bottom:16px;right:17px;width:30px;height:30px;border:1px solid #ffffff6a;border-radius:50%;text-align:center;line-height:28px}
.format-chip{position:absolute;left:-2%;bottom:37px;display:flex;gap:15px;align-items:center;background:#fff;border:1px solid #ece4f5;box-shadow:0 14px 34px #40296c14;padding:19px 21px;border-radius:17px;max-width:68%;transform:rotate(-2deg)}
.format-chip strong{display:block;font-size:.78rem;letter-spacing:-.01em;color:#342145}.format-chip div>span{display:block;font-size:.6rem;margin-top:3px;color:#7c6c89}
.format-symbols{display:flex;gap:3px;align-items:flex-end}.format-symbols i{display:block;border:1.5px solid #8d65ee;border-radius:3px;width:14px;height:14px;background:#f1eaff}.format-symbols i:nth-child(2){width:11px;height:23px}.format-symbols i:nth-child(3){width:22px;height:13px}
.creative-stage .stage-caption{position:absolute;bottom:-34px;left:6px;font-size:.58rem;color:#776887;max-width:90%}
.principles-strip{padding:0;background:#fff}.principles-strip>.shell{padding-top:25px;padding-bottom:25px;gap:65px;border-color:#ece6f5}.principles-strip span{font-size:.73rem;color:#645571}.principles-strip span>span{color:#7954d6}
.service-card{background:#f8f6fc;border:1px solid #eee8f7;box-shadow:0 9px 25px #6b42e804}.service-card-0{background:linear-gradient(140deg,#f0e9ff,#faf7ff);border-color:#dacaf7}.service-glyph{color:#7550d0}.service-card h3{font-size:1.48rem;letter-spacing:-.035em}
.process-section{background:linear-gradient(115deg,#f6f1fd,#fff8ef)}.step-number{color:#7653ca}.difference-point>span{color:var(--brand)}
.closing-card{background:linear-gradient(118deg,#f0e8ff,#e3d5ff 65%,#f6dfd2);border:1px solid #e4d7fa;box-shadow:none}.closing-section{background:white}.closing-card .eyebrow{color:#6842c0}
.page-intro{position:relative;background:radial-gradient(ellipse at 95% 15%,#ffdec34a,transparent 50%),linear-gradient(120deg,#faf7ff,#f2ecfc);max-width:none;padding-left:max(28px,calc((100vw - 1224px)/2));padding-right:max(28px,calc((100vw - 1224px)/2));padding-top:78px;padding-bottom:76px;margin-bottom:64px}
.page-intro h1{color:#312243}.page-intro .eyebrow{color:#7045d2}.pricing-card-launch{background:linear-gradient(135deg,#f6f0ff,#fff);border-color:#d9c9f5}.pricing-card-studio,.pricing-card-growth{background:#fff;border-color:#e8e1ef}.price strong{color:#4b2c78}
.about-statement,.careers-card,.contact-aside,.budget-note{background:#f6f1fd}.contact-symbol{color:#7954d6}.legal-nav [aria-current=page]{color:#7045d2;background:#f4edff}
.flow-topline,.portal-topline{color:#745393}.flow-step.active,.flow-step.current,.status-pill{background:#f0e7ff;color:#5d34b0;border-color:#dccbf7}.flow-main h1,.portal-main h1{color:#352148}.form-card,.portal-card{border-color:#e5dcef}.chat-message.from-team{background:#f3eefa}.chat-message.from-customer{border-color:#d9c8f7}.package-option:has(input:checked){border-color:#8c66df;background:#f7f2ff}.field input:focus,.field textarea:focus,.field select:focus{border-color:#8c66df;box-shadow:0 0 0 3px #8c66df18}
.site-footer{background:#231635;color:#fff}.site-footer .wordmark svg{color:#c7aaff}.site-footer h2,.site-footer .small-label{color:#cbbbdc}.site-footer p,.site-footer a:not(.wordmark){color:#b9a9c9}.site-footer .text-link{color:#dbc6ff}.footer-bottom{border-color:#ffffff17;color:#a995bd}.site-footer .wordmark{color:#fff}
@media(min-width:1600px){.hero{gap:58px}.creative-stage{height:540px}.mini-campaign{height:53%}}
@media(max-width:1000px){.hero{gap:10px;min-height:640px;padding-top:72px;padding-bottom:82px}.hero h1{font-size:clamp(3rem,5.5vw,4.4rem)}.creative-stage{height:430px}.mini-campaign{height:52%;right:-2%}.mini-campaign>strong{font-size:1.4rem}.format-chip{padding:15px;gap:9px}.format-symbols{display:none}.hero-actions{gap:15px}.hero-intro{font-size:.95rem}.principles-strip>.shell{gap:25px}.service-card h3{font-size:1.3rem}}
@media(max-width:760px){.hero{grid-template-columns:1fr;gap:42px;padding-top:52px;padding-bottom:65px;min-height:0}.hero-copy{max-width:590px}.hero h1{font-size:clamp(2.85rem,9vw,4.2rem)}.hero-intro{max-width:510px;margin-top:23px}.hero-actions{flex-wrap:wrap}.creative-stage{width:100%;max-width:540px;height:450px;margin:0 auto}.creative-stage .campaign-frame{right:8%;top:10px}.mini-campaign{right:0;bottom:0}.format-chip{left:0;bottom:30px;padding:18px}.format-symbols{display:flex}.principles-strip>.shell{flex-wrap:wrap;gap:12px 25px;justify-content:flex-start;padding-block:22px}.page-intro{padding-block:50px;margin-bottom:40px}.site-navigation{background:#fff}.service-card h3{font-size:1.6rem}}
@media(max-width:430px){.hero .eyebrow{font-size:.59rem}.hero .button{font-size:.84rem;padding:14px 21px}.hero-actions .quiet-link{font-size:.8rem}.creative-stage{height:340px}.creative-stage .campaign-copy h2{font-size:1.95rem;margin-top:19px}.creative-stage .campaign-copy p{font-size:.55rem;max-width:110px;margin-top:12px}.creative-stage .campaign-index{bottom:13px;font-size:.42rem}.mini-campaign{height:53%;width:42%}.mini-campaign>.small-label{top:16px;left:14px;font-size:.37rem}.mini-campaign>strong{top:40px;left:14px;font-size:1.17rem}.format-chip{padding:13px 12px;bottom:23px;gap:9px;max-width:65%}.format-chip strong{font-size:.65rem}.format-chip div>span{font-size:.5rem}.format-symbols{gap:2px}.format-symbols i{width:10px;height:10px}.format-symbols i:nth-child(2){width:8px;height:18px}.format-symbols i:nth-child(3){width:16px;height:9px}.creative-stage .stage-caption{bottom:-30px;font-size:.52rem}.principles-strip span{font-size:.68rem}.stage-orbit{width:290px;height:290px;right:-20px;top:5px}.hero-footnote{font-size:.64rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
/* Explicit foregrounds for surfaces that were dark in the previous design. */
.service-card-1,.pricing-card-studio,.closing-card{color:var(--ink)}
.service-card-1 p,.service-card-1 li,.service-card-1 .service-number,.pricing-card-studio p,.pricing-card-studio small,.pricing-card-studio .small-label,.pricing-card-studio li,.closing-card p:not(.eyebrow){color:#6c5d7c}
.service-card-1 .text-link,.pricing-card-studio .delivery-note{border-color:#e2d7ef}
.closing-card>.button,.pricing-card-studio .button{background:var(--brand);color:#fff}
.closing-card>.button:hover,.pricing-card-studio .button:hover{background:var(--brand-dark)}
.pricing-card{border:1px solid #e9e1f3;border-radius:24px}
.footer-main>div>a:not(.wordmark):not(.text-link){color:#c4b3d5}.footer-main>div>a:hover{color:#fff}
.page-hero{position:relative;background:radial-gradient(ellipse at 95% 15%,#ffdec34a,transparent 50%),linear-gradient(120deg,#faf7ff,#f2ecfc);width:100%;max-width:none;padding-left:max(28px,calc((100vw - 1224px)/2));padding-right:max(28px,calc((100vw - 1224px)/2));padding-top:76px;padding-bottom:76px;margin-bottom:60px}
.page-hero h1{color:#312243}
@media(max-width:760px){.page-hero{padding:48px 24px;margin-bottom:38px}}

.package-choice:has(input:checked){border-color:#8056d7;background:#f5efff}.package-choice input{accent-color:#6b42e8}.analysis-panel{background:linear-gradient(120deg,#f6f1fc,#f9f7fb)}