/* Rogo host reconstruction, 11 November 2026.
   Public reference: rogo.com/platform. NA identity and workflows are retained.
   Host-only selectors: the native app and four other directions are untouched. */
body[data-direction=rogo] {
  --ink:#151515; --muted:#737373; --line:#e8e8e6;
  --rp-display:var(--rogo-display,Georgia,serif);
  --rp-sans:var(--rogo-sans,Arial,sans-serif);
  background:#fff!important;
  color:#151515;
  font-family:var(--rp-sans);
  font-weight:400;
  letter-spacing:-.02em;
  -webkit-font-smoothing:antialiased;
  .section-width { width:min(1280px,calc(100% - 80px)); }
  .site-header { background:#fff!important; }
  .nav-inner { min-height:72px; width:calc(100% - 80px); max-width:1456px; border:0; gap:32px; }
  .brand { gap:9px; }
  .brand strong { font:500 20px/1.2 var(--rp-sans); letter-spacing:-.055em; }
  .brand small { font:400 9px/1.2 var(--rp-sans); letter-spacing:-.01em; margin-top:3px; color:#737373; }
  .nav-links { gap:36px; font:500 14px/1.3 var(--rp-sans); letter-spacing:-.01em; }
  .nav-links a { padding-block:24px; color:#151515!important; }
  .nav-links a[aria-current]::after { display:none; }
  .nav-cta { color:#fff!important; background:#05308c!important; border:0!important; border-radius:999px; padding:8px 16px; gap:12px; font:500 14px/1.3 var(--rp-sans); letter-spacing:-.01em; box-shadow:none; }
  .nav-cta>span { display:none; }
  .nav-cta:hover { background:#092c72!important; box-shadow:none; }

  /* A single, unboxed editorial hero; measured desktop reference proportions. */
  .hero { display:block!important; padding:72px 0 108px!important; margin-block:0!important; background:#fff!important; border:0!important; border-radius:0!important; box-shadow:none!important; text-align:center; }
  .hero-copy { width:100%; max-width:980px; margin-inline:auto; }
  .hero .eyebrow { margin:0 0 32px; color:#151515!important; font:500 16px/20px var(--rp-sans); text-transform:none; letter-spacing:-.02em; }
  .hero .blue-tick { display:none; }
  .hero h1 { max-width:908px; margin:0 auto!important; font-family:var(--rp-display)!important; font-size:clamp(56px,6vw,92px)!important; font-weight:360!important; line-height:1!important; letter-spacing:-.07em!important; color:#151515!important; text-wrap:balance; }
  .hero h1 span { color:inherit!important; }
  .hero-copy>p:not(.eyebrow) { max-width:500px; margin:32px auto 0!important; color:#737373!important; font:400 18px/1.3 var(--rp-sans)!important; letter-spacing:-.02em; }
  .hero-actions { gap:24px; }
  .hero .hero-actions { margin-top:32px; }
  .hero .primary-action { color:#151515!important; background:transparent!important; border:0!important; border-radius:999px; padding:0!important; gap:10px; min-height:32px; font:500 16px/1.3 var(--rp-sans); letter-spacing:-.02em; box-shadow:none!important; }
  .hero .primary-action>span { display:grid; place-items:center; width:28px; height:28px; flex:0 0 28px; border-radius:50%; background:#f3f3f1; color:#151515; font-size:17px; transition:background 180ms ease,transform 220ms ease; }
  .hero .primary-action:hover>span { background:#e9eef5; transform:translateX(2px); }
  .hero .text-action,.hero-art { display:none!important; }

  /* The blue-toned ground gives the live app the reference's product stage. */
  .workspace-section { width:min(1280px,calc(100% - 80px)); }
  .workspace-heading { display:none!important; }
  .workspace-frame {
    padding:clamp(30px,4.8vw,74px) clamp(20px,calc(14vw - 151px),64px) 38px!important;
    border:0!important; border-radius:4px!important;
    background:linear-gradient(145deg,#e6edf4 0%,#dce7f0 52%,#cbdce9 100%)!important;
    box-shadow:none!important;
    position:relative;
  }
  .workspace-frame::before { content:""; position:absolute; inset:0; pointer-events:none; background:repeating-linear-gradient(135deg,#fff2 0 1px,transparent 1px 7px); opacity:.35; }
  #platform-tour { position:relative; border-radius:12px!important; box-shadow:0 0 0 7px #f7f9fb47,0 1px 2px #233f5710,0 16px 42px -23px #233f5754; }
  .workspace-foot { padding-top:18px; color:#737373; font:400 12px/1.4 var(--rp-sans); letter-spacing:-.01em; }
  .workspace-foot .blue-tick { width:4px; height:4px; border-radius:50%; background:#8d9dad; }
  .workspace-foot a { color:#737373; }
  .workspace-foot a:hover { color:#151515; }

  /* Eight alternating product sections: quiet square grounds, centered copy. */
  .workflow-section.features { padding-top:144px!important; --ink:#151515; --muted:#737373; }
  .workflow-section>.section-heading { display:block; text-align:center; margin:0 auto 96px; padding:0; border:0; }
  .workflow-section>.section-heading .eyebrow { margin-bottom:24px; color:#737373!important; font:500 14px/1.3 var(--rp-sans); letter-spacing:-.01em; text-transform:none; }
  .workflow-section>.section-heading h2 { max-width:880px; margin:0 auto; font:360 64px/1 var(--rp-display); letter-spacing:-.06em; color:#151515; text-wrap:balance; }
  .workflow-section>.section-heading>p { max-width:480px; margin:28px auto 0; font:400 18px/1.3 var(--rp-sans); letter-spacing:-.02em; color:#737373; }
  .features .feature-grid { display:grid!important; grid-template-columns:minmax(0,1fr)!important; gap:128px!important; padding-top:0!important; }
  .features .feature { display:grid!important; grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important; grid-template-rows:auto!important; align-items:center!important; gap:40px!important; margin:0!important; padding:0!important; border:0!important; }
  .features .feature .artwork { grid-column:1!important; grid-row:1!important; display:grid!important; grid-template-columns:minmax(0,1fr)!important; place-items:center; height:clamp(400px,40.365vw,620px)!important; min-height:clamp(400px,40.365vw,620px)!important; max-height:none!important; padding:40px!important; border:0!important; border-radius:4px!important; background:#f5f4f1!important; box-shadow:none!important; }
  .features .feature .ix-scene { width:100%; min-width:0; height:368px; font-family:var(--rp-sans)!important; }
  .features .ix-scene .ix-brand { font-family:var(--rp-sans)!important; }
  .features .feature .caption { grid-column:2!important; grid-row:1!important; align-self:center!important; width:100%; max-width:400px!important; margin:0 auto!important; text-align:center; }
  .features .feature .caption h3 { margin:0 0 26px!important; max-width:none!important; font:360 48px/1.1 var(--rp-display)!important; letter-spacing:-.06em!important; color:#151515!important; text-wrap:balance; }
  .features .feature .caption p { margin:0 auto!important; max-width:400px!important; font:400 18px/1.3 var(--rp-sans)!important; letter-spacing:-.02em; color:#737373!important; }
  .features .feature .ix-feature-label { grid-column:1!important; grid-row:1!important; width:100%; align-self:start!important; padding:12px 14px; z-index:3; justify-content:flex-end; pointer-events:none; }
  .features .feature .ix-feature-label>span { display:none; }
  .features .ix-feature-label .ix-replay { pointer-events:auto; margin:0; color:#8b8b86; font:400 11px/1.3 var(--rp-sans); }
  .features .ix-feature-label .ix-replay:hover { background:#fff8; border-color:#e5e5df; color:#51514c; }
  .features .feature:nth-child(even) .artwork,.features .feature:nth-child(even) .ix-feature-label { grid-column:2!important; }
  .features .feature:nth-child(even) .caption { grid-column:1!important; }
  .features :is(.rp-feature-link,.featureLink) { display:inline-flex; align-items:center; justify-content:center; gap:10px; margin-top:30px; color:#737373; font:400 16px/1.3 var(--rp-sans); letter-spacing:-.02em; }
  .features :is(.rp-feature-link,.featureLink):hover { color:#151515; }
  .rp-feature-link>span { display:inline-block; transition:transform 220ms ease; }
  .rp-feature-link:hover>span { transform:translateX(3px); }

  /* Illustration objects keep the existing facts and anatomy, with less chrome. */
  .ix-r-app { font-family:var(--rp-sans); background:#fafaf8; border-color:#e8e8e2; border-radius:12px; box-shadow:0 2px 4px #27271d04,0 20px 32px -23px #27271d30; }
  .ix-r-chrome { color:#858580; text-shadow:none; }
  .ix-r-chrome>span:first-child { color:#33332f; }
  .ix-r-context { background:#fafaf8; border-color:#ededE8; border-radius:6px; }
  .ix-r-work { background:#fff; border-color:#eaeae4; border-radius:6px; box-shadow:none; }
  .ix-r-label,.ix-r-context-note { color:#85857e; }
  .ix-r-property h4,.ix-r-title,.ix-r-memo h4,.ix-r-compose>p,.ix-r-input>strong,.ix-r-property-meta strong { font-family:var(--rp-display)!important; font-weight:360; color:#252521; }
  .ix-r-app .ix-brand,.ix-r-input>strong.ix-r-text-value { font-family:var(--rp-sans)!important; }
  .ix-r-current { background:#f0f1ed!important; color:#3e4339!important; box-shadow:none; }
  .ix-r-entity-active,.ix-r-pipeline>div:first-child { background:#f1f4f8; border-color:#dfe6ee; color:#254b7c; box-shadow:inset 2px 0 0 #7c98b7; }
  .ix-r-pill { background:#f5f6f2; border-color:#e5e7df; color:#7a7f70; }
  .ix-r-documents .ix-r-work { background:#f4f5f0; }
  .ix-r-memo { background:#fff; border-color:#e5e6df; box-shadow:0 2px 3px #22221a04,0 12px 24px -20px #22221a24; }
  .ix-r-sheet-head { background:#f6f7f3; color:#85887e; }
  .ix-r-task,.ix-r-compose,.ix-r-brief { background:#fff; border-color:#e6e7e0; box-shadow:0 1px 2px #27271d03; }

  /* A restrained ending, with the same serif/sans relationship as the hero. */
  .closing { margin-top:160px; padding:104px 0 110px; display:block; text-align:center; border:0; border-top:1px solid #e8e8e6; border-radius:0; color:#151515; background:#fff!important; box-shadow:none!important; }
  .closing .eyebrow { font:500 14px/1.3 var(--rp-sans); letter-spacing:-.01em; text-transform:none; color:#737373!important; margin-bottom:26px; }
  .closing h2 { max-width:850px; margin:0 auto; font:360 64px/1 var(--rp-display); letter-spacing:-.06em; text-wrap:balance; }
  .closing p:not(.eyebrow) { max-width:520px; margin:28px auto 0; font:400 18px/1.3 var(--rp-sans); letter-spacing:-.02em; color:#737373!important; }
  .closing .hero-actions { margin-top:32px; align-items:center; }
  .closing .primary-action { background:#05308c!important; color:#fff!important; border:0!important; border-radius:999px; padding:11px 19px; gap:20px; font:500 14px/1.3 var(--rp-sans); box-shadow:none!important; }
  .closing .primary-action:hover { background:#092c72!important; }
  .closing .hero-actions>span { display:none; }
  &>footer { margin-top:0; background:#f7f7f4; }
  .footer-inner { padding-block:64px 70px; border:0; }
  .footer-inner p { margin-top:20px; font:400 14px/1.5 var(--rp-sans); color:#737373; }
  .footer-links { gap:80px; }
  .footer-links>div { gap:13px; font:400 14px/1.3 var(--rp-sans); color:#737373; }
  .footer-links h3 { margin-bottom:9px; font:500 14px/1.3 var(--rp-sans); color:#151515; }
  .footer-bottom { border-color:#e4e4df; padding-block:24px 30px; font:400 12px/1.3 var(--rp-sans); color:#81817b; }
  :is(.primary-action,.nav-cta,.text-action,.rp-feature-link,.featureLink):focus-visible { outline:2px solid #5479aa; outline-offset:5px; }
}

@media (max-width:1100px) {
  body[data-direction=rogo] {
    .nav-inner,.section-width,.workspace-section { width:calc(100% - 56px); }
    .hero { padding-top:58px!important; padding-bottom:88px!important; }
    .hero h1 { max-width:840px; font-size:clamp(56px,7vw,78px)!important; }
    .features .feature { gap:32px!important; }
    .features .feature .artwork { padding:24px!important; }
    .features .feature .caption h3 { font-size:42px!important; }
    .features .feature .caption p { font-size:17px!important; }
    .workflow-section>.section-heading h2,.closing h2 { font-size:56px; }
    .workflow-section.features { padding-top:112px!important; }
    .features .feature-grid { gap:104px!important; }
  }
}
@media (max-width:900px) {
  body[data-direction=rogo] {
    .nav-links { gap:22px; }
    .brand small { display:none; }
    .features .feature-grid { gap:92px!important; }
    .features .feature { grid-template-columns:minmax(0,1fr)!important; grid-template-rows:auto auto!important; gap:34px!important; max-width:620px; width:100%; margin-inline:auto!important; }
    .features .feature .artwork,.features .feature:nth-child(even) .artwork { grid-column:1!important; grid-row:1!important; height:520px!important; min-height:520px!important; padding:40px!important; }
    .features .feature .ix-feature-label,.features .feature:nth-child(even) .ix-feature-label { grid-column:1!important; grid-row:1!important; }
    .features .feature .caption,.features .feature:nth-child(even) .caption { grid-column:1!important; grid-row:2!important; max-width:440px!important; }
    .features .feature .caption h3 { font-size:44px!important; margin-bottom:20px!important; }
    .features .feature .caption p { font-size:18px!important; }
    .footer-links { gap:40px; }
  }
}
@media (max-width:760px) {
  body[data-direction=rogo] {
    .nav-inner,.section-width,.workspace-section { width:calc(100% - 32px); }
    .nav-inner { min-height:68px; gap:14px; }
    .brand strong { font-size:18px; }
    .nav-cta { padding:8px 12px; font-size:12px; }
    .hero { padding:52px 0 66px!important; }
    .hero .eyebrow { margin-bottom:26px; font-size:14px; }
    .hero h1 { font-size:clamp(49px,10.4vw,68px)!important; line-height:1.03!important; letter-spacing:-.065em!important; max-width:600px; }
    .hero-copy>p:not(.eyebrow) { margin-top:26px!important; max-width:360px; font-size:17px!important; }
    .hero .hero-actions { margin-top:28px; }
    .workspace-frame { padding:24px 10px 20px!important; }
    #platform-tour { border-radius:8px!important; box-shadow:0 0 0 4px #f7f9fb47,0 12px 26px -20px #233f573c; }
    .workspace-foot { font-size:11px; }
    .workflow-section.features { padding-top:84px!important; }
    .workflow-section>.section-heading { margin-bottom:62px; }
    .workflow-section>.section-heading h2,.closing h2 { font-size:44px; line-height:1.05; }
    .workflow-section>.section-heading>p { font-size:17px; max-width:350px; margin-top:24px; }
    .features .feature-grid { gap:78px!important; }
    .features .feature .artwork,.features .feature:nth-child(even) .artwork { height:440px!important; min-height:440px!important; padding:24px!important; }
    .features .feature .caption h3 { font-size:40px!important; }
    .features .feature .caption p { max-width:360px!important; font-size:17px!important; }
    .features :is(.rp-feature-link,.featureLink) { margin-top:24px; font-size:15px; }
    .closing { margin-top:90px; padding:68px 10px 80px; }
    .closing p:not(.eyebrow) { font-size:17px; }
    .footer-inner { padding-block:42px 44px; }
    .footer-links { gap:28px; }
    .footer-links>div,.footer-links h3 { font-size:13px; }
  }
}
@media (max-width:440px) {
  body[data-direction=rogo] {
    .features .feature .artwork,.features .feature:nth-child(even) .artwork { height:414px!important; min-height:414px!important; padding:16px!important; }
    .features .feature .ix-scene { height:380px; }
    .features .feature .ix-feature-label { padding:8px 9px; }
  }
}
@media (prefers-reduced-motion:reduce) {
  body[data-direction=rogo] :is(.primary-action>span,.rp-feature-link>span) { transition:none!important; transform:none!important; }
}
body[data-direction=rogo][data-motion=off] :is(.primary-action>span,.rp-feature-link>span) { transition:none!important; transform:none!important; }