@font-face {font-family:"Geist";src:url("assets/geist-variable.ttf") format("truetype");font-weight:100 900;font-style:normal;font-display:swap}
:root{--paper:#f4f1e8;--ink:#11130f;--muted:#686a62;--rule:#cfcec3;--green:#73ad3f;--yellow:#f2c62f;--orange:#ee872b;--red:#db4835;--purple:#964b91;--blue:#3b82b8}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Geist,"Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:5px}a:focus-visible,button:focus-visible{outline:2px solid currentColor;outline-offset:5px}::selection{background:var(--yellow);color:var(--ink)}
.skip-link{position:fixed;top:-100px;left:16px;z-index:20;padding:12px 16px;background:var(--ink);color:var(--paper)}.skip-link:focus{top:16px}
.site-header,.paper>section,footer{width:min(100% - 96px,1440px);margin-inline:auto}.site-header{min-height:88px;display:flex;align-items:center;gap:38px}.brand{display:inline-flex;align-items:center;gap:13px;font-size:20px;font-weight:650;letter-spacing:-.7px;white-space:nowrap}.brand img{display:block;width:44px;height:auto}
.site-header nav{display:flex;gap:34px;margin-left:auto;font-size:13px}.site-header nav a,.header-contact{padding:14px 0}.header-contact{font-size:13px}.header-contact span{margin-left:12px}
.peeled-hero{width:min(100%,1600px);margin-inline:auto;padding:22px 0 38px}.hero-copy{position:relative;z-index:2;text-align:center;padding:0 30px}h1{max-width:1100px;margin:0 auto 23px;font-size:clamp(48px,4.65vw,74px);font-weight:650;line-height:.99;letter-spacing:-.065em}.lede{margin:0 auto;max-width:850px;font-size:clamp(16px,1.45vw,21px);line-height:1.42;letter-spacing:-.025em;color:#393c35}
.compute-study{position:relative;width:100%;max-width:1460px;height:clamp(440px,39vw,590px);margin:0 auto}.compute-art{position:absolute;inset:0;width:80%;height:100%;margin:0 auto;overflow:hidden;mask-image:linear-gradient(to right,transparent,black 9%,black 91%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 9%,black 91%,transparent)}.compute-art::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to bottom,var(--paper),transparent 14%,transparent 88%,var(--paper))}.hero-still,.hero-video{display:block;width:100%;height:100%;object-fit:contain}
.callout{position:absolute;z-index:2;display:flex;gap:10px;width:230px;font-size:14px}.callout h2{margin:0;font-size:14px;font-weight:620;letter-spacing:-.03em;line-height:1.3}.callout h2 span{font-variant-numeric:tabular-nums}.callout p{margin:8px 0 0 29px;color:#63665e;line-height:1.42;font-size:13px}.callout-dot{height:9px;width:9px;background:var(--green);border-radius:50%;margin-top:5px;flex:none}
.callout-one{top:13%;left:6%}.callout-two{bottom:18%;left:8%}.callout-two .callout-dot{background:var(--yellow)}.callout-four{top:11%;right:3%}.callout-four .callout-dot{background:var(--blue)}.callout-five{bottom:15%;right:5%}.callout-five .callout-dot{background:#399969}
.leader{position:absolute;width:110px;height:52px;fill:none;stroke:#8c8e81;stroke-width:.7;overflow:visible;pointer-events:none}.callout-one .leader{top:9px;left:91%}.callout-two .leader{bottom:55px;left:76%}.callout-four .leader{top:9px;right:107%}.callout-five .leader{bottom:48px;right:103%}
.hero-action{display:flex;flex-direction:column;gap:16px;align-items:center;margin-top:-2px;position:relative;z-index:3}.button{min-height:46px;display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:13px 19px;font-size:13px;border:1px solid var(--ink);transition:background-color 160ms,color 160ms}.button span{font-size:18px}.button-dark{background:var(--ink);color:var(--paper)}.button-dark:hover{background:transparent;color:var(--ink);text-decoration:none}
.motion-toggle{display:none;align-items:center;justify-content:center;gap:9px;background:transparent;color:var(--ink);border:0;padding:8px 12px;min-height:38px;font:12px Geist,Arial,sans-serif;cursor:pointer}.motion-toggle:not([hidden]){display:inline-flex}.motion-toggle [data-motion-icon]{font-size:16px}
.section-index,.eyebrow,.benefit-number,.benefit-label{font-family:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;text-transform:uppercase;letter-spacing:.13em}.section-index{font-size:9px;align-self:start;padding-top:78px}.eyebrow{margin:0;font-size:10px;line-height:1.5}
.paper { background: var(--paper); }
.manifesto {
  min-height: 600px;
  display: grid;
  grid-template-columns: 0.72fr 1.55fr 0.7fr;
  gap: 48px;
  align-items: center;
  border-bottom: 1px solid var(--rule);
}
.section-index { font-size: 9px; align-self: start; padding-top: 78px; }
.manifesto h2,
.about h2,
.contact h2 {
  margin: 0;
  font-weight: 620;
  letter-spacing: -0.065em;
}
.manifesto h2 { font-size: clamp(64px, 7vw, 108px); line-height: 0.9; }
.manifesto-copy > p {
  max-width: 610px;
  margin: 40px 0 0;
  color: #575951;
  font-size: 17px;
  line-height: 1.6;
}
.rainbow-stamp { width: 100%; align-self: end; padding-bottom: 60px; }
.rainbow-stamp img { width: 100%; display: block; }

.benefits {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 52px;
  padding-block: 96px 108px;
  border-bottom: 1px solid var(--rule);
}
.benefits article { border-top: 2px solid var(--ink); padding-top: 19px; }
.benefit-number { font-size: 9px; color: var(--muted); }
.benefits h3 {
  margin: 52px 0 16px;
  font-size: clamp(30px, 2.5vw, 41px);
  font-weight: 620;
  line-height: 1.05;
  letter-spacing: -0.055em;
}
.benefits p {
  max-width: 330px;
  min-height: 68px;
  margin: 0 0 34px;
  color: #60625b;
  font-size: 14px;
  line-height: 1.6;
}
.benefit-label { display: flex; align-items: center; gap: 9px; font-size: 8px; }
.benefit-label::before { content: ""; width: 7px; height: 7px; background: var(--green); }
.benefits article:nth-child(2) .benefit-label::before { background: var(--orange); }
.benefits article:nth-child(3) .benefit-label::before { background: var(--blue); }

.about {
  min-height: 620px;
  display: grid;
  grid-template-columns: 0.55fr 1.3fr 1fr;
  gap: 48px;
  align-items: center;
  border-bottom: 1px solid var(--rule);
}
.about .section-index { align-self: center; padding-top: 0; }
.about h2 { font-size: clamp(54px, 5vw, 78px); line-height: 0.94; }
.about-copy { max-width: 520px; }
.about-copy .intro { margin: 0 0 30px; font-size: 20px; line-height: 1.45; letter-spacing: -0.025em; }
.about-copy > p:not(.intro) { color: #60625b; font-size: 14px; line-height: 1.65; }
.development { display: flex; align-items: center; gap: 10px; margin-top: 34px; }
.development span { width: 7px; height: 7px; border-radius: 50%; background: var(--green); flex: none; }

.contact {
  min-height: 680px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-bottom: 1px solid var(--rule);
}
.spectrum-rule { position: absolute; top: 0; left: 0; right: 0; height: 8px; display: flex; }
.spectrum-rule i { flex: 1; background: var(--green); }
.spectrum-rule i:nth-child(2) { background: var(--yellow); }
.spectrum-rule i:nth-child(3) { background: var(--orange); }
.spectrum-rule i:nth-child(4) { background: var(--red); }
.spectrum-rule i:nth-child(5) { background: var(--purple); }
.spectrum-rule i:nth-child(6) { background: var(--blue); }
.contact h2 { margin: 28px 0; font-size: clamp(64px, 7vw, 108px); line-height: 0.9; }
.contact > p:not(.eyebrow) { margin: 0 0 30px; color: #60625b; font-size: 14px; line-height: 1.6; }
.email { margin-top: 18px; font-size: 12px; }

footer {
  min-height: 128px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 34px;
  align-items: center;
}
.brand-dark { color: var(--ink); }
.footer-line { text-align: center; color: #666860; font-size: 11px; }
.legal { display: flex; flex-direction: column; gap: 5px; text-align: right; color: #666860; font-size: 10px; line-height: 1.5; }


.manifesto{position:relative;min-height:500px;grid-template-columns:.65fr 1.7fr .6fr}.manifesto h2{font-size:clamp(60px,6.1vw,94px);line-height:.93}.about{min-height:520px}.contact{min-height:610px}.spectrum-rule{height:3px}.legal{font-size:11px}
@media(max-width:1100px){.callout{width:195px}.callout h2{font-size:12px}.callout p{font-size:12px;margin-left:0}.leader{width:70px;height:36px}.callout-one{left:4%}.callout-two{left:5%}.callout-four{right:1%}.callout-five{right:2%}.compute-art{width:82%}.manifesto{gap:28px;grid-template-columns:.5fr 1.7fr .5fr}.about{gap:28px;grid-template-columns:.4fr 1.2fr 1fr}}
@media(max-width:800px){.site-header,.paper>section,footer{width:calc(100% - 40px)}.site-header{min-height:78px;gap:18px}.site-header nav{display:none}.brand{font-size:18px;gap:10px}.brand img{width:39px}.header-contact{margin-left:auto;font-size:11px}.header-contact span{margin-left:7px}.peeled-hero{padding-top:18px}.hero-copy{padding:0 20px}h1{font-size:clamp(42px,7.2vw,58px);line-height:1.02;letter-spacing:-.06em;max-width:650px}.desktop-break{display:none}.lede{font-size:16px;max-width:570px}.compute-study{height:auto;display:grid;grid-template-columns:1fr 1fr;gap:28px 24px;padding:0 25px;margin-top:10px}.compute-art{position:relative;inset:auto;width:calc(100% + 50px);height:auto;margin:0 -25px;aspect-ratio:1672/941;grid-column:1/-1;mask-image:none;-webkit-mask-image:none}.compute-art::after{background:linear-gradient(to bottom,var(--paper),transparent 15%,transparent 85%,var(--paper))}.callout{position:static;width:auto;font-size:13px;gap:9px}.callout h2{font-size:13px}.callout p{font-size:13px;margin:7px 0 0}.callout p br{display:none}.callout-dot{height:7px;width:7px;flex:none}.leader{display:none}.hero-action{margin-top:32px}.hero-action .button{min-width:265px}.manifesto{min-height:auto;display:block;padding:52px 0}.section-index{padding:0 0 42px}.manifesto h2{font-size:clamp(54px,10vw,76px)}.manifesto-copy>p{margin-top:28px;font-size:16px;max-width:570px}.rainbow-stamp{width:120px;margin:35px 0 0 auto;padding:0}.benefits{display:block;padding:12px 0 48px}.benefits article{position:relative;padding:30px 0 32px;border-top-width:1px}.benefit-number{position:absolute;top:38px;right:0}.benefits h3{margin:0 35px 14px 0;font-size:35px}.benefits p{min-height:0;margin-bottom:24px;font-size:15px;max-width:450px}.about{min-height:auto;display:block;padding:54px 0 60px}.about .section-index{padding-bottom:42px}.about h2{font-size:clamp(50px,8vw,68px)}.about-copy{margin-top:40px}.about-copy .intro{font-size:19px}.about-copy>p:not(.intro){font-size:15px}.contact{min-height:570px;padding:65px 0 50px}.contact h2{font-size:clamp(52px,9vw,72px)}.contact>p:not(.eyebrow) br{display:none}footer{grid-template-columns:1fr;gap:18px;padding:30px 0}.footer-line,.legal{text-align:left}}
@media(max-width:420px){h1{font-size:43px}.callout h2{font-size:12px}.compute-study{gap:23px 18px}.header-contact{font-size:10px}.brand{font-size:17px;gap:8px}.brand img{width:34px}}
@media(max-width:350px){h1{font-size:37px}.header-contact span{display:none}.header-contact{font-size:9px}.brand{font-size:16px}.callout h2{font-size:11px}.callout p{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

/* Version 06: richer copy in the existing editorial layout. */
.benefits h3{font-size:clamp(26px,2.3vw,37px);line-height:1.12}.benefits p{max-width:350px;min-height:135px}.benefit-label{font-size:8px;letter-spacing:.06em;line-height:1.6}.about{padding-block:70px}.brand img{width:44px}.rainbow-stamp{max-width:190px;justify-self:end}@media(max-width:800px){.benefits h3{font-size:34px}.benefits p{min-height:0}.about{padding-block:54px}.brand img{width:37px}}@media(max-width:420px){.brand img{width:32px}}

/* Version 08: deployed sunrise and five focused annotations. */
.compute-study{height:clamp(520px,43vw,600px);margin-top:5px}.compute-art{height:calc(100% - 84px)}
.callout{width:225px}.callout p{margin:8px 0 0;max-width:210px;font-size:13px;line-height:1.5}.callout h2{font-size:14px}.callout-one{top:12%;left:5%}.callout-two{bottom:30%;left:7%}.callout-four{top:11%;right:3%}.callout-five{bottom:28%;right:5%}.callout-five .callout-dot{background:var(--orange)}
.callout-three{bottom:4px;left:50%;transform:translateX(-50%);width:370px;justify-content:center}.callout-three h2{text-align:center}.callout-three p{max-width:350px;text-align:center}.callout-three .callout-dot{background:var(--purple)}.hero-action{margin-top:23px}.rainbow-stamp{max-width:180px}
@media(max-width:1100px){.callout{width:190px}.callout h2{font-size:12px}.callout p{font-size:12px;max-width:180px}.callout-one{left:3%}.callout-two{left:4%}.callout-four{right:1%}.callout-five{right:2%}.callout-three{width:350px}.callout-three p{max-width:330px}}
@media(max-width:800px){.compute-study{height:auto;margin-top:10px;gap:28px 24px}.compute-art{height:auto}.callout{width:auto}.callout p{font-size:13px;max-width:none}.callout h2{font-size:13px}.callout-three{position:static;grid-column:1/-1;transform:none;max-width:370px;margin:5px auto 0}.callout-three h2,.callout-three p{text-align:left}.hero-action{margin-top:32px}.rainbow-stamp{width:120px}}
@media(max-width:420px){.callout h2{font-size:12px}.callout p{font-size:13px}}
@media(max-width:350px){.callout h2{font-size:11px}.callout p{font-size:12px}}

.callout-three h2{display:flex;justify-content:center;gap:8px;align-items:center}.callout-three .callout-dot{margin-top:0}@media(max-width:800px){.callout-three h2{justify-content:flex-start}}

/* Version 09: simpler chapter labels and reading order around the image. */
.benefits h3{margin-top:26px}@media(max-width:800px){.benefits h3{margin-top:0}}
html,body{overflow-x:clip}
.hero-action{flex-wrap:wrap}
.hero-action .button{white-space:nowrap}
.button-light{background:transparent;color:var(--ink)}
.button-light:hover{background:var(--ink);color:var(--paper);text-decoration:none}
.founder-block{margin-top:38px;padding-top:22px;border-top:1px solid var(--rule)}
.founder-label{margin:0;color:var(--muted);font-family:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;font-size:9px;letter-spacing:.13em;text-transform:uppercase}
.founder-name{margin:12px 0 0;font-size:18px;font-weight:620;letter-spacing:-.025em}
.founder-name span{margin-left:8px;color:var(--muted);font-size:13px;font-weight:400}
.founder-links{display:flex;flex-wrap:wrap;gap:4px 20px;margin:12px 0 0;color:var(--muted);font-size:12px}
.founder-links a{display:inline-flex;min-height:44px;align-items:center;gap:7px;white-space:nowrap}
.founder-links a:hover{color:var(--ink);text-decoration:none}
@media(max-width:800px){.founder-block{margin-top:34px}.founder-name span{display:block;margin:5px 0 0}.founder-links{gap:4px 12px}}
@media(prefers-reduced-motion:reduce){.button-light{transition:none}}