/* Campaign extension: the original four-end product language, with clearer
   information hierarchy and a separate, explicit development roadmap. */
.brand-lockup{display:flex;align-items:center;gap:9px;width:217px;white-space:nowrap}
.brand-lockup img{width:38px;height:36px;object-fit:contain}
.brand-lockup span{font-family:Arial,sans-serif;font-size:19px;font-weight:700;letter-spacing:.035em}
.nav-links{gap:25px}
.eyebrow{display:block;color:var(--blue);font-size:12px;font-weight:550;letter-spacing:.09em;margin-bottom:22px}
.campaign-hero{grid-template-columns:46% 54%;min-height:710px;padding-block:55px 70px}
.campaign-hero h1{font-size:clamp(48px,5.1vw,72px);line-height:1.28;letter-spacing:-.04em}
.campaign-hero .hero-copy>p:not(.hero-audience){font-size:18px}
.campaign-stage{height:530px}
.hero-scene{position:absolute;top:4%;right:0;width:78%;height:82%;object-fit:cover;object-position:50% 45%;border-radius:130px 12px 12px 12px;filter:brightness(.91)}
.campaign-stage .hero-pad{left:-2%;top:22%;width:82%;transform:rotate(-4deg);padding:7px;border-radius:19px;box-shadow:0 25px 50px #0b183540}
.campaign-stage .hero-pad:hover{transform:rotate(-4deg) translateY(-4px)}
.campaign-stage .hero-phone{width:25%;min-width:0;right:-1%;top:27%;transform:rotate(4deg);border-radius:24px}
.campaign-stage .hero-phone .device-image{border-radius:19px}
.campaign-stage .hero-phone:hover{transform:rotate(4deg) translateY(-4px)}
.campaign-stage .hero-media-note{bottom:-14px;right:0;color:#64738b;font-size:10px}
.experience-media.pad .device,.experience-media.pc .device{width:100%;transform:none}
.experience-panel{min-height:590px}
.pc-overview{background:#f4f7fc;padding-block:95px}
.pc-directory-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:42px;align-items:center}
.pc-directory-layout .device{width:100%}
.pc-directory-layout .screen-note{margin-top:16px}
.pc-directory-copy ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px;margin:0 0 22px}
.pc-directory-copy li{border-bottom:1px solid #dce5f2;padding-block:9px;font-size:13px;color:#465775}
.pc-directory-copy .eyebrow{margin-bottom:10px}
.preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}
.preview-visual{background:#f1f5fb;padding:22px;margin-bottom:26px;border-radius:12px}
.preview-visual .device{width:100%;box-shadow:0 14px 30px -15px #18365635}
.preview-visual .device-image{height:360px;object-fit:contain;background:#e9eef7}
.preview-grid h3{font-size:26px;margin-block:14px}
.preview-grid p{font-size:14px;line-height:1.9}
.preview-grid .text-link{margin-top:22px}
.status-badge{display:inline-flex;align-items:center;font-size:10px;line-height:1.5;font-weight:500;letter-spacing:.02em;padding:4px 8px;border-radius:4px;background:#edf3fc;color:#476284}
.status-badge.demo,.status-badge.conditional{background:#fff2db;color:#805700}
.status-badge.planned{background:#dce8ff;color:#244d9d}
.feature-rows .status-badge{margin-bottom:10px}
.feature-rows [data-feature-status="demo"],.feature-rows [data-feature-status="conditional"]{border-left:2px solid #d4a258;padding-left:16px}
.capability-boundaries{border-top:1px solid var(--line);padding-block:55px 80px;display:grid;grid-template-columns:1fr 3fr;gap:40px}
.capability-boundaries h2{font-size:26px;line-height:1.45}
.capability-boundaries>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}
.capability-boundaries p{font-size:12px;line-height:1.9;margin-top:13px}
.roadmap-section{background:#0b1835;color:#f6f8ff;padding-block:95px}
.roadmap-section .eyebrow{color:#9bbaff}
.roadmap-section .section-heading p{color:#afbdd3}
.roadmap-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 42px}
.roadmap-grid>article{border-top:1px solid #ffffff30;padding-block:30px 32px}
.roadmap-grid>article:last-child{grid-column:1/-1;max-width:100%}
.roadmap-topline{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}
.roadmap-number{color:#8caaeb;font:14px Arial,sans-serif;letter-spacing:.1em}
.roadmap-grid .status-badge.planned{background:#203553;color:#b5ccff}
.roadmap-grid h3{font-size:26px;margin-bottom:14px;font-weight:500}
.roadmap-grid p,.roadmap-grid li{font-size:14px;line-height:1.9;color:#b3c0d5;max-width:780px}
.roadmap-grid details{margin-top:20px;font-size:12px;color:#b3c8f2}
.roadmap-grid summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:10px;min-height:30px;width:fit-content}
.roadmap-grid summary::-webkit-details-marker{display:none}
.roadmap-grid summary:after{content:'+';font-size:18px;color:#8caeee}
.roadmap-grid details[open] summary:after{content:'−'}
.roadmap-grid ul{list-style:disc;padding-left:18px;margin-block:10px 0}
.roadmap-grid li{font-size:12px;margin-bottom:7px}
.roadmap-note{color:#9dacc3;font-size:12px;border-top:1px solid #ffffff25;padding-top:25px}
.roadmap-section+.guide-teaser{padding-top:95px}
.supplier-workflow{grid-template-columns:repeat(5,minmax(0,1fr));gap:28px}
.supplier-flow-note{font-size:12px;line-height:1.9;color:#9cacc7;max-width:870px;margin-top:40px}
.supplier-pricing{display:flex;align-items:center;justify-content:space-between;gap:45px;background:#eef4ff;padding:40px;margin-top:65px;margin-bottom:80px;border-radius:12px}
.supplier-pricing>div{max-width:760px}
.supplier-pricing h2{font-size:29px;line-height:1.5;margin-bottom:14px}
.supplier-pricing p{font-size:14px;line-height:1.9}
.supplier-pricing .eyebrow{margin-bottom:12px}
.supplier-pricing .button{flex-shrink:0}
.campaign-copy{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:70px;background:#f3f7fd;border-block:1px solid #e1e9f5;padding:42px;margin-bottom:65px}
.campaign-copy h2{font-size:30px;line-height:1.5}
.campaign-copy p{white-space:pre-line;font-size:14px;line-height:1.95;color:#455875}
.campaign-copy .text-link{margin-top:24px}
.share-url-link{margin-top:22px;padding:0}
.poster-info h2{font-size:21px}
.trial-band .contact-links{margin-top:6px;width:100%;gap:8px}
.trial-band .contact-links>a,.trial-band .contact-links>button{background:#ffffff14;border:1px solid #ffffff38;color:#fff;width:100%;font-size:12px;padding:9px 12px}
.trial-band .contact-links strong{font-size:16px;letter-spacing:.04em;font-variant-numeric:tabular-nums}
.trial-band .contact-action{color:#dbe7ff;font-size:10px}
.trial-band-action{min-width:275px;align-items:stretch}
.trial-band-action>span{text-align:center}
.footer-top{grid-template-columns:1.5fr .7fr 1.1fr}
.footer-top .contact-links strong{font-size:15px;white-space:nowrap}
@media(min-width:801px) and (max-width:1150px){
  .nav-shell{gap:18px;width:calc(100% - 48px)}
  .brand-lockup{width:185px;gap:7px}.brand-lockup span{font-size:16px}.brand-lockup img{width:32px;height:32px}
  .nav-links{gap:17px;font-size:12px}
  .nav-shell>.button{padding-inline:13px;gap:9px;font-size:12px}
  .campaign-hero{min-height:640px}.campaign-stage{height:465px}.campaign-hero h1{font-size:53px}
  .campaign-hero .hero-copy>p:not(.hero-audience){font-size:16px}
  .campaign-hero .hero-actions{gap:15px;flex-wrap:wrap}
  .pc-directory-layout{grid-template-columns:minmax(0,1.7fr) minmax(225px,1fr);gap:28px}
  .capability-boundaries{grid-template-columns:1fr}.supplier-workflow{gap:20px}
  .supplier-workflow h3{font-size:17px}.supplier-workflow p{font-size:13px}
}
@media(max-width:800px){
  .brand-lockup{width:172px;gap:6px}.brand-lockup img{width:30px;height:29px}.brand-lockup span{font-size:15px}
  .nav-links{gap:0}
  .campaign-hero{grid-template-columns:1fr;min-height:0;padding-block:38px 60px}
  .campaign-hero h1{font-size:clamp(44px,8vw,62px)}
  .campaign-hero .eyebrow{margin-bottom:18px}
  .campaign-hero .hero-copy>p:not(.hero-audience){font-size:16px;margin-top:19px}
  .campaign-hero .hero-audience{font-size:11px;margin-top:23px}
  .campaign-stage{height:470px;width:min(100%,570px);margin:25px auto 0}
  .hero-scene{right:2%;height:75%;border-top-left-radius:105px}
  .campaign-stage .hero-pad{width:85%;top:39%;left:1%}
  .campaign-stage .hero-phone{width:24%;right:1%;top:23%}
  .campaign-stage .hero-media-note{bottom:2px;font-size:9px}
  .experience-panel{min-height:0}
  .pc-overview,.roadmap-section{padding-block:65px}
  .pc-directory-layout{grid-template-columns:1fr;gap:28px}
  .pc-directory-copy ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 20px}
  .pc-directory-copy li{font-size:12px}
  .preview-grid{gap:25px}
  .preview-visual{padding:12px}.preview-visual .device-image{height:280px}
  .preview-grid h3{font-size:23px}.preview-grid p{font-size:13px}
  .capability-boundaries{grid-template-columns:1fr;gap:25px;padding-block:40px 60px}
  .capability-boundaries>div{gap:20px}
  .roadmap-grid{gap:0 30px}.roadmap-grid h3{font-size:22px}.roadmap-grid p{font-size:13px}
  .roadmap-section+.guide-teaser{padding-top:65px}
  .supplier-workflow{grid-template-columns:repeat(2,minmax(0,1fr))}
  .supplier-pricing{flex-direction:column;align-items:flex-start;padding:28px;gap:25px;margin-top:45px;margin-bottom:55px}
  .supplier-pricing h2{font-size:26px}
  .campaign-copy{grid-template-columns:1fr;gap:24px;padding:28px}.campaign-copy h2{font-size:28px}
  .footer-top{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}
}
@media(max-width:450px){
  .brand-lockup{width:144px;gap:4px}.brand-lockup img{width:26px;height:26px}.brand-lockup span{font-size:12px}
  .nav-shell{gap:8px}.nav-shell>.button{font-size:11px;padding-inline:10px;gap:7px}
  .campaign-hero h1{font-size:46px}.campaign-hero .hero-actions{gap:18px}.campaign-hero .hero-actions .text-link{font-size:12px}
  .campaign-stage{height:375px}.hero-scene{border-top-left-radius:85px;height:80%}
  .campaign-stage .hero-pad{padding:5px;border-radius:14px;top:35%}.campaign-stage .hero-pad .device-image{border-radius:9px}
  .campaign-stage .hero-phone{padding:3px;border-radius:17px;top:29%;width:26%}.campaign-stage .hero-phone .device-image{border-radius:13px}
  .campaign-stage .hero-media-note{bottom:-12px}
  .pc-directory-copy ul{gap:0 14px}.pc-directory-copy li{font-size:11px}
  .preview-grid{grid-template-columns:1fr;gap:40px}.preview-visual .device-image{height:330px}
  .capability-boundaries>div{grid-template-columns:1fr;gap:20px}.capability-boundaries article{display:grid;grid-template-columns:82px 1fr;gap:12px;align-items:start}.capability-boundaries .status-badge{justify-content:center}.capability-boundaries p{margin:0}
  .roadmap-grid{grid-template-columns:1fr}.roadmap-grid h3{font-size:24px}.roadmap-grid>article{padding-block:25px}
  .supplier-workflow{grid-template-columns:1fr;gap:28px}.supplier-workflow li>span{margin-bottom:13px}
  .supplier-pricing{padding:24px}.supplier-pricing h2{font-size:24px}
  .campaign-copy{padding:25px 22px}.campaign-copy h2{font-size:25px}
  .poster-info h2{font-size:20px}.trial-band-action{min-width:0;width:100%}
  .footer-top{grid-template-columns:1fr;gap:30px}.footer-brand{grid-column:auto}
}