/* Service content inherits the site's Windows 95 window palette and controls. */
.activation-offer { padding: 20px 24px 24px; font: 14px/1.55 var(--font); color: #000; background: #fff; }
.activation-offer h1 { margin: 0 0 8px; font-size: 27px; line-height: 1.2; }
.activation-offer h2 { margin: 26px 0 8px; font-size: 18px; line-height: 1.3; color: var(--navy); }
.activation-offer p { margin: 0 0 12px; max-width: 70ch; }
.activation-offer .activation-lead { font-size: 16px; }
.activation-photo { margin: 16px 0 20px; }
.activation-photo img { display: block; width: 100%; height: auto; max-height: 390px; object-fit: contain; background: #ededed; }
.activation-package { padding: 16px; background: #ffffe1; border: 1px solid #808080; }
.activation-package h2 { margin-top: 0; }
.activation-offer .activation-price { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 12px; }
.activation-price strong { font-size: 30px; line-height: 1.2; color: var(--navy); }
.activation-price span { font-size: 13px; }
.activation-offer ul { padding-left: 20px; margin: 14px 0 18px; }
.activation-offer li { margin-bottom: 8px; }
.activation-offer .activation-cta { display: inline-flex; align-items: center; justify-content: center; min-height: 36px; height: auto; padding: 8px 14px; margin: 0 0 12px; color: #000; font-weight: bold; text-decoration: none; text-align: center; cursor: pointer; max-width: 100%; }
.activation-cta:hover { background: #dfdfdf; }
.activation-offer .activation-note { font-size: 12px; line-height: 1.5; color: #444; margin-bottom: 0; }
.activation-offer .activation-contact { margin-top: 16px; }
.activation-page .win { max-width: 820px; }
.activation-page .b95 { background: var(--face); box-shadow: inset -1px -1px var(--dark), inset 1px 1px var(--light), inset -2px -2px var(--shadow), inset 2px 2px #dfdfdf; }
.activation-page .b95:active { box-shadow: inset 1px 1px var(--dark), inset -1px -1px var(--light), inset 2px 2px var(--shadow); }
.activation-page .b95:focus-visible { outline: 1px dotted #000; outline-offset: -5px; }
.activation-page .content { box-shadow: inset 1px 1px var(--shadow), inset -1px -1px var(--light), inset 2px 2px var(--dark), inset -2px -2px #dfdfdf; }
#w-robots .tbar, #w-robots .addressbar, #w-robots .statusbar { flex-shrink: 0; }
@media (max-width: 720px) {
  .activation-offer { padding: 16px; }
  .activation-offer h1 { font-size: 24px; }
  .activation-photo img { max-height: none; }
  .activation-package { padding: 12px; }
  .activation-offer .activation-cta { width: 100%; }
}

/* Classic browser address field on the standalone service page. */
.service-address { display: flex; gap: 8px; align-items: center; padding: 3px 5px 6px; font-size: 12px; }
.service-address div { min-width: 0; flex: 1; padding: 2px 6px; background: #fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; box-shadow: inset 1px 1px var(--shadow), inset -1px -1px var(--light), inset 2px 2px var(--dark), inset -2px -2px #dfdfdf; }

/* Personal-homepage energy, circa 1997. */
.retro-banner { text-align: center; padding: 16px 8px 12px; border: 4px double var(--navy); background: #ffffe1; }
.activation-offer .retro-banner h1 { font-family: "Times New Roman", Times, serif; font-style: italic; font-size: clamp(28px, 4vw, 39px); color: #000080; text-shadow: 2px 2px 0 #ffff00, -1px -1px 0 #fff, 0 0 8px #ff60d8; animation: retro-glow 2.8s ease-in-out infinite; }
.retro-parade { display: flex; align-items: center; justify-content: center; gap: 12px; color: #800080; font: bold 11px/1.4 var(--mono); }
.retro-parade svg { width: 32px; height: 32px; flex: none; image-rendering: pixelated; }
.retro-parade svg:last-child { transform: scaleX(-1); }
.retro-ticker { overflow: hidden; margin: 10px 0 16px; background: #000080; color: #ffff00; border: 2px inset #c0c0c0; font: bold 12px/1.6 var(--mono); }
.retro-ticker-track { display: flex; width: max-content; animation: retro-scroll 22s linear infinite; }
.retro-ticker-track span { padding: 4px 18px; white-space: nowrap; }
.retro-footer { margin-top: 28px; padding-top: 16px; border-top: 4px double #808080; display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.retro-badges { display: flex; gap: 6px; flex-wrap: wrap; }
.retro-badges > * { display: block; padding: 3px 6px; border: 2px outset #c0c0c0; background: #000080; color: #fff; font: 9px/1.25 var(--font); text-align: center; text-decoration: none; }
.retro-badges b { color: #ffff00; font-size: 10px; }
.retro-badges a:focus-visible { outline: 2px dotted #000; outline-offset: 3px; }
.retro-motion { cursor: pointer; min-height: 28px; height: auto; padding: 4px 10px; font: 12px var(--font); }
.retro-banner:not(.retro-running) h1, .retro-ticker:not(.retro-running) .retro-ticker-track { animation-play-state: paused; }
@keyframes retro-glow { 0%, 100% { color: #000080; text-shadow: 2px 2px 0 #ffff00, -1px -1px 0 #fff, 0 0 6px #ff60d8; } 50% { color: #800080; text-shadow: 2px 2px 0 #ffff00, -1px -1px 0 #fff, 0 0 14px #ff60d8, 0 0 22px #ffb8ed; } }
@keyframes retro-scroll { to { transform: translateX(-50%); } }
@media (max-width: 720px) { .retro-banner { padding: 12px 6px; } .retro-parade { gap: 6px; font-size: 10px; } }
@media (prefers-reduced-motion: reduce) {
  .activation-offer .retro-banner h1, .retro-ticker-track { animation: none; }
  .retro-ticker-track { width: auto; display: block; }
  .retro-ticker-track span { display: block; white-space: normal; text-align: center; }
  .retro-ticker-track span + span { display: none; }
  .retro-motion { display: none; }
}