.product-shell { min-height: 100vh; }
.product-main { padding: clamp(3.5rem, 8vw, 7.5rem) 0; }
.product-nav { display:flex; gap:.55rem; flex-wrap:wrap; align-items:center; justify-content:flex-end; }
.product-nav a { text-decoration:none; color: var(--color-soft); border:1px solid rgba(255,255,255,.12); border-radius:999px; padding:.55rem .82rem; font-weight:820; font-size:.92rem; }
.product-nav a[aria-current='page'], .product-nav a:hover { color:#fff; border-color:rgba(199,213,255,.5); background:rgba(255,255,255,.06); }
.product-hero { display:grid; gap:2rem; grid-template-columns:minmax(0,1.24fr) minmax(280px,.76fr); align-items:start; }
.product-hero h1 { max-width: 12ch; }
.product-card { border:1px solid rgba(255,255,255,.12); background:linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.035)); border-radius:28px; padding:1.25rem; box-shadow:0 20px 60px rgba(0,0,0,.22); }
.product-card.emphasis { background:linear-gradient(180deg, rgba(199,213,255,.12), rgba(255,255,255,.035)); }
.product-list { display:grid; gap:.75rem; margin:1rem 0 0; padding:0; list-style:none; }
.product-list li { border:1px solid rgba(255,255,255,.1); border-radius:18px; padding:.85rem; color:var(--color-soft); background:rgba(0,0,0,.16); }
.product-section { padding: clamp(3rem, 7vw, 6.5rem) 0; }
.product-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }
.product-tile { border:1px solid rgba(255,255,255,.12); border-radius:24px; padding:1.1rem; background:rgba(255,255,255,.045); }
.product-tile p { margin-bottom:0; }
.product-banner { border:1px solid rgba(199,213,255,.24); border-radius:30px; padding:clamp(1.2rem,3vw,2rem); background:rgba(255,255,255,.06); display:grid; gap:1rem; grid-template-columns:minmax(0,1fr) auto; align-items:center; }
.product-actions { display:flex; flex-wrap:wrap; gap:.85rem; margin-top:1.5rem; }
.product-note { color:var(--color-muted); font-size:.95rem; }
.product-footer { border-top:1px solid rgba(255,255,255,.12); padding:2rem 0; color:var(--color-muted); }
.protected-pill { display:inline-flex; align-items:center; gap:.45rem; border:1px solid rgba(159,242,196,.28); color:var(--color-ok); background:rgba(159,242,196,.07); border-radius:999px; padding:.45rem .75rem; font-weight:880; font-size:.82rem; }
@media (max-width: 960px) { .product-hero, .product-banner { grid-template-columns:1fr; } .product-grid { grid-template-columns:1fr 1fr; } }
@media (max-width: 640px) { .product-main { padding:2.5rem 0; } .product-grid { grid-template-columns:1fr; } .product-nav { justify-content:flex-start; } }

/* v473 protected status refinement */
.protected-pill{display:inline-flex;align-items:center;gap:.4rem;margin-bottom:1rem;}
.product-card.emphasis{border-color:rgba(255,255,255,.18);}

.workflow-form{display:grid;gap:12px;margin-top:18px}.workflow-form label{display:grid;gap:6px;font-weight:700;color:#dfe7ff}.workflow-form input,.workflow-form textarea,.workflow-form select{width:100%;box-sizing:border-box;border:1px solid #29375c;border-radius:14px;background:#080d1d;color:#f5f7ff;padding:12px;font:inherit}.workflow-form textarea{min-height:120px}.workflow-result{white-space:pre-wrap;border:1px solid #29375c;border-radius:14px;background:#070b18;padding:14px;margin-top:14px;color:#aee7ff}

/* v649 mobile hamburger navigation */
.mobile-menu-toggle{display:none;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.06);color:#fff;gap:4px;flex-direction:column;cursor:pointer}
.mobile-menu-toggle span{display:block;width:18px;height:2px;border-radius:2px;background:currentColor;transition:transform .18s ease,opacity .18s ease}
.mobile-menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.mobile-menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.mobile-menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
@media (max-width: 760px){
  .nav-shell{position:relative;align-items:center;justify-content:space-between;gap:1rem}
  .mobile-menu-toggle{display:inline-flex;flex:0 0 auto}
  .product-nav{display:none;position:absolute;left:0;right:0;top:calc(100% + 10px);z-index:50;flex-direction:column;align-items:stretch;gap:.45rem;padding:.85rem;border:1px solid rgba(255,255,255,.14);border-radius:1.1rem;background:rgba(6,9,19,.98);box-shadow:0 24px 80px rgba(0,0,0,.38);backdrop-filter:blur(16px)}
  .product-nav.is-open{display:flex}
  .product-nav a{width:100%;text-align:left;padding:.78rem .82rem}
  body.nav-open{overflow-x:hidden}
}
