@font-face{font-family:Satoshi;src:url('assets/Satoshi-Regular.otf') format('opentype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Satoshi;src:url('assets/Satoshi-Bold.otf') format('opentype');font-weight:700;font-style:normal;font-display:swap}
:root{--brand:#93C5FF;--brand-soft:#D6E8FF;--brand-deep:#2457D6;--brand-ink:#12365C;--dark:#1A1D21;--dark-deep:#0E1014;--dark-elevated:#262A31;--page:#F4F5F7;--white:#FFFFFF;--text:#1A1D21;--body:#363B44;--meta:#4A5160;--line:#E3E5E8;--dark-line:rgba(255,255,255,.10);--radius:16px;--section-space:clamp(80px,9vw,128px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--dark);color:var(--white);font-family:Satoshi,system-ui,sans-serif;font-size:16px;line-height:1.55;letter-spacing:-.005em;-webkit-font-smoothing:antialiased;font-feature-settings:'tnum' 1,'ss01','ss02';text-rendering:optimizeLegibility}button,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}img{display:block;max-width:100%}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--brand);outline-offset:6px}.light a:focus-visible,.light button:focus-visible,.light summary:focus-visible{outline-color:var(--brand-deep)}::selection{background:var(--brand);color:var(--brand-ink)}.container{max-width:1264px;margin-inline:auto;padding-inline:32px}.skip{position:fixed;top:-100px;left:16px;background:var(--brand);color:var(--brand-ink);padding:12px 20px;z-index:30}.skip:focus{top:12px}.header{position:relative;background:var(--dark);z-index:10}.nav{display:flex;height:88px;align-items:center;justify-content:space-between;gap:24px}.brand{display:block;flex-shrink:0}.desktop-nav{display:flex;gap:32px;font-size:14px;color:#C9CDD4}.desktop-nav a:hover,.text-link:hover{color:var(--brand)}.nav-actions{display:flex;align-items:center;gap:16px}.button{border:1px solid transparent;border-radius:8px;background:var(--brand);color:var(--brand-ink);display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:14px 22px;font-size:15px;font-weight:700;line-height:1.4;transition:background .18s,transform .18s;white-space:nowrap}.button:hover{background:var(--brand-soft);transform:translateY(-2px)}.button:active{transform:translateY(0)}.button-small{background:#F4F5F7;color:var(--dark);font-size:14px;padding:11px 16px;gap:20px}.button-small:hover{background:var(--brand)}.menu-toggle{display:none;background:none;border:1px solid var(--dark-line);border-radius:8px;width:42px;height:42px;padding:10px}.menu-toggle span{display:block;height:1px;background:white;margin:5px 0}.mobile-menu{padding-block:8px 24px}.mobile-menu a{display:block;padding:12px 0;color:#D5D8DF}.hero{padding-top:54px;padding-bottom:40px;overflow:hidden}.hero-copy{text-align:center}.eyebrow{font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;display:flex;align-items:center;gap:10px;margin:0}.hero-copy .eyebrow{justify-content:center;color:#C2C8D0}.eyebrow-line{height:1px;width:24px;background:var(--brand)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(48px,6.2vw,80px);font-weight:700;line-height:1.025;letter-spacing:-.045em;margin:24px 0}h1 em{font-style:normal;color:var(--brand)}.hero-description{font-size:18px;line-height:1.6;color:#B7BEC8;margin-bottom:28px}.hero-actions{display:flex;justify-content:center;gap:28px;align-items:center}.text-link{display:inline-flex;align-items:center;gap:12px;font-size:14px;font-weight:700;transition:color .18s}.campaign-stage{margin-top:56px;scroll-margin-top:32px}.stage-heading{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:16px}.stage-heading>span:last-child{color:#A6AFBC;font-size:12px}.stage-heading .eyebrow{font-size:11px;color:#C1C8D0}.campaign-grid{display:grid;grid-template-columns:1fr 1.13fr 1fr;gap:16px;align-items:center}.campaign{position:relative;isolation:isolate;min-width:0;height:352px;border-radius:12px;overflow:hidden;padding:24px;display:flex;flex-direction:column;justify-content:space-between;background-position:center;background-size:cover;color:#152534}.campaign:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(255,255,255,.10),transparent 60%,rgba(0,0,0,.08))}.campaign-skin{background-color:#D9E7F3}.campaign-run{height:384px;background-color:#BC5832;color:#FFF4E5}.campaign-coffee{background-color:#DDD4C5;color:#382E27}.campaign-copy h2{font-size:34px;line-height:1.06;letter-spacing:-.04em;margin-top:12px;margin-bottom:0;max-width:240px}.campaign-run h2{font-size:46px}.fictional-brand{font-size:9px;letter-spacing:.14em;font-weight:700}.campaign-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;font-weight:700}.campaign-arrow{width:30px;height:30px;border-radius:50%;border:1px solid currentColor;display:grid;place-items:center;font-size:18px}.stage-caption{display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#A6AFBC;margin-top:18px}.caption-number{letter-spacing:.12em}.proof{border-top:1px solid var(--dark-line);padding-block:44px}.proof-inner{display:grid;grid-template-columns:1.3fr 1fr .9fr 1.1fr;gap:48px;align-items:center}.proof p{margin-bottom:0;font-size:15px;color:#A6AFBC}.proof p strong{color:white;font-weight:400}.proof-stat{padding-left:32px;border-left:1px solid var(--dark-line);display:flex;flex-direction:column}.proof-stat>strong{font-size:52px;line-height:1.1;font-weight:700;letter-spacing:-.04em}.proof-stat>strong span{color:var(--brand)}.proof-stat>span{margin-top:8px;font-size:13px;color:#A6AFBC}.proof-context{max-width:220px}.light{background:var(--page);color:var(--text)}.section{padding-block:var(--section-space)}.section h2{font-size:clamp(36px,4vw,52px);font-weight:700;letter-spacing:-.035em;line-height:1.08;margin:20px 0 24px}.section-lede{font-size:18px;line-height:1.6;max-width:560px;color:var(--meta)}.light .eyebrow{color:var(--meta)}.section-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:64px;align-items:end;margin-bottom:56px}.section-heading h2{margin-bottom:0}.section-heading p{margin-bottom:0}.approach-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.approach-item{border-top:1px solid #C8CDD4;padding-top:24px}.step{color:var(--brand-deep);font-size:13px;letter-spacing:.08em}.approach-item h3{font-size:23px;letter-spacing:-.025em;line-height:1.2;margin:22px 0 14px}.approach-item p{color:var(--meta);font-size:16px;max-width:320px;margin-bottom:0}.showcase{background:var(--white);padding-block:var(--section-space);color:var(--text)}.showcase-inner{display:grid;grid-template-columns:1fr 1.12fr;gap:80px;align-items:center}.showcase-copy h2{font-size:clamp(36px,4vw,52px);line-height:1.08;letter-spacing:-.035em;margin:20px 0 24px}.showcase-copy p{color:var(--meta);font-size:18px;max-width:430px}.creative-switcher{background:var(--page);border:1px solid var(--line);border-radius:20px;padding:20px}.creative-tabs{display:flex;gap:6px;margin-bottom:20px}.creative-tab{padding:9px 14px;border-radius:7px;background:transparent;border:1px solid transparent;color:var(--meta);font-size:13px}.creative-tab[aria-selected=true]{background:white;color:var(--text);border-color:var(--line);box-shadow:0 1px 3px #11111108}.creative-tab:hover{color:var(--brand-deep)}.creative-panel .campaign{height:400px;max-width:330px;margin:auto}.creative-panel .campaign h2{font-size:37px}.creative-panel[hidden]{display:none}.preview-caption{margin:16px 0 0;text-align:center;color:var(--meta);font-size:12px}.quote-line{margin-top:32px;padding-left:18px;border-left:2px solid var(--brand-deep);font-size:15px!important;color:var(--body)!important}.faq-layout{display:grid;grid-template-columns:1fr 1.4fr;gap:96px}.faq-layout h2{max-width:300px}.faq details{border-top:1px solid #D1D4D9}.faq details:last-child{border-bottom:1px solid #D1D4D9}.faq summary{list-style:none;cursor:pointer;padding:24px 36px 24px 0;font-size:18px;font-weight:700;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';position:absolute;right:0;font-size:24px;font-weight:400;top:18px;color:var(--meta)}.faq details[open] summary:after{content:'−'}.faq details p{color:var(--meta);line-height:1.65;margin:0 32px 24px 0}.closing{background:var(--brand);color:var(--brand-ink);padding-block:80px}.closing-inner{display:flex;justify-content:space-between;align-items:center;gap:48px}.closing h2{font-size:clamp(38px,4.8vw,64px);line-height:1.06;letter-spacing:-.04em;max-width:600px;margin:0}.closing p{font-size:17px;margin:20px 0 0}.closing .button{background:var(--dark);color:white;padding:17px 26px}.closing .button:hover{background:#363B44}.footer{background:var(--dark);padding-block:40px}.footer-top{display:flex;justify-content:space-between;gap:24px;align-items:center}.footer-note{font-size:14px;color:#B7BEC8}.footer-bottom{display:flex;justify-content:space-between;gap:24px;padding-top:28px;margin-top:28px;border-top:1px solid var(--dark-line);font-size:12px;color:#A6AFBC}.footer-links{display:flex;gap:24px}.footer-links a:hover{color:white}dialog{border:1px solid var(--line);border-radius:20px;max-width:460px;width:calc(100% - 40px);padding:40px;background:white;color:var(--text);box-shadow:0 24px 100px #0005}dialog::backdrop{background:rgba(14,16,20,.75);backdrop-filter:blur(5px)}dialog .eyebrow{color:var(--brand-deep)}dialog h2{font-size:34px;line-height:1.1;letter-spacing:-.03em;margin:24px 0 16px}dialog p{color:var(--meta);margin-bottom:24px}.dialog-close{position:absolute;right:12px;top:8px;width:40px;height:40px;font-size:28px;border:0;background:none;color:var(--meta)}[hidden]{display:none!important}
@media(min-width:1500px){.hero{padding-top:68px}.campaign-stage{margin-top:64px}}
@media(max-width:1000px){.desktop-nav{gap:20px}.container{padding-inline:24px}.campaign{height:310px;padding:20px}.campaign-run{height:342px}.campaign-copy h2{font-size:29px}.campaign-run h2{font-size:38px}.proof-inner{gap:24px;grid-template-columns:1.2fr 1fr .8fr}.proof-context{display:none}.showcase-inner{gap:40px}.faq-layout{gap:48px}.section-heading{gap:40px}}
@media(max-width:700px){html{scroll-padding-top:24px}.nav{height:76px;gap:12px}.button-small{font-size:12px;gap:8px;padding:10px 11px}.button-small span{display:none}.nav-actions{gap:10px}.menu-toggle{display:block}.desktop-nav{display:none}.hero{padding-top:40px}.hero-copy .eyebrow{font-size:10px;letter-spacing:.075em;gap:7px}.eyebrow-line{width:16px}h1{font-size:clamp(44px,10vw,64px);margin:24px 0;letter-spacing:-.045em}.hero-description{font-size:16px;max-width:360px;margin-inline:auto}.desktop-break{display:none}.hero-actions{gap:22px;flex-wrap:wrap}.text-link{font-size:13px}.hero-actions .button{font-size:14px;padding:13px 18px;gap:24px}.campaign-stage{margin-top:44px}.stage-heading{align-items:start}.stage-heading .eyebrow{font-size:9px;max-width:150px}.stage-heading>span:last-child{font-size:10px;max-width:100px;text-align:right}.campaign-grid{grid-template-columns:1fr 1fr;gap:12px}.campaign-grid .campaign{height:280px;padding:16px}.campaign-grid .campaign-run{height:280px}.campaign-grid .campaign-coffee{display:none}.campaign-copy h2,.campaign-run h2{font-size:28px}.fictional-brand{font-size:7px;letter-spacing:.09em}.campaign-bottom{font-size:9px;gap:6px}.campaign-arrow{width:23px;height:23px;flex-shrink:0;font-size:15px}.stage-caption{font-size:10px;gap:10px}.stage-caption span:first-child{max-width:250px}.proof{padding-block:32px}.proof-inner{grid-template-columns:1fr 1fr;gap:28px}.proof-inner>p:first-child{grid-column:1 / -1}.proof-stat{padding-left:20px}.proof-stat>strong{font-size:46px}.section-heading,.approach-grid,.showcase-inner,.faq-layout{grid-template-columns:1fr;gap:32px}.section-heading{margin-bottom:40px}.section-heading .section-lede{font-size:16px}.approach-item h3{margin-top:16px}.approach-item p{max-width:100%}.showcase-copy p{font-size:16px}.creative-switcher{padding:16px}.creative-tabs{justify-content:center;gap:4px}.creative-tab{font-size:12px;padding:9px 12px}.creative-panel .campaign{height:390px}.faq-layout h2{max-width:none}.faq summary{font-size:16px}.closing{padding-block:64px}.closing-inner{flex-direction:column;align-items:start;gap:32px}.closing p{font-size:16px}.footer-top,.footer-bottom{flex-direction:column;align-items:start;gap:20px}.footer-note{margin:0}.footer-links{flex-wrap:wrap;gap:20px}}
@media(max-width:380px){.container{padding-inline:20px}.nav{gap:8px}.nav-actions{gap:8px}.menu-toggle{width:36px;height:36px;padding:8px}.campaign-grid .campaign{height:250px;padding:12px}.campaign-copy h2,.campaign-run h2{font-size:25px}.hero-copy .eyebrow{font-size:9px}.campaign-bottom>span:first-child{max-width:85px}.stage-caption .caption-number{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

.campaign-skin{background-image:url(assets/skincare.png)}.campaign-run{background-image:url(assets/sport.png)}.campaign-coffee{background-image:url(assets/coffee.png)}
/* Shared Lucide stroke, shape and scale. */
.lucide{width:18px;height:18px;flex-shrink:0;stroke-width:1.7}.button .lucide{width:17px;height:17px}.campaign-arrow .lucide{width:15px;height:15px}.theme-toggle{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--dark-line);border-radius:8px;background:transparent;color:#C9CDD4;padding:9px}.theme-toggle:hover{color:var(--brand);border-color:#93C5FF60}.menu-toggle{align-items:center;justify-content:center}.step{display:flex;align-items:center;gap:12px}.step .lucide{width:20px;height:20px}.dialog-close{display:grid;place-items:center}.hero-description strong{font-weight:400;color:white}.proof-inner{grid-template-columns:1.3fr 1fr .8fr 1fr}.proof-stat:last-child strong{color:var(--brand)}
/* The same DS, rebalanced for a complete light landing page. */
html[data-theme=light]{color-scheme:light}html[data-theme=dark]{color-scheme:dark}
html[data-theme=light] body{background:var(--page);color:var(--text)}
html[data-theme=light] .header{background:var(--page)}
html[data-theme=light] .desktop-nav,html[data-theme=light] .mobile-menu a{color:var(--meta)}
html[data-theme=light] .desktop-nav a:hover,html[data-theme=light] .text-link:hover{color:var(--brand-deep)}
html[data-theme=light] .button-small{background:var(--dark);color:white}
html[data-theme=light] .hero-copy .eyebrow{color:var(--meta)}
html[data-theme=light] .eyebrow-line{background:var(--brand-deep)}
html[data-theme=light] h1 em{color:var(--brand-deep)}
html[data-theme=light] .hero-description{color:var(--meta)}
html[data-theme=light] .hero-description strong{color:var(--text)}
html[data-theme=light] .hero-actions .button{background:var(--brand-deep);color:white}
html[data-theme=light] .hero-actions .button:hover{background:#1D48B4}
html[data-theme=light] .stage-heading .eyebrow,html[data-theme=light] .stage-heading>span:last-child,html[data-theme=light] .stage-caption{color:var(--meta)}
html[data-theme=light] .proof{background:white;border-top-color:var(--line);border-bottom:1px solid var(--line)}
html[data-theme=light] .proof p,html[data-theme=light] .proof-stat>span{color:var(--meta)}
html[data-theme=light] .proof p strong{color:var(--text)}
html[data-theme=light] .proof-stat{border-left-color:var(--line)}
html[data-theme=light] .proof-stat>strong span,html[data-theme=light] .proof-stat:last-child strong{color:var(--brand-deep)}
html[data-theme=light] .footer{background:white;color:var(--text)}
html[data-theme=light] .footer-note,html[data-theme=light] .footer-bottom{color:var(--meta)}
html[data-theme=light] .footer-bottom{border-top-color:var(--line)}
html[data-theme=light] .footer-links a:hover{color:var(--brand-deep)}
html[data-theme=light] .theme-toggle,html[data-theme=light] .menu-toggle{border-color:var(--line);color:var(--meta)}
html[data-theme=light] a:focus-visible,html[data-theme=light] button:focus-visible{outline-color:var(--brand-deep)}
dialog{color-scheme:light}
@media(max-width:700px){.menu-toggle{display:flex}.theme-toggle{width:34px;height:34px;padding:7px}.nav-actions{gap:8px}.nav .button-small{padding-inline:9px;font-size:11px}.proof-inner{grid-template-columns:repeat(3,1fr);gap:20px}.proof-stat{padding-left:14px}.proof-stat>strong{font-size:38px}.proof-stat>span{font-size:12px}.proof-inner>p:first-child{grid-column:1/-1}}
@media(max-width:380px){.nav-actions{gap:6px}.theme-toggle{width:30px;height:34px}.menu-toggle{width:30px;height:34px;padding:6px}.nav .button-small{font-size:10px;padding:10px 7px}.proof-stat>strong{font-size:34px}}
/* Talentmarket v4.7 foundations + brand-system editorial elevations. */
:root{
 --g-radius-sm:6px;--g-radius-md:10px;--g-radius-lg:16px;--g-radius-editorial:28px;--g-radius-full:9999px;
 --g-shadow-1:0 1px 3px rgba(17,12,8,.06),0 1px 2px rgba(17,12,8,.04);
 --g-shadow-2:0 4px 16px rgba(17,12,8,.08),0 2px 4px rgba(17,12,8,.04);
 --g-shadow-3:0 16px 48px rgba(17,12,8,.12),0 4px 12px rgba(17,12,8,.06);
 --g-shadow-editorial:0 2px 8px rgba(17,12,8,.02),0 16px 48px rgba(17,12,8,.08),0 40px 80px rgba(17,12,8,.06);
 --g-inset-top:inset 0 1px 0 rgba(255,255,255,.6);--g-inset-ring:inset 0 0 0 1px rgba(0,0,0,.03);
}
.button{border-radius:var(--g-radius-full);background:linear-gradient(180deg,#ACD3FF 0%,var(--brand) 100%);border:0.5px solid rgba(18,54,92,.14);box-shadow:var(--g-shadow-2),var(--g-inset-top),var(--g-inset-ring);transition:background 180ms ease,box-shadow 180ms ease,transform 180ms ease}
.button:hover{background:linear-gradient(180deg,#C3DFFF 0%,#ACD3FF 100%);box-shadow:var(--g-shadow-3),var(--g-inset-top);transform:translateY(-1px)}
.button:active{transform:translateY(0);box-shadow:var(--g-shadow-1),inset 0 1px 3px #12365C16}
.button-small{background:linear-gradient(180deg,#FFFFFF 0%,#EAECEF 100%);box-shadow:var(--g-shadow-1),var(--g-inset-top),var(--g-inset-ring)}
html[data-theme=light] .button-small,.closing .button{background:linear-gradient(180deg,#2C3038 0%,#1A1D21 100%);box-shadow:var(--g-shadow-2),inset 0 1px 0 #ffffff24,inset 0 0 0 1px #ffffff08;border-color:#0E101440}
html[data-theme=light] .button-small:hover,.closing .button:hover{background:linear-gradient(180deg,#3A3F47 0%,#2C3038 100%)}
html[data-theme=light] .hero-actions .button{background:linear-gradient(180deg,#376BE5 0%,#2457D6 100%);box-shadow:var(--g-shadow-2),inset 0 1px 0 #ffffff40,inset 0 0 0 1px #12365C14}
html[data-theme=light] .hero-actions .button:hover{background:linear-gradient(180deg,#4679EE 0%,#2D62DF 100%)}
.campaign{border-radius:20px;border:0.5px solid #ffffff30;box-shadow:0 16px 48px #00000024,0 4px 12px #00000014,inset 0 1px 0 #ffffff60}
html[data-theme=light] .campaign{box-shadow:var(--g-shadow-editorial),var(--g-inset-top),var(--g-inset-ring);border-color:#1A1D210C}
.creative-switcher{border-radius:var(--g-radius-editorial);background:linear-gradient(180deg,#FAFBFC 0%,#F4F5F7 100%);border:0.5px solid var(--line);box-shadow:var(--g-shadow-editorial),var(--g-inset-top),var(--g-inset-ring);padding:24px}
.creative-tabs{width:fit-content;margin:0 auto 24px;padding:4px;background:#EAECEF;border-radius:var(--g-radius-full);box-shadow:inset 0 1px 2px #11111109}
.creative-tab{border-radius:var(--g-radius-full);padding:8px 16px}
.creative-tab[aria-selected=true]{border:0.5px solid #1A1D210F;box-shadow:var(--g-shadow-1),var(--g-inset-top);background:linear-gradient(180deg,#fff,#F9FAFB)}
.approach-grid{gap:20px}.approach-item{border:0.5px solid var(--line);border-radius:var(--g-radius-lg);padding:32px;background:white;box-shadow:var(--g-shadow-1),var(--g-inset-top),var(--g-inset-ring)}
.theme-toggle,.menu-toggle{border-radius:var(--g-radius-full);background:linear-gradient(180deg,#2C3038,#262A31);border:0.5px solid #ffffff14;box-shadow:0 1px 3px #00000020,inset 0 1px 0 #ffffff0D}
html[data-theme=light] .theme-toggle,html[data-theme=light] .menu-toggle{background:linear-gradient(180deg,#FFFFFF,#F4F5F7);box-shadow:var(--g-shadow-1),var(--g-inset-top),var(--g-inset-ring)}
dialog{border-radius:var(--g-radius-editorial);box-shadow:var(--g-shadow-editorial),var(--g-inset-top);border-width:.5px}.dialog-close{border-radius:var(--g-radius-full)}.dialog-close:hover{background:var(--page)}
/* Render the approved logo in one ink; source geometry stays unchanged. */


@media(min-width:701px) and (max-height:900px){.nav{height:76px}.hero{padding-top:24px}.hero-copy h1{font-size:64px;line-height:1.02;margin:18px 0}.hero-description{font-size:17px;line-height:1.5;margin-bottom:22px}.campaign-stage{margin-top:32px}.campaign-grid .campaign{height:280px}.campaign-grid .campaign-run{height:308px}.campaign-copy h2{font-size:30px}.campaign-run h2{font-size:38px}.stage-heading{margin-bottom:12px}.hero{padding-bottom:28px}}
@media(max-width:700px){.creative-switcher{padding:16px}.approach-item{padding:28px}.campaign{border-radius:var(--g-radius-lg)}.creative-tab{padding:8px 12px}.nav .button-small{min-height:36px}.theme-toggle,.menu-toggle{min-height:36px}.hero-copy .eyebrow{font-size:11px}.stage-heading .eyebrow,.stage-heading>span:last-child{font-size:11px}.fictional-brand{font-size:9px}.campaign-bottom{font-size:10px}}
@media(prefers-reduced-motion:reduce){.button:hover{transform:none}}
/* Conversion hierarchy: audience, promise, proof, action. */
.icp-pill{display:inline-flex;align-items:center;justify-content:center;gap:9px;max-width:100%;padding:7px 13px;border:0.5px solid #FFFFFF1C;border-radius:var(--g-radius-full);background:linear-gradient(180deg,#2C3038,#262A31);color:#D6DCE4;box-shadow:0 1px 3px #00000020,inset 0 1px 0 #ffffff0D;font-size:12px;font-weight:400;letter-spacing:0;margin:0}
.icp-pill .lucide{width:14px;height:14px;color:var(--brand)}
.hero-trust{display:flex;align-items:center;justify-content:center;gap:9px;font-size:16px;color:#B7BEC8;line-height:1.55;margin-bottom:28px}.hero-trust strong{font-weight:700;color:#EAECEF}.hero-trust .lucide{color:#C8D4E4;width:18px;height:18px}.mobile-trust-break{display:none}
html[data-theme=light] .icp-pill{background:linear-gradient(180deg,#FFFFFF,#F9FAFB);color:var(--meta);border-color:var(--line);box-shadow:var(--g-shadow-1),var(--g-inset-top),var(--g-inset-ring)}
html[data-theme=light] .icp-pill .lucide{color:var(--brand-deep)}
html[data-theme=light] .hero-trust{color:var(--meta)}html[data-theme=light] .hero-trust strong{color:var(--text)}html[data-theme=light] .hero-trust .lucide{color:var(--brand-deep)}
@media(max-width:700px){.icp-pill{font-size:11px;padding:7px 11px;gap:7px}.hero-trust{font-size:14px;align-items:flex-start;gap:7px}.hero-trust .lucide{margin-top:2px}.mobile-trust-break{display:block}.hero-trust span{text-align:left}.hero-copy h1{font-size:clamp(42px,10.5vw,64px)}}
/* Editorial bento: a dominant creative, a message, a proof. */
.bento-section{padding-top:0}.bento-grid{display:grid;grid-template-columns:1.35fr 1fr;grid-template-rows:260px 260px;gap:20px}.bento-tile{position:relative;isolation:isolate;overflow:hidden;padding:32px;border:0.5px solid var(--line);border-radius:var(--g-radius-editorial);background:#fff;box-shadow:var(--g-shadow-2),var(--g-inset-top),var(--g-inset-ring);transition:box-shadow 240ms ease,border-color 240ms ease}.bento-tile:hover{box-shadow:var(--g-shadow-3),var(--g-inset-top);border-color:#D1D4D9}.bento-label{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--meta)}.bento-label .lucide{color:var(--brand-deep);width:18px;height:18px}.bento-tile h3{font-size:32px;letter-spacing:-.035em;line-height:1.08;margin:24px 0}.bento-lead{grid-row:span 2;background:linear-gradient(155deg,#262A31,#1A1D21 70%);color:#fff;border-color:#ffffff10;box-shadow:var(--g-shadow-3),inset 0 1px 0 #ffffff10}.bento-lead .bento-label{color:#C8CFD8}.bento-lead .bento-label .lucide{color:var(--brand)}.bento-lead h3{font-size:48px;max-width:360px;position:relative;z-index:2}.bento-lead-copy{font-size:17px;color:#B7BEC8;position:absolute;bottom:108px;left:32px;line-height:1.6}.bento-art{position:absolute;right:32px;bottom:-32px;width:260px;transform:rotate(-7deg);transform-origin:bottom right}.bento-art .campaign{height:340px;padding:22px;box-shadow:0 32px 64px #00000055,inset 0 1px 0 #ffffff60}.bento-art .campaign h2{font-size:29px;line-height:1.06;margin:14px 0;letter-spacing:-.04em}.bento-footnote{position:absolute;left:32px;bottom:28px;font-size:10px;color:#A6AFBC;max-width:125px}.bento-message h3{margin:22px 0 18px}.message-sample{display:flex;align-items:center;gap:12px}.message-line{height:24px;width:2px;background:var(--brand-deep)}.message-sample p{font-size:15px;color:var(--meta);margin:0}.bento-evidence{background:linear-gradient(180deg,#EAF3FF,#D6E8FF);border-color:#12365C10;color:var(--brand-ink)}.bento-evidence .bento-label{color:var(--brand-ink)}.bento-number{font-size:72px;line-height:1;letter-spacing:-.04em;font-weight:700;margin:22px 0 12px}.bento-number span{color:var(--brand-deep)}.bento-evidence p{font-size:15px;line-height:1.5;margin:0;color:var(--brand-ink)}.bento-evidence strong{font-weight:400}
@media(min-width:701px) and (prefers-reduced-motion:no-preference){.campaign-grid>.campaign:nth-child(1){transform:translate3d(0,calc(var(--parallax,0px) * -1),0)}.campaign-grid>.campaign:nth-child(2){transform:translate3d(0,calc(var(--parallax,0px) * .55),0)}.campaign-grid>.campaign:nth-child(3){transform:translate3d(0,calc(var(--parallax,0px) * -.7),0)}}
@media(max-width:1000px){.bento-grid{grid-template-columns:1.2fr 1fr}.bento-art{width:215px;right:20px}.bento-art .campaign{height:315px}.bento-lead h3{font-size:42px}.bento-lead-copy{bottom:105px;font-size:15px;max-width:120px}.bento-label{font-size:11px}.bento-tile{padding:28px}.bento-tile h3{font-size:29px}.bento-lead h3{font-size:42px}}
@media(max-width:700px){.bento-grid{grid-template-columns:1fr;grid-template-rows:auto;gap:20px}.bento-lead{grid-row:auto;min-height:540px}.bento-art{width:250px;bottom:-30px;right:28px}.bento-lead-copy{top:175px;bottom:auto;left:28px;max-width:none}.bento-lead h3{font-size:42px;margin-top:24px}.bento-footnote{left:28px;bottom:28px;max-width:90px}.bento-message,.bento-evidence{min-height:250px}.bento-message h3{font-size:34px}.bento-label{font-size:12px}.bento-lead .bento-label{font-size:11px}}
@media(max-width:380px){.bento-art{right:16px;width:220px}.bento-lead h3{font-size:38px}.bento-lead{min-height:520px}.bento-lead-copy{top:165px}.bento-footnote{left:22px;font-size:9px;max-width:75px}}
/* Conversion offer. Proposed commercial terms; see handoff notes. */
.trial-assurance{font-size:12px;color:#A6AFBC;margin:16px 0 0}html[data-theme=light] .trial-assurance{color:var(--meta)}.showcase-copy .button{margin-top:12px}.showcase-copy .mid-trial-note{font-size:12px;color:var(--meta);margin:12px 0 0}.pricing-section{border-bottom:0.5px solid var(--line)}.pricing-heading{text-align:center}.pricing-heading .eyebrow{justify-content:center}.pricing-heading .section-lede{max-width:700px;margin-inline:auto;font-size:17px}.billing-control{display:flex;align-items:center;gap:4px;width:fit-content;margin:32px auto 0;padding:4px;background:#EAECEF;border-radius:var(--g-radius-full);box-shadow:inset 0 1px 2px #1111110D}.billing-button{border:0.5px solid transparent;border-radius:var(--g-radius-full);padding:10px 20px;background:transparent;color:var(--meta);font-size:14px;display:flex;align-items:center;gap:8px}.billing-button[aria-pressed=true]{background:linear-gradient(180deg,#FFFFFF,#F9FAFB);color:var(--text);border-color:#1A1D210C;box-shadow:var(--g-shadow-1),var(--g-inset-top)}.billing-button span{font-size:11px;color:var(--brand-deep)}.billing-status{font-size:12px;color:var(--meta);text-align:center;margin:12px 0 40px}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}.price-card{padding:32px;border:0.5px solid var(--line);border-radius:var(--g-radius-editorial);background:white;box-shadow:var(--g-shadow-2),var(--g-inset-top),var(--g-inset-ring)}.plan-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:28px}.plan-heading h3{font-size:24px;letter-spacing:-.025em;margin:0}.plan-badge{background:var(--brand-soft);color:var(--brand-ink);border:0.5px solid #12365C12;border-radius:var(--g-radius-full);font-size:10px;padding:4px 8px;white-space:nowrap}.plan-description{color:var(--meta);font-size:15px;line-height:1.5;min-height:48px;margin:18px 0 26px}.plan-price{display:flex;gap:8px;align-items:baseline}.price-amount{font-size:52px;line-height:1;letter-spacing:-.045em;font-weight:700}.plan-price>span:last-child{color:var(--meta);font-size:14px}.billing-note{font-size:12px;color:var(--meta);margin:10px 0 24px;min-height:19px}.plan-cta{width:100%;justify-content:space-between;background:linear-gradient(180deg,#FFFFFF,#F4F5F7);color:var(--text);border-color:var(--line);font-size:14px;box-shadow:var(--g-shadow-1),var(--g-inset-top)}.plan-cta:hover{background:linear-gradient(180deg,#F9FAFB,#EAECEF)}.plan-features{padding:24px 0 0;margin:24px 0 0;border-top:0.5px solid var(--line);list-style:none;display:flex;flex-direction:column;gap:14px}.plan-features li{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--body)}.plan-features .lucide{width:16px;height:16px;color:var(--meta)}.price-featured{background:linear-gradient(180deg,#262A31,#1A1D21);color:white;border-color:#FFFFFF14;box-shadow:var(--g-shadow-editorial),inset 0 1px 0 #FFFFFF1A}.price-featured .plan-description,.price-featured .billing-note,.price-featured .plan-price>span:last-child{color:#BEC6D1}.price-featured .plan-features{border-color:#FFFFFF1A}.price-featured .plan-features li{color:#E1E5EB}.price-featured .plan-features .lucide{color:var(--brand)}.price-featured .plan-cta{background:linear-gradient(180deg,#ACD3FF,#93C5FF);color:var(--brand-ink);border-color:#12365C10;box-shadow:var(--g-shadow-2),var(--g-inset-top)}.price-featured .plan-cta:hover{background:linear-gradient(180deg,#C3DFFF,#ACD3FF)}.pricing-fineprint{display:grid;grid-template-columns:1fr 1fr;gap:48px;max-width:980px;margin:28px auto 0;font-size:12px;color:var(--meta);line-height:1.65}.pricing-fineprint p{margin:0}.pricing-fineprint strong{font-weight:400;color:var(--body)}
/* Audit fixes: compact navigation and bento at tablet sizes, touch targets. */
@media(max-width:1040px){.desktop-nav{display:none}.menu-toggle{display:flex;width:44px;height:44px}.theme-toggle{width:44px;height:44px}.mobile-menu{background:inherit}.price-card{padding:24px}.plan-heading{align-items:start;flex-direction:column;gap:8px;min-height:54px}.plan-description{min-height:66px}.plan-price .price-amount{font-size:46px}.plan-cta{padding-inline:18px;gap:12px}}
@media(min-width:701px) and (max-width:960px){.bento-grid{grid-template-columns:1fr 1fr;grid-template-rows:440px auto}.bento-lead{grid-column:1/-1;grid-row:auto}.bento-lead h3{font-size:48px}.bento-art{right:48px;bottom:-36px;width:280px}.bento-art .campaign{height:360px}.bento-lead-copy{bottom:125px;font-size:18px;max-width:none}.bento-message,.bento-evidence{min-height:260px}.approach-grid{grid-template-columns:1fr;gap:16px}.approach-item p{max-width:none}}
@media(max-width:760px){.pricing-grid{grid-template-columns:1fr;max-width:480px;margin-inline:auto}.price-card{padding:28px}.plan-heading{flex-direction:row;align-items:center;min-height:28px}.plan-description{min-height:0;margin-bottom:24px}.pricing-fineprint{grid-template-columns:1fr;gap:12px}.pricing-heading .section-lede{font-size:16px}.pricing-heading .section-lede br{display:none}}
@media(max-width:700px){.nav .button-small{font-size:12px;min-height:44px;padding:11px 14px}.theme-toggle,.menu-toggle{min-height:44px;width:44px}.nav-actions{gap:8px}.trial-assurance{font-size:11px;max-width:280px;margin-inline:auto}.creative-tab{min-height:44px}.billing-button{min-height:44px}.showcase-copy .button{min-height:48px}}
@media(max-width:480px){.nav .button-small{display:none}.nav-actions{gap:8px}.nav{gap:16px}.theme-toggle,.menu-toggle{width:44px;height:44px}}
/* User-supplied replacement logo: preserve the exact original geometry. */



@media(max-width:700px){}

/* Original v3 PNG, natural antialiasing, no contrast boost or absolute cropping. */
.brand-logo{display:block;width:216px;height:52px}
.brand-logo img{display:block;width:100%;height:100%;max-width:100%;object-fit:cover;object-position:50% 48%;image-rendering:auto;filter:grayscale(1) brightness(1.03) invert(1) brightness(1.1);mix-blend-mode:screen}
html[data-theme=light] .brand-logo img{filter:grayscale(1) brightness(1.03);mix-blend-mode:multiply}
@media(max-width:700px){.brand-logo{width:180px;height:44px}}

.generated-campaign{padding:0!important;height:auto!important;aspect-ratio:4/5;background:none!important;overflow:hidden}.generated-campaign:before,.generated-campaign:after{display:none!important}.generated-campaign>img{width:100%;height:100%;object-fit:cover}.people-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.people-card{margin:0;position:relative;overflow:hidden;border-radius:24px;aspect-ratio:4/5;box-shadow:0 16px 40px #0002}.people-card>img{width:100%;height:100%;object-fit:cover}.people-card figcaption{position:absolute;inset:auto 0 0;padding:52px 20px 20px;color:white;background:linear-gradient(transparent,#000b)}.people-card figcaption span{font-size:10px;font-weight:700;letter-spacing:.12em}.people-card h3{font-size:22px;line-height:1.1;margin:8px 0 0;letter-spacing:-.03em}.gallery-note{font-size:11px;opacity:.65;margin-top:20px}.lifestyle-gallery .section-lede{color:inherit;opacity:.7}@media(max-width:900px){.people-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.people-grid{gap:12px}.people-card{border-radius:16px}.people-card figcaption{padding:35px 12px 12px}.people-card h3{font-size:17px}.people-card figcaption span{font-size:8px}}

.brand-logo{position:relative;background:#fff;mask:url("assets/adcomet-logo-v4.svg") center/contain no-repeat;-webkit-mask:url("assets/adcomet-logo-v4.svg") center/contain no-repeat}html[data-theme=light] .brand-logo{background:#141414}.brand-logo img,html[data-theme=light] .brand-logo img{opacity:0;filter:none;mix-blend-mode:normal;object-fit:contain}

.brand-input-flow{display:flex;align-items:center;gap:28px;padding:24px 28px;margin:0 0 28px;border:1px solid #ffffff18;border-radius:24px;background:#ffffff06;box-shadow:inset 0 1px 0 #ffffff08}.flow-brand{display:flex;align-items:center;gap:16px}.fizz-wordmark{display:flex;flex-direction:column;justify-content:center;align-items:center;background:#D5DE91;color:#18344A;line-height:.85;font-size:22px;font-weight:700;letter-spacing:-.06em;border-radius:14px;width:68px;height:72px;flex-shrink:0}.flow-brand>div,.flow-output{display:flex;flex-direction:column;gap:5px}.flow-step{font-size:9px;letter-spacing:.12em;opacity:.6}.flow-brand strong,.flow-output strong{font-size:17px}.flow-brand>div>span:last-child{font-size:11px;opacity:.65}.flow-source{display:flex;align-items:center;gap:10px;font-size:12px;opacity:.75;margin-left:auto}.flow-source .lucide,.flow-output .lucide{width:15px;height:15px}.flow-arrow{opacity:.4}.flow-output a{font-size:11px;display:flex;align-items:center;gap:6px;color:var(--brand)}.process-creative{margin:0;min-width:0}.process-creative figcaption{display:flex;flex-direction:column;gap:4px;margin-top:16px;padding-inline:4px}.process-creative figcaption strong{font-size:12px}.process-creative figcaption span{font-size:11px;opacity:.65}.fizz-process-grid{align-items:start}.fizz-process-grid .campaign{width:100%;aspect-ratio:4/5;transform:none!important}html[data-theme=light] .brand-input-flow{background:#fff;border-color:#E3E5E8;box-shadow:0 8px 32px #18233406}html[data-theme=light] .flow-output a{color:#2457D6}@media(max-width:900px){.brand-input-flow{gap:18px;flex-wrap:wrap}.flow-brand{flex:1}.flow-source{margin-left:0}.flow-output{margin-left:auto}.flow-arrow{display:none}}@media(max-width:700px){.brand-input-flow{padding:20px;gap:20px}.flow-brand{flex-basis:100%}.flow-source{font-size:10px}.flow-output strong{font-size:14px}.fizz-process-grid{grid-template-columns:1fr!important;max-width:420px;margin-inline:auto;gap:28px}.fizz-process-grid .campaign{height:auto!important}.process-creative figcaption{margin-top:12px}.stage-caption{gap:12px;flex-wrap:wrap}}

.product-window{border:1px solid #ffffff20;border-radius:28px;background:#191C21;overflow:hidden;box-shadow:0 28px 80px #0003,inset 0 1px 0 #ffffff10;text-align:left}.product-window-bar{height:58px;padding:0 24px;border-bottom:1px solid #ffffff10;display:flex;align-items:center;justify-content:space-between;gap:16px}.window-identity{display:flex;align-items:center;gap:12px;font-size:12px;color:#C1C7D0}.window-identity>.lucide{width:18px;color:#93C5FF}.window-identity strong{color:#fff}.window-identity>span:first-of-type{opacity:.3}.window-demo{font-size:9px;border:1px solid #ffffff1a;border-radius:99px;padding:4px 9px;color:#B9C1CE}.product-workspace{display:grid;grid-template-columns:140px minmax(0,1fr)}.product-sidebar{display:flex;flex-direction:column;gap:8px;padding:26px 12px;border-right:1px solid #ffffff10;color:#AEB8C7}.product-sidebar>.sidebar-caption{font-size:8px;letter-spacing:.12em;padding:0 10px;margin-bottom:10px}.product-sidebar>span:not(.sidebar-caption){display:flex;align-items:center;gap:8px;padding:10px;font-size:10px;border-radius:8px}.product-sidebar .lucide{width:14px;height:14px}.sidebar-active{background:#93c5ff12;color:#C5DEFF}.sidebar-brand{margin-top:auto;border-top:1px solid #ffffff10;padding:20px 8px 0;display:flex;flex-direction:column;gap:5px}.mini-fizz{width:28px;height:28px;display:grid;place-items:center;background:#D5DE91;color:#18344A;border-radius:8px;font-size:10px;font-weight:700;margin-bottom:5px}.sidebar-brand strong{font-size:10px;color:#fff}.sidebar-brand small{font-size:8px}.product-canvas{padding:28px;min-width:0}.canvas-title{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:22px}.canvas-title h2{font-size:23px;line-height:1.2;letter-spacing:-.035em;margin:7px 0 0;color:#fff}.canvas-title .flow-step{color:#AEB8C7}.studio-demo-link{display:flex;align-items:center;gap:8px;flex-shrink:0;background:#93C5FF;color:#12365C;border-radius:999px;font-weight:700;padding:10px 14px;font-size:10px}.studio-demo-link .lucide{width:13px;height:13px}.product-window .brand-input-flow{padding:18px;gap:16px;margin-bottom:24px;color:#fff;border-radius:16px}.product-window .fizz-wordmark{width:46px;height:52px;font-size:17px;border-radius:10px}.product-window .flow-brand strong{font-size:13px}.product-window .flow-brand>div>span:last-child{font-size:9px;max-width:185px}.product-window .flow-source{font-size:10px}.product-window .flow-output strong{font-size:13px}.product-window .flow-step{font-size:8px}.product-window .flow-output a{color:#93C5FF}.output-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:10px;color:#B9C1CE;margin-bottom:16px}.output-toolbar>span{display:flex;align-items:center;gap:8px}.output-toolbar .lucide{width:14px;height:14px;color:#B9D5B4}.output-toolbar b{background:#ffffff0c;padding:2px 6px;border-radius:5px;font-size:9px}.toolbar-format{border-left:1px solid #ffffff18;padding-left:12px;margin-left:5px}.product-window .fizz-process-grid{gap:16px}.product-window .campaign{border-radius:16px}.product-window .process-creative figcaption{color:#fff}.product-window .process-creative figcaption strong{font-size:10px}.product-window .process-creative figcaption span{font-size:9px}html[data-theme=light] .product-window .brand-input-flow{background:#ffffff06;border-color:#ffffff18;box-shadow:none}html[data-theme=light] .product-window .flow-output a{color:#93C5FF}@media(max-width:1050px){.product-workspace{grid-template-columns:110px minmax(0,1fr)}.product-canvas{padding:22px}.product-window .flow-source{display:none}.canvas-title h2{font-size:20px}}@media(max-width:760px){.product-sidebar{display:none}.product-workspace{grid-template-columns:1fr}.product-window{border-radius:20px}.product-canvas{padding:18px}.product-window-bar{padding:0 18px}.canvas-title{align-items:flex-start}.canvas-title h2{font-size:20px;max-width:210px}.studio-demo-link{font-size:9px;padding:9px 11px}.product-window .brand-input-flow{flex-wrap:nowrap}.product-window .flow-brand{flex-basis:auto}.product-window .flow-brand>div>span:last-child{display:none}.product-window .flow-output{margin-left:auto}.product-window .fizz-process-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px;max-width:none}.product-window .campaign{border-radius:10px}.product-window .process-creative figcaption strong{font-size:9px;line-height:1.3}.product-window .process-creative figcaption span{display:none}.toolbar-format{display:none}}@media(max-width:400px){.window-identity{gap:7px;font-size:10px}.canvas-title{flex-direction:column}.product-window .flow-output strong{font-size:11px}.product-window .flow-step{font-size:7px}}
.flow-studio{border:1px solid #ffffff18;border-radius:28px;background:#191C21;overflow:hidden;box-shadow:0 32px 80px #0003,inset 0 1px 0 #ffffff0c;text-align:left;color:#fff}.flow-studio-top{display:flex;align-items:center;gap:18px;padding:18px 28px;border-bottom:1px solid #ffffff10}.flow-logo{display:block;width:124px;height:26px;background:white;mask:url('assets/adcomet-logo-v4.svg') center/contain no-repeat;-webkit-mask:url('assets/adcomet-logo-v4.svg') center/contain no-repeat}.flow-studio-name{font-size:11px;color:#9DA8B7;border-left:1px solid #ffffff20;padding-left:18px}.flow-studio-top .button{margin-left:auto;font-size:11px;padding:10px 14px;gap:12px}.flow-studio-body{display:grid;grid-template-columns:170px 70px minmax(0,1fr);align-items:center;gap:16px;padding:36px 28px}.flow-upload{display:flex;flex-direction:column;align-items:center;gap:8px}.flow-label{font-size:9px;letter-spacing:.12em;color:#A9B4C3;margin-bottom:10px}.flow-upload-photo{position:relative;width:100%;border-radius:16px;box-shadow:0 12px 28px #0002}.flow-upload-photo>img{width:100%;border-radius:16px;aspect-ratio:4/5;object-fit:cover}.upload-check{position:absolute;right:-7px;bottom:-7px;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#BED6BB;color:#1E3823;border:4px solid #191C21}.upload-check .lucide{width:12px;height:12px}.flow-upload>strong{font-size:12px;margin-top:8px}.flow-filename{font-size:9px;color:#8E9CAB}.flow-connector{display:flex;align-items:center;gap:7px;color:#93C5FF}.flow-connector>span{height:1px;background:#93c5ff40;flex:1}.flow-connector .lucide{width:22px;height:22px;flex-shrink:0}.flow-results{min-width:0}.flow-results-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.flow-results-heading h2{font-size:25px;letter-spacing:-.04em;line-height:1.1;margin:0}.flow-results-heading button{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#ffffff08;color:#B3BFCD;border:1px solid #ffffff10}.flow-results-heading .lucide{width:13px;height:13px}.flow-result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.flow-result{margin:0;min-width:0}.flow-result img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:16px;box-shadow:0 12px 25px #0002}.flow-result figcaption{font-size:10px;color:#B7C2D1;margin-top:12px;text-align:center}.flow-playing .flow-upload-photo{animation:input-arrive .7s ease both}.flow-playing .flow-connector{animation:connector-pulse 1.5s ease .4s both}.flow-playing .flow-result{animation:creative-arrive .8s cubic-bezier(.2,.7,.2,1) both;animation-delay:1.3s}.flow-playing .flow-result:nth-child(2){animation-delay:1.8s}.flow-playing .flow-result:nth-child(3){animation-delay:2.3s}@keyframes input-arrive{from{opacity:.2;transform:translateY(10px) scale(.96)}to{opacity:1;transform:none}}@keyframes connector-pulse{0%{opacity:.2}50%{opacity:1;filter:drop-shadow(0 0 10px #93C5FF)}100%{opacity:.8}}@keyframes creative-arrive{from{opacity:0;transform:translateY(16px) scale(.96);filter:blur(8px)}to{opacity:1;transform:none;filter:blur(0)}}@media(max-width:950px){.flow-studio-body{grid-template-columns:125px 36px minmax(0,1fr);padding:26px 22px;gap:12px}.flow-result-grid{gap:10px}.flow-results-heading h2{font-size:22px}}@media(max-width:650px){.flow-studio-top{padding:16px;gap:10px}.flow-logo{width:105px;height:23px}.flow-studio-name{display:none}.flow-studio-body{grid-template-columns:1fr;padding:24px 16px;gap:22px}.flow-upload{display:grid;grid-template-columns:70px 1fr;column-gap:16px;row-gap:5px;align-items:center}.flow-upload-photo{grid-column:1;grid-row:1/4;width:70px}.flow-label{grid-column:2;margin:0;align-self:end}.flow-upload>strong{grid-column:2;margin:0}.flow-filename{grid-column:2;align-self:start}.flow-connector{display:none}.flow-result-grid{gap:9px}.flow-result img{border-radius:10px}.flow-result figcaption{font-size:9px}.flow-studio{border-radius:20px}.flow-results-heading{margin-bottom:14px}}@media(prefers-reduced-motion:reduce){.flow-playing *{animation:none!important}}

.hero-product-promise{font-size:16px;color:#B7BEC8;margin:0 auto 24px;max-width:540px}html[data-theme=light] .hero-product-promise{color:#505969}.proof-inner{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:28px;align-items:center}.proof-inner>p{margin:0}.proof-stat{min-width:0}@media(max-width:900px){.proof-inner{grid-template-columns:repeat(4,1fr);gap:24px}.proof-inner>p{grid-column:1/-1;text-align:center}}@media(max-width:560px){.proof-inner{grid-template-columns:repeat(2,1fr);gap:26px}.proof-stat{text-align:center}.hero-product-promise{font-size:14px;max-width:300px}}
/* Compact product input above a generous, three-concept canvas. */
.flow-studio{max-width:1080px;margin-inline:auto}.flow-studio-body{display:grid;grid-template-columns:1fr;gap:24px;padding:26px 32px 30px}.flow-upload{display:grid;grid-template-columns:52px 1fr;grid-template-rows:auto auto;column-gap:14px;row-gap:4px;align-items:center;justify-items:start;padding:14px 18px;background:#ffffff04;border:1px solid #ffffff10;border-radius:16px;width:100%}.flow-upload-photo{grid-column:1;grid-row:1/3;width:52px;border-radius:9px;box-shadow:0 4px 12px #0002}.flow-upload-photo>img{border-radius:9px;width:52px;height:65px;object-fit:cover}.flow-label{grid-column:2;align-self:end;margin:0;font-size:8px;letter-spacing:.1em}.flow-upload>strong{grid-column:2;align-self:start;margin:0;font-size:13px}.upload-check{right:-5px;bottom:-4px;width:21px;height:21px;border-width:3px}.upload-check .lucide{width:9px;height:9px}.flow-connector{display:none}.flow-results-heading{margin-bottom:18px}.flow-results-heading h2{font-size:24px}.flow-result-grid{gap:20px}.flow-result img{border-radius:18px}.flow-result figcaption{margin-top:12px}.flow-studio-top{padding:18px 32px}.flow-playing .flow-upload-photo{animation:input-arrive .6s ease both}.flow-playing .flow-upload{animation:input-arrive .6s ease both}@media(max-width:760px){.flow-studio-body{padding:20px;gap:20px}.flow-studio-top{padding:16px 20px}.flow-result-grid{gap:12px}.flow-result img{border-radius:12px}.flow-upload{padding:12px 14px}.flow-results-heading h2{font-size:22px}}@media(max-width:480px){.flow-studio-body{padding:16px;gap:18px}.flow-result-grid{gap:8px}.flow-upload-photo,.flow-upload-photo>img{width:44px}.flow-upload-photo>img{height:55px}.flow-upload{grid-template-columns:44px 1fr}.flow-result img{border-radius:9px}.flow-results-heading h2{font-size:20px}.flow-studio-top{padding:14px 16px}.flow-result figcaption{font-size:9px}}@media(prefers-reduced-motion:reduce){.flow-playing .flow-upload{animation:none!important}}
.hero-copy .hero-product-promise{font-size:19px;line-height:1.55;max-width:620px;margin:0 auto 24px;color:#B7BEC8}.hero-product-promise strong{font-weight:400;color:#EBEEF4}.hero-validation{display:flex;flex-direction:column;align-items:center;gap:8px;margin:0 auto 28px}.validation-label{display:flex;align-items:center;gap:6px;font-size:10px;color:#9FAAB9;letter-spacing:.02em}.validation-label .lucide{width:13px;height:13px;color:var(--brand)}.hero-validation p{display:flex;justify-content:center;gap:0;margin:0;font-size:12px;color:#B7BEC8}.hero-validation p>span{padding:0 16px;border-right:1px solid #ffffff20}.hero-validation p>span:last-child{border:0}.hero-validation strong{font-weight:700;color:#fff}html[data-theme=light] .hero-product-promise strong,html[data-theme=light] .hero-validation strong{color:#1A1D21}html[data-theme=light] .hero-validation p,html[data-theme=light] .validation-label{color:#505969}html[data-theme=light] .hero-validation p>span{border-color:#D5DAE1}@media(max-width:560px){.hero-copy .hero-product-promise{font-size:16px;max-width:340px;margin-bottom:21px}.hero-validation p{font-size:10px}.hero-validation p>span{padding:0 10px}.hero-validation{margin-bottom:24px}.validation-label{font-size:9px}}

/* Override intrinsic HTML height so 4:5 assets never become tall crops. */
.flow-result img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:contain}.flow-studio{max-width:980px}.flow-result-grid{align-items:start}.flow-result{align-self:start}
.mobile-swipe-hint{display:none}@media(max-width:650px){.hero{padding-top:32px}.hero-copy h1{font-size:clamp(42px,11vw,60px);line-height:1.04;margin:20px 0}.hero-copy .icp-pill{font-size:10px;padding:8px 12px;max-width:100%;justify-content:center}.hero-copy .hero-product-promise{font-size:16px;line-height:1.5;max-width:330px;margin-bottom:20px}.hero-validation{gap:8px;margin-bottom:24px}.hero-validation p{font-size:11px;flex-wrap:wrap;row-gap:8px;line-height:1.4}.hero-validation p>span{padding:0 9px}.hero-actions{flex-direction:column;gap:15px}.hero-actions>.button{width:min(100%,340px);min-height:50px;justify-content:center;font-size:15px}.hero-actions>.text-link{font-size:13px;min-height:36px}.trial-assurance{font-size:11px;margin-top:12px}.campaign-stage{margin-top:28px}.flow-studio-top .button{min-height:40px;padding:10px 12px;font-size:11px}.flow-studio-top .button .lucide{width:13px;height:13px}.flow-label{font-size:10px}.flow-upload>strong{font-size:14px}.flow-results-heading h2{font-size:23px}.flow-results-heading button{width:44px;height:44px}.flow-result-grid{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0;overscroll-behavior-x:contain;padding:0 0 12px;scrollbar-width:thin;scrollbar-color:#6C7888 transparent}.flow-result{flex:0 0 84%;scroll-snap-align:start;min-width:0}.flow-result img{width:100%;height:auto;aspect-ratio:4/5;object-fit:contain;border-radius:14px}.flow-result figcaption{font-size:12px;margin-top:10px;text-align:left}.mobile-swipe-hint{display:flex;justify-content:space-between;align-items:center;font-size:11px;line-height:1.5;color:#AEB8C7;margin:10px 0 0}.flow-studio-body{padding:16px}.flow-studio-name{display:none}.section-heading h2{overflow-wrap:normal}.proof-stat>strong{font-size:36px}.proof-stat>span{font-size:12px}}@media(max-width:360px){.hero-validation p{font-size:10px}.hero-validation p>span{padding:0 6px}.hero-copy .hero-product-promise{font-size:15px}.flow-studio-top{gap:8px}.flow-logo{width:90px}}
/* Final editorial layer: purposeful bento, fair comparison, one creative library. */
:root{--section-space:clamp(64px,7vw,100px)}
.proof-inner>p small{display:block;font-size:11px;color:var(--meta);margin-top:10px;max-width:240px;line-height:1.5}.flow-result figcaption{display:flex;flex-direction:column;gap:3px}.flow-result figcaption strong{font-size:11px;color:#E4E9F0;font-weight:400}.flow-result figcaption span{font-size:9px;color:#9FAAB9}.comparison-section{border-top:1px solid var(--line)}.comparison-scroll{overflow-x:auto;border-radius:24px;border:1px solid var(--line);background:#fff;box-shadow:0 12px 40px #18233408}.comparison-table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;font-size:14px;line-height:1.5;color:#596270}.comparison-table caption{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.comparison-table th,.comparison-table td{padding:24px 22px;border-bottom:1px solid #E8EBEF;vertical-align:middle;text-align:left}.comparison-table thead th{font-size:13px;color:#1A1D21;font-weight:700;padding-block:28px}.comparison-table tbody th{font-weight:700;font-size:13px;color:#1A1D21}.comparison-table tr:last-child>*{border-bottom:none}.comparison-table .adcomet-column{background:#EBF3FF;color:#16375D}.compare-mark{display:block;width:132px;max-width:100%;height:27px;background:#16375D;mask:url('assets/adcomet-logo-v4.svg') center/contain no-repeat;-webkit-mask:url('assets/adcomet-logo-v4.svg') center/contain no-repeat}.comparison-note{font-size:11px;line-height:1.6;color:#697382;max-width:760px;margin:18px 0 0}.examples-section{background:var(--dark);color:var(--white);overflow:hidden}.examples-section .section-lede{color:#BAC3D0}.example-rail{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding:10px 0 22px;scrollbar-width:thin;scrollbar-color:#8493A5 transparent}.example-card{flex:0 0 260px;min-width:0;margin:0;scroll-snap-align:start}.example-card img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:contain;border-radius:20px;box-shadow:0 12px 30px #0002}.example-card figcaption{display:flex;justify-content:space-between;gap:10px;margin:14px 2px 0;font-size:11px;color:#AEB8C7}.example-card strong{color:#fff;font-size:10px;letter-spacing:.08em}.examples-foot{display:flex;justify-content:space-between;align-items:center;gap:20px;color:#AEB8C7;font-size:12px;margin-top:16px}.examples-foot>a{display:flex;align-items:center;gap:8px;color:var(--brand)}.examples-foot .lucide{width:15px;height:15px}.benefit-bento{display:grid;grid-template-columns:1.05fr 1fr;gap:22px}.benefit-tile{border:1px solid var(--line);border-radius:28px;background:#fff;box-shadow:0 2px 4px #18233403,0 16px 48px #18233409,inset 0 1px 0 #fff;padding:32px;overflow:hidden;min-width:0}.benefit-icon{width:38px;height:38px;border:1px solid #DCE6F3;border-radius:12px;display:grid;place-items:center;color:#2457D6;background:#F1F6FF}.benefit-icon .lucide{width:19px;height:19px}.benefit-tile h3{font-size:30px;line-height:1.1;letter-spacing:-.04em;margin:20px 0 14px;max-width:360px}.benefit-tile p{font-size:15px;line-height:1.6;color:#5C6573;max-width:420px;margin:0}.benefit-brand{grid-row:span 2;background:#192027;color:#fff;border-color:#ffffff10}.benefit-brand .benefit-icon{background:#ffffff08;border-color:#ffffff15;color:#93C5FF}.benefit-brand h3{font-size:38px}.benefit-brand p{color:#BCC6D2}.brand-study{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:center;margin-top:30px;padding:10px 5px 16px}.brand-study img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:contain;border-radius:16px;box-shadow:0 15px 30px #0003}.brand-study img:first-child{transform:rotate(-5deg)}.brand-study img:last-child{transform:rotate(5deg)}.brand-study-label{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:9px;letter-spacing:.1em;color:#BAC4D0;margin-top:12px}.swatches{display:flex;gap:5px}.swatches b{width:14px;height:14px;border-radius:50%;background:#C45258}.swatches b:nth-child(2){background:#E4C3AC}.swatches b:nth-child(3){background:#791A2A}.input-visual{display:flex;gap:12px;align-items:center;border:1px solid #E1E6ED;background:#F7F9FC;border-radius:12px;padding:15px;margin-top:26px;font-size:13px;color:#647184}.input-visual>.lucide{width:16px;height:16px;color:#2457D6}.input-ready{margin-left:auto;display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#E4EDDE;color:#3B5938}.input-ready .lucide{width:12px;height:12px}.benefit-meta{display:block;font-size:8px;letter-spacing:.12em;color:#788393;margin-top:12px}.benefit-angles{background:linear-gradient(145deg,#fff,#EEF4FC)}.angle-pills{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.angle-pills span{background:#fff;color:#29496C;border:1px solid #D8E3EF;border-radius:999px;padding:8px 13px;font-size:12px;box-shadow:0 3px 9px #18233405}.final-closing{margin:0;padding:80px 0;background:radial-gradient(ellipse at top right,#D6E8FF,#AFCFFF 60%,#93C5FF);color:#12365C}.final-closing h2{font-size:clamp(38px,4.4vw,62px);max-width:700px}.final-closing p{max-width:540px;line-height:1.6}.final-closing .button{border-radius:999px;min-height:54px;box-shadow:0 8px 24px #12365C22}.checkout-terms{font-size:12px!important;line-height:1.6}#trial-plan-summary{font-size:18px;font-weight:700;color:#1A1D21}#checkout-unavailable{font-size:13px;padding:14px;border-radius:12px;background:#F0F3F7}.checkout-demo{display:flex;align-items:center;gap:8px;font-size:13px;color:#2457D6;margin-top:18px}.checkout-demo .lucide{width:15px}#stripe-checkout{font-size:12px;white-space:normal;width:100%;gap:10px}html[data-theme=light] .examples-section{background:#F4F5F7;color:#1A1D21}html[data-theme=light] .examples-section .section-lede,html[data-theme=light] .example-card figcaption,html[data-theme=light] .examples-foot{color:#596270}html[data-theme=light] .example-card strong{color:#1A1D21}html[data-theme=light] .examples-foot>a{color:#2457D6}@media(max-width:1000px){.comparison-table th,.comparison-table td{padding:19px 16px;font-size:12px}.benefit-tile{padding:26px}.benefit-tile h3{font-size:26px}.benefit-brand h3{font-size:32px}.example-card{flex-basis:235px}}@media(max-width:700px){.benefit-bento{grid-template-columns:1fr;gap:16px}.benefit-brand{grid-row:auto}.benefit-tile{padding:26px;border-radius:24px}.brand-study{max-width:420px;margin-inline:auto}.benefit-brand h3{font-size:34px}.comparison-table{min-width:660px}.comparison-scroll{border-radius:18px}.comparison-note{font-size:11px}.example-card{flex-basis:78%;max-width:310px}.example-rail{gap:16px}.examples-foot{font-size:11px}.final-closing{padding:56px 0}.final-closing .closing-inner{flex-direction:column;align-items:flex-start;gap:26px}.final-closing .button{width:100%}.final-closing p{font-size:16px}.price-card{padding:26px}.proof-inner>p small{max-width:none}.flow-result figcaption strong{font-size:11px}.flow-result figcaption span{font-size:10px}.brand-study-label{font-size:8px}.input-visual{font-size:12px}.benefit-tile p{font-size:15px}}@media(prefers-reduced-motion:reduce){.brand-study img{transform:none}}

.compare-mobile-hint{display:none}@media(max-width:700px){.compare-mobile-hint{display:block;font-size:11px;color:#697382;margin:14px 0 0}}

/* Conversion refinement: one proof strip, one benefits story, shorter decision path. */
:root{--section-space:clamp(64px,6vw,88px)}
.hero{padding-top:36px;padding-bottom:28px}
.hero-copy h1{font-size:clamp(46px,5.5vw,72px);line-height:1.05;margin:20px 0}
.hero-copy .hero-product-promise{font-size:18px;max-width:610px;line-height:1.55;margin-bottom:24px}
.campaign-stage{margin-top:36px}
.trust-strip{padding:12px 0 36px;background:var(--dark);color:#f4f5f7}
.trust-surface{max-width:1080px;margin:auto;display:grid;grid-template-columns:1.1fr 2fr;align-items:center;gap:32px;border:1px solid #ffffff12;border-radius:24px;padding:26px 32px;background:linear-gradient(115deg,#ffffff07,#ffffff02);box-shadow:inset 0 1px 0 #ffffff05}
.trust-intro{display:flex;gap:14px;align-items:center}
.trust-icon{width:42px;height:42px;flex-shrink:0;border-radius:14px;background:#93c5ff12;color:#93c5ff;display:grid;place-items:center}
.trust-icon .lucide{width:20px;height:20px}
.trust-intro p{font-size:14px;line-height:1.5;color:#aeb8c7;margin:0}
.trust-intro strong{color:#edf2f8;font-weight:700}
.trust-metrics{display:grid;grid-template-columns:repeat(3,1fr);margin:0;gap:24px}
.trust-metrics>div{display:flex;flex-direction:column-reverse;border-left:1px solid #ffffff12;padding-left:28px;gap:4px}
.trust-metrics dt{font-size:12px;color:#aeb8c7}
.trust-metrics dd{font-size:clamp(30px,3vw,40px);font-weight:700;line-height:1.1;letter-spacing:-.045em;margin:0}
.trust-metrics dd span{color:#93c5ff}
.trust-caption{text-align:center;font-size:11px;color:#aeb8c7;margin:12px 0 0}
html[data-theme=light] .trust-strip{background:#f4f5f7;color:#1a1d21}
html[data-theme=light] .trust-surface{background:#fff;border-color:#e3e7ed;box-shadow:0 8px 28px #18233405}
html[data-theme=light] .trust-intro p,html[data-theme=light] .trust-metrics dt,html[data-theme=light] .trust-caption{color:#596270}
html[data-theme=light] .trust-intro strong{color:#1a1d21}
html[data-theme=light] .trust-metrics>div{border-color:#e3e7ed}
html[data-theme=light] .trust-icon{background:#edf3ff;color:#2457d6}
html[data-theme=light] .trust-metrics dd span{color:#2457d6}
.section-heading{margin-bottom:32px}
.benefit-tile{padding:28px}
.benefit-tile h3{font-size:28px;margin-top:16px}
.benefit-brand h3{font-size:36px}
.brand-study{max-width:360px;margin:24px auto 0}
.benefit-tile p{font-size:15px;line-height:1.55}
.comparison-table th,.comparison-table td{padding-block:20px}
.comparison-table thead th{padding-block:22px}
.pricing-heading h2{max-width:800px;margin-inline:auto}
.faq-cta-copy{font-size:16px;color:#596270;margin:24px 0 16px}
#questions .button{background:#2457d6;color:#fff;border-radius:999px}
#questions .button:hover{background:#1946b8}
.faq summary{font-size:17px;padding-block:21px}
.footer-top{display:none}
.footer-bottom{margin-top:0;padding-top:0;border-top:0}
@media(max-width:800px){.trust-surface{grid-template-columns:1fr;gap:24px;padding:24px}.trust-intro{justify-content:center}.trust-intro br{display:none}.trust-intro strong{margin-left:4px}.trust-metrics{gap:12px}.trust-metrics>div{padding-left:0;text-align:center}.trust-metrics>div:first-child{border:0}.trust-metrics dd{font-size:34px}}
@media(max-width:650px){.hero{padding-top:24px}.hero-copy h1{font-size:clamp(40px,10.6vw,58px);line-height:1.06}.hero-copy .hero-product-promise{font-size:16px;max-width:360px}.hero-product-promise br{display:none}.campaign-stage{margin-top:26px}.trust-strip{padding:4px 0 26px}.trust-surface{border-radius:20px;padding:22px 16px;gap:20px}.trust-icon{width:32px;height:32px;border-radius:10px}.trust-icon .lucide{width:17px;height:17px}.trust-intro{gap:10px}.trust-intro p{font-size:12px}.trust-metrics dd{font-size:30px}.trust-metrics dt{font-size:11px}.trust-caption{font-size:10px;max-width:280px;margin:12px auto 0}.section-heading{margin-bottom:26px}.benefit-tile{padding:24px}.benefit-brand h3{font-size:32px}.brand-study{max-width:290px}.comparison-table{min-width:600px}.comparison-table th,.comparison-table td{padding:16px;font-size:12px}.faq-layout{gap:28px}.faq summary{font-size:16px}.faq-cta-copy{margin-top:18px}.footer{padding-block:28px}.footer-links{flex-wrap:wrap;row-gap:16px}}

/* Pricing: sell creative output, with simple sets of three. */
.plan-set-count{display:block;font-size:12px;font-weight:400;line-height:1.5;color:#647184;margin-top:4px}.plan-features li:first-child{align-items:flex-start}.plan-features li:first-child>.lucide{margin-top:3px}

/* Light-first polish: shared alignment, quieter framing, readable secondary text. */
html[data-theme=dark]{color-scheme:dark}
.section-heading:has(>div:only-child){grid-template-columns:1fr}
.hero-product-promise strong{display:inline-block}
.price-card{display:flex;flex-direction:column}
.plan-heading{min-height:36px}
.plan-description{min-height:46px;margin:16px 0 20px}
.price-featured .plan-set-count{color:#BEC6D1}
html[data-theme=light] .benefit-brand{background:#fff;color:#1A1D21;border-color:#E3E5E8}
html[data-theme=light] .benefit-brand p{color:#596270}
html[data-theme=light] .benefit-brand .benefit-icon{background:#F1F6FF;color:#2457D6;border-color:#DCE6F3}
html[data-theme=light] .brand-study-label{color:#596270}
.brand-study img{transform:none}
html[data-theme=light] .flow-studio{box-shadow:0 16px 44px #18233418,inset 0 1px 0 #ffffff0c}
html[data-theme=light] .price-featured{background:linear-gradient(155deg,#F4F8FF,#EAF2FF);color:#1A1D21;border:1px solid #B8CEF7;box-shadow:0 12px 32px #2457d610}
html[data-theme=light] .price-featured .plan-description,html[data-theme=light] .price-featured .billing-note,html[data-theme=light] .price-featured .plan-price>span:last-child,html[data-theme=light] .price-featured .plan-set-count{color:#505969}
html[data-theme=light] .price-featured .plan-features{border-color:#CBD9ED}
html[data-theme=light] .price-featured .plan-features li{color:#363B44}
html[data-theme=light] .price-featured .plan-features .lucide{color:#2457D6}
html[data-theme=light] .price-featured .plan-cta{background:linear-gradient(180deg,#376BE5,#2457D6);color:#fff}
html[data-theme=light] .price-featured .plan-cta:hover{background:#1946B8}
html[data-theme=light] .examples-section{background:#fff}
.trust-surface{box-shadow:none}
@media(min-width:701px) and (max-width:1000px){.plan-heading{flex-direction:column;align-items:flex-start;justify-content:flex-start;min-height:66px}.plan-description{min-height:46px}}
@media(max-width:700px){.plan-description{min-height:0}.plan-heading{min-height:36px}.hero-product-promise br{display:block}.section-heading:has(>div:only-child){gap:0}.brand-study-label{font-size:10px}.example-card figcaption{font-size:12px}}

/* Compact brand and quiet proof, directly on the page. */
.header .brand{display:flex;align-items:center;min-height:44px}
.header .brand-logo{width:156px;height:30px}
.experience-line{background:var(--dark);color:#ADB7C5;padding:16px 0 34px;text-align:center}
.experience-context{font-size:12px;line-height:1.5;margin:0 0 12px}
.experience-facts{display:flex;justify-content:center;align-items:baseline;gap:36px;list-style:none;margin:0;padding:0;font-size:14px;line-height:1.5}
.experience-facts li{white-space:nowrap}
.experience-facts strong{font-size:20px;letter-spacing:-.025em;font-weight:700;color:#EDF2F8;margin-right:4px}
html[data-theme=light] .experience-line{background:#F4F5F7;color:#596270}
html[data-theme=light] .experience-facts strong{color:#1A1D21}
@media(max-width:700px){.header .brand-logo{width:126px;height:25px}.experience-line{padding:12px 0 26px}.experience-facts{gap:24px;font-size:12px}.experience-facts strong{font-size:18px}}
@media(max-width:420px){.experience-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.experience-facts li{white-space:normal;font-size:11px}.experience-facts strong{display:block;font-size:21px;margin:0 0 3px}.experience-context{font-size:11px;margin-bottom:14px}}

.hero .experience-line{padding:28px 0 0}.hero .experience-line+.campaign-stage{margin-top:26px}@media(max-width:650px){.hero .experience-line{padding-top:24px}.hero .experience-line+.campaign-stage{margin-top:24px}}

/* Hero: one primary action and one quiet proof sentence. */
.experience-summary{font-size:13px;line-height:1.7;max-width:590px;margin:0 auto;color:#ADB7C5;text-wrap:balance}
.experience-summary strong{font-weight:700;color:#D9E1EC}
html[data-theme=light] .experience-summary{color:#596270}
html[data-theme=light] .experience-summary strong{color:#363B44}
.studio-trial-link{margin-left:auto;display:inline-flex;gap:7px;align-items:center;border:0;background:none;color:#CBD5E2;font-size:12px;min-height:44px;padding:8px 0}
.studio-trial-link .lucide{width:14px;height:14px}
.studio-trial-link:hover{color:#fff}
.hero .experience-line{padding-top:24px}
.hero .experience-line+.campaign-stage{margin-top:32px}

@media(max-width:700px){.header .nav-actions>.trial-trigger{display:none}.hero-actions{gap:0}.experience-summary{font-size:12px;max-width:310px}.hero .experience-line{padding-top:20px}.hero .experience-line+.campaign-stage{margin-top:26px}.header .theme-toggle{box-shadow:none;background:transparent;border-color:transparent}.flow-studio-top{padding-block:10px}.flow-studio-top .flow-logo{width:100px;height:22px}}

/* One product demonstration: lightweight, click-to-play VSL. */
.vsl-player{max-width:1000px;margin:0 auto}
.vsl-player video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#F4F5F7;border:1px solid #dfe4ec;border-radius:24px;box-shadow:0 16px 44px #18233412}
.vsl-player figcaption{text-align:center;font-size:12px;line-height:1.5;color:#AEB8C7;margin-top:14px}
html[data-theme=light] .vsl-player figcaption{color:#596270}
.vsl-player figcaption span{margin-inline:6px}
.vsl-player .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:650px){.vsl-player video{border-radius:16px}.vsl-player figcaption{font-size:11px;margin-top:10px}}

/* Audience pill: consistent padding and independent icon/text layout. */
.hero-copy .icp-pill{display:inline-flex;align-items:center;justify-content:center;gap:8px;max-width:100%;min-height:34px;height:auto;padding:8px 14px;margin:0;line-height:1.4;font-size:12px;border:1px solid #ffffff20;border-radius:999px;background:#ffffff05;box-shadow:none;vertical-align:middle}
html[data-theme=light] .hero-copy .icp-pill{background:#fff;border-color:#E3E5E8;color:#596270;box-shadow:none}
.hero-copy .icp-pill .lucide{display:block;flex:0 0 14px;width:14px;height:14px}
.hero-copy .icp-pill>span{display:block;min-width:0;overflow-wrap:break-word}
@media(max-width:650px){.hero-copy .icp-pill{font-size:11px;padding:8px 12px;gap:7px}}

/* Compact proof strip: three quiet Lucide markers, no enclosing card. */
.trust-mini{display:flex;justify-content:center;align-items:center;gap:30px;list-style:none;margin:0;padding:0;color:#ADB7C5;font-size:12px;line-height:1.5}
.trust-mini li{display:flex;align-items:center;gap:8px;white-space:nowrap}
.trust-mini .lucide{width:16px;height:16px;color:#93C5FF;flex-shrink:0}
.trust-mini strong{font-weight:700;color:#EDF2F8;font-size:14px}
html[data-theme=light] .trust-mini{color:#596270}
html[data-theme=light] .trust-mini strong{color:#1A1D21}
html[data-theme=light] .trust-mini .lucide{color:#647DA6}
@media(max-width:650px){.hero-copy h1{font-size:clamp(30px,8vw,48px);line-height:1.12}.trust-mini{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:380px;margin-inline:auto;font-size:10px}.trust-mini li{flex-direction:column;gap:5px;white-space:normal}.trust-mini strong{font-size:12px}.trust-mini .lucide{width:15px;height:15px}}

/* Bento explains the method; the following gallery owns finished ad examples. */
.positioning-bento{grid-template-columns:1.08fr 1fr;gap:20px}
.product-thinking{grid-row:span 2;display:flex;flex-direction:column}
.product-thinking h3{font-size:34px}
.product-brief{margin-top:28px;display:flex;align-items:center;gap:24px;padding:24px;border:1px solid #E4E9EF;border-radius:20px;background:#F8F9FB;flex:1}
.product-brief-photo{width:128px;flex-shrink:0}
.product-brief-photo img{width:100%;height:auto;aspect-ratio:4/5;object-fit:contain;border-radius:12px}
.product-brief-copy{display:flex;flex-direction:column;gap:10px;min-width:0;color:#596270;font-size:14px}
.product-brief-copy strong{font-size:24px;color:#1A1D21;line-height:1.2;letter-spacing:-.025em}
.brief-label{font-size:10px;letter-spacing:.08em;color:#647184}
.brief-recipe{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:22px;color:#596270;font-size:12px}
.brief-recipe span{display:flex;align-items:center;gap:7px}
.brief-recipe .lucide{width:15px;height:15px;color:#647DA6}
.experience-thinking{background:linear-gradient(140deg,#F4F8FF,#EBF2FF)}
.experience-thinking p strong{color:#2457D6;font-weight:700}
.positioning-bento .angle-pills{margin-top:20px;gap:6px}
.positioning-bento .angle-pills span{font-size:11px;padding:6px 10px;box-shadow:none}
@media(max-width:900px){.product-brief{padding:18px;gap:16px}.product-brief-photo{width:100px}.product-brief-copy strong{font-size:20px}.brief-recipe{font-size:11px;gap:10px}}
@media(max-width:700px){.positioning-bento{grid-template-columns:1fr;gap:16px}.product-thinking{grid-row:auto}.product-thinking h3{font-size:28px}.product-brief{margin-top:22px;gap:20px}.product-brief-photo{width:100px}.product-brief-copy{font-size:13px}.brief-recipe{justify-content:flex-start;gap:16px}.positioning-bento .benefit-tile h3{font-size:28px}}

/* Poster content has separate layout rows; only the play control is a button. */
.vsl-stage{position:relative;container-type:inline-size;aspect-ratio:16/9;border-radius:24px;overflow:hidden;background:#F4F5F7;box-shadow:0 16px 44px #18233412}
.vsl-stage video{border:0;border-radius:0;box-shadow:none}
.vsl-poster{position:absolute;inset:0;display:grid;grid-template-rows:22.037% minmax(0,1fr);width:100%;height:100%;padding:0;overflow:hidden;color:#1A1D21;background:#F4F5F7;text-align:center}
.vsl-poster-heading{position:static;display:block;align-self:end;padding:0 2% 1.5%;margin:0;width:100%;height:auto;font-size:4.4cqw;line-height:1.15;font-weight:700;letter-spacing:-.04em;white-space:normal;color:#1A1D21}
.vsl-poster-heading>span:last-child{color:#2856D9}
.vsl-poster-art{position:static;display:block;width:100%;height:100%;object-fit:contain;min-height:0;margin:0;transform:none}
.vsl-play{position:absolute;bottom:2%;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:9px 15px;border:1px solid #e3e5e8;border-radius:999px;background:#fff;color:#1A1D21;box-shadow:0 2px 14px #18233420;font:inherit;font-size:clamp(12px,1.35cqw,14px);font-weight:700;line-height:1.3;white-space:nowrap;cursor:pointer}
.vsl-play svg{width:14px;height:14px;fill:currentColor}.vsl-play>span{font-weight:400;color:#596270}
.vsl-play:hover{background:#edf3ff}.vsl-play:focus-visible{outline:3px solid #2856D9;outline-offset:3px}
@media(max-width:700px){
 .vsl-stage{border-radius:16px;aspect-ratio:auto}
 .vsl-poster{position:relative;inset:auto;display:block;height:auto;padding:22px 0 24px}
 .vsl-poster-heading{display:block;position:static;float:none;margin:0;padding:0 16px;font-size:clamp(20px,5.6cqw,32px);line-height:1.18;letter-spacing:-.035em}
 .vsl-poster-heading>span{display:block}
 .vsl-poster-art{position:static;float:none;width:92%;height:auto;aspect-ratio:1440/632;max-width:100%;margin:20px auto 10px;transform:none;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 5%,#000 92%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,#000 5%,#000 92%,transparent 100%)}
 .vsl-play{position:static;left:auto;bottom:auto;transform:none;width:max-content;max-width:calc(100% - 32px);min-height:44px;margin:0 auto;padding:10px 16px;gap:7px;font-size:13px}
}

/* Match the VSL's fourth-second night background without recoloring photos. */
.vsl-stage{background:#0E1014}
.vsl-poster{background:radial-gradient(44% 78% at 50% 46%,rgba(18,54,92,.62),rgba(18,54,92,0) 72%),radial-gradient(24% 40% at 78% 20%,rgba(36,87,214,.18),rgba(36,87,214,0) 70%),radial-gradient(24% 42% at 16% 84%,rgba(36,87,214,.14),rgba(36,87,214,0) 70%),#0E1014;color:#fff}
.vsl-poster-heading{color:#fff}.vsl-poster-heading>span:last-child{color:#93C5FF}
.vsl-poster-art{position:relative;aspect-ratio:1920/842;mask-image:none;-webkit-mask-image:none}
.vsl-product{position:absolute;top:4%;left:40.8%;width:18.4%;height:13.5%;padding:1%;display:flex;gap:5%;align-items:center;border:1px solid #ffffff18;border-radius:1.6cqw;background:#262A31;box-shadow:0 4px 15px #0003;color:#fff;text-align:left}
.vsl-product>img{width:24%;height:100%;object-fit:cover;border-radius:.7cqw}
.vsl-product>span{min-width:0;display:flex;flex-direction:column;gap:.2cqw}
.vsl-product small{font-size:1cqw;line-height:1.2;letter-spacing:.08em;color:#BEC6D1}
.vsl-product strong{font-size:1.6cqw;line-height:1.2;white-space:nowrap}
.vsl-ad-row{position:absolute;top:23.75%;left:16.35%;width:67.3%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3.3%}
.vsl-ad{position:relative;aspect-ratio:4/5;border-radius:1.8cqw;overflow:hidden;box-shadow:0 12px 28px #0004}
.vsl-ad>img{display:block;width:100%;height:100%;object-fit:cover}
.vsl-ad-label{position:absolute;left:5%;bottom:4%;display:flex;flex-direction:column;align-items:flex-start;gap:.1cqw;max-width:92%;padding:.8cqw 1cqw;border-radius:.9cqw;background:#fffffff0;color:#1A1D21;text-align:left;line-height:1.2}
.vsl-ad-label strong{font-size:1.45cqw;letter-spacing:-.025em;white-space:nowrap}.vsl-ad-label>span{font-size:1.25cqw;color:#4A5160}
.vsl-play{background:#D6E8FF;border-color:#ffffff30;color:#12365C;box-shadow:0 4px 18px #0003}.vsl-play>span{color:#405976}.vsl-play:hover{background:#fff}
@media(max-width:700px){.vsl-poster-art{position:relative;height:auto;aspect-ratio:1440/632;mask-image:none;-webkit-mask-image:none}.vsl-play{box-shadow:0 4px 18px #0003}}