*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(circle at 15% 5%,#263312 0,transparent 32rem),#080b09;color:#e0e7df;font:16px/1.55 Arial,sans-serif}h1,h2,h3,.brand,.eyebrow,.button,nav{font-family:Oxanium,Arial,sans-serif}a{color:#c7ff19}a:hover{color:#fff}button,input,textarea,select{font:inherit}button{cursor:pointer}.shell{width:min(1180px,calc(100% - 36px));margin:auto}.top{position:sticky;top:0;z-index:20;background:#090d0bec;border-bottom:1px solid #34402b;backdrop-filter:blur(14px)}.top .shell{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:72px;flex-wrap:wrap}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-size:1.4rem;font-weight:700}.brand img{width:90px;max-height:45px;object-fit:contain}.top nav{display:flex;flex-wrap:wrap;gap:15px;font-size:.83rem;letter-spacing:.05em}.top nav a{text-decoration:none;color:#bdc8b9}.top nav a:hover,.top nav a[aria-current=page]{color:#c7ff19}.hero{padding:70px 0 40px}.eyebrow{font-size:.76rem;letter-spacing:.22em;color:#a8db00;text-transform:uppercase;font-weight:700}h1{font-size:clamp(2.1rem,5.5vw,4.5rem);line-height:1.08;margin:12px 0 22px}h2{font-size:clamp(1.35rem,2.6vw,2rem);line-height:1.2}h3{margin:0 0 8px}.lead{color:#b8c5b6;max-width:760px;font-size:1.08rem}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:18px}.card{background:linear-gradient(155deg,#172019,#0c100e);border:1px solid #34452e;border-radius:15px;padding:24px;box-shadow:0 14px 36px #0005}.card p{color:#b5c1b5}.card.featured{border-color:#8ba83d}.card .tag{font:700 .73rem Oxanium;color:#b6eb54;letter-spacing:.13em}.actions{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:43px;padding:10px 16px;border-radius:8px;border:1px solid #b5e847;background:#b5e847;color:#101608;text-decoration:none;font-weight:700;letter-spacing:.035em}.button:hover{background:#d3ff74;color:#0b1006}.button.secondary{background:transparent;color:#d4e7c6;border-color:#536e3b}.button.secondary:hover{background:#22301b}.button:disabled{opacity:.45;cursor:not-allowed}.muted{color:#9eada0}.note{border-left:3px solid #b5e847;background:#172116;padding:13px 17px;border-radius:0 8px 8px 0;margin:22px 0}.section{padding:22px 0 48px}.pill{display:inline-block;background:#24321e;color:#b8ef68;border-radius:99px;padding:4px 10px;font-size:.76rem}.price{font:700 1.3rem Oxanium;color:#d0fa83}.field{display:flex;flex-direction:column;gap:6px;margin:12px 0}.field input,.field textarea,.field select{width:100%;background:#0a0f0b;color:#fff;border:1px solid #4d6245;border-radius:7px;padding:12px}.field input:focus,.field textarea:focus,.field select:focus{outline:2px solid #b5e847;outline-offset:1px}.footer{margin-top:45px;padding:25px 0;border-top:1px solid #2b392b;color:#a6b1a3;font-size:.85rem}.footer .shell{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}.preview-frame{width:100%;height:620px;background:white;border:0;border-radius:10px}.preview-shell{border:1px solid #536e3b;padding:12px;border-radius:12px}.preview-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.preview-controls button{padding:7px 12px;border:1px solid #50633d;background:#152017;color:#fff;border-radius:6px}.preview-controls button[aria-pressed=true]{border-color:#c7ff19;color:#c7ff19}.preview-shell.mobile .preview-frame{max-width:390px;height:680px;display:block;margin:auto}.preview-shell.tablet .preview-frame{max-width:780px;height:620px;display:block;margin:auto}.search-row{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.search-row input,.search-row select{padding:12px;border:1px solid #52644a;border-radius:8px;background:#101810;color:white;flex:1;min-width:180px}.favorite[aria-pressed=true]{background:#b5e847;color:#101608}.empty{padding:25px;border:1px dashed #54634e;border-radius:12px}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:12px}.stat{padding:20px;border-radius:12px;border:1px solid #35492f;background:#101710}.stat strong{font:700 1.8rem Oxanium;color:#c7ff19;display:block}.two{display:grid;grid-template-columns:2fr 1fr;gap:22px}@media(max-width:760px){.top .shell{padding:12px 0}.hero{padding-top:42px}.two{grid-template-columns:1fr}.preview-frame{height:520px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
/* MARK07 — visible, accessible log out for protected sections */
.top nav .portal-session-label {
  align-self:center; color:#94ab87; font:600 .69rem Oxanium,Arial,sans-serif;
  letter-spacing:.075em; white-space:nowrap;
}
.top nav a.portal-logout {
  display:inline-flex; align-items:center; justify-content:center;
  border:1px solid #a3ff40; border-radius:8px; min-height:40px;
  padding:8px 15px; background:#1a2a13; color:#d4ff9f;
  font:700 .85rem Oxanium,Arial,sans-serif; text-decoration:none;
  white-space:nowrap;
}
.top nav a.portal-logout:hover {background:#a3ff40; color:#080c08;}
.top nav a.portal-logout:focus-visible {outline:3px solid #fff; outline-offset:3px;}
@media(max-width:760px) {
  .top nav .portal-session-label {font-size:.62rem;}
  .top nav a.portal-logout {min-height:44px; padding:10px 14px;}
}

/* MARK13.1 — keep login time visible on desktop and mobile. */
.top nav .portal-session-label {
  font-variant-numeric:tabular-nums;
  font-feature-settings:"tnum";
}