/* Conversion studio content extends the established AnswerGain visual system. */
:root{--lime:#d6ff2b;--sky:#48bdff;--deep:#071c56}.conversion-site{background:#f6f7f9}.conversion-site section{scroll-margin-top:90px}.conversion-site .eyebrow{font-size:11px;line-height:1.5;letter-spacing:1.8px}.conversion-site .btn{font-size:11px;line-height:1.5;transition:background .2s,transform .2s}.conversion-site .btn:hover{transform:translateY(-2px)}.btn.lime{background:var(--lime);color:#081932;border-color:var(--lime)}.btn.lime:hover{background:white;border-color:white}.btn.outline{color:white;border-color:#c3d4fb}.conversion-site h2{font-size:clamp(40px,5.15vw,78px);line-height:1.01}.conversion-site .section-top{gap:55px;margin:30px 0 55px;align-items:flex-end}.conversion-site .section-top p{font-size:17px;max-width:410px}.conversion-site .section-intro{max-width:650px;margin-top:28px;font-size:18px;color:#66738a}.conversion-site header.collage-header{height:96px;padding:0 3%;background:transparent}.conversion-site header.collage-header.is-scrolled{background:#12308cf5;backdrop-filter:blur(12px)}.conversion-site header.collage-header .brand{width:clamp(270px,23vw,350px)}.conversion-site header.collage-header nav{font-size:11px;gap:28px}.conversion-site header .brand img{transform:translateY(5.5%)}
.conversion-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:1fr 1.15fr;column-gap:2%;padding:155px 4% 0!important;color:white;background:radial-gradient(ellipse at 65% 25%,#1466bb80,transparent 55%),linear-gradient(125deg,#103c90,#061c50 66%,#092d75);overflow:hidden;min-height:850px}.conversion-hero:before{content:'';position:absolute;inset:0;z-index:-1;opacity:.18;background:linear-gradient(90deg,transparent 53%,#328aff30 54%,transparent 55%,transparent 78%,#1da6ff60 79%,transparent 80%)}.hero-content{position:relative;z-index:6;align-self:center;padding-bottom:20px}.hero-content .eyebrow{font-size:clamp(10px,.85vw,14px);letter-spacing:1.5px}.hero-content .eyebrow:before{width:24px;height:2px;border-radius:0;background:var(--lime);flex-shrink:0}.hero-content h1{font-size:clamp(58px,6.4vw,108px);letter-spacing:-.065em;line-height:.95;margin:24px 0}.hero-content h1 span{color:var(--sky)}.hero-content>p{font-size:clamp(16px,1.3vw,21px);line-height:1.55;max-width:570px}.hero-content .hero-actions{margin-top:30px;gap:12px;flex-wrap:wrap}.hero-content .btn{font-size:12px;padding:18px 23px;letter-spacing:.3px}.ecosystem{position:relative;width:100%;min-width:0;aspect-ratio:1.2;align-self:center;margin-top:10px;perspective:1400px}.ecosystem-device{position:absolute;display:block;background:#0e1728;border:5px solid #0e1728;box-shadow:0 20px 40px #0007,0 0 0 1px #b7c9e380;border-radius:10px;overflow:hidden;transition:transform .5s}.ecosystem-device img{width:100%;height:auto;display:block}.eco-fm{width:48%;top:0;left:0;transform:rotate(-5deg);z-index:1}.eco-truck{width:59%;right:-2%;top:10%;transform:rotate(4deg);z-index:2}.eco-hair{width:60%;right:-1%;top:39%;transform:rotate(3deg);z-index:3}.eco-dashboard{width:71%;left:0;bottom:8%;transform:rotate(-4deg);z-index:4}.eco-video{width:18%;right:2%;bottom:0;transform:rotate(7deg);z-index:5}.eco-video span{position:absolute;inset:0;display:grid;place-items:center;font-size:30px;color:white;text-shadow:0 1px 10px #000}.ecosystem-device:hover{transform:translateY(-7px);z-index:10}.ecosystem-label{position:absolute;bottom:0;left:3%;font-size:9px;letter-spacing:1.9px;color:#c1d5f9}.hero-indicators{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:35px;margin:50px 0 35px;border-top:1px solid #ffffff30;padding-top:28px}.hero-indicators>div{position:relative;padding-left:45px}.indicator-icon{position:absolute;left:0;top:0;font-size:27px;color:var(--lime);line-height:1}.hero-indicators h3{font-size:11px;letter-spacing:.6px}.hero-indicators p{font-size:13px;line-height:1.5;color:#bdcdee;margin-top:9px;max-width:240px}.hero-baseline{grid-column:1/-1;display:flex;justify-content:space-between;border-top:1px solid #ffffff25;padding:22px 0;font-size:9px;letter-spacing:1.2px;color:#bacdec}
.after-click{background:#fff}.next-statement{font-size:28px;line-height:1.15;display:block;margin-top:25px;color:var(--blue);letter-spacing:-.8px}.journey{display:flex;align-items:stretch;gap:0;flex-wrap:wrap}.journey span{font-size:10px;line-height:1.5;letter-spacing:.5px;flex:1;position:relative;border-top:1px solid #bcc8de;padding:20px 24px 10px 0;font-weight:bold}.journey span:not(:last-child):after{content:'→';position:absolute;right:10px;color:#4584ca}.after-click>.journey{margin-top:65px}.after-click>.journey span{font-size:12px}.conversion-loop{background:var(--deep);color:white}.conversion-loop h2{margin-top:30px}.lime-dot{color:var(--lime)}.conversion-loop .section-intro{color:#b8cbed}.loop-stages{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin-top:65px}.loop-stages article{padding:0 24px 25px 0;border-bottom:1px solid #6681b5;position:relative}.loop-stages article:not(:last-child):after{content:'→';position:absolute;right:17px;top:15px;color:var(--lime);font-size:23px}.stage-number{font-size:46px;letter-spacing:-3px;color:#7296d3}.loop-stages h3{font-size:15px;margin:28px 0 17px;color:var(--lime)}.loop-stages p{font-size:14px;color:#c8d6ed;max-width:220px}.loop-return{display:flex;align-items:center;justify-content:space-between;margin-top:22px;color:#a5bee5;font-size:10px;letter-spacing:1.2px}.loop-return>span:last-child{font-size:40px;color:var(--lime)}.benchmarks{background:#eff2f7}.benchmarks h2{margin-top:32px}.benchmarks h2>span{color:var(--blue)}.benchmark-label{margin-top:25px;font-size:14px;color:#52627a}.benchmark-major{display:grid;grid-template-columns:repeat(3,1fr);margin:50px 0 38px}.benchmark-major>div{border-left:1px solid #c2cede;padding-left:28px}.benchmark-major strong{font-size:clamp(48px,6.4vw,91px);letter-spacing:-5px;color:var(--blue);font-weight:800;line-height:1.15}.benchmarks sup{font-size:18px;vertical-align:top;position:relative;top:14px;letter-spacing:0}.benchmark-major p{font-size:16px;font-weight:700;line-height:1.5;margin-top:10px}.benchmark-major p span{font-size:13px;font-weight:400;color:#5e6a7c}.benchmark-minor{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #c2cede;border-bottom:1px solid #c2cede;padding:27px 0;gap:25px}.benchmark-minor strong{font-size:42px;letter-spacing:-2px}.benchmark-minor p{font-size:13px;max-width:230px}.source-note{font-size:12px!important;line-height:1.7;color:#69788e;margin-top:23px}.source-note a{text-decoration:underline;text-underline-offset:3px}.conversion-site .services{background:white}.conversion-site .service-row{grid-template-columns:50px 1.1fr 1fr;padding:32px 0;gap:30px}.conversion-site .service-row h3{font-size:clamp(25px,3vw,42px);letter-spacing:-1.4px;line-height:1.05}.conversion-site .service-row p{font-size:16px;max-width:510px}.featured-conversion{background:#f6f7f9}.conversion-case{display:grid;grid-template-columns:.8fr 1.45fr;gap:6%;align-items:center;padding:65px 0;border-bottom:1px solid #d9dee8}.conversion-case.flipped{grid-template-columns:1.45fr .8fr}.conversion-case.flipped .case-narrative{order:2}.conversion-case.flipped .portfolio-frame{order:1}.case-narrative h3{font-size:34px;letter-spacing:-1.4px;margin:25px 0 9px}.case-narrative h4{font-size:15px;line-height:1.5;margin:0 0 20px;font-weight:500;color:var(--blue)}.case-narrative p{font-size:16px;color:#606d81}.client-logo{width:auto;max-width:245px;height:auto;max-height:60px;object-fit:contain;display:block;margin:25px 0 0}.case-narrative .journey{margin:26px 0;gap:8px}.case-narrative .journey span{font-size:9px;flex:initial;max-width:160px;padding:7px 20px 7px 0;border:0}.case-narrative .journey span:after{right:0}.portfolio-frame{display:block;border-radius:9px;background:white;box-shadow:0 20px 45px #1e35521c;border:1px solid #d2d9e3;overflow:hidden;transition:transform .4s;position:relative;min-width:0}.portfolio-frame:hover{transform:translateY(-6px)}.portfolio-frame>img{display:block;width:100%;height:auto}.frame-bar{display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:1px;padding:12px 15px;color:#8996a9;background:#fff}.frame-bar>span:first-child{letter-spacing:3px;font-size:8px;color:#b7c3d4}.frame-link{display:block;font-size:9px;letter-spacing:1px;padding:14px 20px;color:var(--blue);text-align:right}.portrait-work{width:85%;justify-self:center}.creative-support{margin-top:75px}.creative-support h3{font-size:35px;letter-spacing:-1.2px;line-height:1.05}.creative-support .ugc-project{max-width:300px}.creative-support .finished-work{grid-template-columns:1.6fr .7fr}.performance{background:#e8edf7}.performance .section-top{align-items:flex-end}.dashboard-preview{border:1px solid #cad3e5;border-radius:12px;overflow:hidden;display:block;width:100%;padding:0;background:white;box-shadow:0 30px 55px #133b7420}.dashboard-preview>img{width:100%;display:block;height:auto}.dashboard-preview .frame-bar{font-size:10px;padding:15px 20px}.measurement-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-top:50px}.measurement-grid h3{font-size:12px;letter-spacing:1.3px;margin-bottom:17px}.measurement-grid p{font-size:15px;line-height:1.9;color:#4f5e75}.measurement-grid .data-note{font-size:12px;margin-top:17px;color:#6b778d}.conversion-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:40px 50px}.conversion-benefits article{border-top:1px solid #ffffff30;padding-top:22px}.conversion-benefits h3{font-size:13px;letter-spacing:1px;margin-bottom:16px}.conversion-benefits p{font-size:15px;color:#aabbd7}.assessment-invitation{display:grid;grid-template-columns:1.2fr .8fr;gap:8%;background:#f4f3ea;align-items:center}.assessment-invitation h2{margin:30px 0}.assessment-invitation p{font-size:17px;max-width:600px}.assessment-invitation .btn{margin-top:30px}.assessment-invitation .assessment-scope{font-size:12px;color:#6a7181;margin-top:20px}.assessment-path{border-left:1px solid #bbc4cc;padding-left:13%;display:flex;flex-direction:column;gap:22px}.assessment-path>span{font-size:15px;letter-spacing:1px}.assessment-path>i{font-style:normal;font-size:28px;color:var(--blue)}.assessment-path>strong{font-size:clamp(33px,3.7vw,56px);letter-spacing:-2px;color:var(--blue);line-height:1.05}.assessment-path>p{font-size:14px;color:#697384;margin-top:10px;max-width:320px}.fit-section{background:white}.fit-section h2{margin-top:30px}.fit-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px 70px;margin-top:50px}.fit-grid article{border-top:1px solid #ccd4e2;padding-top:25px}.fit-grid h3{font-size:15px;margin-bottom:15px}.fit-grid p{font-size:16px;color:#67748a;max-width:520px}.conversion-site #process h2{margin-top:30px}.conversion-site .steps{grid-template-columns:repeat(5,1fr);gap:25px;margin-bottom:0}.conversion-site .step{display:block}.conversion-site .step h3{font-size:13px;margin-top:25px}.conversion-site .step p{font-size:14px}.engagements{background:white}.pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid #cbd5e3}.pricing-grid article{padding:45px}.pricing-grid article+article{border-left:1px solid #cbd5e3;background:#f0f4fa}.pricing-grid h3{font-size:33px;letter-spacing:-1.3px;line-height:1.1;margin:22px 0}.price{font-size:46px;letter-spacing:-2px;margin:28px 0}.price>span{display:block;font-size:12px;letter-spacing:.3px;margin-bottom:5px}.price>small{font-size:20px;letter-spacing:-.5px}.pricing-grid article>p{font-size:15px}.pricing-grid ul{padding-left:18px;font-size:15px;line-height:2;margin:22px 0}.pricing-grid .btn{margin-top:28px}.conversion-site .contact h2{margin-top:32px}.conversion-site .contact>div>p{font-size:17px;max-width:460px}.conversion-site .contact>div>.btn{margin-top:28px}.conversion-site .contact label,.conversion-site legend{font-size:13px}.conversion-site footer .brand img{filter:url(#ag-header-logo-alpha)}.conversion-site footer p{font-size:12px}.conversion-site dialog.image-dialog{max-width:1450px;width:96%;padding:20px}.image-dialog .close{position:sticky;top:0;background:white;padding:4px 10px;z-index:2}.conversion-site #modal-content{clear:both}
@media(min-width:1600px){.conversion-hero{min-height:930px}.ecosystem{max-width:900px}.hero-content{max-width:740px}}
@media(max-width:1100px){.conversion-site header.collage-header nav{gap:19px}.conversion-hero{padding-top:135px!important;min-height:760px}.hero-content h1{font-size:67px}.hero-content .hero-actions{gap:10px}.hero-content .btn{padding:16px;font-size:10px}.ecosystem{aspect-ratio:1.04}.hero-indicators{gap:20px}.hero-indicators>div{padding-left:0}.indicator-icon{position:static;display:block;margin-bottom:13px}.loop-stages article{padding-right:18px}.loop-stages h3{font-size:12px}.conversion-case{gap:4%;grid-template-columns:.9fr 1.25fr}.conversion-case.flipped{grid-template-columns:1.25fr .9fr}.case-narrative h3{font-size:27px}.case-narrative .btn{font-size:10px;padding:15px}.conversion-site .steps{gap:18px}.pricing-grid article{padding:30px}}
@media(max-width:750px){.conversion-site header.collage-header{height:88px;padding:0 5%}.conversion-site header.collage-header .brand{width:265px}.conversion-site header.collage-header nav{top:88px;gap:24px}.conversion-hero{grid-template-columns:1fr;padding:126px 6% 0!important;min-height:0}.hero-content h1{font-size:clamp(55px,10.8vw,82px);margin:23px 0}.hero-content>p{font-size:17px;max-width:570px}.hero-content .eyebrow{font-size:9px;letter-spacing:.9px;gap:8px}.hero-content .eyebrow:before{width:16px}.hero-content .hero-actions{margin-top:25px}.hero-content .btn{font-size:10px;padding:16px 18px}.ecosystem{margin:20px 0 0;aspect-ratio:1.18;max-width:640px;justify-self:center}.ecosystem-device{border-width:3px;border-radius:7px}.eco-fm{width:45%}.eco-truck{width:59%;top:10%;right:0}.eco-hair{width:59%;right:0;top:37%}.eco-dashboard{width:73%;bottom:7%}.eco-video{width:18%;bottom:0}.ecosystem-label{font-size:7px;letter-spacing:1px}.hero-indicators{grid-template-columns:1fr 1fr;margin-top:37px;gap:28px 25px}.hero-indicators h3{font-size:10px;line-height:1.5}.hero-indicators p{font-size:12px}.hero-baseline{font-size:8px;line-height:1.6;gap:20px}.hero-baseline span{max-width:140px}.hero-baseline a{max-width:125px;text-align:right}.conversion-site h2{font-size:clamp(37px,8.2vw,58px)}.conversion-site .eyebrow{font-size:9px;letter-spacing:1.3px}.conversion-site .section-top{margin:28px 0 35px}.conversion-site .section-top p{font-size:16px;margin-top:25px}.next-statement{font-size:26px}.after-click>.journey{flex-direction:column;margin-top:35px}.after-click>.journey span{padding:18px 0;font-size:12px}.after-click>.journey span:after{content:'↓';right:0}.loop-stages{grid-template-columns:1fr;margin-top:38px}.loop-stages article{display:grid;grid-template-columns:50px 1fr;gap:5px 20px;padding:20px 0}.loop-stages article:after{display:none}.stage-number{font-size:35px;grid-row:1/3}.loop-stages h3{font-size:14px;margin:0}.loop-stages p{font-size:14px;max-width:none}.loop-return{font-size:8px;gap:20px}.benchmark-major{grid-template-columns:1fr;gap:25px;margin-top:35px}.benchmark-major>div{display:flex;align-items:center;gap:25px;padding-left:20px}.benchmark-major strong{font-size:58px;letter-spacing:-3px;min-width:170px}.benchmark-major p{font-size:14px;margin:0}.benchmark-major p span{font-size:12px}.benchmark-minor{grid-template-columns:1fr 1fr;gap:25px}.benchmark-minor strong{font-size:37px}.benchmark-minor p{font-size:12px}.conversion-site .service-row{grid-template-columns:25px 1fr;gap:15px}.conversion-site .service-row>div:last-child{grid-column:2}.conversion-site .service-row h3{font-size:28px}.conversion-site .service-row p{font-size:15px}.conversion-case,.conversion-case.flipped{grid-template-columns:1fr;padding:40px 0;gap:28px}.conversion-case.flipped .case-narrative,.conversion-case.flipped .portfolio-frame{order:initial}.case-narrative h3{font-size:31px}.case-narrative p{font-size:15px}.case-narrative .journey{margin:20px 0}.portrait-work{width:100%;max-width:520px}.portfolio-frame{width:100%}.frame-bar{font-size:7px}.creative-support{margin-top:48px}.creative-support h3{font-size:29px}.creative-support .finished-work{grid-template-columns:1fr}.creative-support .ugc-project{max-width:320px}.measurement-grid{grid-template-columns:1fr;gap:28px;margin-top:32px}.dashboard-preview .frame-bar{font-size:7px;padding:12px 8px}.performance .source-note{font-size:11px!important}.conversion-benefits{grid-template-columns:1fr;gap:26px}.conversion-benefits p{max-width:480px}.assessment-invitation{grid-template-columns:1fr;gap:40px}.assessment-invitation p{font-size:16px}.assessment-invitation .btn{font-size:10px;padding:17px}.assessment-path{padding-left:25px;gap:14px}.assessment-path>strong{font-size:39px}.fit-grid{grid-template-columns:1fr;gap:28px;margin-top:35px}.fit-grid p{font-size:15px}.conversion-site .steps{grid-template-columns:1fr;margin-top:35px}.conversion-site .step{display:grid;grid-template-columns:40px 1fr;gap:25px}.conversion-site .step h3{margin:0}.conversion-site .step p{max-width:430px}.pricing-grid{grid-template-columns:1fr}.pricing-grid article{padding:28px}.pricing-grid article+article{border-left:0;border-top:1px solid #cbd5e3}.pricing-grid h3{font-size:29px}.pricing-grid .btn{font-size:10px;padding:16px}.conversion-site .contact h2{font-size:47px}.conversion-site footer .brand{width:320px}.conversion-site .contact .btn{font-size:10px;padding:17px}.conversion-site .contact label,.conversion-site .checks label{font-size:13px}.conversion-site dialog.image-dialog{padding:10px;max-height:90vh}}
@media(max-width:380px){.conversion-site header.collage-header .brand{width:235px}.hero-content h1{font-size:51px}.hero-content .btn{padding:15px 13px;font-size:9px}.benchmark-major strong{font-size:49px;min-width:140px}.benchmark-major>div{gap:15px}.conversion-site .contact h2{font-size:42px}}
@media(prefers-reduced-motion:reduce){.ecosystem-device,.portfolio-frame,.conversion-site .btn{transform:none!important;transition:none!important}}
/* Reserve stable image geometry and keep the intended headline lines. */
.eco-fm{aspect-ratio:1295/1215}.eco-truck{aspect-ratio:1888/926}.eco-hair{aspect-ratio:1869/945}.eco-dashboard{aspect-ratio:1889/990}.eco-video{aspect-ratio:9/16}
@media(min-width:751px){.hero-content h1{font-size:clamp(49px,5.35vw,91px)}.performance h2{font-size:clamp(40px,4.25vw,66px)}}