/* October 2026 coordinated refinement */
:root{--accent:#2563eb;--accent-ink:#1d4ed8;--tint:#eff5ff}
.instruct-site{--accent:#f97316;--accent-ink:#c2410c;--tint:#fff4eb;--blue:#c2410c;--orange:#f97316}
.refined .hero{padding:32px 0 70px;background:radial-gradient(ellipse at 85% 45%,var(--tint),transparent 62%),linear-gradient(#fff,#f8faff)}
.refined .compact-brand{display:block;width:260px;max-width:70%;margin:0 0 42px}
.refined .compact-brand img{width:100%;height:auto;max-height:90px;object-fit:contain;object-position:left}
.refined .hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center}
.refined .hero h1{font-size:clamp(42px,4.6vw,64px);line-height:1.06;letter-spacing:-.055em;margin:20px 0}
.refined .hero-lede{font-size:18px;line-height:1.65;margin-top:22px;max-width:520px}
.refined .hero .eyebrow{display:flex;flex-wrap:wrap;gap:14px;align-items:center;font-size:11px;color:var(--accent-ink)}
.refined .status-badge{background:var(--tint);color:var(--accent-ink);letter-spacing:0;text-transform:none;border-color:var(--line)}
.refined .hero-note{font-size:12px;line-height:1.65;margin-top:22px;color:#58677e}
.refined .hero-actions{margin-top:28px;gap:10px}.refined .button{transition:transform .2s,box-shadow .2s}.refined .button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0b132b15}
.refined .section{scroll-margin-top:100px}.refined .nav-links a[aria-current]{color:var(--accent-ink);text-decoration:underline;text-underline-offset:8px}
.workflow-demo{border:1px solid #dbe3ef;border-radius:24px;background:#fff;box-shadow:0 30px 80px #182c4d18;overflow:hidden;min-width:0;transform:rotate(-1deg)}
.demo-top{background:#0b132b;color:#fff;padding:20px 24px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:10px;font-weight:800;letter-spacing:.1em}.concept-label{color:#c9d6ed;font-weight:500;letter-spacing:0}
.demo-context{padding:22px 24px 14px;font-size:14px;font-weight:650;line-height:1.5;color:#334155}
.demo-steps{display:grid;grid-template-columns:repeat(4,1fr);padding:0 18px 20px;gap:5px;border-bottom:1px solid #e6eaf1}.demo-step{font:inherit;font-size:11px;cursor:pointer;background:#f5f7fa;border:1px solid transparent;border-radius:10px;padding:10px 3px;color:#536176;font-weight:600}.demo-step span{display:block;font-size:10px;opacity:.7;margin-bottom:3px}.demo-step[aria-pressed=true]{background:var(--tint);border-color:var(--accent);color:var(--accent-ink)}
.demo-content{padding:25px 26px 20px;min-height:282px}.demo-eyebrow{color:var(--accent-ink);font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:.06em}.refined .demo-content h2{font-size:25px;line-height:1.2;letter-spacing:-.035em;color:#0b132b;margin:12px 0 22px}.demo-content p{color:#5f6b7a;font-size:13px;line-height:1.7;margin:19px 0 0;min-height:66px}.demo-record{display:flex;align-items:center;gap:12px;border:1px solid #e6eaf1;border-radius:12px;padding:15px;background:#fbfcfe}.record-icon{display:grid;place-items:center;width:33px;height:33px;border-radius:9px;background:var(--tint);color:var(--accent-ink);font-weight:800}.demo-record strong{display:block;font-size:12px;color:#172033}.demo-record div>span{display:block;font-size:11px;color:#64748b;margin-top:3px}.record-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);margin-left:auto}.demo-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#f8fafc;padding:17px 24px;border-top:1px solid #e6eaf1;font-size:10px;color:#64748b}.demo-next{border:0;background:none;font:inherit;font-size:12px;font-weight:750;color:var(--accent-ink);cursor:pointer;padding:7px}
.scope-note{padding:16px 20px;border-left:3px solid var(--accent);background:var(--tint);font-size:14px!important;color:#475569!important;border-radius:0 10px 10px 0;margin-top:24px!important}
.refined .data-section .eyebrow{color:#a9c6ff}.instruct-site .data-section .eyebrow{color:#fdba74}.refined .integration-brief{margin-top:36px}.integration-brief h3{font-size:23px}.integration-brief h4{color:#fff;margin:0 0 6px}.integration-brief>div{border-top:1px solid #ffffff25;padding:20px 0}.integration-brief p{color:#c9d3e6;font-size:14px;margin:5px 0}.integration-brief p strong{font-weight:550}.integration-brief .button{margin-top:16px}.integration-brief .brief-date{font-size:11px;margin-top:18px}.refined .data-copy h2{font-size:clamp(32px,3.6vw,46px)}
.family-preview{border-radius:24px;padding:27px;background:#0b132b;box-shadow:0 30px 80px #182c4d20;color:#fff}.family-caption{font-size:10px;letter-spacing:.14em;color:#bcc9e0;margin-bottom:18px}.family-item{display:block;background:#172542;border:1px solid #314362;border-radius:15px;padding:23px;text-decoration:none;transition:transform .2s,background .2s}.family-item+.family-item{margin-top:15px}.family-item:hover{background:#213657;transform:translateY(-3px)}.family-number{font-size:10px;letter-spacing:.1em;color:#a9c6ff}.family-item.orange .family-number{color:#fdba74}.family-item h2{font-size:30px;letter-spacing:-.04em;margin:8px 0;color:#fff}.family-item h2 span{float:right;font-size:24px;font-weight:400}.family-item p{font-size:14px;margin:0 0 20px;color:#e2e8f0}.family-item>div{font-size:11px;color:#b5c4db;border-top:1px solid #ffffff20;padding-top:13px}.family-foot{font-size:10px;color:#c3cfe3;margin:20px 0 0}.stewardship{color:#536176;max-width:820px;margin-top:35px}
.refined .feature-grid article,.refined .product-card{transition:transform .2s,box-shadow .2s}.refined .feature-grid article:hover,.refined .product-card:hover{transform:translateY(-4px);box-shadow:0 16px 35px #0b132b0b}.refined .submit-button{background:#0b132b;color:#fff;border:0;cursor:pointer}.refined .contact-fallback a{color:white}.skip-link{position:absolute;top:-100px;left:15px;padding:12px 20px;background:#fff;color:#0b132b;z-index:100}.skip-link:focus{top:10px}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
@media(max-width:1000px){.refined .hero-grid{gap:28px}.refined .hero h1{font-size:46px}.demo-content{padding:22px;min-height:305px}.refined .nav-links{gap:16px}}
@media(max-width:780px){.refined .hero-grid{grid-template-columns:1fr}.refined .hero h1{font-size:clamp(40px,8vw,56px)}.refined .hero{padding:26px 0 48px}.refined .compact-brand{margin-bottom:25px;width:220px}.workflow-demo{transform:none;max-width:580px;width:100%;margin:15px auto 0}.demo-content{min-height:270px}.refined .nav-wrap{flex-wrap:wrap;gap:7px;padding:10px 0}.refined .nav-links{width:100%;justify-content:space-between;gap:8px;padding:6px 0}.refined .nav-links a:nth-child(n){display:block;font-size:11px;white-space:nowrap}.refined .section{scroll-margin-top:120px}.refined .contact-grid,.refined .data-grid{grid-template-columns:1fr}.family-preview{margin-top:10px}.refined .hero-actions .button{font-size:12px;padding:0 16px}.refined .hero-grid>*{min-width:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation:none!important;transition:none!important;transform:none!important}}

/* Raise hero panels in the desktop two-column layout. */
@media (min-width: 781px) {
  .refined .hero-grid > .family-preview,
  .refined .hero-grid > .workflow-demo {
    position: relative;
    top: -40px;
  }
}