/* Button palette and surface treatment restored from the supplied v1.7 site. */
:root { --green: #78dc58; --bg: #070a07; --panel: #151b15; }
html { background: #070a07; }
body { --pointer-x: 72%; --pointer-y: 18%; background: #070a07; }
body::before {
  background: radial-gradient(circle at var(--pointer-x) var(--pointer-y), #6fc54e19, transparent 31rem), radial-gradient(ellipse at 8% 42%, #60afcc09, transparent 28rem), linear-gradient(#a2d09409 1px, transparent 1px), linear-gradient(90deg, #a2d09409 1px, transparent 1px);
  background-size: auto, auto, 44px 44px, 44px 44px;
  animation: heritage-grid 38s linear infinite;
}
.button.primary, .button.primary:hover:not(:disabled) {
  color: #14270c;
  border: 1px solid rgba(184,255,159,.45);
  background: linear-gradient(135deg,#9bed7d 0%,#69c84c 68%,#5ab341 100%);
  box-shadow: inset 0 1px rgba(255,255,255,.42),0 10px 28px rgba(87,181,59,.17);
  border-radius: 11px;
  letter-spacing: -.01em;
  position: relative;
  overflow: hidden;
  transition: transform 160ms ease,box-shadow 160ms ease,filter 160ms ease;
}
.button.primary:hover:not(:disabled) { transform: translateY(-2px); box-shadow: inset 0 1px #ffffff73,0 14px 34px #57b53b3d; filter: brightness(1.04); }
.button.primary::after { content: ''; position: absolute; inset: 0; background: linear-gradient(110deg,transparent 25%,#ffffff38 48%,transparent 70%); transform: translateX(-120%); pointer-events: none; }
.button.primary:hover::after, .button.primary:focus-visible::after { animation: heritage-sheen .7s ease-out; }
.button.primary:active:not(:disabled) { transform: translateY(0) scale(.98); }
.button.secondary { background: #151b15cc; border-color: #afcda624; box-shadow: inset 0 1px #ffffff08; }
.button.secondary:hover { background: #1c251bf2; border-color: #96e07e47; }
.site-header { background: #070a07c7; backdrop-filter: blur(22px) saturate(1.25); box-shadow: 0 10px 35px #0000002e; }
.site-header::after { content:'';position:absolute;left:0;bottom:-1px;height:1px;width:var(--reading-progress,0%);background:linear-gradient(90deg,#78dc58,#78cbe7);box-shadow:0 0 12px #78dc58a6; }
.launch-logo { filter: drop-shadow(0 0 9px #78dc582e); }
.hero h1 span { color:transparent;background:linear-gradient(105deg,#a8f78c,#6fd451 65%,#78cbe7);background-clip:text;-webkit-background-clip:text; }
.launch-badge { display:inline-flex;padding:8px 12px;border:1px solid #83d86738;border-radius:999px;background:#121d10b8;color:#b7dbae;gap:10px; }
.launch-badge::before { content:'';width:6px;height:6px;flex-shrink:0;border-radius:50%;background:#78dc58;box-shadow:0 0 0 4px #78dc5817,0 0 16px #78dc5899;animation:heritage-pulse 2.8s ease-in-out infinite; }
.product-intro { position:relative;border:1px solid #99ee7c55;background:linear-gradient(155deg,#171f17fa,#0c110dfa);box-shadow:inset 0 1px #ffffff08,0 36px 100px #0007,0 0 70px #78dc5812;transition:border-color .3s,box-shadow .3s; }
.product-intro:hover { border-color:#a2ee7c88;box-shadow:inset 0 1px #ffffff08,0 36px 100px #0008,0 0 85px #78dc5820; }
.intro-model img { animation:heritage-model 7s ease-in-out infinite; }
.intro-arrow { animation:heritage-transfer 2.8s ease-in-out infinite; }
.intro-arrow:nth-of-type(2) { animation-delay:1.4s; }
.intro-output svg { filter:drop-shadow(0 0 10px #78dc5833); }
.tour-figure { position:relative; }
.tour-figure>img { border:1px solid #9bea7c3b;box-shadow:0 25px 80px #0009,0 0 65px #78dc5810; }
.tour-picker button { border-radius:9px;border:1px solid transparent;background:#151b1570;transition:background .2s,border-color .2s,transform .2s; }
.tour-picker button[aria-pressed=true] { color:#b1ef8d;background:#20351d99;border-color:#78dc584d;box-shadow:inset 0 1px #ffffff0a,0 6px 20px #0003; }
.tour-picker button:hover { transform:translateY(-2px);border-color:#78dc5838; }
.workflow-pair article { border:1px solid #afcda620;border-radius:14px;padding:22px;background:linear-gradient(135deg,#151c15d9,#0e140eb3);transition:transform .25s,border-color .25s; }
.workflow-pair article:hover { transform:translateY(-4px);border-color:#96e07e47; }
.creation-list article { transition: border-color .25s; }
.creation-list article:hover { border-color:#96e07e47; }
.price-card { border-color:#96e07e47;background:linear-gradient(145deg,#1a2519,#0d130e);box-shadow:inset 0 1px #ffffff0a,0 28px 90px #0007; }
.heritage-atmosphere { position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;contain:strict; }
.heritage-atmosphere i { position:absolute;border-radius:50%;opacity:.28; }
.heritage-atmosphere i:nth-child(1) { width:420px;height:420px;right:-190px;top:10%;border:1px solid #80e25b33;box-shadow:inset 0 0 90px #80e25b09;animation:heritage-orbit 24s ease-in-out infinite alternate; }
.heritage-atmosphere i:nth-child(2) { width:250px;height:250px;left:-140px;top:56%;border:1px solid #6fc8e829;animation:heritage-orbit 32s ease-in-out infinite alternate-reverse; }
.heritage-atmosphere i:nth-child(3) { width:120px;height:120px;right:15%;bottom:4%;border:1px dashed #e8c56c33;animation:heritage-spin 34s linear infinite; }
body.page-hidden::before,body.page-hidden *,body.page-hidden *::before,body.page-hidden *::after { animation-play-state:paused!important; }
body.motion-off::before,body.motion-off *,body.motion-off *::before,body.motion-off *::after { animation:none!important;transition:none!important; }
@keyframes heritage-grid { to { background-position:0 0,0 0,44px -44px,44px -44px; } }
@keyframes heritage-sheen { to { transform:translateX(120%); } }
@keyframes heritage-pulse { 50% { box-shadow:0 0 0 8px #78dc5800,0 0 20px #78dc58bf; } }
@keyframes heritage-model { 0%,100% { transform:translateY(0) rotate(-3deg); } 50% { transform:translateY(-11px) rotate(3deg); } }
@keyframes heritage-transfer { 0%,100% { opacity:.35;transform:translateX(-2px); } 50% { opacity:1;color:#a1f184;transform:translateX(3px); } }
@keyframes heritage-orbit { to { transform:translate3d(-44px,32px,0) scale(1.08); } }
@keyframes heritage-spin { to { transform:rotate(360deg); } }
@media(max-width:600px) { .launch-badge { font-size:8px; }.workflow-pair { gap:14px; }.workflow-pair article { padding:20px; } }
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { animation:none!important;transition:none!important; } }