/* Rogo host editorial refinement. Native application and illustration internals are unchanged. */
body[data-direction=rogo] {
  --ink:#222320;--muted:#74766f;--line:#e6e7e2;
  .nav-inner { min-height:70px; }
  .nav-links { gap:30px;font-weight:400; }
  .nav-cta,.closing .primary-action { background:#0049b8!important;transition:background-color 180ms ease,box-shadow 180ms ease; }
  .nav-cta:hover,.closing .primary-action:hover { background:#003d9b!important; }
  .hero { padding:64px 0 84px!important; }
  .hero .eyebrow { display:none!important; }
  .hero-copy { max-width:1040px; }
  .hero h1 { max-width:1000px;font-size:clamp(52px,5.35vw,76px)!important;line-height:1.04!important;letter-spacing:-.052em!important;color:#222320!important; }
  .hero-copy>p:not(.eyebrow) { max-width:640px;margin-top:24px!important;font:400 18px/1.5 var(--rp-sans)!important;letter-spacing:-.015em;color:#74766f!important; }
  .hero .hero-actions { margin-top:26px; }
  .hero .primary-action { font-size:15px;gap:9px;color:#42473d!important; }
  .hero .primary-action>span { width:26px;height:26px;flex-basis:26px;font-size:15px;background:#f3f4ef; }

  /* One section title introduces the whole sequence; each row needs one sentence. */
  .workflow-section.features { padding-top:104px!important; }
  .workflow-section>.section-heading { margin-bottom:64px;text-align:center; }
  .workflow-section>.section-heading .eyebrow,
  .workflow-section>.section-heading>p { display:none!important; }
  .workflow-section>.section-heading h2 { max-width:940px;font:360 54px/1.08 var(--rp-display);letter-spacing:-.045em;color:#222320; }
  .features .feature-grid { gap:96px!important; }
  .features .feature { gap:48px!important; }
  .features .feature .artwork { height:448px!important;min-height:448px!important;padding:22px!important;background:#f6f5f2!important;border-radius:4px!important; }
  .features .feature .caption { max-width:370px!important;text-align:center; }
  .features .feature .caption h3 { margin-bottom:18px!important;font:360 44px/1.1 var(--rp-display)!important;letter-spacing:-.042em!important;color:#222320!important; }
  .features .feature .caption p { max-width:355px!important;font:400 17px/1.5 var(--rp-sans)!important;letter-spacing:-.012em;color:#74766f!important;text-wrap:pretty; }
  .features :is(.rp-feature-link,.featureLink) { margin-top:23px;font:400 14px/1.4 var(--rp-sans);gap:9px;color:#666c60;letter-spacing:-.01em; }
  .features :is(.rp-feature-link,.featureLink):hover { color:#252b20; }
  .features .feature .ix-feature-label { padding:11px 13px; }
  .features .ix-feature-label .ix-replay { color:#8b9183; }

  .closing { margin-top:104px;padding:76px 0 80px;border-color:#e6e7e2; }
  .closing .eyebrow { display:none!important; }
  .closing h2 { max-width:900px;font:360 54px/1.08 var(--rp-display);letter-spacing:-.045em;color:#222320; }
  .closing p:not(.eyebrow) { max-width:570px;margin-top:23px;font:400 17px/1.55 var(--rp-sans);letter-spacing:-.01em;color:#74766f!important; }
  .closing .hero-actions { margin-top:27px; }
  .closing .primary-action { padding:12px 20px;font-size:14px;font-weight:400; }
  .footer-inner { padding-block:48px 52px; }
  .footer-inner p { margin-top:17px;font-size:13px;line-height:1.55; }
  .footer-links { gap:64px; }
  .footer-links>div { gap:11px;font-size:13px; }
  .footer-links h3 { font-size:13px; }
  .footer-bottom { padding-block:20px 25px; }
  :is(.nav-cta,.primary-action,.rp-feature-link,.featureLink):focus-visible { outline:2px solid #0049b8;outline-offset:5px; }
}

@media(max-width:1120px) {
  body[data-direction=rogo] {
    .hero { padding:56px 0 72px!important; }
    .features .feature { gap:32px!important; }
    .features .feature .artwork { padding:18px!important; }
    .features .feature .caption { max-width:340px!important; }
    .features .feature .caption h3 { font-size:41px!important; }
    .features .feature .caption p { font-size:16px!important; }
    .workflow-section.features { padding-top:96px!important; }
    .features .feature-grid { gap:88px!important; }
  }
}
@media(max-width:900px) {
  body[data-direction=rogo] {
    .features .feature { gap:29px!important; }
    .features .feature .artwork,.features .feature:nth-child(even) .artwork { height:432px!important;min-height:432px!important;padding:24px!important; }
    .features .feature .caption { max-width:440px!important; }
    .features .feature .caption h3 { font-size:42px!important;margin-bottom:16px!important; }
    .features .feature .caption p { max-width:390px!important;font-size:17px!important; }
    .workflow-section>.section-heading h2,.closing h2 { font-size:48px; }
    .footer-links { gap:40px; }
  }
}
@media(max-width:760px) {
  body[data-direction=rogo] {
    .hero { padding:45px 0 58px!important; }
    .hero h1 { max-width:580px;font-size:clamp(46px,9.5vw,64px)!important;letter-spacing:-.05em!important; }
    .hero-copy>p:not(.eyebrow) { max-width:400px;margin-top:20px!important;font-size:16px!important; }
    .hero .hero-actions { margin-top:23px; }
    .workflow-section.features { padding-top:76px!important; }
    .workflow-section>.section-heading { margin-bottom:46px; }
    .workflow-section>.section-heading h2,.closing h2 { font-size:40px; }
    .features .feature-grid { gap:76px!important; }
    .features .feature .caption h3 { font-size:38px!important; }
    .features .feature .caption p { font-size:16px!important; }
    .closing { margin-top:80px;padding:58px 0 64px; }
    .closing p:not(.eyebrow) { font-size:16px; }
    .footer-inner { padding-block:38px 42px; }
    .footer-links { gap:28px; }
  }
}
@media(max-width:540px) {
  body[data-direction=rogo] {
    .features .feature .artwork,.features .feature:nth-child(even) .artwork { height:414px!important;min-height:414px!important;padding:14px!important; }
  }
}
@media(prefers-reduced-motion:reduce) {
  body[data-direction=rogo] :is(.nav-cta,.closing .primary-action) { transition:none!important; }
}
body[data-direction=rogo][data-motion=off] :is(.nav-cta,.closing .primary-action) { transition:none!important; }