@import url("https://fonts.googleapis.com/css2?family=Geist:wght@100..900&display=swap");

:root {
  --ink: #161614;
  --paper: #e7e6df;
  --paper-soft: #f4f5ef;
  --muted: #6f706b;
  --line: rgba(22, 22, 20, 0.16);
  --line-strong: rgba(22, 22, 20, 0.78);
  --cyan: #9df4f2;
  --aqua: #98e6f1;
  --mint: #b8f7dd;
  --lime: #ddf7ac;
  --yellow: #fff8b6;
  --blue: #a9e6ff;
}

* {
  box-sizing: border-box;
  font-variant-numeric: tabular-nums;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  background: var(--paper);
  color: var(--ink);
  font-family: Geist, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 15px;
  line-height: 1.2;
  letter-spacing: 0;
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
}

body.swiss-home {
  background: var(--paper-soft);
}

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

button,
input,
textarea {
  font: inherit;
  border-radius:0;
}

h1,
h2,
h3,
p {
  margin-top: 0;
}

.swiss-container {
  width: min(1280px, 100%);
  margin: 0 auto;
  padding: 0 32px;
}

.swiss-hero {
  background: var(--paper-soft);
  color: var(--ink);
  padding: 48px 0 24px;
}

.swiss-wordmark {
  margin: 0;
  color: var(--ink);
  font-size: clamp(76px, 15.4vw, 214px);
  font-weight: 900;
  line-height: 0.78;
}

.swiss-bars {
  display: grid;
  gap: 8px;
  margin-top: 36px;
}

.swiss-bars span {
  display: block;
  background: var(--ink);
}

.swiss-bars span:nth-child(1) {
  height: 2px;
}

.swiss-bars span:nth-child(2) {
  height: 8px;
}

.swiss-bars span:nth-child(3) {
  height: 16px;
}

.swiss-bars span:nth-child(4) {
  height: 48px;
}

.swiss-bars span:nth-child(5) {
  height: 104px;
}

.swiss-meta,
.swiss-template-row {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  border-top: 2px solid var(--ink);
  padding: 10px 0;
  color: var(--ink);
  font-size: 12px;
  font-weight: 600;
}

.swiss-tags,
.swiss-meta nav,
.swiss-template-row {
  align-items: center;
}

.swiss-tags,
.swiss-meta nav {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.swiss-tags i {
  width: 4px;
  height: 4px;
  background: var(--ink);
}

.swiss-tags em,
.swiss-template-row span {
  font-style: italic;
}

.swiss-meta nav a,
.swiss-template-row a {
  font-weight: 700;
}

.swiss-meta nav a:hover,
.swiss-template-row a:hover,
.swiss-source-links a:hover {
  opacity: 0.72;
}

.swiss-intro {
  background: var(--paper-soft);
  padding: 56px 0 24px;
}

.swiss-copy-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px;
  color: var(--ink);
}

.swiss-copy-grid p {
  margin-bottom: 0;
  line-height: 1.36;
}

.swiss-lede {
  grid-column: span 3;
  font-size: clamp(32px, 4vw, 62px);
  line-height: 1.03 !important;
  text-indent: 8rem;
}

.swiss-link-copy {
  grid-column-start: 2;
  font-size: 18px;
  text-decoration: underline;
  text-underline-offset: 4px;
}

.swiss-copy-grid p:nth-child(3),
.swiss-copy-grid p:nth-child(4) {
  grid-column-start: 4;
}

.swiss-statement {
  grid-column: 2 / span 3;
  margin-top: 140px;
  font-size: clamp(32px, 5vw, 86px);
  line-height: 1.02 !important;
  text-indent: 8rem;
}

.swiss-projects,
.swiss-notes,
.swiss-featured {
  background: var(--paper-soft);
  padding: 72px 0;
}

.swiss-projects {
  padding-top: 126px;
}

.swiss-section-head {
  display: grid;
  gap: 8px;
  color: var(--ink);
}

.swiss-section-head > span {
  display: block;
  height: 2px;
  background: var(--ink);
}

.swiss-section-head h2 {
  margin: 0;
  font-size: 15px;
  font-weight: 500;
}

.swiss-section-head h2 strong {
  font-weight: 800;
}

.swiss-section-head h2 em {
  font-style: italic;
  font-weight: 500;
}

.swiss-number-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px;
  margin: 126px 0 0;
  padding: 0;
  color: var(--ink);
  list-style: none;
}

.swiss-number-grid li {
  min-height: 380px;
}

.swiss-number-grid a {
  display: flex;
  min-height: 100%;
  flex-direction: column;
  justify-content: flex-start;
}

.swiss-number {
  margin-bottom: 34px;
  font-size: clamp(68px, 7vw, 128px);
  font-weight: 900;
  line-height: 0.86;
}

.swiss-card-title {
  margin-bottom: 12px;
  font-style: italic;
}

.swiss-number-grid li > a > p:last-child {
  font-size: 21px;
  line-height: 1.18;
  text-indent: 2.25rem;
}

.swiss-note-list {
  display: grid;
  gap: 70px;
  padding-top: 18px;
  color: var(--ink);
}

.swiss-note-list article {
  display: grid;
  grid-template-columns: 3fr 1fr;
  align-items: end;
  gap: 24px;
  border-top: 1px solid rgba(22, 22, 20, 0.08);
  padding-top: 18px;
}

.swiss-note-list p {
  margin-bottom: 0;
  font-size: clamp(30px, 3.8vw, 58px);
  line-height: 1.05;
  text-indent: 8rem;
}

.swiss-note-list small {
  font-size: 12px;
}

.swiss-final-head {
  margin-top: 52px;
}

.swiss-final-head i,
.swiss-final-head b,
.swiss-final-head strong,
.swiss-final-head em {
  display: block;
  background: var(--ink);
}

.swiss-final-head i {
  height: 8px;
}

.swiss-final-head b {
  height: 16px;
}

.swiss-final-head strong {
  height: 48px;
}

.swiss-final-head em {
  height: 104px;
}

.swiss-source-links {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 18px;
  margin: 14px 0 0;
  padding: 0;
  color: var(--ink);
  font-size: 12px;
  font-style: italic;
  list-style: none;
}

.site-header {
  position: absolute;
  z-index: 20;
  top: 30px;
  left: 50%;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  width: min(1180px, calc(100vw - 72px));
  transform: translateX(-50%);
  pointer-events: none;
}

.site-header > * {
  pointer-events: auto;
}

.brand,
.nav-links,
.header-cta {
  display: flex;
  align-items: center;
}

.brand {
  gap: 7px;
  width: max-content;
  padding: 9px 11px;
  background: rgba(244, 245, 239, 0.88);
  font-size: 12px;
  font-weight: 800;
}

.brand-line {
  width: 3px;
  height: 12px;
  background: var(--ink);
}

.nav-links {
  gap: 28px;
  padding: 9px 12px;
  background: rgba(244, 245, 239, 0.82);
  color: #4d4d49;
  font-size: 11px;
  font-weight: 700;
}

.header-cta {
  justify-self: end;
  padding: 11px 14px;
  background: var(--ink);
  color: var(--paper-soft);
  font-size: 11px;
  font-weight: 800;
}

.kicker {
  color: inherit;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: uppercase;
}

.micro-button {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 8px 12px;
  border: 0;
  background: var(--ink);
  color: var(--paper-soft);
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
}

.micro-button-dark {
  background: var(--paper-soft);
  color: var(--ink);
}

.ray-field {
  position: relative;
  overflow: hidden;
  background:
    conic-gradient(
      from 226deg at 51% 52%,
      var(--cyan) 0deg,
      var(--aqua) 38deg,
      var(--mint) 74deg,
      var(--lime) 115deg,
      var(--yellow) 154deg,
      #fdfbd0 188deg,
      var(--blue) 224deg,
      #adf3ef 264deg,
      #cff9de 306deg,
      var(--cyan) 360deg
    );
}

.ray-field::before,
.ray-field::after {
  content: "";
  position: absolute;
  inset: 0;
  mix-blend-mode: screen;
  pointer-events: none;
}

.ray-field::before {
  background:
    linear-gradient(18deg, transparent 0 48%, rgba(255, 255, 255, 0.34) 48% 52%, transparent 52%),
    linear-gradient(146deg, transparent 0 45%, rgba(255, 255, 255, 0.24) 45% 50%, transparent 50%);
}

.ray-field::after {
  background: radial-gradient(circle at 51% 52%, rgba(255, 255, 255, 0.46), transparent 0 6%, rgba(255, 255, 255, 0.08) 6% 100%);
}

.message-card {
  position: relative;
  z-index: 1;
  width: min(330px, calc(100% - 44px));
  background: rgba(244, 245, 239, 0.88);
  color: var(--ink);
  padding: 18px;
  box-shadow: 0 18px 45px rgba(22, 22, 20, 0.14);
}

.message-card p {
  margin-bottom: 18px;
  color: var(--ink);
  font-size: 13px;
  line-height: 1.35;
}

.message-head {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 34px;
  font-size: 12px;
  font-weight: 800;
}

.message-head b {
  width: 9px;
  height: 9px;
  background: var(--ink);
}

.message-card dl {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin: 0;
}

.message-card dt {
  color: var(--muted);
  font-size: 10px;
}

.message-card dd {
  margin: 0;
  font-size: 19px;
  font-weight: 900;
}

.site-footer {
  display: flex;
  justify-content: center;
  gap: 22px;
  padding: 46px 22px;
  background: var(--paper);
  color: var(--ink);
  font-size: 12px;
  font-weight: 800;
}

@media (max-width: 980px) {
  .swiss-container {
    padding: 0 20px;
  }

  .swiss-hero {
    padding-top: 28px;
  }

  .swiss-wordmark {
    font-size: clamp(56px, 16vw, 128px);
  }

  .swiss-meta,
  .swiss-template-row {
    flex-direction: column;
    align-items: flex-start;
  }

  .swiss-copy-grid,
  .swiss-number-grid,
  .swiss-note-list article {
    grid-template-columns: 1fr;
  }

  .swiss-lede,
  .swiss-link-copy,
  .swiss-copy-grid p:nth-child(3),
  .swiss-copy-grid p:nth-child(4),
  .swiss-statement {
    grid-column: auto;
    text-indent: 3rem;
  }

  .swiss-statement {
    margin-top: 70px;
  }

  .swiss-number-grid {
    gap: 48px;
    margin-top: 64px;
  }

  .swiss-number-grid li {
    min-height: auto;
  }

  .swiss-note-list p {
    text-indent: 3rem;
  }

  .site-header {
    position: static;
    display: flex;
    flex-wrap: wrap;
    width: auto;
    transform: none;
    gap: 8px;
    padding: 20px;
    background: var(--paper);
  }

  .nav-links {
    order: 3;
    width: 100%;
    justify-content: space-between;
  }

  .header-cta {
    margin-left: auto;
  }
}


.funnel-stage,.pricing-stage,.cockpit-stage,.article-stage,.seo-index-stage,.auth-stage,.account-stage{min-height:100svh;padding:132px 40px;background:var(--paper)}
.funnel-stage,.article-stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.42fr);gap:44px;width:min(1120px,calc(100vw - 96px));margin:0 auto}
.funnel-board,.pricing-head,.cockpit-head,.article-shell,.seo-index-copy,.auth-board,.account-board{background:var(--ink);color:var(--paper-soft);padding:48px}
.funnel-board{display:grid;grid-template-columns:.7fr 1fr;gap:40px;min-height:610px}
.funnel-copy h1,.pricing-head h1,.cockpit-head h1,.article-shell h1,.auth-board h1,.account-board h1{font-size:clamp(38px,4vw,64px);line-height:.94;margin-bottom:20px;max-width:760px}
.funnel-copy h1{font-size:clamp(36px,3vw,50px);max-width:430px}
.funnel-copy p,.pricing-head p,.cockpit-head p,.article-shell p,.seo-card p,.price-card p,.sidebar-card p,.auth-board p,.account-board p{color:#bdbbb3;line-height:1.45}
.scan-form,.auth-form{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-content:start}
.auth-form{grid-template-columns:1fr;max-width:440px}
.scan-form label,.auth-form label{display:grid;gap:7px;color:#d7d6cf;font-size:10px;font-weight:700;text-transform:uppercase}
.scan-form input,.scan-form textarea,.cockpit-actions input{width:100%;border:1px solid rgba(244,243,236,.24);background:#f4f3ec;color:var(--ink);padding:13px;font-size:13px;border-radius:0}
.auth-form input{width:100%;border:1px solid rgba(244,243,236,.24);background:#f4f3ec;color:var(--ink);padding:13px;font-size:13px;border-radius:0}
.scan-form textarea{min-height:128px;resize:vertical}.wide-field{grid-column:1/-1}
.funnel-board .micro-button-dark,.price-card .micro-button-dark,.sidebar-card .micro-button-dark,.scan-result .micro-button-dark,.auth-board .micro-button-dark,.account-board .micro-button-dark{background:var(--paper-soft);color:var(--ink)}
.safety-line{padding-top:18px;border-top:1px solid rgba(244,243,236,.22);font-weight:700;color:#ededE7!important}
.scan-result,.article-sidebar{display:grid;gap:18px;align-content:start}
.scan-result,.sidebar-card,.price-card,.record-result{background:var(--ink);color:var(--paper-soft);padding:30px}
.scan-result p,.sidebar-card p,.price-card p{color:#bebdb6}
.scan-result ul{padding-left:18px;color:#deded8}.scan-result h2,.sidebar-card h2,.price-card h2{font-size:34px;line-height:1}
.auth-board{display:grid;grid-template-columns:1fr minmax(320px,.42fr);gap:48px;width:min(1120px,calc(100vw - 96px));margin:0 auto}
.account-board{display:grid;grid-template-columns:minmax(0,.7fr) minmax(320px,.42fr);gap:32px;width:min(1120px,calc(100vw - 96px));margin:0 auto}
.account-head{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;gap:18px;align-items:start}.account-record-form{grid-template-columns:1fr 1fr}.evidence-form{grid-column:1/-1;grid-template-columns:1fr 1fr;background:#20201e;padding:22px}
.record-result h2,.account-status h2{font-size:34px;line-height:1}.record-result ul,.account-status ul{padding-left:18px;color:#deded8}.record-result table,.account-status table{width:100%;border-collapse:collapse;font-size:12px}.record-result td,.record-result th,.account-status td,.account-status th{border-top:1px solid rgba(244,243,236,.18);padding:8px;text-align:left;vertical-align:top}
.account-status{grid-column:1/-1;background:#20201e;color:var(--paper-soft);padding:30px}.account-status a{text-decoration:underline;text-underline-offset:4px}
.auth-form output{min-height:22px;color:#f4f3ec;font-size:12px}.auth-form a{text-decoration:underline;text-underline-offset:4px}
.pricing-grid,.seo-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;width:min(1120px,calc(100vw - 96px));margin:42px auto 0}
.price-card h2{font-size:56px;margin-bottom:8px}.price-card h3{margin-bottom:12px}
.price-strip{display:flex;gap:22px;justify-content:center;align-items:center;padding:28px 40px;background:var(--ink);color:var(--paper-soft);font-size:12px;font-weight:700}
.price-strip p{margin:0;color:#bdbdb6}.price-strip a{text-decoration:underline;text-underline-offset:4px}
.seo-index-stage{min-height:auto}.seo-index-copy{width:min(1120px,calc(100vw - 96px));margin:0 auto}
.seo-index-copy h2{font-size:clamp(34px,3.5vw,58px);line-height:.96;max-width:720px}
.seo-card{display:block;min-height:250px;background:var(--paper-soft);padding:26px;border:1px solid rgba(24,24,23,.18)}
.seo-card span{display:inline-grid;place-items:center;width:36px;height:36px;background:var(--ink);color:var(--paper-soft);font-size:11px;font-weight:700;margin-bottom:30px}
.seo-card h3{font-size:20px;line-height:1.05;margin-bottom:12px}
.article-stage{align-items:start}.article-shell{max-width:790px;background:var(--paper-soft);color:var(--ink)}.article-shell h1{font-size:46px}.article-shell h2{font-size:30px;line-height:1;margin-top:40px}
.article-shell p{color:#4b4a44}.article-shell h3{font-size:18px;margin-top:28px}.article-shell li{margin-bottom:8px;color:#4a4a45;line-height:1.45}
.article-shell a{text-decoration:underline;text-underline-offset:3px}.article-cta{min-height:290px;margin-top:46px;display:grid;place-items:center}
.article-sidebar{position:sticky;top:116px}.sidebar-card a{display:block;margin-top:12px;color:var(--paper-soft)}
.cockpit-actions{display:flex;gap:12px;width:min(1120px,calc(100vw - 96px));margin:24px auto}.cockpit-table{width:min(1120px,calc(100vw - 96px));margin:0 auto;background:var(--paper-soft);border:1px solid var(--line);overflow:auto}
.cockpit-table table{width:100%;border-collapse:collapse;font-size:12px}.cockpit-table th,.cockpit-table td{padding:12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.site-footer{display:flex;gap:22px;justify-content:center;padding:46px 22px;background:var(--paper);font-size:12px;font-weight:700}
@media (max-width:980px){.funnel-stage,.article-stage,.auth-stage,.account-stage{grid-template-columns:1fr;width:100%;padding-left:21px;padding-right:21px}.funnel-board,.pricing-grid,.seo-card-grid,.auth-board,.account-board{grid-template-columns:1fr;width:100%}.account-head{grid-template-columns:1fr}.article-sidebar{position:static}.scan-form,.account-record-form{grid-template-columns:1fr}.funnel-copy h1,.pricing-head h1,.cockpit-head h1,.article-shell h1,.auth-board h1,.account-board h1{font-size:36px}.cockpit-actions{flex-direction:column;width:calc(100vw - 42px)}.seo-index-copy{width:calc(100vw - 42px)}}