/* John Tredennick: 24 October 2026 revisions. Scoped additions follow shared formatting. */

/* Designer handoff: all copy is HTML. The photograph is embedded for portability.
   Copy the .meet-merlin section and these scoped styles into your page.
   Replace the img src with your production asset URL when integrating.
   Roboto is used where installed; no external font or script is required. */
.meet-merlin{--ink:#101820;--body:#46576f;--accent:#1754d1;--surface:#edf5fc;box-sizing:border-box;background:var(--surface);color:var(--ink);font-family:Roboto,Arial,sans-serif;overflow:hidden}
.meet-merlin *{box-sizing:border-box}
.meet-merlin__inner{width:min(1440px,100%);margin-inline:auto;padding:64px 64px 58px;display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,1fr);gap:64px;align-items:stretch}
.meet-merlin__eyebrow{margin:0 0 18px;font-size:12px;font-weight:700;letter-spacing:2.6px;line-height:1.4;text-transform:uppercase;color:var(--accent)}
.meet-merlin h2{font-size:clamp(36px,3.75vw,56px);font-weight:800;line-height:1.04;letter-spacing:-1.8px;margin:0 0 30px;max-width:700px;text-wrap:balance}
.meet-merlin__copy p:not(.meet-merlin__eyebrow){font-size:18px;line-height:1.55;color:var(--body);margin:0 0 23px;max-width:690px}
.meet-merlin__copy strong{color:#1b2736;font-weight:700}
.meet-merlin__copy .meet-merlin__close{font-size:19px!important;line-height:1.45!important;color:#1b2736!important;font-weight:700;margin-top:29px!important;margin-bottom:0!important}
.meet-merlin__aside{display:flex;flex-direction:column;justify-content:flex-end;min-width:0;padding-top:120px}
.meet-merlin__statement{position:relative;align-self:flex-end;border-left:2px solid #5d89dc;padding:8px 0 8px 27px;margin:0 0 37px 24px;color:#465d80;font-size:22px;line-height:1.45;font-weight:500}
.meet-merlin__statement:before,.meet-merlin__statement:after{content:"";position:absolute;left:0;width:15px;border-top:2px solid #5d89dc}
.meet-merlin__statement:before{top:0}.meet-merlin__statement:after{bottom:0}
.meet-merlin__statement p{margin:0 0 16px}.meet-merlin__statement p:last-child{margin-bottom:0}
.meet-merlin__photo{margin:0 -34px -20px -16px;position:relative}
.meet-merlin__photo img{display:block;width:100%;height:auto;aspect-ratio:2.23;object-fit:cover;border-radius:3px;mix-blend-mode:multiply}
.meet-merlin__photo:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to right,var(--surface),transparent 14%),linear-gradient(to top,var(--surface),transparent 16%)}
@media(min-width:1600px){.meet-merlin__inner{padding:70px 60px}.meet-merlin h2{font-size:57px}.meet-merlin__copy p:not(.meet-merlin__eyebrow){font-size:19px}}
@media(max-width:1050px){.meet-merlin__inner{padding:48px 38px;gap:40px;grid-template-columns:1.15fr 1fr}.meet-merlin h2{font-size:40px;letter-spacing:-1.4px}.meet-merlin__copy p:not(.meet-merlin__eyebrow){font-size:17px}.meet-merlin__statement{font-size:19px;padding-left:20px;margin-left:0}.meet-merlin__photo{margin-right:-22px}}
@media(max-width:760px){.meet-merlin__inner{grid-template-columns:1fr;padding:36px 23px 28px;gap:32px}.meet-merlin h2{font-size:clamp(35px,7vw,48px);max-width:620px;line-height:1.08;letter-spacing:-1.2px;margin-bottom:25px}.meet-merlin__copy p:not(.meet-merlin__eyebrow){font-size:17px;line-height:1.55;max-width:none}.meet-merlin__aside{padding-top:0}.meet-merlin__statement{align-self:flex-start;font-size:20px;margin:0 0 25px 0;padding-left:22px}.meet-merlin__statement p{margin-bottom:9px}.meet-merlin__photo{margin:0 -12px}.meet-merlin__photo img{aspect-ratio:2.1}.meet-merlin__copy .meet-merlin__close{font-size:18px!important}}
@media print{.meet-merlin__inner{padding:30px;gap:32px}.meet-merlin{print-color-adjust:exact}}


/* DESIGNER HANDOFF
   Standalone, responsive section; no JavaScript or dependencies.
   All marketing copy, categories, links and the Bosch proof point are HTML.
   Logos and three independent illustrations are embedded so the file travels intact.
   In production, replace each img src with the corresponding hosted asset URL.
   Copy section.merlin-ways and its scoped styles into your layout.
   Font stack uses Roboto when provided by the site's design system.
*/
.merlin-ways{--ink:#0b1235;--body:#273557;--blue:#0065ff;--teal:#139d9b;--surface:#eef6fd;color:var(--ink);background:var(--surface);font-family:Roboto,Arial,sans-serif;box-sizing:border-box}
.merlin-ways *{box-sizing:border-box}
.merlin-ways__inner{max-width:1480px;margin:0 auto;padding:34px 34px 28px}
.merlin-ways__header{padding:0 28px;margin-bottom:32px}
.merlin-ways__eyebrow{display:flex;align-items:center;gap:18px;color:var(--blue);font-size:13px;line-height:1.5;letter-spacing:1.65px;font-weight:700;text-transform:uppercase;margin:0 0 14px}
.merlin-ways__eyebrow:after{content:"";display:block;width:50px;border-top:2px solid var(--blue)}
.merlin-ways h2{font-size:clamp(34px,3.65vw,52px);line-height:1.08;letter-spacing:-1.6px;margin:0 0 16px;font-weight:800}
.merlin-ways__intro{font-size:20px;line-height:1.5;max-width:960px;margin:0;color:var(--body)}
.merlin-ways__bands{display:grid;gap:18px}
.merlin-way{display:grid;grid-template-columns:22% 29% minmax(0,1fr);position:relative;align-items:center;min-height:282px;border:1px solid #d3e4fa;border-radius:12px;background:#fff;overflow:hidden}
.merlin-way__brand{align-self:stretch;display:flex;flex-direction:column;padding:20px 22px;min-width:0}
.merlin-way__tag{color:var(--blue);background:#dfedff;border-radius:4px;padding:5px 13px;font-size:12px;line-height:1.4;font-weight:700;letter-spacing:1.3px;text-transform:uppercase;align-self:flex-start}
.merlin-way__logo{margin:auto 0;display:flex;align-items:center;min-height:130px}
.merlin-way__logo img{display:block;width:100%;height:auto;max-width:260px;object-fit:contain}
.merlin-way__copy{padding:28px 18px 26px 16px;min-width:0;position:relative;z-index:1}
.merlin-way h3{font-size:26px;line-height:1.16;letter-spacing:-.7px;font-weight:700;margin:0 0 17px}
.merlin-way__description{font-size:17px;line-height:1.55;color:var(--body);margin:0 0 18px}
.merlin-way__link{display:inline-flex;align-items:center;gap:16px;color:var(--blue);font-size:17px;line-height:1.4;font-weight:700;text-decoration:none}
.merlin-way__link span{font-size:25px;font-weight:400;line-height:1}
.merlin-way__link:hover{text-decoration:underline}
.merlin-way__link:focus-visible{outline:3px solid var(--blue);outline-offset:5px;border-radius:2px}
.merlin-way__visual{align-self:center;margin:0;padding:0 8px 0 0;min-width:0}
.merlin-way__visual img{display:block;width:100%;height:auto;object-fit:contain;mix-blend-mode:multiply}
.merlin-way__proof{display:flex;align-items:baseline;justify-content:flex-end;flex-wrap:wrap;column-gap:7px;margin:0;padding:0 12px 10px;color:var(--ink);font-size:13px;font-weight:700;line-height:1.2;text-align:right}
.merlin-way__proof strong{font-size:27px;line-height:1;color:var(--teal);letter-spacing:-1px}
.merlin-way__proof small{display:block;flex-basis:100%;margin-top:5px;font-size:10px;font-weight:400;letter-spacing:0}
@media(min-width:1450px){.merlin-way{min-height:300px}.merlin-way h3{font-size:28px}.merlin-way__description{font-size:18px}}
@media(max-width:1100px){.merlin-ways__inner{padding:30px 24px}.merlin-ways__header{padding:0 10px}.merlin-way{grid-template-columns:21% 34% minmax(0,1fr);min-height:265px}.merlin-way__brand{padding:18px 15px}.merlin-way h3{font-size:23px}.merlin-way__description{font-size:16px;line-height:1.45}.merlin-way__link{font-size:15px;gap:8px}.merlin-way__copy{padding:24px 12px}.merlin-way__proof{font-size:11px}.merlin-way__proof strong{font-size:24px}}
@media(max-width:850px){.merlin-way{grid-template-columns:26% 1fr;align-items:start}.merlin-way__brand{grid-row:1;min-height:230px}.merlin-way__copy{padding:25px 25px 10px 15px}.merlin-way__visual{grid-column:2;margin:0;padding:0 18px 15px 5px}.merlin-way__visual img{max-height:240px;object-fit:contain}.merlin-way__proof{font-size:13px}.merlin-way__logo{min-height:100px}.merlin-way__description{font-size:17px}.merlin-way h3{font-size:26px}}
@media(max-width:580px){.merlin-ways__inner{padding:28px 17px}.merlin-ways__header{padding:0;margin-bottom:25px}.merlin-ways__eyebrow{font-size:10px;letter-spacing:1.3px;gap:12px}.merlin-ways__eyebrow:after{width:30px}.merlin-ways h2{font-size:36px;letter-spacing:-1.2px;max-width:390px}.merlin-ways__intro{font-size:17px;line-height:1.5}.merlin-way{display:flex;flex-direction:column;padding:20px 18px 14px;gap:18px}.merlin-way__brand{align-self:stretch;flex-direction:row;align-items:center;justify-content:space-between;padding:0;min-height:0;gap:15px}.merlin-way__tag{align-self:center;font-size:10px;padding:5px 9px}.merlin-way__logo{min-height:0;margin:0;width:155px;max-width:56%;height:56px}.merlin-way__logo img{max-height:56px;object-fit:contain;object-position:right center}.merlin-way__copy{padding:0}.merlin-way h3{font-size:25px;margin-bottom:13px;letter-spacing:-.6px}.merlin-way__description{font-size:16px;line-height:1.5;margin-bottom:15px}.merlin-way__link{font-size:16px}.merlin-way__visual{padding:0;align-self:stretch}.merlin-way__visual img{max-height:none}.merlin-way__proof{padding:8px 0 0}.merlin-ways__bands{gap:16px}}
@media print{.merlin-ways{print-color-adjust:exact}.merlin-way{break-inside:avoid}.merlin-ways__inner{padding:20px}}


/* DESIGNER HANDOFF
   Copy section.merlin-resources and its scoped CSS into the home page.
   All headings, descriptions, category labels and links are editable HTML.
   Each card has an independent embedded image; replace src with a hosted asset when integrating.
   Roboto inherits the site's font setup, with Arial as an offline fallback.
   The webinar link opens the current Merlin programs/news archive. Replace that href with
   the specific recording or registration URL when it is available.
   No JavaScript, carousel, external assets or build step is required.
*/
.merlin-resources{--ink:#0b1a36;--body:#4e6080;--blue:#0065ff;--line:#d4e3f5;position:relative;isolation:isolate;background:#f1f6fa;color:var(--ink);font-family:Roboto,Arial,sans-serif;box-sizing:border-box;overflow:hidden}
.merlin-resources *{box-sizing:border-box}
.merlin-resources__backdrop{position:absolute;inset:0 0 0 auto;width:38%;z-index:-1;background-image:linear-gradient(to right,#f1f6fa,rgba(241,246,250,.22) 85%),url('../revisions/resources-1.jpg');background-size:100% 100%,100% 100%;opacity:.62;pointer-events:none}
.merlin-resources__inner{max-width:1460px;margin:0 auto;padding:44px 54px 66px}
.merlin-resources__header{margin-bottom:30px}
.merlin-resources__eyebrow{display:flex;gap:14px;align-items:center;margin:0 0 18px;font-size:12px;line-height:1.5;font-weight:700;letter-spacing:1.8px;text-transform:uppercase;color:var(--blue)}
.merlin-resources__eyebrow:after{content:"";display:block;width:42px;border-top:2px solid var(--blue)}
.merlin-resources h2{font-size:clamp(34px,3.55vw,51px);line-height:1.12;letter-spacing:-1.6px;font-weight:800;margin:0 0 23px;text-wrap:balance}
.merlin-resources__intro{font-size:17px;line-height:1.5;color:#2e4263;margin:0;max-width:970px}
.merlin-resources__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch;max-width:1308px}
.merlin-resource{background:rgba(255,255,255,.97);border:1px solid var(--line);border-radius:10px;overflow:hidden;display:flex;flex-direction:column;min-width:0;box-shadow:0 6px 20px #32496904}
.merlin-resource__image{display:block;width:100%;height:auto;aspect-ratio:1.86;object-fit:cover;border-bottom:1px solid #e6edf5}
.merlin-resource__content{padding:25px 23px 28px;display:flex;flex-direction:column;flex:1;align-items:flex-start}
.merlin-resource__type{font-size:10px;font-weight:700;line-height:1.5;letter-spacing:1.7px;text-transform:uppercase;color:#5b769e;margin:0 0 12px}
.merlin-resource h3{font-size:25px;line-height:1.1;letter-spacing:-.75px;font-weight:700;margin:0 0 16px}
.merlin-resource__description{font-size:14px;line-height:1.5;color:var(--body);margin:0 0 23px}
.merlin-resource__link{display:inline-flex;align-items:center;gap:10px;margin-top:auto;color:var(--blue);font-weight:700;font-size:15px;line-height:1.4;text-decoration:none;min-height:30px}
.merlin-resource__link span{font-size:24px;line-height:1;font-weight:400}
.merlin-resource__link:hover{text-decoration:underline}
.merlin-resource__link:focus-visible{outline:3px solid var(--blue);outline-offset:5px;border-radius:2px}
@media(min-width:1500px){.merlin-resources__inner{padding-top:48px;padding-bottom:76px}.merlin-resource__content{min-height:215px}.merlin-resource h3{font-size:27px}.merlin-resource__description{font-size:15px}}
@media(max-width:1000px){.merlin-resources__inner{padding:35px 30px 48px}.merlin-resources h2{font-size:39px;letter-spacing:-1.2px}.merlin-resources__grid{gap:14px}.merlin-resource__content{padding:22px 17px}.merlin-resource h3{font-size:22px}.merlin-resource__description{font-size:14px}}
@media(max-width:700px){.merlin-resources__inner{padding:30px 21px 37px}.merlin-resources__header{margin-bottom:25px}.merlin-resources__eyebrow{font-size:10px;letter-spacing:1.5px;margin-bottom:16px}.merlin-resources__eyebrow:after{width:30px}.merlin-resources h2{font-size:36px;line-height:1.1;max-width:510px;margin-bottom:18px}.merlin-resources__intro{font-size:17px}.merlin-resources__grid{grid-template-columns:1fr;gap:21px;max-width:540px}.merlin-resource__image{aspect-ratio:1.86}.merlin-resource__content{padding:24px 22px}.merlin-resource h3{font-size:27px;max-width:430px}.merlin-resource__description{font-size:16px}.merlin-resource__type{font-size:11px}.merlin-resource__link{font-size:16px;min-height:38px}.merlin-resources__backdrop{width:65%;opacity:.25}}
@media print{.merlin-resources{print-color-adjust:exact}.merlin-resource{break-inside:avoid}.merlin-resources__inner{padding:25px}}

/* The original section IDs are stable anchors even after reordering. */
body #section-02 .meet-merlin{background:var(--section-bg,#edf5fc)}
body #section-06 .merlin-ways{background:var(--section-bg,#fff)}
body #section-12 .merlin-resources{background:var(--section-bg,#edf5fc)}
body .merlin-ways__header{padding:0;margin-bottom:40px}
body .merlin-way h3{font-size:24px;line-height:1.2;letter-spacing:-.03em;margin:0 0 16px}
body .merlin-resource h3{font-size:24px;line-height:1.2;letter-spacing:-.03em;margin:0 0 16px}
body .merlin-resource__description{font-size:16px;line-height:1.55}
body .merlin-ways__inner,body .meet-merlin__inner,body .merlin-resources__inner{width:100%}
body .meet-merlin__inner{gap:48px;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr)}
body .meet-merlin__aside{padding-top:90px;justify-content:center}
body .meet-merlin__photo{margin:0;overflow:hidden}
body .meet-merlin__photo img{aspect-ratio:743/333;object-fit:contain;mix-blend-mode:normal}
body .meet-merlin__statement{font-size:21px;margin-bottom:32px}
body .merlin-resources__backdrop{background-size:cover}
body #section-03 .content{padding-top:0!important;padding-bottom:0!important}
body #section-03 .features{margin-top:28px}
/* Updated comparison uses real text and normal flow at every viewport. */
.rev-comparison{color:#0b1534}
body main .rev-comparison .m-heading{max-width:1200px!important}
.rev-comparison .m-heading span{display:block;color:#0065ff}
body main .rev-comparison-intro{max-width:1150px!important;margin-bottom:28px!important}
.rev-question{font-size:28px;line-height:1.25;text-align:center;margin:30px 0 24px;letter-spacing:-.03em}
.rev-comparison-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.rev-result-panel{padding:26px;background:#fff;border:1px solid #dfebf8;border-radius:12px;display:flex;flex-direction:column;min-width:0}
.rev-result-panel--alchemy{border-top:2px solid #10b9c3}
.rev-label{margin:0 0 10px;color:#566d90;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em}
.rev-result-panel--alchemy>.rev-label{color:#0065ff}
.rev-result-panel>h3{font-size:24px;line-height:1.2;letter-spacing:-.03em;margin:0 0 18px}
.rev-search{display:flex;align-items:center;gap:12px;padding:5px 5px 5px 12px;border:1px solid #d4e2f4;border-radius:6px;font-size:14px;box-shadow:0 3px 10px #153e7010}
.rev-search-label{margin-left:auto;padding:10px 16px;color:#fff;background:#0065ff;border-radius:4px}
.rev-hits{padding:0 0 0 24px;margin:8px 0 0;color:#536782;flex:1}
.rev-hits li{padding:12px 0 12px 10px;border-bottom:1px solid #dbe5f1}
.rev-hit-title{display:flex;justify-content:space-between;gap:12px;align-items:start}
.rev-hit-title strong{color:#0065ff;font-size:14px;font-weight:600}
.rev-hit-title time{font-size:11px;white-space:nowrap}
.rev-hit-meta{font-size:12px;margin:4px 0}
.rev-hit-excerpt{font-size:13px;line-height:1.4;background:#f4f7fb;padding:8px;margin:0;border-radius:4px}
.rev-hit-excerpt mark{background:#fff0b0;color:inherit}
.rev-answer{padding:16px;border:1px solid #d6e4fa;border-radius:9px;font-size:15px;line-height:1.45;flex:1}
.rev-answer h4{font-size:17px;margin:0 0 12px;line-height:1.3}
.rev-answer h4>span{color:#0065ff;margin-right:8px}
.rev-answer>p{margin:10px 0}
.rev-muted{color:#536782;font-size:14px}
.rev-citations{color:#0065ff;font-size:12px;white-space:nowrap}
.rev-answer .rev-divider{border-top:1px solid #dbe5f1;padding-top:14px;margin-top:16px;font-size:14px}
.rev-timeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;padding:12px 0 0;margin:0;gap:8px;font-size:12px;text-align:center}
.rev-timeline li{position:relative;padding-top:20px}
.rev-timeline li:before{content:'';position:absolute;top:0;left:0;right:-8px;height:2px;background:#16bbce}
.rev-timeline li:after{content:'';position:absolute;top:-5px;left:calc(50% - 6px);width:12px;height:12px;border-radius:50%;background:#0065ff;box-shadow:0 0 0 4px #deecff}
.rev-timeline strong,.rev-timeline time{display:block;margin-bottom:4px;font-weight:400}
.rev-timeline time{color:#536782}
.rev-sources{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.rev-sources>div{border:1px solid #dbe7f7;border-radius:6px;padding:10px;font-size:12px;line-height:1.4;min-width:0}
.rev-sources strong{font-size:11px;color:#0065ff;font-weight:500}
.rev-sources small{display:block;font-size:10px;color:#536782;margin:4px 0}
.rev-sources p{margin:8px 0;color:#536782}
.rev-output{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px;font-size:13px;line-height:1.4}
.rev-output>div+div{padding-left:18px;border-left:1px solid #ceddf1}
.rev-output p{margin:4px 0 0;color:#536782}
.rev-comparison-close{border-top:1px solid #cbdcf1;padding-top:20px;margin:24px 0 0;font-size:27px;font-weight:700;text-align:center;line-height:1.25;letter-spacing:-.03em}
.rev-comparison-close span{color:#0065ff}
/* Alchemy hero: maintain a clear copy column beside the original laptop artwork. */
body #alchemy-section-01 .alchemy-hero{min-height:700px!important}
body #alchemy-section-01 .hero-copy{width:44%!important;padding:64px 32px 64px max(var(--page-gutter),calc((100% - var(--content-width))/2))!important}
body #alchemy-section-01 .brand-eyebrow .product-logo{width:210px}
body #alchemy-section-01 .lead{font-size:22px!important;font-weight:700!important;line-height:1.3!important;margin:0 0 8px}
body #alchemy-section-01 .reach,body #alchemy-section-01 .description{font-size:17px!important;line-height:1.45!important}
body #alchemy-section-01 .actions{gap:12px;flex-wrap:wrap}
body #alchemy-section-01 .actions .m-button{padding:14px 16px!important;font-size:14px!important;gap:12px!important}
body #alchemy-section-01 .alchemy-hero:after{display:block!important;background:linear-gradient(90deg,rgba(255,255,255,.12) 0%,rgba(255,255,255,.2) 30%,rgba(255,255,255,.93) 38%,rgba(255,255,255,.7) 42%,transparent 47%)}
/* A question-led example, reconstructed from John's supplied reference. */
body #alchemy-section-02 .question-layout{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:40px}
body #alchemy-section-02 .closing{margin:24px 0!important;font-weight:700!important}
.rev-text-link{color:#005bff;text-decoration:none;font-size:16px;border-bottom:1px solid #92b9ef;padding-bottom:6px;display:inline-block}
.rev-question-demo{background:#fff;padding:22px;border:1px solid #dce9fa;border-radius:14px;box-shadow:0 12px 34px #005aaa14;min-width:0}
.rev-demo-top{display:flex;align-items:center;gap:20px;font-size:11px;color:#7184a0;margin-bottom:20px}
.rev-demo-top strong{font-size:15px;color:#0b1534}
.rev-demo-top strong span{color:#06a8d5;font-size:23px;vertical-align:middle}
.rev-demo-avatar{margin-left:auto;border-radius:50%;background:#e4f0ff;color:#005bff;padding:9px}
.rev-demo-ask{display:flex;align-items:center;gap:12px;padding:5px 5px 5px 12px;border:1px solid #b7d2ff;border-radius:8px;background:#fbfdff}
.rev-demo-ask input{width:100%;min-width:0;flex:1;border:0;background:transparent;font-size:13px;padding:9px 0;color:#183453}
.rev-demo-ask button{flex:0 0 36px;height:36px;border:0;border-radius:6px;background:#0065ff;color:#fff;font-size:24px;cursor:pointer}
.rev-demo-chips{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
body #alchemy-section-02 .rev-demo-chips .chip{font-size:11px;background:#eff5ff;border:1px solid #dce8ff;color:#174881;padding:6px 9px;line-height:1.4}
.rev-demo-body{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:20px;border:1px solid #e5edfa;border-radius:8px;padding:16px}
.rev-demo-body h3{font-size:12px;line-height:1.4;margin:0 0 12px;color:#0b1534}
.rev-demo-findings p{font-size:12px;line-height:1.5;color:#425c7d;margin:0 0 10px}
.rev-demo-findings>h3:not(:first-child){border-top:1px solid #e3ecfa;padding-top:16px;margin-top:16px}
.rev-demo-events{list-style:none;margin:0;padding:0 0 0 12px;border-left:1px solid #bed7ff}
.rev-demo-events li{position:relative;padding:0 0 4px 10px}
.rev-demo-events li:before{content:'';position:absolute;left:-17px;top:3px;background:#0065ff;width:8px;height:8px;border-radius:50%;border:1px solid #fff}
.rev-demo-events li:first-child:before{background:#13bebf}
.rev-demo-events strong{font-size:12px;font-weight:500}
.rev-demo-events p{font-size:11px;color:#7184a0;margin:4px 0 8px}
.rev-demo-source{display:grid;grid-template-columns:48px minmax(0,1fr);gap:10px;border:1px solid #dfebfc;border-radius:6px;padding:10px;margin-bottom:10px;min-width:0}
.rev-demo-source strong{font-size:10px}
.rev-demo-source p{font-size:10px;line-height:1.4;color:#536782;margin:6px 0}
.rev-mini-doc{height:68px;border:1px solid #d9e2ef;border-radius:3px;padding:10px 6px;box-shadow:0 2px 5px #15345312}
.rev-mini-doc i{display:block;height:3px;background:#dae4f1;margin-bottom:5px}.rev-mini-doc i:nth-child(3){background:#faedb8;width:70%}
.rev-source-lines{height:18px;background:repeating-linear-gradient(#e2e9f4 0 4px,transparent 4px 8px);border-radius:2px}
.rev-demo-note{font-size:11px;line-height:1.5;margin:15px 0 0;color:#657d9e}.rev-demo-note a{color:#005bff;text-decoration:none}
/* Put the four callouts in grid rows around the screenshot, instead of absolute layers. */
body #alchemy-section-06 .layout{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr)!important;gap:36px!important}
body #alchemy-section-06 .visual{padding:0!important;display:grid;grid-template-columns:1fr 1fr;gap:14px 24px;align-items:stretch}
body #alchemy-section-06 .callout{position:static!important;width:auto!important;min-height:0!important;padding:14px!important;gap:10px!important;min-width:0}
body #alchemy-section-06 .callout h3{font-size:16px!important;font-weight:500!important;line-height:1.2!important;margin:0 0 5px!important}
body #alchemy-section-06 .callout p{font-size:12px!important;line-height:1.35!important}
body #alchemy-section-06 .callout-icon{flex:0 0 32px!important;width:32px!important;height:32px!important}
body #alchemy-section-06 .callout-icon svg{width:24px;height:24px}
body #alchemy-section-06 .connected,body #alchemy-section-06 .relevant{grid-row:1}
body #alchemy-section-06 .events,body #alchemy-section-06 .support{grid-row:3}
body #alchemy-section-06 .screen{grid-column:1/-1;grid-row:2;width:100%;aspect-ratio:auto;align-self:center;margin:0}
body #alchemy-section-06 .features{gap:14px}
body #alchemy-section-06 .features li{font-size:16px;line-height:1.4}
body #alchemy-section-06 .eyebrow{white-space:normal}
/* Specialized services match the supplied card layout with uncropped report previews. */
body #services-section-07 .specialty-grid{align-items:stretch}
body #services-section-07 .specialty-card{display:flex;flex-direction:column;gap:22px;min-width:0;padding:26px;background:#fff;border:1px solid #dce7f6;border-radius:14px}
body #services-section-07 .specialty-card>h3{margin:0;min-height:60px}
body #services-section-07 .screen{width:100%;height:auto;aspect-ratio:1/1;margin:0;overflow:hidden;border-radius:10px}
body #services-section-07 .screen svg{display:block;width:100%;height:auto;aspect-ratio:1/1}
body #services-section-07 .service-info{margin:0;padding:0;flex:1}
/* Review Partner closing band: brand, copy and artwork occupy separate grid cells. */
body #review-section-10 .rp-review-cta{display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:30px 44px;padding:64px 0!important;min-height:0!important;overflow:visible}
body #review-section-10 .rp-review-cta__brand{position:static!important;grid-column:1/-1;justify-content:flex-start;padding:0!important}
body #review-section-10 .rp-review-cta__copy{width:auto!important;max-width:none!important;grid-column:1;min-width:0}
body #review-section-10 .rp-review-cta h3{font-size:var(--heading-size)!important;line-height:1.16!important;margin:0 0 24px!important}
body #review-section-10 .rp-review-cta__visual{position:static!important;width:100%!important;height:auto!important;min-height:0!important;grid-column:2;align-self:center;margin:0!important;aspect-ratio:614/312;overflow:hidden;border-radius:12px}
body #review-section-10 .rp-review-cta__visual svg{display:block;width:100%;height:auto;aspect-ratio:614/312}
body #review-section-10 .rp-review-cta__visual:after{display:none}
body #review-section-10 .rp-review-cta__buttons{display:flex;flex-wrap:wrap;gap:14px}
body #review-section-10 .rp-review-cta__button{white-space:normal!important}
body #review-section-10 .rp-review-cta__tagline{line-height:1.5;margin:24px 0 0}
/* Section backgrounds must include their bottom padding. */
body #review-section-04,body #review-section-06{background:#edf5fc}
@media(min-width:1600px){body #alchemy-section-01 .hero-copy{width:calc((100% - var(--content-width))/2 + 480px)!important}}
@media(max-width:1100px) and (min-width:901px){body #alchemy-section-01 .hero-copy{width:46%!important}body #alchemy-section-01 .m-title{font-size:46px!important}}
@media(max-width:1000px){.rev-comparison-grid{gap:18px}.rev-result-panel{padding:20px}.rev-sources{grid-template-columns:1fr}.rev-sources>div p{margin:4px 0}.rev-hit-title{flex-direction:column;gap:3px}.rev-demo-body{grid-template-columns:1fr}.rev-demo-sources{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.rev-demo-sources h3{grid-column:1/-1;margin:0}.rev-demo-source{display:block;margin:0;padding:8px}.rev-mini-doc{display:none}.rev-source-lines{display:none}}
@media(max-width:900px){body #alchemy-section-01 .hero-copy{width:100%!important;padding:var(--section-space) var(--page-gutter)!important}body #alchemy-section-01 .alchemy-hero{min-height:0!important}body #alchemy-section-01 .alchemy-hero:after{display:none!important}body #alchemy-section-01 .hero-art{height:auto!important;aspect-ratio:1672/941;object-fit:contain!important}body #alchemy-section-02 .question-layout{grid-template-columns:1fr;gap:36px}body #alchemy-section-06 .layout{grid-template-columns:1fr!important;gap:36px!important}body #review-section-10 .rp-review-cta{grid-template-columns:1fr;padding:48px 0!important}body #review-section-10 .rp-review-cta__visual{grid-column:1;max-width:650px}body #section-03 .content{padding:var(--section-space) var(--page-gutter)!important}.rev-demo-body{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}.rev-demo-sources{display:block}.rev-demo-sources h3{margin-bottom:12px}.rev-demo-source{display:grid;margin-bottom:10px}.rev-mini-doc{display:block}}
@media(max-width:760px){body .meet-merlin__inner{grid-template-columns:1fr;gap:36px}body .meet-merlin__aside{padding-top:0}.rev-comparison-grid{grid-template-columns:1fr}.rev-sources{grid-template-columns:repeat(3,minmax(0,1fr))}.rev-hit-title{flex-direction:row}.rev-result-panel{padding:24px}.rev-question{font-size:24px}.rev-comparison-close{font-size:23px}body #services-section-07 .specialty-grid{grid-template-columns:1fr}body #services-section-07 .specialty-card>h3{min-height:0}body #review-section-10 .rp-review-cta__brand .product-logo{max-width:290px}}
@media(max-width:600px){.rev-result-panel{padding:18px}.rev-result-panel>h3{font-size:22px}.rev-search{font-size:12px;gap:6px}.rev-search-label{padding:9px}.rev-hit-title{flex-direction:column}.rev-hit-title strong{overflow-wrap:anywhere}.rev-answer{padding:12px}.rev-sources{grid-template-columns:1fr}.rev-timeline{font-size:11px}.rev-output{gap:12px}.rev-output>div+div{padding-left:12px}.rev-question-demo{padding:16px}.rev-demo-top{gap:12px}.rev-demo-body{grid-template-columns:1fr;padding:12px}.rev-demo-sources{display:grid;grid-template-columns:1fr;gap:8px}.rev-demo-source{grid-template-columns:48px 1fr;margin:0}.rev-demo-sources h3{margin:0}.rev-demo-ask input{font-size:12px}.rev-demo-findings p{font-size:13px}.rev-demo-events p{font-size:12px}body #alchemy-section-06 .visual{gap:12px}body #alchemy-section-06 .callout{display:block;padding:12px!important}body #alchemy-section-06 .callout-icon{margin-bottom:8px}body #alchemy-section-06 .callout h3{font-size:15px!important}body #services-section-07 .specialty-card{padding:20px}body #review-section-10 .rp-review-cta__buttons{flex-direction:column;align-items:stretch}body #review-section-10 .rp-review-cta__button{width:100%}body .merlin-way__logo{max-width:56%}body .merlin-way h3{font-size:23px}}
/* Final integration details: restore section breathing room and matching hero CTAs. */
body #section-03 .content{padding-top:var(--section-space)!important;padding-bottom:var(--section-space)!important}
.rev-comparison>.m-eyebrow{color:#0065ff;text-transform:uppercase}
.rev-comparison>.m-intro{color:#536782}
body #alchemy-section-01 .actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:470px}
body #alchemy-section-01 .actions .m-button{width:100%;min-width:0;white-space:normal;text-align:center}
@media(max-width:600px){body #alchemy-section-01 .actions{grid-template-columns:1fr;max-width:340px}}
/* Allow the AI Services workflow CTA to wrap on narrow phones. */
body #services-section-08 .workflow>*{min-width:0}
body #services-section-08 .cta{white-space:normal;text-align:center}
@media(max-width:600px){body #services-section-08 .workflow{grid-template-columns:minmax(0,1fr)}}

.rev-demo-followup{margin-top:16px}
/* Homepage Alchemy overview: centered columns instead of a viewport-wide image layer. */
body #section-03 .main{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;align-items:center!important;gap:48px!important;width:100%!important;max-width:calc(var(--content-width) + var(--page-gutter)*2)!important;margin:0 auto!important;padding:var(--section-space) var(--page-gutter)!important;min-height:0!important}
body #section-03 .content{grid-column:1;grid-row:1;width:100%!important;max-width:none!important;padding:0!important;min-width:0;background:transparent!important}
body #section-03 .art{grid-column:2;grid-row:1;position:relative!important;inset:auto!important;order:initial!important;z-index:0!important;width:100%!important;height:auto!important;aspect-ratio:4/5;min-height:0!important;max-width:100%!important;margin:0!important;background-size:cover!important;background-position:right center!important;clip-path:none!important;border-radius:14px;overflow:hidden}
body #section-03 .close{max-width:var(--content-width)!important;margin:0 auto!important;padding:0 0 var(--section-space)!important;width:calc(100% - var(--page-gutter)*2)!important;background:transparent!important}
body #section-03 .close h3{padding-top:28px;border-top:1px solid #d6e4f5}
@media(max-width:900px){body #section-03 .main{grid-template-columns:minmax(0,1fr)!important;gap:36px!important}body #section-03 .content{grid-column:1;grid-row:1}body #section-03 .art{grid-column:1;grid-row:2;aspect-ratio:1586/992;background-size:contain!important;background-position:center!important}}

/* Mobile hero uses a dedicated SVG viewport that excludes baked-in copy. */
body #section-01 .hero-art-mobile{display:none}
@media(max-width:900px){
 body #section-01 .hero-art{display:none!important}
 body #section-01 .hero-art-mobile{display:block;position:relative;order:2;width:100%;height:auto;aspect-ratio:1210/780;flex-shrink:0}
 body #section-01 .copy{padding:40px var(--page-gutter) 32px!important}
 body #section-01 .actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 body #section-01 .button{width:100%;min-width:0;gap:12px;white-space:normal}
}
@media(max-width:600px){
 body .site-nav{min-height:64px!important;padding-block:10px!important}
 body .wordmark img{width:136px!important;height:auto!important}
 body #section-01 h1.m-title{font-size:34px!important;line-height:1.08!important;margin-bottom:22px!important}
 body #section-01 .copy .intro{font-size:16px!important;line-height:1.6!important;margin-bottom:20px!important}
 body #section-01 .closing{font-size:16px!important;margin-bottom:24px!important}
 body #section-01 .actions{grid-template-columns:1fr}
 body #section-01 .button{min-height:50px!important;padding:12px 16px!important;font-size:15px!important}
}

/* Keep each page's opening hero flush with both viewport edges. */
body main>div:first-child{width:100%!important;max-width:none!important;position:relative!important;left:0!important;right:auto!important;margin-left:0!important;margin-right:0!important;transform:none!important}
body main>div:first-child>section:first-child{width:100%!important;max-width:none!important;margin-inline:0!important;border-radius:0!important}