/* Examples extend the existing OrangeVapor visual system. */
.examples-page {--ex-surface:#eeeae1;--ex-dark:#192b2b;background:var(--paper);}
.ex-skip {position:fixed;left:16px;top:-70px;z-index:100;background:white;padding:12px;}
.ex-skip:focus {top:10px;}
.examples-page h1 {font-size:clamp(44px,5.2vw,72px);line-height:1.05;letter-spacing:-.05em;}
.examples-page h2 {font-size:clamp(34px,4vw,52px);line-height:1.06;}
.examples-page h3 {font-size:clamp(25px,2.5vw,34px);line-height:1.13;}
.examples-page .eyebrow {font-size:12px;letter-spacing:1.6px;}
.examples-page .main-nav [aria-current] {color:var(--orange-dark);}
.ex-hero {display:grid;grid-template-columns:1.02fr 1fr;gap:32px;align-items:center;padding:90px 0 64px;min-height:620px;}
.ex-hero-copy>p {font-size:18px;color:#595851;max-width:540px;margin:25px 0 28px;line-height:1.75;}
.ex-hero .button,.ex-ending .button {gap:24px;}
.ex-case-note {display:flex;gap:12px;align-items:center;margin-top:32px;font-size:14px;font-weight:700;}
.ex-case-note small {font-size:13px;color:var(--muted);font-weight:400;}
.ex-case-mark {width:38px;height:38px;background:#243c44;color:white;border-radius:50%;display:grid;place-items:center;font:800 23px Outfit,sans-serif;}
.ex-hero-art {position:relative;height:460px;isolation:isolate;}
.ex-orbit {position:absolute;width:88%;aspect-ratio:1;top:0;right:-10px;background:#f45124;border-radius:50%;z-index:-1;opacity:.94;}
.ex-art-web {position:absolute;width:95%;left:-8px;top:46px;transform:rotate(-3deg);border-radius:10px;overflow:hidden;background:white;box-shadow:0 18px 50px #192b2b24;}
.ex-browser-bar {display:flex;align-items:center;height:28px;background:#fff;padding:0 12px;gap:4px;}
.ex-browser-bar i {height:5px;width:5px;border-radius:50%;background:#cfcfc9;}
.ex-browser-bar>span {margin:auto;font-size:9px;color:#666;}
.ex-art-ad {position:absolute;bottom:0;right:-5px;width:49%;transform:rotate(5deg);box-shadow:0 18px 40px #192b2b30;border:6px solid white;border-radius:7px;overflow:hidden;}
.ex-art-label {position:absolute;left:4%;bottom:40px;font:600 19px/1.3 Outfit,sans-serif;letter-spacing:-.02em;}
.ex-jump {display:flex;gap:24px;justify-content:space-between;border-top:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong);padding:22px 0;overflow-x:auto;}
.ex-jump a {font-size:13px;font-weight:650;white-space:nowrap;}
.ex-jump a:hover {color:var(--orange-dark);}
.ex-chapter {padding:100px 0;}
.ex-chapter-heading {display:grid;grid-template-columns:60px 1.4fr 1fr;gap:24px;align-items:start;margin-bottom:46px;}
.ex-number {font:500 22px Outfit,sans-serif;color:var(--orange-dark);padding-top:3px;}
.ex-chapter-heading .eyebrow {margin-bottom:15px;}
.ex-chapter-heading>p {align-self:end;color:#646158;font-size:16px;line-height:1.75;max-width:370px;}
.ex-ad-grid,.ex-gallery {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;}
.ex-figure {margin:0;min-width:0;}
.ex-zoom {position:relative;display:block;border-radius:14px;overflow:hidden;background:white;border:1px solid #d7d4ca;cursor:zoom-in;}
.ex-zoom img {width:100%;height:100%;object-fit:contain;transition:transform .35s;}
.ex-zoom:hover img {transform:scale(1.015);}
.ex-enlarge {position:absolute;right:10px;bottom:10px;background:#fffefaf2;color:#181816;border:1px solid #d7d4ca;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;font-size:19px;box-shadow:0 3px 12px #0001;}
.ex-figure figcaption {padding:14px 0 0;font-size:13px;line-height:1.6;}
.ex-figure figcaption strong {display:block;font-size:15px;color:var(--ink);margin-bottom:3px;}
.ex-figure figcaption span {color:#66645f;display:block;}
.ex-ad-grid .ex-zoom {aspect-ratio:1;}
.ex-under-note {border-left:3px solid var(--orange);padding:5px 0 5px 22px;margin-top:30px;max-width:840px;color:#5c5a53;font-size:15px;}
.ex-under-note b {display:block;color:var(--ink);margin-bottom:3px;}
.ex-reel-row {margin-top:70px;display:grid;grid-template-columns:1fr 1.3fr;gap:74px;align-items:center;}
.ex-video {background:#e7e3d9;border-radius:18px;display:flex;align-items:center;flex-direction:column;padding:28px;}
.ex-video video {max-height:450px;max-width:100%;aspect-ratio:9/16;background:#14262c;border-radius:12px;}
.ex-video>span {font-size:12px;letter-spacing:.05em;margin-top:16px;color:#5b5b53;}
.ex-reel-copy>p {color:#646158;margin:20px 0;line-height:1.75;}
.ex-list {list-style:none;padding:0;margin:22px 0;}
.ex-list li {position:relative;padding:9px 0 9px 24px;font-size:15px;line-height:1.6;}
.ex-list li::before {content:'✓';position:absolute;left:0;color:var(--orange-dark);font-weight:700;}
.ex-muted {font-size:13px!important;line-height:1.7!important;color:#69665e;margin-top:22px;}
.ex-muted a {text-decoration:underline;}
.ex-more {margin-top:32px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.ex-more>summary {padding:21px 0;font-weight:650;font-size:15px;display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;list-style:none;}
.ex-more>summary::-webkit-details-marker {display:none;}
.ex-more>summary>span {font-size:25px;font-weight:400;transition:transform .2s;}
.ex-more[open]>summary>span {transform:rotate(45deg);}
.ex-more>.ex-gallery {padding:8px 0 30px;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;}
.ex-more .ex-zoom {aspect-ratio:16/10;}
.ex-band {background:#eeeae1;padding:94px 0;}
.ex-google-lead {display:grid;grid-template-columns:1.25fr .8fr;gap:56px;align-items:center;}
.ex-google-lead .ex-zoom {background:white;min-height:240px;display:grid;place-items:center;padding:20px;}
.ex-intents>div {display:grid;grid-template-columns:100px 1fr;gap:18px;padding:17px 0;border-bottom:1px solid #d4cfc3;}
.ex-intents span {font:600 20px Outfit,sans-serif;}
.ex-intents p {font-size:14px;color:#646158;}
.ex-subheading {margin:45px 0 24px;}
.ex-three .ex-zoom {aspect-ratio:1.25;}
.ex-contact-layout {display:grid;grid-template-columns:2fr .85fr;gap:36px;align-items:center;}
.ex-flow-feature .ex-zoom {max-width:290px;margin:0 auto;background:#eee;}
.ex-flow-feature figcaption {max-width:290px;margin:auto;}
.ex-inline-list {display:grid;grid-template-columns:1fr 1fr;gap:12px;list-style:none;padding:0;margin:24px 0;color:#646158;font-size:13px;}
.ex-inline-list li {border-top:1px solid var(--line);padding-top:12px;}
.ex-mobile-gallery {margin-top:42px;}
.ex-mobile-gallery .ex-zoom {height:370px;aspect-ratio:auto;background:#eae7df;}
.ex-mobile-gallery .ex-zoom img {max-width:250px;margin:auto;}
.ex-intelligence {background:var(--ex-dark);color:#faf8f0;padding:94px 0;}
.ex-intelligence .eyebrow,.ex-intelligence .ex-number,.ex-intelligence .ex-small-label {color:#ffae8e;}
.ex-intelligence .ex-chapter-heading>p {color:#becbc5;}
.ex-bi-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:32px;border-bottom:1px solid #ffffff26;padding-bottom:44px;}
.ex-bi-grid article+article {border-left:1px solid #ffffff26;padding-left:32px;}
.ex-small-label {font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;display:block;margin-bottom:18px;}
.ex-bi-grid h3 {font-size:27px;margin-bottom:17px;}
.ex-bi-grid p,.ex-dashboard-copy>p {color:#c4cfca;font-size:15px;line-height:1.8;}
.ex-dashboard-row {display:grid;grid-template-columns:1.4fr 1fr;gap:42px;align-items:center;margin-top:48px;}
.ex-intelligence .ex-figure figcaption strong {color:#fffefa;}
.ex-intelligence .ex-figure figcaption span {color:#bbc9c1;}
.ex-intelligence .ex-more {border-color:#ffffff30;}
.ex-dashboard-copy>p {margin-top:22px;}
.ex-metric-note {border-left:2px solid #ffae8e;padding-left:18px;font-size:13px!important;}
.ex-cycle {display:grid;grid-template-columns:repeat(4,1fr);list-style:none;padding:0;margin:0 0 52px;}
.ex-cycle li {border-top:2px solid #d8d2c7;padding:23px 24px 0 0;}
.ex-cycle li:first-child {border-color:var(--orange);}
.ex-cycle b {display:block;color:var(--orange-dark);font:500 16px Outfit,sans-serif;margin-bottom:14px;}
.ex-cycle strong {display:block;font:600 22px Outfit,sans-serif;margin-bottom:8px;}
.ex-cycle span {font-size:14px;color:#646158;max-width:220px;display:block;}
.ex-real-example {padding:38px;background:#eeebe3;border-radius:20px;display:grid;grid-template-columns:1fr 1.2fr;gap:38px;align-items:center;}
.ex-real-example h3 {font-size:31px;}
.ex-real-example p {font-size:15px;line-height:1.8;color:#646158;margin-top:20px;}
.ex-evidence-chain {display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin-top:20px;font-size:12px;}
.ex-evidence-chain span {background:#fffefa;border:1px solid var(--line);padding:6px 10px;border-radius:5px;}
.ex-evidence-chain i {font-style:normal;color:var(--orange-dark);}
.ex-scope-note {max-width:850px;margin:42px auto 0;text-align:center;}
.ex-scope-note strong {font:600 25px Outfit,sans-serif;}
.ex-scope-note p {margin-top:15px;color:#646158;font-size:15px;line-height:1.8;}
.ex-plans-band {padding:90px 0;background:#eeeae1;}
.ex-plans-heading {max-width:750px;margin-bottom:36px;}
.ex-plans-heading>p {margin-top:20px;color:#646158;}
.ex-plan-grid {display:grid;grid-template-columns:1fr 1fr;gap:28px;}
.ex-plan {background:#fffefa;border:1px solid #d4cec2;border-radius:20px;padding:34px;display:flex;flex-direction:column;align-items:start;}
.ex-plan .ex-small-label {color:var(--orange-dark);}
.ex-plan h3 {font-size:31px;}
.ex-plan>p:not(.ex-price) {color:#666158;font-size:15px;line-height:1.8;}
.ex-price {font:600 39px Outfit,sans-serif;margin:24px 0 20px;}
.ex-price span {font:400 15px Inter,sans-serif;color:#666158;}
.ex-plan .ex-list {margin-bottom:28px;}
.ex-plan .text-link {margin-top:auto;font-size:15px;}
.ex-plan-featured {border:2px solid var(--orange);position:relative;}
.ex-ending {padding:90px 0;display:flex;align-items:center;justify-content:space-between;gap:30px;}
.ex-lightbox {max-width:none;max-height:none;width:min(1400px,94vw);height:92dvh;padding:0;border:1px solid #ffffff30;border-radius:16px;background:#f8f6f0;color:var(--ink);box-shadow:0 30px 80px #0007;}
.ex-lightbox[open] {display:flex;flex-direction:column;}
.ex-lightbox::backdrop {background:#101c20dd;backdrop-filter:blur(8px);}
.ex-lightbox-bar {display:flex;align-items:center;justify-content:space-between;padding:15px 22px;gap:20px;border-bottom:1px solid var(--line);}
.ex-lightbox-bar>p {font-size:14px;font-weight:650;}
.ex-close {border:1px solid var(--line);padding:9px 14px;background:white;border-radius:8px;cursor:pointer;font-size:14px;display:flex;gap:15px;align-items:center;}
.ex-close span {font-size:22px;line-height:1;}
.ex-lightbox-image {min-height:0;flex:1;display:flex;justify-content:center;align-items:center;overflow:auto;padding:18px;}
.ex-lightbox-image img {width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;}
.ex-lightbox-caption {padding:14px 22px;border-top:1px solid var(--line);font-size:13px;line-height:1.6;}
body.ex-modal-open {overflow:hidden;}
.ex-home-teaser {padding:75px 0;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;border-top:1px solid var(--line);}
.ex-home-teaser h2 {font-size:clamp(34px,4vw,52px);}
.ex-home-teaser p {margin:20px 0 28px;color:#666158;font-size:17px;line-height:1.7;}
.ex-home-teaser-art {display:grid;grid-template-columns:1fr 1fr;gap:15px;align-items:center;}
.ex-home-teaser-art img {border-radius:12px;box-shadow:0 12px 35px #0001;}
.ex-home-teaser-art img:last-child {transform:translateY(20px);}
@media(max-width:1050px) {.ex-hero {padding-top:70px;min-height:570px;}.ex-hero-art {height:375px;}.ex-art-label {font-size:16px;bottom:35px;}.ex-chapter-heading {grid-template-columns:40px 1.3fr 1fr;gap:20px;}.ex-reel-row {gap:40px;}.ex-google-lead {gap:30px;}.examples-page .main-nav {gap:17px;}}
@media(max-width:760px) {.examples-page .shell {width:calc(100% - 36px);}.ex-hero {grid-template-columns:1fr;padding:48px 0 30px;gap:30px;min-height:0;}.ex-hero-copy>p {font-size:16px;}.ex-hero-art {height:380px;width:min(460px,95%);margin:auto;}.ex-orbit {width:80%;}.ex-art-web {top:40px;width:90%;left:0;}.ex-art-ad {width:43%;right:5%;bottom:20px;}.ex-art-label {bottom:65px;left:3%;font-size:17px;}.ex-jump {gap:26px;justify-content:flex-start;padding:18px 0;}.ex-chapter,.ex-band,.ex-intelligence,.ex-plans-band {padding:60px 0;}.ex-chapter-heading {grid-template-columns:30px 1fr;gap:12px;margin-bottom:30px;}.ex-chapter-heading>p {grid-column:2;max-width:none;margin-top:10px;}.ex-chapter-heading .eyebrow {font-size:11px;}.ex-ad-grid {gap:12px;}.ex-ad-grid figcaption strong {font-size:13px;}.ex-ad-grid figcaption span {font-size:12px;}.ex-reel-row {grid-template-columns:1fr;gap:32px;margin-top:40px;}.ex-reel-copy {order:-1;}.ex-video {padding:24px;}.ex-video video {max-height:420px;}.ex-google-lead,.ex-contact-layout,.ex-dashboard-row,.ex-real-example,.ex-plan-grid {grid-template-columns:1fr;}.ex-intents {display:grid;grid-template-columns:1fr 1fr;gap:14px;}.ex-intents>div {display:block;padding:12px 0;}.ex-intents p {margin-top:8px;}.ex-gallery.ex-three {grid-template-columns:1fr;gap:26px;}.ex-three .ex-zoom {aspect-ratio:auto;max-height:none;}.ex-contact-layout {gap:30px;}.ex-flow-feature .ex-zoom {max-width:280px;}.ex-mobile-gallery {grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;}.ex-mobile-gallery .ex-zoom {height:230px!important;}.ex-mobile-gallery figcaption {font-size:12px;}.ex-mobile-gallery figcaption strong {font-size:13px;}.ex-bi-grid {grid-template-columns:1fr;gap:24px;}.ex-bi-grid article+article {border-left:0;border-top:1px solid #ffffff26;padding:24px 0 0;}.ex-bi-grid h3 {font-size:27px;}.ex-bi-grid .ex-small-label {margin-bottom:12px;}.ex-cycle {grid-template-columns:1fr 1fr;gap:28px 16px;}.ex-cycle li {padding-right:0;}.ex-real-example {padding:24px;gap:30px;}.ex-real-example h3 {font-size:28px;}.ex-plan {padding:27px;}.ex-plan h3 {font-size:29px;}.ex-price {font-size:35px;}.ex-ending {padding:60px 0;align-items:flex-start;flex-direction:column;}.ex-more>.ex-gallery {grid-template-columns:1fr;}.ex-more>summary {font-size:14px;}.ex-more .ex-zoom {aspect-ratio:auto;}.ex-lightbox {width:96vw;height:90dvh;}.ex-lightbox-bar {padding:12px;}.ex-lightbox-image {padding:5px;}.ex-lightbox-caption {padding:12px;font-size:12px;}.ex-home-teaser {padding:50px 0;grid-template-columns:1fr;gap:20px;}.ex-home-teaser-art {max-width:550px;margin-bottom:20px;}}
@media(max-width:390px){.ex-hero-art {height:325px;}.ex-art-label{font-size:15px;bottom:50px;}.ex-ad-grid{grid-template-columns:1fr;gap:24px;}.ex-ad-grid .ex-figure{max-width:320px;margin:auto;}.ex-mobile-gallery{grid-template-columns:1fr!important;}.ex-mobile-gallery .ex-zoom{height:340px!important;}.examples-page .site-header{gap:10px;}.examples-page .brand-name{font-size:16px;}.examples-page .site-header .button{font-size:12px;padding:0 12px;}}
@media(prefers-reduced-motion:reduce){.examples-page html{scroll-behavior:auto;}.ex-zoom img,.ex-more>summary>span{transition:none;}}
/* Keep the existing homepage search example inside narrow screens. */
@media(max-width:430px){.search-demo-copy,.google-phone{min-width:0;max-width:100%;}.google-phone{width:100%;}.search-demo-copy{overflow-wrap:anywhere;}}