/* Shared optical rhythm; preserve the established desktop hero. */
.eb{font-size:12px}
.scene-poster b{margin-top:16px}
.scene-copy p{font-size:16px}
.story-platform .capability{display:flex;flex-direction:column}
.story-platform .capability-copy{flex:1;grid-template-columns:30px 1fr;align-content:start;padding-block:22px 24px}
.story-platform .capability .n{font-size:12px}
.story-platform .capability p{font-size:16px;line-height:1.5}
.goal-eyebrow,.signal-list>span{font-size:13px}
.signal-list>div>span{font-size:14px;padding:6px 12px}
.goal-tabs button{font-size:12px}
.goal-word{font-size:clamp(48px,4.6vw,64px);letter-spacing:-.045em}
[data-selected="visits"] .goal-word,[data-selected="actions"] .goal-word{font-size:clamp(36px,3.6vw,48px);letter-spacing:-.04em}
.decision-row p,.decision-footer{font-size:14px}
.menu-toggle{display:none}
@media(max-width:960px){
  .hero nav{position:relative;z-index:20;flex-wrap:wrap;gap:12px;padding:20px 28px}
  .hero nav>.btn{margin-left:auto;padding:10px 16px;font-size:14px;min-height:44px}
  .menu-toggle{display:inline-flex;align-items:center;gap:10px;justify-content:center;min-height:44px;padding:10px 12px;border:1px solid #ffffff50;border-radius:99px;color:#fff;background:transparent;font-size:14px}
  .menu-toggle span{display:block;width:14px;height:8px;border-block:1px solid currentColor}
  .hero .links{display:none;order:4;width:100%;padding:14px 0 2px;gap:0;border-top:1px solid #ffffff24}
  .hero .links.is-open{display:grid;grid-template-columns:1fr 1fr;gap:4px 16px}
  .hero .links a{min-height:44px;display:flex;align-items:center;font-size:15px}
  .hero .in{gap:18px;padding-top:0;padding-bottom:32px}
  .hero .pop{height:clamp(260px,38vw,350px)}
  .hero .portrait-depth{width:min(540px,100vw);left:-32px;top:-52px}
  .hero .hero-copy{max-width:none}
  .hero h1{font-size:clamp(48px,7.2vw,64px);margin:14px 0 18px}
  .hero .lede{margin-bottom:22px;font-size:16px}
}
@media(max-width:700px){
  .story-inventory,.story-platform{padding-block:64px}
  .story-heading{margin-bottom:28px}
  .scene-poster{height:232px}
  .scene-poster b{font-size:40px;margin-top:8px}
  .scene-web b{font-size:38px}
  .story-scenes{gap:28px}
  .goal-tabs{margin-top:26px;gap:6px}
  .goal-tabs button{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:8px;padding:14px 5px;min-height:96px}
  .goal-tabs button>span:first-child{font-size:14px;line-height:1.4;margin:0}
  .goal-tabs button>span:last-child{display:none}
  .goal-expression{height:226px}
  .goal-word{font-size:44px}
  [data-selected="visits"] .goal-word,[data-selected="actions"] .goal-word{font-size:34px}
  .goal-orbit{width:200px;height:200px}
  .goal-detail{padding-top:12px}
  .story-platform .capabilities{gap:22px}
  .story-platform .cap-visual{aspect-ratio:2.2/1}
  .story-platform .cap-art{object-fit:cover}
  .story-platform .capability-copy{padding-block:16px 20px;gap:10px}
  .story-platform .capability h3{font-size:21px}
  .story-platform .capability p{font-size:16px}
  .story-clarity{padding-block:60px}
}
@media(max-width:520px){
  .hero nav{padding:18px 20px;gap:8px}
  .hero .logo{font-size:21px}
  .hero nav>.btn{font-size:13px;padding-inline:12px}
  .menu-toggle{padding-inline:11px;font-size:13px}
  .hero .in{padding-inline:20px;padding-bottom:28px;gap:18px}
  .hero .pop{height:248px}
  .hero .portrait-depth{width:360px;left:-18px;top:-50px}
  .hero .pop::after{height:90px}
  .hero .eb{font-size:12px}
  .hero h1{font-size:52px;line-height:1.02}
  .hero .cta-row{gap:10px}
  .hero .cta-row .btn{min-height:46px;font-size:14px;padding:11px 16px}
  .hero .cta-row .ghost{border:0;background:transparent;padding-inline:0}
  .cta-topline .eb{font-size:12px}
}
@media(max-width:360px){
  .hero nav{padding-inline:16px}
  .hero .logo{font-size:19px}
  .menu-toggle span{display:none}
  .hero nav>.btn,.menu-toggle{padding-inline:10px}
  .hero .pop{height:226px}
  .hero .portrait-depth{left:-36px}
  .hero h1{font-size:46px}
  [data-selected="visits"] .goal-word,[data-selected="actions"] .goal-word{font-size:32px}
}