@font-face{font-family:Vox;src:url('assets/new-science-regular.otf') format('opentype');font-weight:400;font-display:swap}
@font-face{font-family:Vox;src:url('assets/new-science-semibold.otf') format('opentype');font-weight:600 800;font-display:swap}
:root{--yellow:#ffcf1a;--ink:#121212;--muted:#62625e;--line:#dcdcd6;color:var(--ink);font-family:Vox,Arial,Helvetica,sans-serif;font-synthesis:none;background:#fff}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:32px}
body{margin:0}
button,input{font:inherit;color:inherit}
a{color:inherit;text-decoration:none}
a,button{touch-action:manipulation}
img{display:block;max-width:100%;height:auto}
h1,h2,h3,h4,p{margin:0}
h1,h2,h3,h4{font-weight:600}
p{line-height:1.65}
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--ink);outline-offset:6px}
[hidden]{display:none!important}
.wrap{width:calc(100% - 112px);max-width:1320px;margin-inline:auto}
.skip-link{position:fixed;top:-80px;left:20px;z-index:10;padding:15px;background:var(--yellow)}
.skip-link:focus{top:10px}
.site-header{min-height:112px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}
.logo{flex-shrink:0}
.logo img{width:151px}
.header-right{display:flex;align-items:center;gap:48px}
.development{font-size:11px;color:var(--muted)}
.text-link{display:inline-flex;align-items:center;gap:24px;min-height:44px;font-size:12px}
.text-link>span{font-size:20px}
.text-link:hover{text-decoration:underline;text-decoration-color:var(--yellow);text-decoration-thickness:3px;text-underline-offset:6px}
.login-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 17px;border:1px solid var(--line);font-size:12px;line-height:1.2;white-space:nowrap}
.login-link:hover{border-color:var(--ink)}
/* Hero and first use case from the approved visual board. */
.opening{display:grid;grid-template-columns:1.02fr 1fr;align-items:center;gap:36px;padding-block:66px 74px}
.opening-copy{position:relative;z-index:1}
.opening-audience{font-size:13px;line-height:1.5;color:#62625e;margin-bottom:26px}
.opening h1{font-size:clamp(58px,5.3vw,78px);line-height:1.02;letter-spacing:-.058em}
.opening h1>span{display:inline;color:#62625e}
.opening-description{max-width:450px;font-size:17px;line-height:1.6;margin-top:26px}
.join{display:inline-flex;align-items:center;justify-content:space-between;gap:42px;min-height:52px;padding:14px 19px;margin-top:28px;background:#ffcf1a;font-size:13px;font-weight:600}
.join>span{font-size:22px;font-weight:400;line-height:1}
.join:hover{background:#ffe16a}
.brand-composition{position:relative;margin:0;max-width:610px;aspect-ratio:600/620;width:100%}
.square-art{display:block;width:100%;height:100%}
.art-label{position:absolute;color:#62625e;font-size:12px;line-height:1.2}
.label-strategy{left:17%;top:8%}.label-voice{right:1%;top:32%}.label-visual{left:0;top:54%}.label-markets{right:8%;bottom:4%}
.practice-study{padding-block:18px 56px}
.section-intro{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-bottom:25px}
.section-intro h2{font-size:17px;letter-spacing:-.3px}
.section-intro>p{font-size:12px;color:#62625e}
.story-stage{display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:10%;padding:60px 68px;background:#f4f4f0}
.question-composition{position:relative;padding-top:45px}
.question-mark{position:absolute;top:0;left:0;display:flex;gap:7px}
.question-mark span{display:block;width:18px;height:22px;background:#ffcf1a;clip-path:polygon(0 0,100% 0,100% 65%,45% 100%,45% 65%,0 65%)}
.question-composition h3{max-width:590px;font-size:clamp(36px,3.3vw,48px);line-height:1.12;letter-spacing:-1.6px}
.story-copy{max-width:295px}
.small-square{display:block;width:12px;height:12px;background:#121212;margin-bottom:25px}
.story-copy h4{font-size:24px;letter-spacing:-.6px;line-height:1.2;margin:0 0 13px;font-weight:600}
.story-copy p{font-size:16px;line-height:1.65;color:#52524e}
.human-note{display:flex;justify-content:space-between;align-items:center;gap:28px;margin-top:32px}
.human-note p:first-child{font-size:16px;line-height:1.45}.human-note p:last-child{font-size:12px;line-height:1.6;color:#62625e}
.study-note{font:11px/1.6 Arial,sans-serif;color:#62625e;padding-block:0 28px;scroll-margin-top:30px}
@media(max-width:1000px){.opening{gap:15px}.opening h1{font-size:58px}.opening-description{font-size:16px}.story-stage{padding:42px;gap:50px}.question-composition h3{font-size:36px}}
@media(max-width:700px){.opening{grid-template-columns:1fr;gap:14px;padding-block:36px 26px}.opening-audience{font-size:12px;margin-bottom:22px}.opening h1{font-size:clamp(43px,12vw,70px)}.opening-description{font-size:15px;margin-top:23px;max-width:500px}.join{margin-top:22px;min-height:50px;font-size:12px}.brand-composition{max-width:440px;margin:0 auto;aspect-ratio:600/550}.square-art{height:auto}.art-label{font-size:10px}.label-strategy{top:8%}.label-voice{top:36%}.label-visual{top:61%}.label-markets{bottom:-1%}.practice-study{padding-top:36px;padding-bottom:32px}.section-intro{align-items:start;gap:16px;margin-bottom:20px}.section-intro h2{font-size:15px}.section-intro p{font-size:11px;max-width:145px;text-align:right;line-height:1.5}.story-stage{grid-template-columns:1fr;gap:30px;padding:30px 25px 34px}.question-composition{padding-top:40px}.question-composition h3{font-size:33px;letter-spacing:-1.15px}.story-copy{max-width:380px}.small-square{display:none}.story-copy h4{font-size:20px;margin-bottom:8px}.story-copy p{font-size:14px;line-height:1.65}.human-note{align-items:start;flex-direction:column;gap:16px;margin-top:24px}.human-note p:first-child{font-size:15px}.study-note{font-size:10px;padding-bottom:22px}}
form{padding-top:3px}
.form-field+.form-field{margin-top:24px}
label{display:block;font-size:11px;line-height:1.5;margin-bottom:8px}
input{display:block;width:100%;min-height:44px;border:0;border-bottom:1px solid #8b8b80;background:transparent;border-radius:0;padding:8px 0 12px;font-size:16px}
input::placeholder{color:#77776e;opacity:1}
.button{display:flex;align-items:center;justify-content:space-between;gap:28px;width:100%;min-height:54px;padding:15px 18px;margin-top:26px;background:var(--yellow);color:var(--ink);border:1px solid var(--yellow);border-radius:0;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s}
.button:hover{background:#ffe16a;border-color:#ffe16a}
.button>span{font-size:22px;font-weight:400;line-height:1}
.form-note{font-size:10px;line-height:1.5;color:var(--muted);margin-top:13px}
.form-status{font-size:12px;line-height:1.5;padding-top:16px;margin-top:16px;border-top:1px solid var(--line)}
footer{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:76px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}

/* Complete-page continuation of the approved visual board. */
.eyebrow{font-size:12px;color:var(--muted);line-height:1.5;margin-bottom:21px}
.premise{display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:10%;padding:32px 68px 80px}
.premise h2{font-size:38px;line-height:1.15;letter-spacing:-1.4px}
.premise h2 span{color:var(--muted)}
.premise-copy{max-width:365px;font-size:15px;color:var(--muted)}
.premise-copy p+p{margin-top:15px}
.practice{padding-block:18px 0}
.supporting-stories{display:grid;grid-template-columns:1fr 1fr;gap:13%;padding:58px 68px 62px}
.supporting-stories article{display:flex;flex-direction:column;align-items:start}
.supporting-stories .question-composition{flex:1;padding-top:36px;margin-bottom:25px}
.supporting-stories h3{font-size:32px;letter-spacing:-1px;max-width:400px}
.supporting-stories .question-mark span{width:13px;height:16px;background:var(--ink)}
.supporting-stories .story-copy{max-width:360px}
.supporting-stories h4{font-size:19px;margin-bottom:10px}
.supporting-stories .story-copy p{font-size:15px}
.human-boundary{display:flex;align-items:center;justify-content:space-between;gap:28px;background:#f4f4f0;padding:32px 68px}
.human-boundary>p:first-child{font-size:20px;line-height:1.35;letter-spacing:-.4px}
.human-boundary>p:last-child{font-size:13px;line-height:1.6;color:var(--muted)}
.waitlist-section{padding:88px 68px 80px;scroll-margin-top:32px}
.waitlist-body{display:grid;grid-template-columns:1.25fr 1fr;gap:10%;align-items:start}
.waitlist-intro h2{font-size:50px;line-height:1.1;letter-spacing:-2px}
.waitlist-intro>p:last-child{font-size:15px;line-height:1.7;color:var(--muted);max-width:310px;margin-top:24px}
.form-field+.form-field{margin-top:20px}
label{font-size:12px}
input{min-height:50px;border:1px solid #8b8b80;padding:12px 14px;background:#fff}
input::placeholder{color:var(--muted)}
.form-note{font-size:11px}
.form-status{border:0;margin:0}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}}
@media(max-width:1000px){.premise{padding-inline:42px;gap:45px}.premise h2{font-size:32px}.supporting-stories{padding-inline:42px;gap:50px}.supporting-stories h3{font-size:29px}.human-boundary{padding-inline:42px}.waitlist-section{padding-inline:42px}.waitlist-body{gap:45px}.waitlist-intro h2{font-size:42px}}
@media(max-width:800px){.wrap{width:calc(100% - 48px)}.site-header{min-height:92px}.logo img{width:132px}.header-right{gap:24px}.development{font-size:10px}.header-link{font-size:11px;gap:12px}}
@media(min-width:701px) and (max-width:800px){.opening h1{font-size:50px}}
@media(max-width:700px){
  .brand-composition{aspect-ratio:600/620}
  .square-art{height:100%}
  .art-label{font-size:11px}
  .label-strategy{top:8%}.label-voice{top:32%}.label-visual{top:54%}.label-markets{bottom:4%}
  .premise{grid-template-columns:1fr;gap:24px;padding:30px 0 48px}
  .premise h2{font-size:31px;letter-spacing:-1px}
  .premise-copy{font-size:14px;max-width:500px}
  .eyebrow{font-size:11px;margin-bottom:15px}
  .practice{padding-top:8px}
  .supporting-stories{grid-template-columns:1fr;gap:40px;padding:38px 25px 42px}
  .supporting-stories .question-composition{margin-bottom:18px}
  .supporting-stories h3{font-size:29px}
  .supporting-stories .story-copy p{font-size:14px}
  .human-boundary{align-items:start;flex-direction:column;gap:16px;padding:26px 25px}
  .human-boundary>p:first-child{font-size:19px}
  .human-boundary>p:last-child{font-size:12px}
  .waitlist-section{padding:48px 0}
  .waitlist-body{grid-template-columns:1fr;gap:28px}
  .waitlist-intro h2{font-size:42px;letter-spacing:-1.6px}
  .waitlist-intro>p:last-child{font-size:14px;max-width:400px;margin-top:19px}
  form{max-width:460px}
}
@media(max-width:540px){.header-link,.header-right .development{display:none}footer{min-height:68px}}
@media(max-width:360px){.question-composition h3{font-size:29px}.supporting-stories h3{font-size:27px}.premise h2{font-size:27px}.waitlist-intro h2{font-size:38px}.story-stage,.supporting-stories,.human-boundary{padding-inline:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.waitlist-trap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
button:disabled{cursor:default;opacity:.65}
#waitlist-verification{margin-top:12px}