@import url("https://fonts.googleapis.com/css2?family=Archivo+Black&family=DM+Mono:wght@300;400;500&display=swap");

:root {
  --ink:#111;
  --paper:#f6f0df;
  --white:#fffdf5;
  --acid:#f4ff43;
  --blue:#59f4e8;
  --pink:#ff86c8;
  --red:#ff563f;
  --purple:#7258ff;
  --line:2px solid var(--ink);
  --pad:clamp(20px,4.2vw,72px);
  --sans:"Archivo Black",Arial Black,sans-serif;
  --mono:"DM Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
}

* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:var(--mono); }
a { color:inherit; }
button,input,textarea { color:inherit; font:inherit; }
button { cursor:pointer; }
.skip-link { position:fixed; z-index:100; top:10px; left:10px; padding:12px 16px; border:var(--line); background:var(--acid); transform:translateY(-180%); }
.skip-link:focus { transform:none; }
.site-head { min-height:76px; display:flex; justify-content:space-between; position:relative; z-index:20; border-bottom:var(--line); background:var(--paper); }
.wordmark { min-width:215px; display:flex; flex-direction:column; justify-content:center; padding:10px 24px; font:400 1.08rem/.83 var(--sans); letter-spacing:-.055em; text-decoration:none; }
.site-nav { display:flex; border-left:var(--line); }
.site-nav a { min-width:96px; display:grid; place-items:center; padding:0 10px; border-right:var(--line); font:500 .58rem/1 var(--mono); letter-spacing:.06em; text-decoration:none; text-transform:uppercase; }
.site-nav a:last-child { border-right:0; }
.site-nav a:hover,.site-nav a:focus-visible { background:var(--ink); color:var(--acid); }
.eyebrow,.section-index { margin:0; font:500 .64rem/1.35 var(--mono); letter-spacing:.13em; text-transform:uppercase; }
.button { min-height:58px; display:inline-flex; align-items:center; justify-content:space-between; gap:30px; padding:0 21px; border:var(--line); background:var(--white); box-shadow:6px 6px 0 var(--red); font:500 .65rem/1 var(--mono); letter-spacing:.05em; text-decoration:none; text-transform:uppercase; transition:transform .18s,box-shadow .18s; }
.button:hover,.button:focus-visible { box-shadow:2px 2px 0 var(--red); transform:translate(4px,4px); }
.button-dark { background:var(--ink); color:#fff; }
.text-link { font:500 .66rem/1.4 var(--mono); text-underline-offset:6px; text-transform:uppercase; }

.builder-hero { min-height:800px; display:grid; grid-template-columns:1.08fr .92fr; gap:clamp(45px,7vw,110px); align-items:center; position:relative; padding:100px var(--pad) 110px calc(var(--pad) + 38px); border-bottom:var(--line); background:linear-gradient(rgba(17,17,17,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(17,17,17,.07) 1px,transparent 1px),var(--acid); background-size:34px 34px; overflow:hidden; }
.builder-hero::after { content:"SOCIAL"; position:absolute; right:-4vw; bottom:-4vw; color:rgba(17,17,17,.055); font:400 clamp(10rem,27vw,31rem)/.68 var(--sans); letter-spacing:-.11em; pointer-events:none; }
.binder-spine { position:absolute; inset:0 auto 0 0; width:30px; border-right:var(--line); background:var(--red); }
.binder-spine::before,.binder-spine::after { content:""; position:absolute; left:8px; width:11px; height:11px; border:2px solid var(--ink); border-radius:50%; background:var(--paper); }
.binder-spine::before { top:24%; }
.binder-spine::after { bottom:24%; }
.hero-copy { position:relative; z-index:2; }
.builder-hero h1 { margin:28px 0 34px; font:400 clamp(4.5rem,9.3vw,10rem)/.72 var(--sans); letter-spacing:-.09em; }
.builder-hero h1 span,.builder-hero h1 em { display:block; }
.builder-hero h1 em { color:var(--purple); font-style:normal; }
.hero-thesis { margin:0; font-size:clamp(1rem,1.8vw,1.45rem); line-height:1.35; }
.hero-thesis strong { font-family:var(--sans); font-size:clamp(1.5rem,2.8vw,2.7rem); letter-spacing:-.05em; }
.hero-actions { display:flex; align-items:center; gap:28px; margin-top:38px; }
.builder-folder { min-height:555px; position:relative; z-index:3; padding:58px 34px 30px; border:var(--line); background:var(--white); box-shadow:13px 15px 0 var(--blue),26px 29px 0 var(--ink); transform:rotate(1.4deg); }
.folder-tab { position:absolute; top:-35px; right:-2px; padding:10px 15px; border:var(--line); border-bottom:0; background:var(--pink); font-size:.58rem; letter-spacing:.08em; }
.folder-title { margin:0 0 20px; font:400 clamp(2.4rem,4.5vw,4.9rem)/.82 var(--sans); letter-spacing:-.07em; }
.builder-folder dl { margin:0; border-top:var(--line); }
.builder-folder dl div { display:grid; grid-template-columns:92px 1fr; gap:16px; min-height:89px; align-items:center; border-bottom:1px solid var(--ink); }
.builder-folder dt { font-size:.54rem; letter-spacing:.09em; }
.builder-folder dd { margin:0; font-size:.7rem; line-height:1.5; }
.folder-stamp { width:114px; margin:25px 0 0 auto; padding:13px; border:2px solid var(--purple); color:var(--purple); font:400 1.35rem/.79 var(--sans); letter-spacing:-.05em; text-align:center; transform:rotate(-7deg); }
.hero-note { position:absolute; z-index:4; right:3vw; top:24px; margin:0; padding:12px 14px; border:var(--line); background:var(--red); font-size:.56rem; transform:rotate(4deg); }

.opening { display:grid; grid-template-columns:.46fr 1.54fr; gap:clamp(40px,8vw,140px); padding:120px var(--pad); border-bottom:var(--line); background:var(--paper); }
.opening h2 { max-width:1180px; margin:0; font:400 clamp(3.3rem,6.8vw,7.7rem)/.82 var(--sans); letter-spacing:-.08em; }
.opening h2 em { color:var(--purple); font-style:normal; }
.opening div > p { max-width:840px; margin:38px 0 0; font-size:clamp(.82rem,1.1vw,1rem); line-height:1.75; }

.signals { padding:115px var(--pad) 125px; border-bottom:var(--line); background:var(--purple); color:#fff; }
.signals header { display:grid; grid-template-columns:.45fr 1fr .55fr; gap:35px; align-items:end; }
.signals h2 { margin:0; font:400 clamp(3.2rem,6vw,6.9rem)/.8 var(--sans); letter-spacing:-.08em; }
.signals header > p:last-child { margin:0; font-size:.72rem; line-height:1.65; }
.signal-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; margin-top:62px; }
.signal-grid a { min-height:340px; display:flex; flex-direction:column; padding:24px; border:2px solid #fff; background:var(--white); color:var(--ink); box-shadow:8px 9px 0 var(--ink); text-decoration:none; transition:transform .18s,box-shadow .18s; }
.signal-grid a:nth-child(2),.signal-grid a:nth-child(5) { background:var(--acid); transform:rotate(.6deg); }
.signal-grid a:nth-child(3),.signal-grid a:nth-child(6) { background:var(--blue); }
.signal-grid a:hover,.signal-grid a:focus-visible { box-shadow:3px 4px 0 var(--ink); transform:translate(5px,5px); }
.signal-grid span { font-size:.56rem; letter-spacing:.12em; }
.signal-grid strong { margin:25px 0 18px; font:400 clamp(1.5rem,2.3vw,2.45rem)/.96 var(--sans); letter-spacing:-.055em; }
.signal-grid p { margin:0; font-size:.66rem; line-height:1.6; }
.signal-grid b { margin:auto 0 0; padding-top:22px; font-size:.55rem; text-transform:uppercase; }
.our-read { max-width:1050px; margin:60px 0 0 auto; padding:25px; border:2px solid #fff; background:var(--ink); color:var(--acid); font-size:.75rem; line-height:1.7; transform:rotate(-.5deg); }

.whitespace { padding:115px var(--pad) 135px; border-bottom:var(--line); background:var(--paper); }
.whitespace > header { display:grid; grid-template-columns:.42fr 1.05fr .53fr; gap:36px; align-items:end; }
.whitespace h2 { margin:0; font:400 clamp(3.5rem,7vw,8rem)/.78 var(--sans); letter-spacing:-.085em; }
.whitespace h2 em { color:var(--purple); font-style:normal; }
.whitespace header > p:last-child { margin:0; font-size:.72rem; line-height:1.65; }
.space-grid { display:grid; grid-template-columns:repeat(12,1fr); gap:24px; margin-top:65px; }
.space-grid article { grid-column:span 4; min-height:390px; display:flex; flex-direction:column; padding:25px; border:var(--line); background:var(--white); box-shadow:8px 9px 0 var(--ink); }
.space-grid article:nth-child(1),.space-grid article:nth-child(6) { grid-column:span 8; background:var(--acid); }
.space-grid article:nth-child(3n) { background:var(--blue); }
.space-grid article:nth-child(4n) { background:var(--pink); }
.space-grid article:nth-child(7) { background:var(--purple); color:#fff; }
.space-grid span { font-size:.56rem; letter-spacing:.1em; }
.space-grid h3 { margin:32px 0 18px; font:400 clamp(2rem,3.8vw,4.6rem)/.84 var(--sans); letter-spacing:-.075em; }
.space-grid p { max-width:650px; margin:0; font-size:.7rem; line-height:1.65; }
.space-grid b { margin:auto 0 0; padding-top:28px; border-top:1px solid currentColor; font-size:.58rem; line-height:1.5; text-transform:uppercase; }

.ecosystem { display:grid; grid-template-columns:.8fr 1.2fr; gap:clamp(55px,9vw,150px); padding:120px var(--pad) 140px; border-bottom:var(--line); background:var(--blue); }
.ecosystem-copy { position:sticky; top:30px; align-self:start; }
.ecosystem h2 { margin:20px 0 30px; font:400 clamp(3.4rem,6.6vw,7.3rem)/.8 var(--sans); letter-spacing:-.08em; }
.ecosystem-copy > p:last-child { max-width:620px; font-size:.74rem; line-height:1.7; }
.ecosystem-stack { margin:0; padding:0; list-style:none; border-top:var(--line); }
.ecosystem-stack li { display:grid; grid-template-columns:58px .65fr 1fr; gap:22px; align-items:center; min-height:123px; padding:20px 0; border-bottom:var(--line); }
.ecosystem-stack li > span { font-size:.58rem; }
.ecosystem-stack strong { font:400 clamp(1.8rem,3vw,3.4rem)/.88 var(--sans); letter-spacing:-.06em; }
.ecosystem-stack p { margin:0; font-size:.67rem; line-height:1.6; }

.tangents { padding:115px var(--pad) 135px; border-bottom:var(--line); background:var(--pink); }
.tangents header { display:grid; grid-template-columns:.42fr 1.58fr; gap:40px; align-items:end; }
.tangents h2 { max-width:1100px; margin:0; font:400 clamp(3.5rem,7vw,8rem)/.78 var(--sans); letter-spacing:-.085em; }
.tangent-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; margin-top:65px; }
.tangent-grid article { min-height:330px; display:flex; flex-direction:column; padding:22px; border:var(--line); background:var(--paper); }
.tangent-grid article:nth-child(even) { background:var(--white); transform:rotate(.6deg); }
.tangent-grid span { width:42px; height:42px; display:grid; place-items:center; border:var(--line); border-radius:50%; background:var(--acid); font:400 1rem/1 var(--sans); }
.tangent-grid h3 { margin:38px 0 18px; font:400 clamp(1.6rem,2.5vw,2.8rem)/.9 var(--sans); letter-spacing:-.06em; }
.tangent-grid p { margin:auto 0 0; font-size:.67rem; line-height:1.65; }

.build-plan { padding:120px var(--pad) 135px; border-bottom:var(--line); background:var(--ink); color:#fff; }
.build-plan header { display:grid; grid-template-columns:.38fr 1fr .5fr; gap:40px; align-items:end; }
.build-plan h2 { margin:0; color:var(--acid); font:400 clamp(3.7rem,7.4vw,8.3rem)/.77 var(--sans); letter-spacing:-.085em; }
.build-plan header > p:last-child { margin:0; font-size:.72rem; line-height:1.65; }
.build-plan ol { display:grid; grid-template-columns:repeat(4,1fr); gap:0; margin:70px 0 0; padding:0; border:2px solid #fff; list-style:none; }
.build-plan li { min-height:310px; display:flex; flex-direction:column; padding:24px; border-right:1px solid #fff; }
.build-plan li:last-child { border-right:0; }
.build-plan li span { color:var(--pink); font-size:.58rem; letter-spacing:.1em; }
.build-plan li strong { margin:35px 0 20px; font:400 clamp(1.8rem,2.8vw,3.2rem)/.88 var(--sans); letter-spacing:-.06em; }
.build-plan li p { margin:auto 0 0; font-size:.66rem; line-height:1.6; }
.build-finish { display:flex; justify-content:space-between; align-items:center; gap:35px; margin-top:45px; }
.build-finish p { max-width:850px; margin:0; color:var(--acid); font-size:.68rem; line-height:1.7; }

.boundaries { display:grid; grid-template-columns:.8fr 1fr .8fr; gap:clamp(35px,6vw,90px); padding:115px var(--pad) 130px; border-bottom:var(--line); background:var(--red); }
.boundaries h2 { margin:20px 0 0; font:400 clamp(3.3rem,5.8vw,6.3rem)/.8 var(--sans); letter-spacing:-.08em; }
.boundaries ul { margin:0; padding:0; list-style:none; border-top:var(--line); }
.boundaries li { padding:19px 0; border-bottom:var(--line); font:400 clamp(1.3rem,2vw,2.1rem)/1 var(--sans); letter-spacing:-.045em; }
.boundaries aside { align-self:end; padding:24px; border:var(--line); background:var(--acid); box-shadow:9px 10px 0 var(--ink); transform:rotate(1deg); }
.boundaries aside strong { font:400 1.25rem/1 var(--sans); }
.boundaries aside p { margin:18px 0 0; font-size:.65rem; line-height:1.65; }

.apply { display:grid; grid-template-columns:.78fr 1.22fr; gap:clamp(55px,9vw,135px); padding:120px var(--pad) 145px; border-bottom:var(--line); background:var(--purple); color:#fff; }
.apply-copy { position:sticky; top:30px; align-self:start; }
.apply h2 { margin:20px 0 30px; font:400 clamp(3.4rem,6.6vw,7.4rem)/.79 var(--sans); letter-spacing:-.08em; }
.apply-copy > p:not(.section-index) { max-width:600px; font-size:.72rem; line-height:1.7; }
.privacy { margin-top:35px !important; padding:17px; border:2px solid #fff; background:var(--ink); color:var(--acid); transform:rotate(-.6deg); }
.application-form { position:relative; padding:62px 28px 31px; border:var(--line); background:var(--white); color:var(--ink); box-shadow:12px 14px 0 var(--pink),25px 29px 0 var(--ink); }
.form-top { position:absolute; inset:0 0 auto; min-height:39px; display:flex; align-items:center; justify-content:space-between; padding:0 13px; border-bottom:1px solid var(--ink); background:var(--acid); font-size:.55rem; letter-spacing:.06em; }
.form-top b { color:var(--red); }
.application-form > label,.field-row label { display:grid; gap:8px; margin-bottom:18px; font:500 .58rem/1.2 var(--mono); letter-spacing:.06em; text-transform:uppercase; }
.field-row { display:grid; grid-template-columns:1fr 1fr; gap:17px; }
.application-form input,.application-form textarea { width:100%; min-height:50px; padding:12px; border:1px solid var(--ink); border-radius:0; background:#fff; font:400 .72rem/1.45 var(--mono); resize:vertical; }
.application-form textarea { min-height:96px; }
.terms-check { grid-template-columns:24px 1fr !important; align-items:start; padding:15px; border:1px dashed var(--ink); background:var(--paper); line-height:1.55 !important; text-transform:none !important; }
.terms-check input { min-height:0; width:18px; height:18px; margin:1px 0 0; }
.form-actions { display:flex; flex-wrap:wrap; align-items:center; gap:16px; margin-top:10px; }
.form-actions .button { min-height:52px; }
.clear-button { border:0; background:transparent; font-size:.58rem; text-decoration:underline; text-underline-offset:4px; text-transform:uppercase; }
.form-status { min-height:22px; margin:18px 0 0; font-size:.58rem; line-height:1.5; }

.site-footer { min-height:290px; display:grid; grid-template-columns:1.1fr .8fr 1fr; gap:45px; padding:65px var(--pad) 90px; background:var(--ink); color:#fff; }
.site-footer > p { margin:0; font-size:.67rem; line-height:1.65; }
.site-footer nav { display:flex; flex-direction:column; gap:12px; font-size:.62rem; text-transform:uppercase; }
.site-footer a { text-underline-offset:4px; }
.site-footer [data-pointcast-network] { grid-column:1/-1; margin-top:25px; color:var(--ink); }
.footer-note { opacity:.63; }
:focus-visible { outline:3px solid var(--red); outline-offset:4px; }

@media (max-width:1100px) {
  .site-nav a { min-width:78px; }
  .builder-hero { grid-template-columns:1fr; padding-top:110px; }
  .builder-folder { width:min(82%,720px); justify-self:center; }
  .signals header,.whitespace > header,.build-plan header { grid-template-columns:1fr; align-items:start; }
  .signal-grid { grid-template-columns:1fr 1fr; }
  .space-grid article,.space-grid article:nth-child(1),.space-grid article:nth-child(6) { grid-column:span 6; }
  .tangent-grid { grid-template-columns:1fr 1fr; }
  .ecosystem,.boundaries,.apply { grid-template-columns:1fr; }
  .ecosystem-copy,.apply-copy { position:static; }
  .build-plan ol { grid-template-columns:1fr 1fr; }
  .build-plan li:nth-child(2) { border-right:0; }
  .build-plan li:nth-child(-n+2) { border-bottom:1px solid #fff; }
}

@media (max-width:760px) {
  :root { --pad:18px; }
  .site-head { display:block; }
  .wordmark { min-height:62px; align-items:center; border-bottom:var(--line); }
  .site-nav { width:100%; border-left:0; }
  .site-nav a { min-width:0; min-height:46px; flex:1; padding:0 2px; font-size:.41rem; letter-spacing:0; text-align:center; }
  .builder-hero { min-height:0; display:block; padding:72px var(--pad) 115px calc(var(--pad) + 18px); background-size:28px 28px; }
  .binder-spine { width:14px; }
  .binder-spine::before,.binder-spine::after { left:2px; width:8px; height:8px; }
  .builder-hero h1 { margin:22px 0 27px; font-size:17vw; letter-spacing:-.08em; }
  .hero-thesis strong { font-size:1.7rem; }
  .hero-actions { align-items:flex-start; flex-direction:column; }
  .button { width:min(100%,355px); }
  .builder-folder { width:93%; min-height:0; margin:112px auto 0; padding:53px 20px 25px; box-shadow:9px 11px 0 var(--blue),18px 22px 0 var(--ink); }
  .builder-folder dl div { grid-template-columns:75px 1fr; min-height:92px; }
  .hero-note { display:none; }
  .opening { grid-template-columns:1fr; padding-top:80px; padding-bottom:88px; }
  .opening h2,.signals h2,.whitespace h2,.tangents h2,.build-plan h2,.ecosystem h2,.apply h2 { font-size:15.2vw; }
  .signals,.whitespace,.tangents,.build-plan,.ecosystem,.boundaries,.apply { padding-top:80px; padding-bottom:95px; }
  .signal-grid { grid-template-columns:1fr; margin-top:44px; }
  .signal-grid a { min-height:315px; transform:none !important; }
  .our-read { margin-top:45px; }
  .space-grid { display:block; margin-top:46px; }
  .space-grid article { min-height:350px; margin-bottom:28px; }
  .space-grid h3 { font-size:12.5vw; }
  .ecosystem-stack { margin-top:45px; }
  .ecosystem-stack li { grid-template-columns:42px 1fr; align-items:start; }
  .ecosystem-stack p { grid-column:2; }
  .tangents header { grid-template-columns:1fr; }
  .tangent-grid { grid-template-columns:1fr; margin-top:45px; }
  .tangent-grid article { min-height:285px; transform:none !important; }
  .tangent-grid h3 { font-size:10vw; }
  .build-plan ol { grid-template-columns:1fr; margin-top:48px; }
  .build-plan li { min-height:260px; border-right:0; border-bottom:1px solid #fff; }
  .build-plan li:last-child { border-bottom:0; }
  .build-plan li strong { font-size:2.2rem; }
  .build-finish { align-items:flex-start; flex-direction:column; }
  .boundaries { gap:45px; }
  .boundaries h2 { font-size:14vw; }
  .application-form { padding:58px 19px 26px; box-shadow:8px 10px 0 var(--pink),17px 20px 0 var(--ink); }
  .field-row { grid-template-columns:1fr; gap:0; }
  .form-actions { align-items:flex-start; flex-direction:column; }
  .site-footer { grid-template-columns:1fr; gap:26px; }
  .site-footer nav { flex-direction:row; flex-wrap:wrap; gap:12px 20px; }
}

@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { scroll-behavior:auto !important; transition-duration:.001ms !important; animation-duration:.001ms !important; }
}

@media (prefers-contrast:more) {
  :root { --paper:#fff; --white:#fff; --acid:#f2ff00; --blue:#00ddd2; }
  .signal-grid a,.space-grid article,.application-form,.builder-folder { border-width:3px; }
}