:root {
  --background: #070b14;
  --panel: #0f1625;
  --card: rgba(5, 12, 24, 0.44);
  --accent: #8b5cf6;
  --accent-pink: #ec4899;
  --cyan: #38bdf8;
  --success: #00FF88;
  --warning: #f59e0b;
  --error: #FF3D71;
  --text-primary: #f8fafc;
  --text-muted: #cbd5e1;
  --disabled: #64748B;
  --border: rgba(148, 163, 184, 0.18);
  --shadow-soft: 0 20px 40px rgba(14, 19, 31, 0.45);
  --shadow-accent: 0 0 25px rgba(139, 92, 246, 0.18);
  --content-width: 1200px;
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

html.i18n-pending body {
  visibility: hidden;
}

body {
  margin: 0;
  font-family: "Segoe UI", "Manrope", Arial, sans-serif;
  background: var(--background);
  color: var(--text-primary);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

img {
  max-width: 100%;
  display: block;
}

a {
  color: inherit;
  text-decoration: none;
}

button,
input,
textarea,
select {
  font: inherit;
}

button {
  cursor: pointer;
}

:focus-visible {
  outline: 2px solid var(--cyan);
  outline-offset: 3px;
}

.skip-link {
  position: absolute;
  left: -9999px;
  top: 0;
  background: var(--accent);
  color: #fff;
  padding: 0.8rem 1rem;
  border-radius: 0.75rem;
  z-index: 1000;
}

.skip-link:focus {
  left: 1rem;
  top: 1rem;
}

.container {
  width: min(var(--content-width), calc(100% - 2rem));
  margin: 0 auto;
}

.section-shell {
  position: relative;
  padding: 5.5rem 0;
}

.site-header {
  position: sticky;
  top: 0;
  z-index: 100;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  background: rgba(7, 11, 20, 0.72);
  border-bottom: 1px solid rgba(148, 163, 184, 0.1);
  transition: background 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.site-header.scrolled {
  background: rgba(7, 11, 20, 0.9);
  box-shadow: 0 15px 30px rgba(2, 6, 23, 0.35);
  border-color: rgba(148, 163, 184, 0.14);
}

.nav-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 5.25rem;
  gap: 1rem;
}

.brand {
  display: inline-flex;
  align-items: center;
  gap: 0.8rem;
  min-width: 0;
}

.brand-mark {
  width: 2.25rem;
  height: 2.25rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.8rem;
  background: linear-gradient(135deg, var(--accent), var(--accent-pink), var(--cyan));
  color: var(--text-primary);
  font-weight: 800;
  font-size: 0.95rem;
  box-shadow: var(--shadow-accent);
}

.brand-copy {
  display: inline-flex;
  align-items: baseline;
  gap: 0.5rem;
  min-width: 0;
}

.brand-name {
  font-size: 1.02rem;
  font-weight: 700;
  color: var(--text-primary);
  white-space: nowrap;
}

.brand-tag {
  font-size: 0.66rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--text-muted);
}

.site-nav {
  display: flex;
  align-items: center;
  gap: 1.3rem;
  margin-left: auto;
  margin-right: 1rem;
}

.site-nav a,
.footer-links a {
  color: var(--text-muted);
  transition: color 0.2s ease;
}

.site-nav a:hover,
.site-nav a:focus-visible,
.site-nav a.is-active,
.footer-links a:hover,
.footer-links a:focus-visible {
  color: var(--text-primary);
}

.lang-selector {
  display: inline-flex;
  align-items: center;
  gap: 0.15rem;
  background: rgba(15, 22, 37, 0.5);
  padding: 0.3rem 0.5rem;
  border-radius: 0.6rem;
  border: 1px solid var(--border);
  font-size: 0.75rem;
  letter-spacing: 0.08em;
  font-weight: 600;
  margin-left: 0.5rem;
}

.lang-toggle {
  background: none;
  border: none;
  color: var(--text-muted);
  padding: 0.25rem 0.4rem;
  cursor: pointer;
  transition: color 0.2s ease, background 0.2s ease;
  border-radius: 0.4rem;
}

.lang-toggle:hover {
  color: var(--text-primary);
}

.lang-toggle.active {
  color: var(--accent);
  background: rgba(139, 92, 246, 0.1);
}

.lang-toggle:focus-visible {
  outline: 1px solid var(--cyan);
  outline-offset: 1px;
}

.lang-separator {
  color: var(--text-muted);
  opacity: 0.3;
  margin: 0 0.1rem;
}

.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.9rem;
  padding: 0.9rem 1.4rem;
  font-weight: 700;
  border: 1px solid transparent;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, background 0.2s ease;
}

.button:hover,
.button:focus-visible {
  transform: translateY(-1px);
}

.button-primary {
  background: linear-gradient(135deg, var(--accent), var(--accent-pink));
  color: white;
  box-shadow: 0 12px 28px rgba(139, 92, 246, 0.3);
}

/* Reserved for purchase actions; ordinary buttons retain their existing treatment. */
.cta-buy {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  color: #071321 !important;
  border-color: rgba(221, 248, 255, 0.78) !important;
  background: linear-gradient(118deg, #b3f4ff 0%, #5ecbff 33%, #8888ff 66%, #d5a8ff 100%) !important;
  background-size: 220% 220% !important;
  box-shadow: 0 10px 26px rgba(63, 190, 255, 0.26), 0 0 26px rgba(161, 117, 255, 0.2), inset 0 1px rgba(255, 255, 255, 0.76) !important;
  animation: cta-buy-aurora 8s ease-in-out infinite;
}

.cta-buy::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0;
  pointer-events: none;
  opacity: 0.36;
  background: linear-gradient(110deg, transparent 22%, rgba(255, 255, 255, 0.86) 48%, transparent 72%);
  transform: translateX(-130%);
  animation: cta-buy-shimmer 6.5s ease-in-out infinite;
}

.cta-buy:hover {
  color: #06101d !important;
  transform: translateY(-2px);
  box-shadow: 0 15px 34px rgba(56, 202, 255, 0.36), 0 0 34px rgba(169, 121, 255, 0.28), inset 0 1px rgba(255, 255, 255, 0.84) !important;
}

.cta-buy:active { transform: translateY(0); }

.cta-buy:focus-visible {
  outline: 2px solid #d5f8ff;
  outline-offset: 3px;
}

@keyframes cta-buy-aurora {
  0%, 100% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
}

@keyframes cta-buy-shimmer {
  0%, 58%, 100% { transform: translateX(-130%); }
  78% { transform: translateX(130%); }
}

@media (prefers-reduced-motion: reduce) {
  .cta-buy,
  .cta-buy::before { animation: none !important; }

  .cta-buy::before { opacity: 0; }
}

.button-secondary {
  background: rgba(15, 22, 37, 0.9);
  border-color: var(--border);
  color: var(--text-primary);
}

.nav-button {
  padding-inline: 1.2rem;
}

.menu-toggle {
  display: none;
  width: 2.85rem;
  height: 2.85rem;
  border-radius: 0.8rem;
  background: rgba(15, 22, 37, 0.8);
  border: 1px solid var(--border);
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 0.28rem;
}

.menu-toggle span {
  width: 1.2rem;
  height: 2px;
  background: var(--text-primary);
  border-radius: 999px;
  display: block;
  transition: transform 0.2s ease, opacity 0.2s ease;
}

.mobile-menu {
  display: none;
  border-top: 1px solid rgba(148, 163, 184, 0.1);
  background: rgba(7, 11, 20, 0.96);
}

.mobile-menu.is-open {
  display: block;
}

.mobile-menu-inner {
  display: flex;
  flex-direction: column;
  gap: 0.7rem;
  padding: 1rem 0 1.2rem;
}

.mobile-menu-inner a {
  padding: 0.7rem 0.2rem;
  color: var(--text-muted);
}

.hero {
  overflow: hidden;
  padding-top: 4.5rem;
}

.reveal {
  opacity: 0;
  transform: translateY(18px);
  transition: opacity 0.45s ease, transform 0.45s ease;
}

.reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.hero-grid {
  display: grid;
  grid-template-columns: 1.08fr 1fr;
  gap: 2.5rem;
  align-items: center;
  position: relative;
  z-index: 1;
}

.hero-copy,
.hero-visual,
.feature-card,
.windows-card,
.purchase-card,
.faq-list details,
.text-block,
.privacy-panel,
.check-list,
.simple-copy {
  animation: fadeUp 0.7s ease both;
}

.eyebrow {
  display: inline-flex;
  margin: 0 0 1rem;
  color: var(--cyan);
  font-size: 0.78rem;
  text-transform: uppercase;
  letter-spacing: 0.18em;
  font-weight: 700;
}

.eyebrow.accent {
  color: var(--success);
}

h1,
h2,
h3,
h4 {
  margin: 0;
  line-height: 1.08;
  letter-spacing: -0.04em;
}

.hero-title {
  font-family: "Segoe UI", Arial, sans-serif;
  font-weight: 900;
  letter-spacing: 0;
  color: transparent;
  background-image: linear-gradient(
    90deg,
    #8b5cf6 0%,
    #a855f7 22%,
    #ec4899 44%,
    #38bdf8 58%,
    #f472b6 74%,
    #8b5cf6 100%
  );
  background-size: 740px 100%;
  background-repeat: repeat-x;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: 0 3px 0 rgba(76, 29, 149, 0.3725), 0 1px 0 rgba(236, 72, 153, 0.149);
  animation: atso-title-gradient 2247ms linear infinite;
  font-size: clamp(2.8rem, 5vw, 5rem);
  margin-bottom: 0.5rem;
}

@keyframes atso-title-gradient {
  from {
    background-position: -740px 0;
  }

  to {
    background-position: 780px 0;
  }
}

h2 {
  font-size: clamp(1.9rem, 3vw, 2.8rem);
  margin-bottom: 1rem;
  color: var(--text-primary);
}

h3 {
  font-size: clamp(2rem, 3vw, 3rem);
  margin-bottom: 1rem;
}

h4 {
  font-size: 1.35rem;
  margin-bottom: 0.75rem;
}

.lead,
.simple-copy p,
.text-block p,
.windows-copy p,
.privacy-copy p,
.narrow-copy p,
.feature-card p,
.faq-list p,
.purchase-card p {
  color: var(--text-muted);
}

.lead {
  font-size: 1.15rem;
  max-width: 38rem;
  margin: 0 0 2rem;
}

.cta-row {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.hero-glow {
  position: absolute;
  border-radius: 50%;
  filter: blur(90px);
  opacity: 0.38;
  pointer-events: none;
}

.hero-glow-violet {
  width: 26rem;
  height: 26rem;
  background: rgba(139, 92, 246, 0.3);
  left: 8%;
  top: 4%;
}

.hero-glow-cyan {
  width: 24rem;
  height: 24rem;
  background: rgba(56, 189, 248, 0.2);
  right: 10%;
  top: 10%;
}

.hero-glow-pink {
  width: 18rem;
  height: 18rem;
  background: rgba(236, 72, 153, 0.2);
  right: 28%;
  bottom: 0;
}

.app-window {
  position: relative;
  border-radius: 1.5rem;
  border: 1px solid rgba(148, 163, 184, 0.18);
  background: linear-gradient(180deg, rgba(14, 21, 34, 0.95), rgba(11, 17, 27, 0.9));
  box-shadow: var(--shadow-soft);
  padding: 0.9rem;
  width: min(100%, 38rem);
  margin: 0 auto;
}

.window-toolbar {
  display: flex;
  gap: 0.55rem;
  padding: 0.6rem 0.85rem 1rem;
}

.traffic-dot {
  width: 0.7rem;
  height: 0.7rem;
  border-radius: 50%;
  display: block;
}

.traffic-dot.red { background: var(--error); }
.traffic-dot.yellow { background: var(--warning); }
.traffic-dot.green { background: var(--success); }

.window-body {
  display: grid;
  grid-template-columns: 150px 1fr;
  gap: 0.95rem;
  background: rgba(6, 10, 18, 0.7);
  border: 1px solid rgba(148, 163, 184, 0.08);
  border-radius: 1rem;
  padding: 0.85rem;
}

.window-sidebar {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
  padding: 0.6rem 0.3rem;
}

.sidebar-section {
  border-radius: 0.7rem;
  padding: 0.7rem 0.7rem;
  background: rgba(148, 163, 184, 0.04);
  color: var(--text-muted);
  font-size: 0.86rem;
}

.sidebar-section.active {
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.18), rgba(56, 189, 248, 0.08));
  color: var(--text-primary);
  border: 1px solid rgba(139, 92, 246, 0.32);
}

.window-content {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 0.4rem 0.2rem 0.2rem;
}

.status-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.6rem;
}

.chip {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 0.38rem 0.7rem;
  font-size: 0.72rem;
  font-weight: 700;
  border: 1px solid rgba(148, 163, 184, 0.2);
}

.chip-success {
  background: rgba(0, 255, 136, 0.1);
  color: var(--success);
}

.chip-neutral {
  background: rgba(148, 163, 184, 0.08);
  color: var(--text-muted);
}

.metrics-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.7rem;
}

.metric-card {
  background: rgba(148, 163, 184, 0.04);
  border: 1px solid rgba(148, 163, 184, 0.12);
  border-radius: 0.85rem;
  padding: 0.8rem 0.7rem;
}

.metric-card.accent {
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.18), rgba(56, 189, 248, 0.1));
  border-color: rgba(139, 92, 246, 0.25);
}

.metric-label {
  display: block;
  color: var(--text-muted);
  font-size: 0.73rem;
  margin-bottom: 0.35rem;
}

.config-panel {
  border-radius: 1rem;
  background: rgba(15, 22, 37, 0.8);
  border: 1px solid rgba(148, 163, 184, 0.12);
  padding: 0.95rem;
}

.panel-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: var(--text-primary);
  font-size: 0.8rem;
  margin-bottom: 0.75rem;
}

.pill {
  display: inline-flex;
  border-radius: 999px;
  padding: 0.2rem 0.55rem;
  background: rgba(93, 117, 255, 0.14);
  color: var(--cyan);
  font-weight: 700;
}

.bar-row {
  display: grid;
  grid-template-columns: 78px 1fr;
  gap: 0.6rem;
  align-items: center;
  margin-bottom: 0.6rem;
  color: var(--text-muted);
  font-size: 0.74rem;
}

.progress {
  width: 100%;
  height: 0.52rem;
  background: rgba(148, 163, 184, 0.12);
  border-radius: 999px;
  overflow: hidden;
}

.progress span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--accent), var(--cyan));
}

.section-head {
  text-align: center;
  margin-bottom: 2.2rem;
}

.feature-grid,
.philosophy-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.4rem;
  min-width: 0;
}

.feature-card {
  position: relative;
  overflow: hidden;
  min-width: 0;
  --feature-accent: var(--accent);
  --feature-accent-soft: rgba(139, 92, 246, 0.16);
  background:
    radial-gradient(circle at 18% 0%, var(--feature-accent-soft), transparent 34%),
    linear-gradient(180deg, rgba(15, 22, 37, 0.82), rgba(9, 14, 24, 0.66));
  border: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 1.2rem;
  padding: 1.5rem;
  box-shadow: 0 18px 32px rgba(2, 6, 23, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.035);
  transition: transform 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease, background 0.22s ease;
}

.feature-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 3px;
  background: linear-gradient(90deg, transparent, var(--feature-accent), transparent);
  opacity: 0.55;
}

.feature-card::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.04), transparent 38%);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.22s ease;
}

.feature-toggle {
  cursor: pointer;
}

.feature-card h4,
.feature-card p {
  overflow-wrap: break-word;
}

.feature-card:hover,
.feature-card:focus-within {
  transform: translateY(-5px);
  border-color: color-mix(in srgb, var(--feature-accent) 42%, rgba(148, 163, 184, 0.14));
  box-shadow: 0 24px 36px rgba(2, 6, 23, 0.32), 0 0 24px color-mix(in srgb, var(--feature-accent) 20%, transparent);
}

.feature-card:hover::after,
.feature-card:focus-within::after {
  opacity: 1;
}

.feature-card[aria-expanded="true"] {
  border-color: color-mix(in srgb, var(--feature-accent) 56%, rgba(148, 163, 184, 0.14));
  box-shadow: 0 24px 38px rgba(2, 6, 23, 0.34), 0 0 26px color-mix(in srgb, var(--feature-accent) 24%, transparent);
}

.feature-card-violet {
  --feature-accent: var(--accent);
  --feature-accent-soft: rgba(139, 92, 246, 0.17);
}

.feature-card-cyan {
  --feature-accent: var(--cyan);
  --feature-accent-soft: rgba(56, 189, 248, 0.15);
}

.feature-card-pink {
  --feature-accent: var(--accent-pink);
  --feature-accent-soft: rgba(236, 72, 153, 0.15);
}

.feature-card-green {
  --feature-accent: var(--success);
  --feature-accent-soft: rgba(0, 255, 136, 0.11);
}

.feature-card-orange {
  --feature-accent: var(--warning);
  --feature-accent-soft: rgba(245, 158, 11, 0.13);
}

.feature-card-blue {
  --feature-accent: #60a5fa;
  --feature-accent-soft: rgba(96, 165, 250, 0.14);
}

.feature-chevron {
  position: absolute;
  top: 1.45rem;
  right: 1.35rem;
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 999px;
  border: 1px solid rgba(148, 163, 184, 0.14);
  background: rgba(5, 12, 24, 0.4);
  transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}

.feature-chevron::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 47%;
  width: 0.46rem;
  height: 0.46rem;
  border-right: 2px solid rgba(203, 213, 225, 0.76);
  border-bottom: 2px solid rgba(203, 213, 225, 0.76);
  transform: translate(-50%, -50%) rotate(45deg);
  transition: border-color 0.2s ease, transform 0.2s ease;
}

.feature-card[aria-expanded="true"] .feature-chevron {
  border-color: color-mix(in srgb, var(--feature-accent) 46%, rgba(148, 163, 184, 0.14));
  background: color-mix(in srgb, var(--feature-accent) 12%, rgba(5, 12, 24, 0.48));
}

.feature-card[aria-expanded="true"] .feature-chevron::before {
  border-color: var(--feature-accent);
  transform: translate(-50%, -30%) rotate(225deg);
}

.feature-detail {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.28s ease;
}

.feature-detail-inner {
  margin-top: 1.05rem;
  padding-top: 1rem;
  border-top: 1px solid color-mix(in srgb, var(--feature-accent) 26%, rgba(148, 163, 184, 0.12));
  display: grid;
  gap: 0.75rem;
}

.feature-detail p {
  margin: 0;
  font-size: 0.95rem;
}

.icon-wrap {
  display: inline-flex;
  width: 2.6rem;
  height: 2.6rem;
  align-items: center;
  justify-content: center;
  border-radius: 0.85rem;
  margin-bottom: 1rem;
  background: linear-gradient(135deg, color-mix(in srgb, var(--feature-accent) 26%, rgba(15, 22, 37, 0.6)), rgba(56, 189, 248, 0.06));
  color: var(--feature-accent);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--feature-accent) 24%, transparent), 0 10px 24px color-mix(in srgb, var(--feature-accent) 10%, transparent);
}

.icon-wrap svg {
  width: 1.25rem;
  height: 1.25rem;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.simple-grid,
.windows-grid,
.privacy-panel,
.cta-band-inner,
.buy-layout {
  display: grid;
  grid-template-columns: 1.05fr 0.95fr;
  gap: 2rem;
  align-items: center;
}

.simple-section {
  background: rgba(15, 22, 37, 0.35);
  border-top: 1px solid rgba(148, 163, 184, 0.08);
  border-bottom: 1px solid rgba(148, 163, 184, 0.08);
}

.check-list {
  background: rgba(15, 22, 37, 0.72);
  border: 1px solid rgba(148, 163, 184, 0.12);
  border-radius: 1.3rem;
  padding: 2rem;
}

.check-list ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 0.9rem;
  color: var(--text-primary);
}

.privacy-spotlight {
  background: rgba(0, 255, 136, 0.03);
}

.privacy-panel {
  background: rgba(5, 12, 24, 0.72);
  border: 1px solid rgba(0, 255, 136, 0.2);
  border-radius: 1.5rem;
  padding: 2rem;
  box-shadow: 0 18px 36px rgba(0, 255, 136, 0.06);
}

.privacy-copy h3 {
  margin-bottom: 1rem;
}

.privacy-points {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
}

.privacy-points span {
  display: inline-flex;
  align-items: center;
  padding: 0.7rem 0.9rem;
  border-radius: 999px;
  background: rgba(0, 255, 136, 0.06);
  border: 1px solid rgba(0, 255, 136, 0.15);
  color: var(--success);
  font-size: 0.82rem;
}

.windows-card {
  background: rgba(15, 22, 37, 0.75);
  border: 1px solid rgba(148, 163, 184, 0.12);
  border-radius: 1.4rem;
  padding: 1rem;
}

.windows-badge {
  display: inline-flex;
  margin-bottom: 1rem;
  border-radius: 999px;
  padding: 0.42rem 0.8rem;
  background: linear-gradient(135deg, rgba(56, 189, 248, 0.18), rgba(139, 92, 246, 0.16));
  color: var(--cyan);
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.windows-ui {
  border-radius: 1rem;
  overflow: hidden;
  border: 1px solid rgba(148, 163, 184, 0.1);
  background: rgba(9, 13, 20, 0.9);
}

.win-topbar {
  display: flex;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  border-bottom: 1px solid rgba(148, 163, 184, 0.08);
}

.dot {
  width: 0.74rem;
  height: 0.74rem;
  background: rgba(148, 163, 184, 0.7);
  border-radius: 50%;
}

.win-body {
  display: grid;
  grid-template-columns: 120px 1fr;
  min-height: 220px;
}

.win-sidebar {
  background: rgba(148, 163, 184, 0.05);
  border-right: 1px solid rgba(148, 163, 184, 0.08);
}

.win-panel {
  background: linear-gradient(180deg, rgba(56, 189, 248, 0.08), rgba(139, 92, 246, 0.08));
  position: relative;
}

.win-panel::before,
.win-panel::after {
  content: "";
  position: absolute;
  left: 1rem;
  right: 1rem;
  height: 0.7rem;
  border-radius: 999px;
  background: rgba(148, 163, 184, 0.16);
}

.win-panel::before {
  top: 1.2rem;
}

.win-panel::after {
  top: 2.4rem;
  width: 55%;
}

.cta-band {
  padding-top: 2rem;
}

.cta-band-inner {
  padding: 2rem;
  border: 1px solid rgba(148, 163, 184, 0.12);
  border-radius: 1.5rem;
  background: linear-gradient(135deg, rgba(15, 22, 37, 0.9), rgba(14, 20, 32, 0.82));
  box-shadow: var(--shadow-soft);
}

.site-footer {
  padding: 2.5rem 0 3rem;
  border-top: 1px solid rgba(148, 163, 184, 0.08);
  background: rgba(5, 10, 18, 0.7);
}

.footer-grid,
.footer-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.footer-links {
  display: flex;
  align-items: center;
  gap: 1.25rem;
}

.footer-brand {
  margin-bottom: 0;
}

.footer-meta {
  margin-top: 1.5rem;
  padding-top: 1.1rem;
  border-top: 1px solid rgba(148, 163, 184, 0.08);
  color: var(--text-muted);
  font-size: 0.9rem;
}

.footer-note {
  max-width: 31rem;
  text-align: right;
}

.content-page {
  padding-top: 2rem;
}

.page-hero {
  padding-top: 4rem;
  padding-bottom: 2rem;
}

.narrow-copy {
  max-width: 46rem;
  margin: 0 auto;
  text-align: center;
}

.text-block {
  max-width: 52rem;
  margin: 0 auto;
  padding: 2rem;
  border-radius: 1.5rem;
  background: rgba(15, 22, 37, 0.68);
  border: 1px solid rgba(148, 163, 184, 0.12);
}

.text-block h3 {
  margin: 1.5rem 0 0.8rem;
  font-size: clamp(1.5rem, 2vw, 2.25rem);
}

.privacy-list {
  padding-left: 1.2rem;
  color: var(--text-muted);
  line-height: 1.9;
  margin: 1rem 0 1.6rem;
}

.last-updated {
  margin-top: 1.5rem;
  color: var(--text-primary);
}

.buy-layout {
  max-width: 50rem;
  margin: 0 auto;
}

.purchase-card {
  width: 100%;
  background: rgba(15, 22, 37, 0.78);
  border: 1px solid rgba(148, 163, 184, 0.12);
  border-radius: 1.5rem;
  padding: 2rem;
  box-shadow: var(--shadow-soft);
}

.feature-list {
  list-style: none;
  padding: 0;
  margin: 1.25rem 0 1.8rem;
  display: grid;
  gap: 0.8rem;
  color: var(--text-primary);
}

.price-block {
  margin-bottom: 1.2rem;
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}

.price-label {
  font-size: 0.76rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--text-muted);
}

.price-line {
  display: flex;
  align-items: baseline;
  gap: 0.25rem;
  font-weight: 800;
}

.currency {
  font-size: 1.2rem;
  color: var(--text-primary);
}

.price-value {
  font-size: clamp(2.5rem, 4vw, 4rem);
  line-height: 1;
  color: var(--text-primary);
}

.purchase-button {
  width: 100%;
  margin-bottom: 0.5rem;
}

.payment-note {
  color: var(--text-muted);
  font-size: 0.76rem;
  min-height: 1.2rem;
}

.faq-wrap {
  max-width: 52rem;
  margin: 0 auto;
}

.faq-list {
  display: grid;
  gap: 0.9rem;
}

.faq-list details {
  border: 1px solid rgba(148, 163, 184, 0.12);
  border-radius: 1rem;
  background: rgba(15, 22, 37, 0.65);
  padding: 1rem 1.1rem;
}

.faq-list summary {
  cursor: pointer;
  font-weight: 700;
  list-style: none;
}

.faq-list summary::-webkit-details-marker {
  display: none;
}

.faq-list details p {
  margin: 0.8rem 0 0;
}

@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translateY(18px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (max-width: 980px) {
  .hero-grid,
  .simple-grid,
  .windows-grid,
  .privacy-panel,
  .cta-band-inner,
  .buy-layout {
    grid-template-columns: 1fr;
  }

  .feature-grid,
  .philosophy-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .site-nav,
  .nav-button {
    display: none;
  }

  .menu-toggle {
    display: inline-flex;
  }

  .mobile-menu.is-open {
    display: block;
  }

  .lang-selector {
    margin-left: auto;
    margin-right: 0.75rem;
  }
}

@media (max-width: 640px) {
  .section-shell {
    padding: 4.2rem 0;
  }

  .feature-grid,
  .philosophy-grid {
    grid-template-columns: 1fr;
  }

  .footer-grid,
  .footer-meta {
    flex-direction: column;
    align-items: flex-start;
  }

  .footer-note {
    text-align: left;
  }

  .cta-row {
    flex-direction: column;
    align-items: stretch;
  }

  .button {
    width: 100%;
  }

  .app-window {
    padding: 0.7rem;
  }

  .window-body {
    grid-template-columns: 1fr;
  }

  .window-sidebar {
    flex-direction: row;
    flex-wrap: wrap;
  }

  .sidebar-section {
    flex: 1 1 100px;
  }

  .metrics-grid {
    grid-template-columns: 1fr;
  }

  .bar-row {
    grid-template-columns: 1fr;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }

  .hero-title {
    animation: none;
  }
}

/* BukiCorp corporate home — intentionally scoped to avoid altering product pages. */
.home-v2 {
  --buki-ink: #060914;
  --buki-panel: rgba(12, 19, 37, 0.72);
  --buki-line: rgba(157, 199, 255, 0.17);
  --buki-blue: #58c7ff;
  --buki-violet: #9b7bff;
  background: var(--buki-ink);
}

.home-v2::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -2;
  pointer-events: none;
  background: radial-gradient(circle at 82% 7%, rgba(73, 123, 255, 0.12), transparent 30rem), radial-gradient(circle at 8% 44%, rgba(133, 74, 255, 0.09), transparent 28rem);
}

.home-v2 .site-header { border-color: rgba(155, 185, 240, 0.1); }
.corporate-brand { letter-spacing: -0.03em; }
.brand-mark-buki { position: relative; overflow: hidden; background: linear-gradient(140deg, #6ee2ff, #7785ff 48%, #bf6dff); box-shadow: 0 0 0 1px rgba(209, 233, 255, 0.22), 0 10px 26px rgba(75, 112, 255, 0.27); }
.brand-mark-buki i { position: absolute; display: block; width: 0.26rem; height: 0.26rem; border-radius: 50%; background: white; opacity: .9; }
.brand-mark-buki i:nth-child(1) { top: .58rem; left: .62rem; }.brand-mark-buki i:nth-child(2) { top: 1.08rem; left: 1rem; }.brand-mark-buki i:nth-child(3) { top: 1.5rem; left: .62rem; }

.buki-hero { position: relative; isolation: isolate; min-height: min(650px, calc(100vh - 84px)); overflow: hidden; display: grid; align-items: center; padding: clamp(4.8rem, 8vw, 7.25rem) 0 clamp(4rem, 6vw, 5.5rem); }
.hero-gridlines { position: absolute; inset: 0; z-index: -1; opacity: .36; background-image: linear-gradient(rgba(121, 163, 237, .09) 1px, transparent 1px), linear-gradient(90deg, rgba(121, 163, 237, .09) 1px, transparent 1px); background-size: 58px 58px; mask-image: linear-gradient(to bottom, black, transparent 88%); }
.hero-gridlines::after { content: ""; position: absolute; inset: 0; background: radial-gradient(ellipse at 50% 50%, transparent 20%, var(--buki-ink) 76%); }
.hero-orb { position: absolute; z-index: -1; width: 32rem; aspect-ratio: 1; border-radius: 50%; filter: blur(30px); opacity: .36; pointer-events: none; }
.orb-cyan { top: -13rem; right: 6%; background: radial-gradient(circle, #12c8ff, transparent 68%); }.orb-violet { bottom: -20rem; left: -9rem; background: radial-gradient(circle, #7647ff, transparent 69%); }
.buki-hero-layout { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(330px, .85fr); gap: clamp(2.5rem, 7vw, 8rem); align-items: center; }
.buki-kicker { display: inline-flex; align-items: center; gap: .62rem; color: #aebce1; font-size: .74rem; line-height: 1; letter-spacing: .16em; font-weight: 750; text-transform: uppercase; margin: 0 0 1.25rem; }.buki-kicker > span:first-child { width: 1.75rem; height: 1px; background: linear-gradient(90deg, var(--buki-blue), var(--buki-violet)); }
.buki-hero h1 { max-width: 11ch; margin: 0; font-size: clamp(3.1rem, 6.2vw, 6.25rem); letter-spacing: -.065em; line-height: .97; text-wrap: balance; background: linear-gradient(120deg, #fbfdff 8%, #bfe9ff 48%, #cfbdff 92%); -webkit-background-clip: text; background-clip: text; color: transparent; }
.buki-hero-lead { max-width: 38rem; margin: 1.55rem 0 0; color: #b9c6df; font-size: clamp(1rem, 1.4vw, 1.17rem); line-height: 1.72; }
.buki-actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 2rem; }.home-v2 .button { min-height: 3.15rem; border-radius: .9rem; font-weight: 720; }.buki-primary { display: inline-flex; align-items: center; justify-content: center; gap: .85rem; color: #06101c; background: linear-gradient(110deg, #a6edff, #7cd5ff 42%, #b0a2ff); box-shadow: 0 12px 30px rgba(69, 167, 255, .2), inset 0 1px rgba(255,255,255,.65); transition: transform .22s ease, box-shadow .22s ease; }.buki-primary:hover { transform: translateY(-3px); box-shadow: 0 18px 42px rgba(87, 137, 255, .32), inset 0 1px rgba(255,255,255,.75); }.buki-secondary { display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--buki-line); color: #e1eaff; background: rgba(13, 21, 39, .48); }.buki-secondary:hover { border-color: rgba(145, 208, 255, .48); background: rgba(32, 50, 87, .5); }
.hero-signals { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: 2.1rem; }.hero-signals span { color: #92a3c8; font-size: .77rem; padding: .38rem .7rem; border: 1px solid rgba(154, 190, 250, .13); border-radius: 99px; background: rgba(17, 25, 46, .46); }

.hero-construct { width: min(100%, 30rem); justify-self: end; perspective: 1000px; }.construct-shell { overflow: hidden; border: 1px solid rgba(158, 213, 255, .3); border-radius: 1.5rem; background: linear-gradient(145deg, rgba(19, 39, 69, .78), rgba(11, 14, 31, .86)); box-shadow: inset 0 1px rgba(255,255,255,.11), 0 30px 80px rgba(0,0,0,.43), 0 0 55px rgba(64, 143, 255, .14); transform: rotateY(-7deg) rotateX(2deg); }.construct-top { display: flex; align-items: center; gap: .35rem; height: 2.7rem; padding: 0 1rem; border-bottom: 1px solid rgba(164, 206, 255, .14); background: rgba(5, 10, 24, .42); }.construct-top span { width: .42rem; height: .42rem; border-radius: 50%; background: #73dbff; box-shadow: 0 0 8px #73dbff; }.construct-top span:nth-child(2) { background: #ae8cff; box-shadow: 0 0 8px #ae8cff; }.construct-top span:nth-child(3) { background: #edf6ff; box-shadow: 0 0 8px #edf6ff; }.construct-top b { margin-left: auto; color: #90a6d1; font-size: .59rem; letter-spacing: .13em; }.construct-core { position: relative; height: 22rem; display: grid; place-items: center; overflow: hidden; background: radial-gradient(circle at 50% 50%, rgba(79, 174, 255, .2), transparent 29%), linear-gradient(135deg, rgba(105, 71, 255, .15), transparent 48%); }.construct-core::before, .construct-core::after { content: ""; position: absolute; width: 120%; height: 1px; background: linear-gradient(90deg, transparent, rgba(118, 199, 255, .55), transparent); transform: rotate(-28deg); }.construct-core::after { transform: rotate(28deg); }.core-ring { position: absolute; border: 1px solid rgba(128, 213, 255, .43); border-radius: 50%; }.ring-one { width: 14rem; height: 14rem; border-left-color: transparent; animation: buki-spin 16s linear infinite; }.ring-two { width: 9rem; height: 9rem; border-right-color: #a880ff; border-top-color: transparent; animation: buki-spin 10s linear infinite reverse; }.core-symbol { position: relative; z-index: 1; display: grid; place-items: center; width: 4.5rem; height: 4.5rem; border-radius: 1.3rem; color: white; font-size: 2.15rem; font-weight: 850; background: linear-gradient(140deg, #49d9ff, #7278ff 52%, #bd75ff); box-shadow: 0 0 0 8px rgba(106, 185, 255, .08), 0 0 42px rgba(101, 180, 255, .66); }.core-label { position: absolute; color: #bcd4f4; font-size: .61rem; letter-spacing: .16em; font-weight: 760; }.label-one { top: 3.8rem; }.label-two { right: 2.7rem; bottom: 5rem; }.label-three { left: 2rem; bottom: 6.7rem; }.construct-status { display: flex; justify-content: space-between; padding: .9rem 1rem; color: #8ca1ca; font-size: .62rem; font-weight: 700; letter-spacing: .1em; }.construct-status i { display: inline-block; width: .43rem; height: .43rem; border-radius: 50%; background: #4dffc4; box-shadow: 0 0 8px #4dffc4; margin-right: .35rem; }
@keyframes buki-spin { to { transform: rotate(360deg); } }

.products-section { position: relative; padding: clamp(4.3rem, 7vw, 6.5rem) 0; }.buki-section-head { max-width: 42rem; margin: 0 auto clamp(2rem, 4vw, 3.2rem); text-align: center; }.buki-section-head .buki-kicker { justify-content: center; }.buki-section-head h2, .identity-section h2, .buki-final h2 { margin: 0; color: #f5f8ff; font-size: clamp(2rem, 3.5vw, 3.45rem); line-height: 1.04; letter-spacing: -.045em; text-wrap: balance; }.buki-section-head > p:last-child { max-width: 35rem; margin: 1rem auto 0; color: #9eafd0; }
.product-showcase { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(1rem, 2.25vw, 1.8rem); }.product-card { position: relative; min-height: 31.5rem; overflow: hidden; display: flex; flex-direction: column; isolation: isolate; padding: clamp(1.35rem, 3vw, 2.25rem); border: 1px solid var(--buki-line); border-radius: 1.5rem; background: linear-gradient(145deg, rgba(24, 37, 66, .8), rgba(9, 14, 30, .89) 56%); box-shadow: inset 0 1px rgba(255,255,255,.08), 0 20px 40px rgba(0,0,0,.18); transition: transform .28s ease, border-color .28s ease, box-shadow .28s ease; }.product-card:hover { transform: translateY(-7px); border-color: rgba(150, 218, 255, .42); box-shadow: inset 0 1px rgba(255,255,255,.13), 0 28px 56px rgba(0,0,0,.3), 0 0 42px rgba(66, 166, 255, .12); }.product-card::after { content: ""; position: absolute; z-index: -1; width: 17rem; height: 17rem; border: 1px solid rgba(136, 221, 255, .14); border-radius: 50%; right: -5rem; bottom: -7rem; }.product-pzi { background: linear-gradient(145deg, rgba(41, 24, 74, .84), rgba(12, 12, 31, .92) 58%); }.product-pzi:hover { border-color: rgba(203, 145, 255, .44); box-shadow: inset 0 1px rgba(255,255,255,.13), 0 28px 56px rgba(0,0,0,.3), 0 0 42px rgba(164, 84, 255, .16); }.product-pzi::after { border-color: rgba(204, 135, 255, .18); }.product-card-glow { position: absolute; z-index: -1; width: 19rem; height: 13rem; top: -8rem; right: -4rem; filter: blur(24px); background: rgba(55, 190, 255, .3); }.product-pzi .product-card-glow { background: rgba(163, 80, 255, .27); }.product-card-top { display: flex; align-items: center; justify-content: space-between; gap: .75rem; }.product-icon { display: grid; place-items: center; width: 3.2rem; height: 3.2rem; border-radius: 1rem; font-size: 1rem; font-weight: 850; letter-spacing: -.04em; }.atso-icon { color: #dff9ff; background: linear-gradient(140deg, #2789e5, #4cddff); box-shadow: 0 8px 22px rgba(68, 194, 255, .26); }.pzi-icon { color: #f8ecff; font-size: .75rem; background: linear-gradient(140deg, #7046df, #c060ff); box-shadow: 0 8px 22px rgba(177, 87, 255, .25); }.product-state { padding: .34rem .62rem; border: 1px solid; border-radius: 99px; font-size: .67rem; letter-spacing: .05em; font-weight: 740; }.product-state.live { color: #92f1ff; border-color: rgba(113, 223, 255, .29); background: rgba(65, 191, 255, .08); }.product-state.soon { color: #deb8ff; border-color: rgba(209, 147, 255, .27); background: rgba(171, 81, 255, .08); }.product-card-copy { margin-top: clamp(3.1rem, 7vw, 5.2rem); }.product-overline { margin: 0 0 .65rem; color: #8edfff; font-size: .77rem; font-weight: 780; letter-spacing: .1em; text-transform: uppercase; }.product-pzi .product-overline { color: #d2a8ff; }.product-card h3 { max-width: 11ch; margin: 0; font-size: clamp(1.8rem, 3vw, 2.65rem); line-height: 1.06; letter-spacing: -.045em; }.product-card-copy > p:last-child { max-width: 32rem; margin: 1rem 0 0; color: #a9b8d5; }.product-tags { display: flex; flex-wrap: wrap; gap: .45rem; padding: 0; margin: 1.75rem 0; list-style: none; }.product-tags li { padding: .37rem .56rem; color: #c8ddf5; border: 1px solid rgba(163, 208, 255, .13); border-radius: .5rem; background: rgba(6, 14, 31, .26); font-size: .7rem; }.product-pzi .product-tags li { color: #ead8ff; border-color: rgba(215, 170, 255, .15); }.product-link { display: inline-flex; align-items: center; gap: .7rem; width: fit-content; margin-top: auto; color: #dff8ff; font-size: .94rem; font-weight: 720; }.product-link span:last-child { font-size: 1.3rem; transition: transform .2s ease; }.product-link:hover span:last-child { transform: translateX(4px); }.product-pending { margin: auto 0 0; color: #c9a8eb; font-size: .88rem; }

.identity-section { padding: clamp(4.2rem, 7vw, 6.2rem) 0; }.identity-layout { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1fr); gap: clamp(2rem, 8vw, 8rem); padding: clamp(1.5rem, 4vw, 3.2rem); border-top: 1px solid var(--buki-line); border-bottom: 1px solid var(--buki-line); }.identity-copy > p { max-width: 34rem; margin: .05rem 0 0; color: #becae1; font-size: clamp(1.08rem, 1.8vw, 1.33rem); line-height: 1.6; }.identity-pillars { display: grid; grid-template-columns: repeat(2, 1fr); gap: .6rem; margin-top: 1.65rem; }.identity-pillars span { padding: .68rem .8rem; color: #bdcbea; border: 1px solid rgba(155, 191, 244, .14); border-radius: .68rem; background: rgba(18, 28, 51, .52); font-size: .82rem; }.identity-pillars span::before { content: "✦"; margin-right: .45rem; color: #83dfff; }
.buki-final { padding: 0 0 clamp(3.6rem, 6vw, 5.5rem); }.final-panel { display: flex; justify-content: space-between; align-items: center; gap: 2rem; overflow: hidden; position: relative; padding: clamp(1.6rem, 4vw, 3rem); border: 1px solid rgba(148, 202, 255, .23); border-radius: 1.5rem; background: linear-gradient(110deg, rgba(25, 41, 76, .74), rgba(31, 18, 72, .75)); }.final-panel::before { content: ""; position: absolute; width: 23rem; height: 23rem; right: 10%; border-radius: 50%; background: rgba(89, 158, 255, .17); filter: blur(35px); }.final-panel > * { position: relative; }.buki-final h2 { max-width: 15ch; }
.corporate-footer { border-top-color: rgba(153, 192, 246, .11); }.corporate-footer .footer-note { color: #93a6cb; }

@media (max-width: 980px) { .buki-hero { min-height: auto; }.buki-hero-layout { grid-template-columns: 1fr; gap: 3rem; }.hero-construct { justify-self: start; width: min(100%, 34rem); }.product-card { min-height: 29rem; }.identity-layout { grid-template-columns: 1fr; gap: 1.8rem; }.final-panel { align-items: flex-start; flex-direction: column; } }
@media (max-width: 640px) { .buki-hero { padding-top: 3.9rem; }.buki-hero h1 { font-size: clamp(2.75rem, 14vw, 3.75rem); }.buki-actions { flex-direction: column; }.buki-actions .button { width: 100%; }.hero-construct { width: 100%; }.construct-shell { transform: none; }.construct-core { height: 18rem; }.product-showcase { grid-template-columns: 1fr; }.product-card { min-height: 27rem; border-radius: 1.2rem; }.product-card-copy { margin-top: 2.7rem; }.identity-pillars { grid-template-columns: 1fr; }.final-panel { border-radius: 1.2rem; }.final-panel .button { width: 100%; }.hero-gridlines { background-size: 40px 40px; } }
@media (prefers-reduced-motion: reduce) { .ring-one, .ring-two { animation: none; }.product-card, .buki-primary { transition: none; }.product-card:hover, .buki-primary:hover { transform: none; } }

/* Home 2B refinement: tighter rhythm and more intentional desktop presence. */
.home-v2 {
  --content-width: 1320px;
}

.home-v2 .buki-hero {
  padding-bottom: clamp(2.8rem, 4vw, 3.9rem);
}

.home-v2 .hero-construct {
  width: min(100%, 32rem);
  perspective: 1100px;
}

.home-v2 .construct-shell {
  border-color: rgba(168, 222, 255, .38);
  background: linear-gradient(145deg, rgba(24, 49, 84, .82), rgba(9, 13, 31, .9));
  box-shadow: inset 0 1px rgba(255,255,255,.14), inset 0 0 50px rgba(83, 163, 255, .05), 0 34px 90px rgba(0,0,0,.48), 0 0 70px rgba(64, 143, 255, .19);
}

.home-v2 .construct-top { border-bottom-color: rgba(164, 206, 255, .18); background: rgba(5, 10, 24, .5); }
.home-v2 .construct-core { height: 23rem; background: radial-gradient(circle at 50% 50%, rgba(79, 174, 255, .28), transparent 31%), linear-gradient(135deg, rgba(105, 71, 255, .18), transparent 52%); }
.home-v2 .construct-core::before,
.home-v2 .construct-core::after { background: linear-gradient(90deg, transparent, rgba(118, 199, 255, .64), transparent); }
.home-v2 .core-ring { border-color: rgba(145, 221, 255, .52); }
.home-v2 .ring-one { border-left-color: transparent; }
.home-v2 .ring-two { border-right-color: #a880ff; border-top-color: transparent; }
.home-v2 .core-symbol { box-shadow: 0 0 0 8px rgba(106, 185, 255, .1), 0 0 50px rgba(101, 180, 255, .76); }
.home-v2 .core-label { color: #c8def9; }
.home-v2 .construct-status { color: #9bb3dd; }

.home-v2 .products-section {
  padding: clamp(2.8rem, 4.6vw, 4.35rem) 0 clamp(3rem, 4.8vw, 4.5rem);
}

.home-v2 .buki-section-head { margin-bottom: clamp(1.7rem, 3.2vw, 2.65rem); }
.home-v2 .product-showcase { gap: clamp(1.15rem, 2.6vw, 2.25rem); }
.home-v2 .product-card {
  border-color: rgba(157, 199, 255, .22);
  background: linear-gradient(145deg, rgba(24, 37, 66, .83), rgba(9, 14, 30, .92) 56%);
  box-shadow: inset 0 1px rgba(255,255,255,.09), 0 22px 46px rgba(0,0,0,.22), 0 0 32px rgba(66, 166, 255, .055);
}

.home-v2 .product-card:hover {
  transform: translateY(-6px);
  border-color: rgba(150, 218, 255, .5);
  box-shadow: inset 0 1px rgba(255,255,255,.14), 0 30px 60px rgba(0,0,0,.34), 0 0 52px rgba(66, 166, 255, .16);
}

.home-v2 .product-pzi:hover {
  border-color: rgba(211, 156, 255, .52);
  box-shadow: inset 0 1px rgba(255,255,255,.14), 0 30px 60px rgba(0,0,0,.34), 0 0 52px rgba(164, 84, 255, .2);
}

.home-v2 .identity-section {
  padding: clamp(2.8rem, 4.8vw, 4.4rem) 0 clamp(2.7rem, 4.6vw, 4.15rem);
}

.home-v2 .identity-layout {
  gap: clamp(2rem, 7vw, 7rem);
  padding: clamp(1.5rem, 3.6vw, 2.8rem);
}

.home-v2 .buki-final { padding-bottom: clamp(3rem, 4.8vw, 4.4rem); }
.home-v2 .final-panel {
  border-color: rgba(157, 211, 255, .31);
  background: linear-gradient(110deg, rgba(28, 48, 88, .8), rgba(38, 20, 87, .79));
  box-shadow: inset 0 1px rgba(255,255,255,.1), 0 24px 55px rgba(0,0,0,.22);
}
.home-v2 .final-panel::before { background: rgba(89, 158, 255, .22); }

@media (max-width: 640px) {
  .home-v2 { --content-width: 1200px; }
  .home-v2 .buki-hero { padding-bottom: 2.8rem; }
  .home-v2 .hero-construct { width: 100%; }
  .home-v2 .construct-core { height: 18rem; }
  .home-v2 .products-section { padding-top: 2.7rem; padding-bottom: 3.1rem; }
  .home-v2 .identity-section { padding: 2.65rem 0 3rem; }
  .home-v2 .identity-layout { gap: 1.65rem; }
}

/* Home 2C: product-forward hero, clearer product hierarchy, and vanilla BlurText. */
.home-v2 .hero-product-preview {
  width: min(100%, 32rem);
  justify-self: end;
  perspective: 1100px;
}

.home-v2 .preview-window {
  overflow: hidden;
  border: 1px solid rgba(164, 224, 255, .4);
  border-radius: 1.5rem;
  background: linear-gradient(145deg, rgba(24, 49, 84, .87), rgba(9, 13, 31, .93));
  box-shadow: inset 0 1px rgba(255,255,255,.15), inset 0 0 52px rgba(83, 163, 255, .06), 0 34px 90px rgba(0,0,0,.5), 0 0 72px rgba(64, 143, 255, .21);
  transform: rotateY(-6deg) rotateX(2deg);
}

.home-v2 .preview-bar {
  display: flex;
  align-items: center;
  gap: .35rem;
  min-height: 2.7rem;
  padding: 0 1rem;
  border-bottom: 1px solid rgba(164, 206, 255, .18);
  background: rgba(5, 10, 24, .52);
}

.home-v2 .preview-bar > span { width: .42rem; height: .42rem; border-radius: 50%; background: #73dbff; box-shadow: 0 0 8px #73dbff; }
.home-v2 .preview-bar > span:nth-child(2) { background: #ae8cff; box-shadow: 0 0 8px #ae8cff; }
.home-v2 .preview-bar > span:nth-child(3) { background: #edf6ff; box-shadow: 0 0 8px #edf6ff; }
.home-v2 .preview-bar b { margin-left: auto; color: #9db7e2; font-size: .57rem; letter-spacing: .11em; }
.home-v2 .preview-body { position: relative; display: flex; align-items: center; gap: 1.15rem; min-height: 14.8rem; padding: clamp(1.5rem, 4vw, 2.55rem); overflow: hidden; background: radial-gradient(circle at 24% 43%, rgba(86, 208, 255, .28), transparent 22%), radial-gradient(circle at 81% 9%, rgba(131, 87, 255, .26), transparent 31%), linear-gradient(135deg, rgba(52, 119, 184, .18), rgba(12, 14, 40, .12)); }
.home-v2 .preview-body::after { content: ""; position: absolute; width: 18rem; height: 18rem; right: -9rem; bottom: -12rem; border: 1px solid rgba(128, 220, 255, .2); border-radius: 50%; box-shadow: 0 0 0 2rem rgba(126, 110, 255, .035); }
.home-v2 .preview-product-mark { position: relative; z-index: 1; flex: 0 0 auto; display: grid; place-items: center; width: clamp(4.2rem, 8vw, 5.5rem); height: clamp(4.2rem, 8vw, 5.5rem); border-radius: 1.4rem; color: white; font-size: clamp(2rem, 4vw, 2.75rem); font-weight: 850; background: linear-gradient(140deg, #38bdf8, #556dff 56%, #b76dff); box-shadow: 0 0 0 8px rgba(106, 185, 255, .1), 0 0 46px rgba(92, 188, 255, .66); }
.home-v2 .preview-body p { margin: 0 0 .4rem; color: #91e5ff; font-size: .68rem; font-weight: 760; letter-spacing: .12em; text-transform: uppercase; }.home-v2 .preview-body h2 { margin: 0; color: #f4faff; font-size: clamp(1.45rem, 3vw, 2.15rem); letter-spacing: -.045em; line-height: 1; }.home-v2 .preview-body h2 + span { display: inline-block; margin-top: .5rem; color: #b6c9e7; font-size: .78rem; }
.home-v2 .preview-metrics { display: flex; flex-wrap: wrap; gap: .48rem; padding: 1rem clamp(1.5rem, 4vw, 2.55rem); border-top: 1px solid rgba(164, 206, 255, .14); border-bottom: 1px solid rgba(164, 206, 255, .14); }.home-v2 .preview-metrics span { padding: .35rem .52rem; color: #c9e7fa; border: 1px solid rgba(163, 208, 255, .15); border-radius: .45rem; background: rgba(6, 14, 31, .25); font-size: .65rem; }
.home-v2 .preview-footer { display: flex; justify-content: space-between; gap: .75rem; padding: .9rem clamp(1.5rem, 4vw, 2.55rem); color: #9bb6db; font-size: .6rem; font-weight: 730; letter-spacing: .1em; }.home-v2 .preview-footer i { display: inline-block; width: .42rem; height: .42rem; margin-right: .35rem; border-radius: 50%; background: #4dffc4; box-shadow: 0 0 8px #4dffc4; }

.home-v2 [data-blur-text] { display: block; }
.home-v2 [data-blur-text].blur-text-ready .blur-word { display: inline-block; color: #f8fafc; -webkit-text-fill-color: currentColor; will-change: filter, opacity; }
.home-v2 [data-blur-text].blur-text-ready .blur-word-2,
.home-v2 [data-blur-text].blur-text-ready .blur-word-3 { color: #bfe9ff; }
.home-v2 [data-blur-text].blur-text-ready .blur-word-4 { color: #8edfff; }
.home-v2 [data-blur-text].blur-text-ready .blur-word-5,
.home-v2 [data-blur-text].blur-text-ready .blur-word-6 { color: #cfbdff; }

/* Home Hero: single centered editorial composition. */
.home-v2 .buki-hero { min-height:min(408px,calc(100vh - 84px)); padding-bottom:clamp(2.7rem,4vw,3.75rem); }
.home-v2 .buki-hero-layout { display:block; text-align:center; }
.home-v2 .buki-hero-copy { display:flex; flex-direction:column; align-items:center; }
.home-v2 .buki-hero .buki-kicker { justify-content:center; }
.home-v2 .buki-hero h1 { width:min(100%,1050px); max-width:1050px; }
.home-v2 .buki-hero-lead { max-width:48rem; margin-left:auto; margin-right:auto; }

/* Home Products: ATS Optimizer remains the same card, centered as the sole product. */
.home-v2 .product-showcase { grid-template-columns:minmax(0,1fr); }
.home-v2 .product-showcase .product-atso { width:100%; justify-self:stretch; }

/* Purchase actions for the single paid ATS Optimizer product. */
.home-v2 .card-main-link { position:absolute; z-index:1; inset:0; border-radius:inherit; cursor:pointer; }
.home-v2 .card-main-link:focus-visible { outline:2px solid #8ee4ff; outline-offset:-4px; }
.home-v2 .product-atso .product-card-top { justify-content:flex-end; }
.home-v2 .product-card-buy { position:absolute; right:clamp(2.5rem, 4vw, 3rem); top:50%; z-index:2; margin:0; transform:translateY(-50%); }
.home-v2 .product-card-buy:hover { transform:translateY(calc(-50% - 2px)); }
.home-v2 .product-card-buy:active { transform:translateY(-50%); }
.atso-hero-actions { display:flex; flex-wrap:wrap; gap:.75rem; margin-top:1.8rem; }
.atso-subnav-buy { margin-left:.45rem; padding:.3rem .65rem; border-radius:.5rem; font-weight:720; }
.atso-purchase-final { padding:clamp(3.5rem,6vw,5.5rem) 0; }.atso-purchase-final .container { display:flex; justify-content:space-between; align-items:center; gap:2rem; padding:clamp(1.6rem,4vw,3rem); border:1px solid rgba(108,217,255,.27); border-radius:1.5rem; background:linear-gradient(125deg,rgba(21,80,124,.32),rgba(41,23,93,.32)); }.atso-purchase-final h2 { margin:0; color:#f4faff; font-size:clamp(2rem,3.5vw,3.4rem); letter-spacing:-.05em; }.atso-purchase-final p:not(.buki-kicker) { margin:.8rem 0 0; color:#b9cde4; }
@media(max-width:760px){.atso-hero-actions{flex-direction:column}.atso-hero-actions .button{width:100%}.atso-purchase-final .container{align-items:stretch;flex-direction:column}.atso-purchase-final .button{width:100%}}

.home-v2 .product-card-copy { margin-top: clamp(2.25rem, 4.5vw, 3.45rem); }
.home-v2 .product-name { max-width: none; margin: 0; color: #f4f9ff; font-size: clamp(2rem, 3.25vw, 2.8rem); letter-spacing: -.052em; line-height: 1; }
.home-v2 .product-platform { margin: .58rem 0 0; color: #91defc; font-size: .75rem; font-weight: 760; letter-spacing: .06em; text-transform: uppercase; }.home-v2 .product-pzi .product-platform { color: #d0abff; }
.home-v2 .product-slogan { max-width: 16ch; margin: 1.1rem 0 0; color: #e6efff; font-size: clamp(1.2rem, 2vw, 1.48rem); letter-spacing: -.025em; line-height: 1.14; }.home-v2 .product-pzi .product-slogan { color: #f1e5ff; }
.home-v2 .product-description { max-width: 32rem; margin: .72rem 0 0; color: #a9b8d5; }
.home-v2 .product-link { position:relative; z-index:2; pointer-events:none; }

/* Home adjustments: wider hero and a tighter handoff to products. */
.home-v2 .buki-hero { min-height: min(360px, calc(100vh - 84px)); padding-bottom: clamp(1.9rem, 3vw, 2.7rem); }
.home-v2 .buki-hero h1 { width: min(100%, 1240px); max-width: 1240px; font-size: clamp(4rem, 6.5vw, 6.75rem); }
.home-v2 .products-section { padding-top: clamp(2rem, 3.3vw, 2.8rem); }

@media (max-width: 800px) {
  .home-v2 .buki-hero { min-height: auto; padding-bottom: 2.2rem; }
  .home-v2 .buki-hero h1 { width:100%; max-width:100%; font-size: clamp(2.75rem, 13vw, 4.1rem); text-wrap:wrap; }
  .home-v2 .product-card { min-width:0; }
  .home-v2 .product-card-top { min-width:0; flex-wrap:wrap; }
  .home-v2 .product-state { max-width:100%; white-space:normal; text-align:right; }
  .home-v2 .product-card-buy { position:static; align-self:flex-start; margin-top:1rem; transform:none; }
  .home-v2 .product-card-buy:hover, .home-v2 .product-card-buy:active { transform:none; }
  .home-v2 .product-link { margin-top:auto; }
}

/* ATS Optimizer product landing. */
.atso-v2 { --atso-cyan:#52d5ff; }.atso-subnav { position: sticky; top: 0; z-index: 8; border-bottom: 1px solid rgba(119,208,255,.16); background: rgba(6,12,26,.82); backdrop-filter: blur(16px); }.atso-subnav .container { display:flex; align-items:center; gap:1.2rem; min-height:3.25rem; }.atso-subnav strong { color:#f1f9ff; margin-right:auto; }.atso-subnav a { color:#9eb7d5; font-size:.8rem; }.atso-subnav a:hover { color:#a7eaff; }.atso-hero { position:relative; overflow:hidden; padding:clamp(4rem,8vw,7rem) 0; background:radial-gradient(circle at 80% 30%,rgba(28,170,255,.19),transparent 32%),radial-gradient(circle at 35% 90%,rgba(103,75,255,.17),transparent 35%); }.atso-hero-grid,.atso-two-col { display:grid; grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr); gap:clamp(2rem,6vw,6rem); align-items:center; }.atso-hero h1 { max-width:10ch; margin:0; font-size:clamp(3rem,6.2vw,6.1rem); letter-spacing:-.065em; line-height:.96; background:linear-gradient(120deg,#fff 5%,#a8edff 55%,#d0bfff); -webkit-background-clip:text; color:transparent; }.atso-hero-copy>p:not(.buki-kicker) { max-width:38rem; color:#b9cde4; line-height:1.7; font-size:1.05rem; margin:1.4rem 0 1.8rem; }.atso-hero-shot { overflow:hidden; border:1px solid rgba(115,213,255,.4); border-radius:1.2rem; background:#071326; box-shadow:0 28px 70px rgba(0,0,0,.45),0 0 48px rgba(44,184,255,.2); }.atso-hero-shot img { display:block; width:100%; height:auto; }.atso-overview,.atso-features { padding:clamp(4rem,7vw,6.5rem) 0; }.atso-overview { border-top:1px solid var(--buki-line); }.atso-two-col h2,.atso-feature-head h2 { margin:0; color:#f3f9ff; font-size:clamp(2rem,3.8vw,3.55rem); letter-spacing:-.05em; line-height:1.05; }.atso-overview-copy { color:#b3c6df; line-height:1.75; }.atso-overview-copy p { margin:0; }.atso-overview-copy ul { padding:0; margin:1.4rem 0 0; list-style:none; }.atso-overview-copy li { padding:.55rem 0; border-top:1px solid rgba(145,204,255,.15); }.atso-overview-copy li::before { content:'✦'; color:var(--atso-cyan); margin-right:.55rem; }.atso-feature-head { max-width:46rem; }.atso-feature-list { padding:0; margin:clamp(2rem,4vw,3rem) 0 0; list-style:none; border-top:1px solid var(--buki-line); }.atso-feature-list li { display:grid; grid-template-columns:5rem 1fr; gap:1.5rem; padding:clamp(1.35rem,2.7vw,2.3rem) 0; border-bottom:1px solid var(--buki-line); }.atso-feature-list b { color:var(--atso-cyan); font-size:.78rem; letter-spacing:.14em; }.atso-feature-list h3 { margin:0; color:#edf8ff; font-size:clamp(1.25rem,2.2vw,1.75rem); }.atso-feature-list p { max-width:45rem; margin:.6rem 0 0; color:#a9bdd7; line-height:1.65; }@media(max-width:760px){.atso-subnav .container{overflow:auto}.atso-subnav a{white-space:nowrap}.atso-hero-grid,.atso-two-col{grid-template-columns:1fr}.atso-hero{padding-top:3.5rem}.atso-hero-shot{order:2}.atso-feature-list li{grid-template-columns:3rem 1fr;gap:1rem}}

@media (max-width: 980px) {
  .home-v2 .hero-product-preview { justify-self: start; width: min(100%, 34rem); }
}

@media (max-width: 640px) {
  .home-v2 .hero-product-preview { width: 100%; }
  .home-v2 .preview-window { transform: none; }
  .home-v2 .preview-body { min-height: 12.5rem; }
  .home-v2 .preview-bar b { font-size: .52rem; }
  .home-v2 .preview-footer { font-size: .54rem; }
}

@media (prefers-reduced-motion: reduce) {
  .home-v2 .blur-word { opacity: 1; filter: none; animation: none !important; }
}

/* Buy page: a wider, product-led purchase experience. */
.buy-page { background: radial-gradient(circle at 78% 23%, rgba(44, 166, 255, .12), transparent 28%), radial-gradient(circle at 14% 44%, rgba(108, 72, 255, .11), transparent 31%), var(--background); }
.buy-page-main { padding-top: 0; overflow: hidden; }
.buy-container { width: min(1240px, calc(100% - 2rem)); margin: 0 auto; }
.buy-page .buy-hero { position: relative; padding: clamp(4.25rem, 8vw, 7rem) 0 clamp(2.6rem, 4vw, 3.8rem); text-align: center; }
.buy-page .buy-hero::before { content: ""; position: absolute; z-index: -1; width: 32rem; height: 20rem; left: 50%; top: 0; border-radius: 50%; background: rgba(51, 180, 255, .14); filter: blur(48px); transform: translateX(-50%); }
.buy-page .narrow-copy { max-width: 56rem; }
.buy-page .buy-hero h1 { margin: 0; color: #f6faff; font-size: clamp(3.35rem, 6.5vw, 6.5rem); letter-spacing: -.065em; line-height: .96; }
.buy-page .buy-hero .buy-hero-title { background: linear-gradient(120deg, #fff 8%, #ace9ff 52%, #c9b4ff); -webkit-background-clip: text; background-clip: text; color: transparent; filter: blur(14px); opacity: 0; animation: buy-hero-title-failsafe 0s linear 1600ms forwards; }
@keyframes buy-hero-title-failsafe { to { filter: none; opacity: 1; } }
.buy-page .buy-hero-lead { max-width: 38rem; margin: 1.25rem auto 0; color: #c0d0e7; font-size: clamp(1.08rem, 1.6vw, 1.28rem); line-height: 1.6; }
.buy-page .buy-purchase-section { padding: clamp(1.25rem, 3vw, 2.25rem) 0 clamp(2.5rem, 5vw, 4.5rem); }
.buy-page .buy-layout { max-width: none; grid-template-columns: minmax(0, 1.08fr) minmax(22rem, .92fr); gap: clamp(2rem, 6vw, 6.5rem); align-items: stretch; }
.buy-product-overview { display: flex; flex-direction: column; justify-content: center; padding: clamp(1rem, 3vw, 2.4rem) 0; }
.buy-product-overview h2, .buy-trust-band h2, .buy-final-panel h2, .buy-page .faq-wrap h2 { margin: 0; color: #f3f8ff; font-size: clamp(2rem, 3.45vw, 3.35rem); line-height: 1.05; letter-spacing: -.052em; }
.buy-overview-copy { max-width: 36rem; margin: 1.15rem 0 0; color: #b3c4df; font-size: 1.05rem; line-height: 1.7; }
.buy-page .feature-list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .7rem .85rem; margin: 2rem 0 0; }
.buy-page .feature-list li { display: flex; align-items: center; gap: .55rem; min-height: 2.8rem; padding: .55rem .75rem; color: #d9eafa; border: 1px solid rgba(137, 205, 255, .13); border-radius: .7rem; background: rgba(12, 25, 48, .4); font-size: .88rem; }
.buy-page .feature-list li::before { content: "✓"; color: #85e7ff; font-weight: 800; }
.buy-page .purchase-card { position: relative; overflow: hidden; display: flex; flex-direction: column; min-height: 100%; padding: clamp(1.6rem, 3.2vw, 2.6rem); border-color: rgba(133, 211, 255, .31); background: linear-gradient(145deg, rgba(24, 55, 91, .84), rgba(11, 17, 37, .94) 56%); box-shadow: inset 0 1px rgba(255,255,255,.12), 0 28px 70px rgba(0,0,0,.34), 0 0 54px rgba(47, 171, 255, .12); }
.buy-page .purchase-card::before { content: ""; position: absolute; z-index: 0; width: 18rem; height: 18rem; right: -8rem; top: -10rem; border-radius: 50%; background: rgba(72, 205, 255, .22); filter: blur(30px); }
.buy-page .purchase-card > * { position: relative; z-index: 1; }
.buy-page .purchase-product-name { margin: 0; color: #d9f5ff; font-size: .78rem; font-weight: 780; letter-spacing: .12em; text-transform: uppercase; }
.buy-page .price-block { gap: .35rem; margin: clamp(1.8rem, 4vw, 3rem) 0 1.5rem; }
.buy-page .price-label { color: #9eb4d5; }
.buy-page .price-value { color: #fbfdff; font-size: clamp(4.2rem, 6vw, 5.75rem); letter-spacing: -.07em; text-shadow: 0 0 28px rgba(111, 215, 255, .2); }
.buy-page .currency { color: #9eeaff; font-size: 1.65rem; }
.buy-page .one-time-payment { color: #bae7fb; font-size: .92rem; font-weight: 700; }
.buy-page .purchase-button { min-height: 3.75rem; margin: 0; font-size: 1rem; }
.buy-page .payment-note { margin: .7rem 0 0; min-height: 0; text-align: center; }
.buy-page .purchase-meta { display: flex; flex-wrap: wrap; gap: .55rem; padding: 0; margin: auto 0 0; list-style: none; }
.buy-page .purchase-meta li { padding: .42rem .62rem; color: #cbe6f7; border: 1px solid rgba(141, 213, 255, .16); border-radius: 99px; background: rgba(5, 15, 31, .28); font-size: .72rem; }
.buy-page .buy-trust-section { padding: 0 0 clamp(3rem, 5vw, 4.75rem); }
.buy-page .buy-trust-band { display: grid; grid-template-columns: minmax(0, .8fr) minmax(20rem, 1.2fr); gap: clamp(1.5rem, 5vw, 5rem); align-items: center; padding: clamp(1.45rem, 3vw, 2.35rem); border: 1px solid rgba(140, 207, 255, .2); border-radius: 1.3rem; background: linear-gradient(110deg, rgba(17, 47, 79, .54), rgba(35, 20, 73, .45)); }
.buy-page .buy-trust-band .eyebrow { margin-bottom: .85rem; }
.buy-page .buy-trust-band h2 { font-size: clamp(1.4rem, 2.35vw, 2.15rem); }
.buy-page .buy-trust-band > p { margin: 0; color: #c1d2e7; line-height: 1.7; }
.buy-page .buy-faq-section { padding: 0 0 clamp(3rem, 5vw, 4.75rem); }
.buy-page .faq-wrap { max-width: none; }
.buy-page .faq-wrap .section-head { max-width: 42rem; margin-bottom: 1.8rem; }
.buy-page .faq-list { gap: .85rem; }
.buy-page .faq-list details { padding: 1.25rem 1.35rem; border-color: rgba(142, 200, 255, .15); background: rgba(14, 25, 46, .68); transition: border-color .2s ease, background .2s ease, transform .2s ease; }
.buy-page .faq-list details:hover, .buy-page .faq-list details[open] { border-color: rgba(132, 213, 255, .35); background: rgba(19, 37, 67, .7); }
.buy-page .faq-list details:focus-within { outline: 2px solid rgba(136, 227, 255, .75); outline-offset: 3px; }
.buy-page .faq-list summary { position: relative; padding-right: 2rem; color: #eff7ff; font-size: 1rem; }
.buy-page .faq-list summary::after { content: "+"; position: absolute; right: .15rem; color: #8be7ff; font-size: 1.35rem; line-height: 1; }
.buy-page .faq-list details[open] summary::after { content: "−"; }
.buy-page .faq-list details p { max-width: 57rem; color: #b9c9df; font-size: .98rem; line-height: 1.7; }
.buy-page .buy-final-section { padding: 0 0 clamp(3.5rem, 6vw, 5.5rem); }
.buy-page .buy-final-panel { display: flex; justify-content: space-between; align-items: center; gap: 2rem; position: relative; overflow: hidden; padding: clamp(1.65rem, 4vw, 3rem); border: 1px solid rgba(139, 208, 255, .28); border-radius: 1.5rem; background: radial-gradient(circle at 88% 22%, rgba(83, 155, 255, .25), transparent 26%), linear-gradient(120deg, rgba(20, 52, 88, .72), rgba(36, 19, 79, .72)); }
.buy-page .buy-final-panel > * { position: relative; z-index: 1; }
.buy-page .buy-final-panel p:not(.eyebrow) { max-width: 38rem; margin: .85rem 0 0; color: #c1d1e7; line-height: 1.65; }
.buy-page .buy-final-price { display: block; margin-top: 1rem; color: #a9edff; font-size: .92rem; font-weight: 760; }
.buy-page .buy-final-button { flex: 0 0 auto; min-width: 13.5rem; }
@media (max-width: 840px) {
  .buy-page .buy-layout, .buy-page .buy-trust-band { grid-template-columns: 1fr; }
  .buy-page .buy-product-overview { padding-top: 0; }
  .buy-page .purchase-card { min-height: auto; }
}
@media (max-width: 640px) {
  .buy-page .buy-hero { padding-top: 3.7rem; }
  .buy-page .buy-hero h1 { font-size: clamp(3rem, 14vw, 4.4rem); }
  .buy-page .feature-list { grid-template-columns: 1fr; }
  .buy-page .purchase-meta { margin-top: 1.35rem; }
  .buy-page .buy-final-panel { align-items: stretch; flex-direction: column; }
  .buy-page .buy-final-button { width: 100%; }
}
@media (prefers-reduced-motion: reduce) { .buy-page .buy-hero-title { animation: none; filter: none; opacity: 1; } }

/* BukiCorp About: a compact continuation of the Home visual language. */
.about-v2 .site-nav .is-active { color: #dff8ff; }
.about-hero { position: relative; isolation: isolate; overflow: hidden; padding: clamp(4.8rem, 9vw, 7.5rem) 0 clamp(3.4rem, 6vw, 5.2rem); }.about-hero-layout { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 2rem; }.about-hero h1 { max-width: 11ch; margin: 0; font-size: clamp(3.1rem, 6.3vw, 6.15rem); letter-spacing: -.065em; line-height: .96; text-wrap: balance; background: linear-gradient(120deg, #fbfdff 8%, #bfe9ff 48%, #cfbdff 92%); -webkit-background-clip: text; background-clip: text; color: transparent; }.about-hero h1 + p { max-width: 39rem; margin: 1.45rem 0 0; color: #b9c6df; font-size: clamp(1rem, 1.4vw, 1.16rem); line-height: 1.72; }.about-orb { position: absolute; z-index: -1; width: 34rem; height: 34rem; border-radius: 50%; filter: blur(42px); opacity: .32; }.about-orb-cyan { top: -17rem; right: 4%; background: #237bc7; }.about-orb-violet { right: 23%; bottom: -23rem; background: #7042bf; }.about-signal { display: grid; place-items: center; gap: .7rem; width: 11.5rem; min-height: 11.5rem; padding: 1rem; border: 1px solid rgba(151, 211, 255, .28); border-radius: 1.5rem; color: #afc9ec; background: linear-gradient(145deg, rgba(30, 59, 102, .63), rgba(30, 17, 66, .68)); box-shadow: inset 0 1px rgba(255,255,255,.12), 0 25px 65px rgba(0,0,0,.25); text-align: center; font-size: .67rem; font-weight: 760; line-height: 1.55; letter-spacing: .11em; text-transform: uppercase; }.about-signal-mark { display: grid; place-items: center; width: 3.6rem; height: 3.6rem; border-radius: 1.1rem; color: white; background: linear-gradient(140deg, #4bd5ff, #706fff 54%, #bc7aff); box-shadow: 0 0 30px rgba(89, 184, 255, .6); font-size: 1.75rem; font-weight: 850; }
.about-maker { padding: clamp(3.8rem, 7vw, 6.2rem) 0; }.maker-layout { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(18rem, .8fr); gap: clamp(2.4rem, 9vw, 9rem); padding-bottom: clamp(2.7rem, 5vw, 4.5rem); border-bottom: 1px solid var(--buki-line); }.maker-intro h2, .about-section-head h2, .why-panel h2 { margin: 0; color: #f5f8ff; font-size: clamp(2rem, 3.5vw, 3.55rem); line-height: 1.05; letter-spacing: -.05em; text-wrap: balance; }.maker-copy { padding-top: .2rem; }.maker-copy p { margin: 0; color: #b6c5df; font-size: 1.03rem; line-height: 1.72; }.maker-copy p + p { margin-top: 1rem; color: #d2dcf0; }
.about-principles { padding: clamp(2.7rem, 5vw, 4.5rem) 0 clamp(4rem, 7vw, 6rem); }.about-section-head { max-width: 38rem; }.principle-track { display: grid; grid-template-columns: 1.2fr .95fr .95fr 1.1fr; gap: 1px; margin-top: clamp(2rem, 4vw, 3rem); overflow: hidden; border: 1px solid var(--buki-line); border-radius: 1.25rem; background: var(--buki-line); }.principle-track article { min-height: 14rem; padding: 1.35rem; background: linear-gradient(150deg, rgba(19, 32, 58, .88), rgba(8, 13, 29, .92)); }.principle-track article:nth-child(even) { background: linear-gradient(150deg, rgba(39, 23, 70, .88), rgba(10, 12, 31, .92)); }.principle-track b { color: #84ddff; font-size: .72rem; letter-spacing: .12em; }.principle-track h3 { margin: 3.2rem 0 .65rem; color: #eff6ff; font-size: 1.1rem; letter-spacing: -.025em; }.principle-track p { margin: 0; color: #9eafd0; font-size: .88rem; line-height: 1.55; }
.about-why { padding: 0 0 clamp(3.5rem, 6vw, 5.25rem); }.why-panel { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(15rem, .75fr); gap: clamp(2rem, 7vw, 7rem); align-items: end; padding: clamp(1.5rem, 4vw, 3rem); border: 1px solid rgba(150, 208, 255, .22); border-radius: 1.4rem; background: radial-gradient(circle at 88% 20%, rgba(114, 80, 255, .25), transparent 27%), linear-gradient(120deg, rgba(21, 46, 78, .7), rgba(21, 15, 54, .78)); }.why-panel > p { margin: 0; color: #c5d4ec; font-size: 1rem; line-height: 1.68; }.about-products { padding: 0 0 clamp(3rem, 5vw, 4.4rem); }.products-note { display: flex; flex-wrap: wrap; align-items: center; gap: .6rem; color: #9db0d2; }.products-note p { margin: 0 1rem 0 0; font-size: .72rem; font-weight: 750; letter-spacing: .11em; text-transform: uppercase; }.products-note a, .products-note > span { padding: .5rem .75rem; border: 1px solid rgba(151, 210, 255, .18); border-radius: .6rem; color: #d8efff; background: rgba(19, 34, 61, .52); font-size: .85rem; }.products-note a:hover { border-color: rgba(135, 222, 255, .55); }.products-note a span { margin-left: .35rem; color: #8ee4ff; }
@media (max-width: 760px) { .about-hero-layout, .maker-layout, .why-panel { grid-template-columns: 1fr; }.about-signal { width: 100%; min-height: 7.5rem; grid-template-columns: auto auto; justify-content: center; }.principle-track { grid-template-columns: 1fr 1fr; }.principle-track article { min-height: 11rem; }.principle-track h3 { margin-top: 2.1rem; } }
@media (max-width: 460px) { .about-hero { padding-top: 3.9rem; }.about-hero h1 { font-size: clamp(2.7rem, 14vw, 3.75rem); }.principle-track { grid-template-columns: 1fr; }.why-panel { border-radius: 1.1rem; } }
.maker-copy blockquote { margin: 1.35rem 0 0; padding-left: 1rem; border-left: 2px solid #72dfff; color: #e4efff; font-size: 1.12rem; font-weight: 680; line-height: 1.45; }
.about-process { padding: 0 0 clamp(3.8rem, 7vw, 6rem); }.process-line { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; padding: 0; margin: 2.4rem 0 0; list-style: none; border-top: 1px solid var(--buki-line); }.process-line li { position: relative; padding: 1.4rem 1.25rem 0 0; }.process-line li + li { padding-left: 1.25rem; border-left: 1px solid var(--buki-line); }.process-line b { color: #8ee4ff; font-size: .72rem; letter-spacing: .12em; }.process-line h3 { margin: 2rem 0 .65rem; color: #f3f7ff; font-size: 1.18rem; }.process-line p { max-width: 18rem; margin: 0; color: #a9b9d6; line-height: 1.6; }
.about-build { padding: 0 0 clamp(3.8rem, 6vw, 5.5rem); }.build-intro { display: grid; grid-template-columns: minmax(0, 1fr) minmax(16rem, .65fr); gap: 2rem 6rem; align-items: end; }.build-intro .buki-kicker { grid-column: 1 / -1; margin-bottom: -.8rem; }.build-intro h2 { margin: 0; color: #f4f8ff; font-size: clamp(2rem, 3.5vw, 3.45rem); line-height: 1.04; letter-spacing: -.05em; }.build-intro > p { margin: 0; color: #afc0dc; line-height: 1.68; }.build-list { margin-top: 2rem; border-top: 1px solid var(--buki-line); }.build-list article { display: grid; grid-template-columns: 1fr auto; gap: 1.5rem; align-items: center; padding: 1.35rem 0; border-bottom: 1px solid var(--buki-line); }.build-list b { color: #85ddff; font-size: .68rem; letter-spacing: .13em; }.build-list h3 { margin: .4rem 0; color: #eef7ff; font-size: 1.35rem; }.build-list p { max-width: 42rem; margin: 0; color: #a9bad6; line-height: 1.55; }.build-list a, .build-list article > span { padding: .48rem .7rem; border: 1px solid rgba(146, 214, 255, .2); border-radius: .55rem; color: #d6f4ff; background: rgba(23, 47, 80, .42); font-size: .82rem; font-weight: 700; }.build-list article > span { color: #d9b9ff; border-color: rgba(202, 147, 255, .2); background: rgba(71, 31, 103, .35); }
@media (max-width: 760px) { .process-line { grid-template-columns: 1fr; border-top: 0; }.process-line li { padding: 1.2rem 0; border-top: 1px solid var(--buki-line); }.process-line li + li { padding-left: 0; border-left: 0; }.build-intro { grid-template-columns: 1fr; gap: 1rem; }.build-intro .buki-kicker { grid-column: auto; margin-bottom: 0; }.build-list article { grid-template-columns: 1fr; gap: 1rem; }.build-list a, .build-list article > span { width: fit-content; } }

/* About 3C: one master grid, shared gutters, and a consistent vertical rhythm. */
.about-v2 { --about-section-gap: clamp(3.5rem, 6vw, 6rem); --about-inner-gap: clamp(1.5rem, 3vw, 2.75rem); --about-columns: minmax(0, 1.08fr) minmax(19rem, .92fr); }
.about-v2 .container { width: min(1320px, calc(100% - 3rem)); }.about-v2 .about-hero-layout, .about-v2 .maker-layout, .about-v2 .why-panel, .about-v2 .build-intro { grid-template-columns: var(--about-columns); gap: var(--about-inner-gap) clamp(2rem, 7vw, 7rem); }.about-v2 .about-hero { padding-bottom: var(--about-section-gap); }.about-v2 .about-maker { padding: 0 0 var(--about-section-gap); }.about-v2 .maker-layout { padding: 0 0 var(--about-section-gap); }.about-v2 .about-process, .about-v2 .about-principles { padding: 0 0 var(--about-section-gap); }.about-v2 .about-why { padding: 0 0 var(--about-section-gap); }.about-v2 .about-build { padding-bottom: clamp(3.25rem, 5vw, 4.75rem); }
.about-v2 .about-section-head { max-width: 48rem; margin: 0; }.about-v2 .buki-kicker { margin-bottom: 1.1rem; }.about-v2 .about-signal { width: clamp(13rem, 18vw, 16rem); min-height: clamp(13rem, 18vw, 16rem); }.about-v2 .process-line { margin-top: var(--about-inner-gap); border-bottom: 1px solid var(--buki-line); }.about-v2 .process-line li { min-height: 14.5rem; padding: 1.5rem clamp(1.25rem, 2vw, 2.25rem); }.about-v2 .process-line li:first-child { padding-left: 0; }.about-v2 .process-line li:last-child { padding-right: 0; }.about-v2 .principle-track { margin-top: var(--about-inner-gap); }.about-v2 .principle-track article { min-height: 15rem; padding: clamp(1.25rem, 2vw, 2rem); }.about-v2 .why-panel { padding: clamp(1.75rem, 3.5vw, 3.25rem); }.about-v2 .build-intro { align-items: start; }.about-v2 .build-intro .buki-kicker { grid-column: 1 / -1; }.about-v2 .build-list { margin-top: var(--about-inner-gap); }.about-v2 .build-list article { grid-template-columns: minmax(0, 1fr) auto; gap: 1.5rem 3rem; padding: clamp(1.35rem, 2.5vw, 2rem) 0; }.about-v2 .build-list article > span { grid-column: 2; grid-row: 1; }.about-v2 .build-list article > a { grid-column: 2; grid-row: 1; align-self: end; }
@media (max-width: 760px) { .about-v2 .container { width: min(1320px, calc(100% - 2rem)); }.about-v2 .about-hero-layout, .about-v2 .maker-layout, .about-v2 .why-panel, .about-v2 .build-intro { grid-template-columns: 1fr; gap: var(--about-inner-gap); }.about-v2 .about-signal { width: 100%; min-height: 7.5rem; }.about-v2 .process-line li, .about-v2 .process-line li:first-child, .about-v2 .process-line li:last-child { min-height: auto; padding: 1.25rem 0; }.about-v2 .build-intro .buki-kicker { grid-column: auto; }.about-v2 .build-list article, .about-v2 .build-list article > span, .about-v2 .build-list article > a { grid-column: auto; grid-row: auto; } }

/* About 3D: the opening is editorial content, not a decorative card. */
.about-v2 .about-hero-layout { align-items: end; }.about-v2 .about-hero-title { min-width: 0; }.about-v2 .about-hero-copy { align-self: end; max-width: 37rem; padding-bottom: .3rem; }.about-v2 .about-hero h1 + p { margin: 0; }.about-v2 .about-hero-copy > p:first-child { margin: 0; color: #c1d0e7; font-size: clamp(1.06rem, 1.45vw, 1.22rem); line-height: 1.72; }.about-v2 .about-focus { display: flex; flex-wrap: wrap; gap: .55rem; align-items: center; margin: 1.5rem 0 0; color: #94dffb; font-size: .72rem; font-weight: 760; letter-spacing: .12em; text-transform: uppercase; }.about-v2 .about-focus i { color: #b78aff; font-style: normal; }.about-v2 .maker-layout { border-top: 1px solid var(--buki-line); border-bottom: 0; padding-top: var(--about-section-gap); }.about-v2 .maker-intro h2 { max-width: 11ch; }.about-v2 .maker-copy { max-width: 37rem; }.about-v2 .maker-copy blockquote { border-image: linear-gradient(#74e1ff, #ad81ff) 1; text-shadow: 0 0 18px rgba(103, 202, 255, .13); }

@media (max-width: 760px) { .about-v2 .about-hero-copy { max-width: none; }.about-v2 .maker-layout { padding-top: var(--about-section-gap); } }

/* ATSO 4A-1B: compact overview and premium integrated feature rows. */
.atso-v2 .atso-subnav { top:64px; }.atso-v2 .atso-overview { padding:clamp(3rem,5vw,4.6rem) 0; }.atso-v2 .atso-two-col { align-items:start; gap:clamp(1.5rem,5vw,4.5rem); }.atso-v2 .atso-overview-copy ul { margin-top:1rem; }.atso-v2 .atso-features { padding-top:clamp(3.3rem,5vw,4.8rem); }.atso-v2 .atso-feature-list { margin-top:clamp(1.35rem,2.5vw,2rem); }.atso-v2 .atso-feature-list li { position:relative; grid-template-columns:4.3rem minmax(0,1fr) auto; align-items:center; min-height:7.5rem; padding:clamp(1rem,1.8vw,1.5rem); transition:background .22s ease,box-shadow .22s ease; }.atso-v2 .atso-feature-list li::before { content:""; position:absolute; left:0; top:18%; bottom:18%; width:2px; opacity:0; background:linear-gradient(#70e5ff,#9875ff); transition:opacity .22s ease; }.atso-v2 .atso-feature-list li:hover { background:linear-gradient(90deg,rgba(33,101,145,.16),rgba(42,25,93,.09)); box-shadow:inset 0 1px rgba(171,225,255,.06); }.atso-v2 .atso-feature-list li:hover::before { opacity:1; }.atso-v2 .atso-feature-list li:hover h3 { color:#dff8ff; text-shadow:0 0 18px rgba(89,205,255,.26); }.atso-v2 .atso-feature-list li>span { justify-self:end; padding:.35rem .55rem; border:1px solid rgba(111,216,255,.2); border-radius:99px; color:#9ee8ff; background:rgba(34,115,160,.12); font-size:.62rem; font-weight:760; letter-spacing:.1em; text-transform:uppercase; }@media(max-width:760px){.atso-v2 .atso-subnav{top:58px}.atso-v2 .atso-feature-list li{grid-template-columns:3rem 1fr;align-items:start}.atso-v2 .atso-feature-list li>span{grid-column:2;justify-self:start;margin-top:.25rem}}
.atso-v2 .atso-feature-list li { grid-template-columns:3.5rem minmax(15rem,.68fr) minmax(0,1.12fr); gap:clamp(1rem,3vw,3.25rem); min-height:0; padding:clamp(1.5rem,3vw,2.8rem) 0; background:transparent; }.atso-v2 .atso-feature-list li:nth-child(even)>b,.atso-v2 .atso-feature-list li:nth-child(even)>div { order:2; }.atso-v2 .atso-feature-list li:nth-child(even)>figure { order:1; }.atso-v2 .atso-feature-list li>div>span { display:inline-block; margin-top:1rem; padding:.35rem .55rem; border:1px solid rgba(111,216,255,.2); border-radius:99px; color:#9ee8ff; background:rgba(34,115,160,.12); font-size:.62rem; font-weight:760; letter-spacing:.1em; text-transform:uppercase; }.atso-v2 .atso-feature-list figure { grid-column:3; margin:0; overflow:hidden; border:1px solid rgba(100,208,255,.3); border-radius:1rem; background:#071326; box-shadow:0 18px 44px rgba(0,0,0,.35),0 0 30px rgba(54,188,255,.13); }.atso-v2 .atso-feature-list li:nth-child(even) figure { grid-column:1 / 3; }.atso-v2 .atso-feature-list img { display:block; width:100%; height:auto; }.atso-v2 .atso-feature-list li:hover figure { border-color:rgba(128,224,255,.55); }@media(max-width:760px){.atso-v2 .atso-feature-list li,.atso-v2 .atso-feature-list li:nth-child(even){grid-template-columns:3rem 1fr;gap:1rem}.atso-v2 .atso-feature-list li:nth-child(even)>b,.atso-v2 .atso-feature-list li:nth-child(even)>div{order:initial}.atso-v2 .atso-feature-list figure,.atso-v2 .atso-feature-list li:nth-child(even) figure{grid-column:1 / -1;order:3}.atso-v2 .atso-feature-list li>div>span{margin-top:.75rem}}
.atso-v2 .atso-feature-list li { grid-template-columns:minmax(0,.42fr) minmax(0,.58fr); padding-left:3.5rem; }.atso-v2 .atso-feature-list li>b { position:absolute; left:0; top:clamp(1.5rem,3vw,2.8rem); }.atso-v2 .atso-feature-list li>div { grid-column:1; }.atso-v2 .atso-feature-list figure,.atso-v2 .atso-feature-list li:nth-child(even) figure { grid-column:2; order:initial; }.atso-v2 .atso-feature-list li:nth-child(even)>div { grid-column:2; order:initial; }.atso-v2 .atso-feature-list li:nth-child(even)>figure { grid-column:1; }.atso-v2 .atso-feature-list li:nth-child(even)>b { order:initial; }@media(max-width:760px){.atso-v2 .atso-feature-list li,.atso-v2 .atso-feature-list li:nth-child(even){grid-template-columns:1fr;padding-left:3rem}.atso-v2 .atso-feature-list li>div,.atso-v2 .atso-feature-list li:nth-child(even)>div{grid-column:1}.atso-v2 .atso-feature-list figure,.atso-v2 .atso-feature-list li:nth-child(even) figure{grid-column:1;order:initial;margin-top:.2rem}}

/* ATSO 4A-1D: feature screenshots use the same desktop scale as the Hero. */
.atso-v2 .atso-features .container { width:min(1320px,calc(100% - 3rem)); }.atso-v2 .atso-feature-head { max-width:52rem; }.atso-v2 .atso-feature-list { margin-top:clamp(1.5rem,2.5vw,2.4rem); }.atso-v2 .atso-feature-list li { grid-template-columns:minmax(0,.4fr) minmax(0,.6fr); gap:clamp(3rem,5vw,5rem); align-items:center; padding:clamp(3rem,5vw,4.5rem) 0 clamp(3rem,5vw,4.5rem) 4.25rem; }.atso-v2 .atso-feature-list li>b { top:clamp(3rem,5vw,4.5rem); font-size:.9rem; }.atso-v2 .atso-feature-list h3 { font-size:clamp(1.8rem,2.3vw,2.6rem); line-height:1.03; letter-spacing:-.045em; }.atso-v2 .atso-feature-list p { max-width:30rem; margin-top:.85rem; font-size:clamp(1rem,1.15vw,1.1rem); line-height:1.68; }.atso-v2 .atso-feature-list figure { position:relative; width:100%; border-color:rgba(104,216,255,.42); border-radius:1.2rem; box-shadow:0 28px 65px rgba(0,0,0,.45),0 0 52px rgba(39,185,255,.18); }.atso-v2 .atso-feature-list figure::before { content:""; position:absolute; z-index:-1; inset:8% -5%; border-radius:2rem; background:rgba(55,182,255,.18); filter:blur(32px); }.atso-v2 .atso-feature-list img { aspect-ratio:1122 / 682; object-fit:contain; }.atso-v2 .atso-feature-list li:nth-child(even) figure::before { background:rgba(113,90,255,.15); }.atso-v2 .atso-feature-list li:nth-child(even)>div { justify-self:end; }.atso-v2 .atso-feature-list li:nth-child(even)>div p { margin-left:auto; }.atso-v2 .atso-feature-list li:nth-child(even)>div>span { float:right; }.atso-v2 .atso-feature-list li:nth-child(even)>div::after { content:""; display:block; clear:both; }
@media(max-width:1100px){.atso-v2 .atso-feature-list li { gap:clamp(2rem,4vw,3rem); padding-left:3.5rem; }.atso-v2 .atso-feature-list h3{font-size:clamp(1.65rem,2.7vw,2.2rem)}}@media(max-width:760px){.atso-v2 .atso-features .container{width:min(1320px,calc(100% - 2rem))}.atso-v2 .atso-feature-list li,.atso-v2 .atso-feature-list li:nth-child(even){grid-template-columns:1fr;gap:1.25rem;padding:clamp(2.2rem,8vw,3rem) 0 clamp(2.5rem,8vw,3.3rem) 3rem}.atso-v2 .atso-feature-list li>b{top:clamp(2.2rem,8vw,3rem)}.atso-v2 .atso-feature-list li:nth-child(even)>div{justify-self:start}.atso-v2 .atso-feature-list li:nth-child(even)>div p{margin-left:0}.atso-v2 .atso-feature-list li:nth-child(even)>div>span{float:none}.atso-v2 .atso-feature-list figure{width:100%;margin-top:0}}

/* ATSO 4A-1E: one visual media frame for every feature. */
.atso-v2 .atso-feature-list li { align-items:center; }.atso-v2 .atso-feature-list li>div { align-self:center; }.atso-v2 .atso-feature-list figure { width:100%; max-width:640px; aspect-ratio:1122 / 682; justify-self:end; align-self:center; }.atso-v2 .atso-feature-list li:nth-child(even) figure { justify-self:start; }.atso-v2 .atso-feature-list figure img { width:100%; height:100%; object-fit:contain; }.atso-v2 .atso-feature-list li:nth-child(even)>div { align-self:center; }.atso-v2 .atso-feature-list li { min-height:clamp(20rem,31vw,25.5rem); }@media(max-width:760px){.atso-v2 .atso-feature-list li{min-height:0}.atso-v2 .atso-feature-list figure,.atso-v2 .atso-feature-list li:nth-child(even) figure{max-width:640px;justify-self:stretch;}}
.atso-v2 .atso-feature-list li { grid-template-columns:minmax(0,.4fr) minmax(0,.6fr); align-items:center; }.atso-v2 .atso-feature-list figure,.atso-v2 .atso-feature-list li:nth-child(even) figure { width:min(100%,700px); max-width:700px; aspect-ratio:1122 / 682; align-self:center; }.atso-v2 .atso-feature-list li>div,.atso-v2 .atso-feature-list li:nth-child(even)>div { align-self:center; }.atso-v2 .atso-feature-list li { min-height:clamp(22rem,34vw,27.5rem); }@media(max-width:760px){.atso-v2 .atso-feature-list li{min-height:0}.atso-v2 .atso-feature-list figure,.atso-v2 .atso-feature-list li:nth-child(even) figure{width:100%;max-width:700px}}

/* ATSO 4A-1F: every feature follows the same left-copy/right-product pattern. */
@media (min-width:761px) { .atso-v2 .atso-feature-list li:nth-child(even)>div { grid-column:1; justify-self:start; text-align:left; }.atso-v2 .atso-feature-list li:nth-child(even)>div p { margin-left:0; }.atso-v2 .atso-feature-list li:nth-child(even)>div>span { float:none; }.atso-v2 .atso-feature-list li:nth-child(even)>figure { grid-column:2; justify-self:end; }.atso-v2 .atso-feature-list li:nth-child(even)>b { left:0; } }

/* ATSO 4A-1G: each feature is a compact product hero. */
.atso-v2 .atso-feature-list li { grid-template-columns:minmax(0,.85fr) minmax(0,1.25fr); gap:clamp(4rem,6vw,7rem); min-height:clamp(31.25rem,38vw,36.25rem); padding:clamp(3.5rem,5vw,5.5rem) 0 clamp(3.5rem,5vw,5.5rem) 4.25rem; }.atso-v2 .atso-feature-list li>b { top:clamp(3.5rem,5vw,5.5rem); font-size:.9rem; }.atso-v2 .atso-feature-list h3 { max-width:10ch; font-size:clamp(2.6rem,4vw,4.4rem); font-weight:800; line-height:.98; letter-spacing:-.06em; }.atso-v2 .atso-feature-list p { max-width:32.5rem; font-size:clamp(1rem,1.15vw,1.15rem); line-height:1.7; }.atso-v2 .atso-feature-list figure,.atso-v2 .atso-feature-list li:nth-child(even) figure { width:min(100%,740px); max-width:740px; }.atso-v2 .atso-feature-list li:nth-child(even)>div { grid-column:1; justify-self:start; text-align:left; }.atso-v2 .atso-feature-list li:nth-child(even)>figure { grid-column:2; justify-self:end; }@media(max-width:1100px){.atso-v2 .atso-feature-list li{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(2.5rem,5vw,4rem);min-height:clamp(27rem,42vw,32rem)}.atso-v2 .atso-feature-list h3{font-size:clamp(2.25rem,4.2vw,3.4rem)}}@media(max-width:760px){.atso-v2 .atso-feature-list li,.atso-v2 .atso-feature-list li:nth-child(even){grid-template-columns:1fr;gap:1.5rem;min-height:0;padding:clamp(3rem,9vw,4rem) 0 clamp(3.25rem,9vw,4.25rem) 3rem}.atso-v2 .atso-feature-list li>b{top:clamp(3rem,9vw,4rem)}.atso-v2 .atso-feature-list h3{font-size:clamp(2.25rem,10vw,3.15rem)}.atso-v2 .atso-feature-list figure,.atso-v2 .atso-feature-list li:nth-child(even) figure{width:100%;max-width:740px;grid-column:1;justify-self:stretch}}
.atso-v2 .atso-hero + .atso-features { padding-top:clamp(3.4rem,5.5vw,5rem); }

/* ATS Optimizer About: product context in the same BukiCorp/ATSO visual system. */
.atso-about-v2 { --atso-about-gap:clamp(4rem,8vw,7.5rem); }
.atso-about-v2 .container { width:min(1320px,calc(100% - 3rem)); }
.atso-about-hero { position:relative; overflow:hidden; padding:clamp(5rem,10vw,9rem) 0 var(--atso-about-gap); background:radial-gradient(circle at 80% 12%,rgba(31,176,255,.2),transparent 27%),radial-gradient(circle at 30% 100%,rgba(123,80,255,.16),transparent 36%); }
.atso-about-hero::after { content:""; position:absolute; inset:auto 0 0; height:1px; background:linear-gradient(90deg,transparent,rgba(119,215,255,.45),transparent); }
.atso-about-hero-grid,.atso-about-split,.atso-control-panel { display:grid; grid-template-columns:minmax(0,1.08fr) minmax(20rem,.92fr); gap:clamp(2.5rem,8vw,9rem); align-items:end; }
.atso-about-hero h1,.atso-about-section h2,.atso-about-final h2 { margin:0; color:#f5f9ff; letter-spacing:-.06em; line-height:.98; text-wrap:balance; }
.atso-about-hero h1 { max-width:10ch; font-size:clamp(3.35rem,6.3vw,6.35rem); background:linear-gradient(120deg,#fff 8%,#a8edff 55%,#d0bfff); -webkit-background-clip:text; background-clip:text; color:transparent; }
.atso-about-hero-grid>p { width:100%; min-width:0; max-width:38rem; margin:0; color:#bfd0e8; font-size:clamp(1.05rem,1.45vw,1.2rem); line-height:1.75; }
.atso-about-section { padding:var(--atso-about-gap) 0; }
.atso-about-section h2 { font-size:clamp(2.3rem,4.1vw,4.15rem); }
.atso-about-why { border-bottom:1px solid var(--buki-line); }
.atso-about-copy { width:100%; min-width:0; max-width:40rem; color:#b8c9e1; font-size:1.03rem; line-height:1.75; }
.atso-about-copy p { margin:0; }.atso-about-copy p + p { margin-top:1.25rem; }
.atso-about-quote { padding-left:1.25rem; border-left:2px solid #6edfff; color:#e0f5ff; font-weight:690; }
.atso-about-heading { max-width:48rem; }.atso-about-heading>p:last-child { max-width:36rem; margin:1.1rem 0 0; color:#afc2db; line-height:1.7; }
.atso-flow-list { display:grid; grid-template-columns:repeat(4,1fr); gap:0; padding:0; margin:clamp(2.25rem,4vw,3.7rem) 0 0; list-style:none; border-top:1px solid var(--buki-line); border-bottom:1px solid var(--buki-line); }
.atso-flow-list li { min-height:14rem; padding:1.5rem clamp(1.25rem,2.2vw,2.3rem); border-left:1px solid var(--buki-line); }.atso-flow-list li:first-child { border-left:0; padding-left:0; }.atso-flow-list li:last-child { padding-right:0; }
.atso-flow-list b,.atso-tools-grid article>span { color:#79e2ff; font-size:.75rem; font-weight:800; letter-spacing:.14em; }.atso-flow-list p { margin:2.2rem 0 0; color:#c5d3e6; line-height:1.65; }
.atso-about-tools { background:linear-gradient(180deg,rgba(22,54,92,.16),rgba(17,10,42,.13)); border-top:1px solid rgba(120,215,255,.1); border-bottom:1px solid rgba(120,215,255,.1); }
.atso-tools-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin-top:clamp(2.25rem,4vw,3.75rem); border-top:1px solid var(--buki-line); }
.atso-tools-grid article { min-height:15rem; padding:clamp(1.5rem,2.4vw,2.4rem); border-right:1px solid var(--buki-line); border-bottom:1px solid var(--buki-line); }.atso-tools-grid article:nth-child(3n) { border-right:0; }
.atso-tools-grid h3 { margin:1.5rem 0 0; color:#f1f8ff; font-size:clamp(1.3rem,1.8vw,1.75rem); letter-spacing:-.035em; }.atso-tools-grid p { margin:.75rem 0 0; color:#aebfd8; line-height:1.66; }
.atso-control-panel { padding:clamp(2rem,4vw,3.7rem); border:1px solid rgba(108,217,255,.26); border-radius:1.5rem; background:linear-gradient(125deg,rgba(21,80,124,.3),rgba(41,23,93,.32)); box-shadow:inset 0 1px rgba(255,255,255,.08),0 24px 60px rgba(0,0,0,.2); align-items:start; }
.atso-control-panel h2 { max-width:9ch; }.atso-control-panel>div:last-child { color:#c4d2e6; line-height:1.72; }.atso-control-panel>div:last-child>p { margin:0; }.atso-control-panel ul { padding:0; margin:1.25rem 0 0; list-style:none; }.atso-control-panel li { padding:.6rem 0; border-top:1px solid rgba(184,228,255,.14); }.atso-control-panel li::before { content:"✦"; margin-right:.6rem; color:#86e6ff; }
.atso-foundations-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1px; border:1px solid var(--buki-line); background:var(--buki-line); }.atso-foundations-grid article { padding:clamp(2rem,4vw,3.8rem); background:rgba(7,15,31,.82); }.atso-foundations-grid h2 { margin-top:1.35rem; font-size:clamp(1.9rem,3vw,3rem); }.atso-foundations-grid p:not(.buki-kicker) { max-width:34rem; color:#b4c5dc; line-height:1.72; }.atso-foundations-grid .text-link { display:inline-block; margin-top:.6rem; color:#8fe8ff; font-weight:720; }
.atso-about-evolution { border-top:1px solid var(--buki-line); }.atso-about-evolution h2 { max-width:11ch; }.atso-about-ecosystem { color:#c9d7ea; }
.atso-about-final { position:relative; overflow:hidden; padding:clamp(5rem,9vw,8rem) 0; text-align:center; background:radial-gradient(circle at 50% 38%,rgba(40,183,255,.2),transparent 32%),radial-gradient(circle at 52% 98%,rgba(111,72,240,.25),transparent 48%); }.atso-about-final .container { max-width:56rem; }.atso-about-final .buki-kicker { justify-content:center; }.atso-about-final h2 { font-size:clamp(3rem,6.1vw,6rem); }.atso-about-final p:not(.buki-kicker) { max-width:39rem; margin:1.4rem auto 2rem; color:#bfd0e6; font-size:1.08rem; line-height:1.72; }
@media(max-width:900px){.atso-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.atso-tools-grid article:nth-child(3n){border-right:1px solid var(--buki-line)}.atso-tools-grid article:nth-child(even){border-right:0}.atso-flow-list{grid-template-columns:repeat(2,1fr)}.atso-flow-list li:nth-child(odd){border-left:0;padding-left:0}.atso-flow-list li:nth-child(even){padding-right:0}.atso-flow-list li:nth-child(n+3){border-top:1px solid var(--buki-line)}}
@media(max-width:760px){.atso-about-v2 .container{width:min(1320px,calc(100% - 2rem))}.atso-about-hero{padding-top:4.25rem}.atso-about-hero-grid,.atso-about-split,.atso-control-panel{grid-template-columns:1fr;gap:1.8rem}.atso-about-hero h1{font-size:clamp(3rem,14vw,4.65rem)}.atso-about-section h2{font-size:clamp(2.2rem,10.5vw,3.4rem)}.atso-flow-list,.atso-tools-grid,.atso-foundations-grid{grid-template-columns:1fr}.atso-flow-list li,.atso-flow-list li:first-child,.atso-flow-list li:last-child{min-height:0;padding:1.35rem 0;border-left:0;border-top:1px solid var(--buki-line)}.atso-flow-list li:first-child{border-top:0}.atso-flow-list p{margin:.8rem 0 0}.atso-tools-grid article,.atso-tools-grid article:nth-child(3n){min-height:0;border-right:0;padding:1.7rem 0}.atso-tools-grid article:first-child{padding-top:1.7rem}.atso-control-panel{padding:1.5rem}.atso-foundations-grid article{padding:1.8rem 1.5rem}.atso-about-final h2{font-size:clamp(3rem,13vw,4.6rem)}}

/* ATSO About scale refinement: one secondary heading and a closer body relationship. */
.atso-about-section h2,.atso-foundations-grid h2 { font-size:clamp(2rem,3vw,3.2rem); line-height:1.02; letter-spacing:-.055em; }
.atso-about-copy { font-size:1.1rem; }
.atso-flow-list p { font-size:1.06rem; line-height:1.68; }
.atso-tools-grid p { font-size:1.05rem; line-height:1.68; }
.atso-control-panel>div:last-child { font-size:1.08rem; line-height:1.74; }
.atso-foundations-grid p:not(.buki-kicker) { font-size:1.07rem; line-height:1.74; }
.atso-about-final { padding:0 0 var(--atso-about-gap); background:none; }
.atso-about-final .container { max-width:1320px; }
.atso-final-panel { padding:clamp(3.25rem,6vw,5.75rem) clamp(1.5rem,5vw,5rem); border:1px solid rgba(108,217,255,.28); border-radius:1.5rem; text-align:center; background:radial-gradient(circle at 50% 26%,rgba(40,183,255,.19),transparent 39%),linear-gradient(125deg,rgba(17,65,108,.42),rgba(34,19,79,.43)); box-shadow:inset 0 1px rgba(255,255,255,.09),0 24px 60px rgba(0,0,0,.2); }
.atso-about-final h2 { font-size:clamp(2.8rem,4.8vw,4.9rem); line-height:1.02; letter-spacing:-.055em; }
.atso-final-title>span { display:block; }
.atso-about-final p:not(.buki-kicker) { font-size:1.1rem; line-height:1.74; }
@media(max-width:760px){.atso-about-section h2,.atso-foundations-grid h2{font-size:clamp(2rem,9vw,2.8rem)}.atso-about-final h2{font-size:clamp(2.75rem,12vw,4rem)}}

/* ATSO About layout refinement: a wider editorial grid with a tighter shared rhythm. */
.atso-about-v2 { --atso-about-gap:clamp(3rem,5vw,5rem); }
.atso-about-v2 .container { width:min(1520px,calc(100% - 3rem)); }
.atso-about-hero-grid,.atso-about-split,.atso-control-panel { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:clamp(3rem,4.5vw,5rem); }
.atso-about-hero-grid>p,.atso-about-copy { max-width:46rem; }
.atso-about-heading { max-width:58rem; }
.atso-about-heading>p:last-child { max-width:44rem; font-size:1.08rem; }
.atso-about-evolution h2 { max-width:13ch; }
.atso-about-final .container { max-width:1520px; }
@media(max-width:760px){.atso-about-v2 .container{width:min(1520px,calc(100% - 2rem))}.atso-about-hero-grid,.atso-about-split,.atso-control-panel{gap:1.8rem}}