:root{--ink:#0b0b0b;--paper:#efefec;--white:#fff;--gray:#a4a49d;--signal:#c9ff2f;--line:rgba(255,255,255,.19)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Mono",monospace;font-size:12px;overflow-x:hidden}button,a{font:inherit}button{cursor:pointer}.nav{height:74px;position:absolute;top:0;left:0;right:0;z-index:10;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 28px;color:#fff;border-bottom:1px solid var(--line)}.wordmark{color:inherit;text-decoration:none;font-weight:500}.nav-center{font-size:10px;letter-spacing:.12em;color:#aaa}.nav-cta{justify-self:end;border:0;background:transparent;color:#fff;padding:15px 0}.nav-cta span,.primary span{color:var(--signal)}
.hero{height:100svh;min-height:760px;background:var(--ink);color:white;position:relative;padding:98px 3vw 32px;display:flex;flex-direction:column;overflow:hidden}.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 76% 48%,rgba(255,255,255,.07),transparent 30%);pointer-events:none}.hero-meta{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.12em;color:#888;position:relative;z-index:1}.hero-title{margin:auto 0;position:relative;z-index:1;line-height:.68;letter-spacing:-.055em;font-family:Italiana,Didot,"Times New Roman",serif;font-size:clamp(150px,26vw,390px);font-weight:400}.hero-line{display:block;white-space:nowrap}.line-one{transform:translateX(-1.5vw)}.line-goal{text-align:right;transform:translateX(1vw)}.hero-bottom{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;position:relative;z-index:2;line-height:1.6}.hero-bottom p{margin:0;color:#aaa}.hero-bottom .index{text-align:right}.primary{border:1px solid white;color:white;background:transparent;padding:18px 20px;min-width:250px;display:flex;justify-content:space-between;transition:.25s}.primary:hover{background:white;color:black}.scroll-mark{position:absolute;left:50%;bottom:34px;transform:translateX(-50%) translateY(70px);font-size:9px;letter-spacing:.1em;color:#777}.scroll-mark span{color:var(--signal)}
.breach{height:74vh;min-height:560px;background:#deded9;position:relative;overflow:hidden;border-bottom:1px solid #aaa}.data-rain{position:absolute;inset:0;display:grid;grid-template-columns:repeat(36,1fr);opacity:.35}.rain-col{border-right:1px solid #888;writing-mode:vertical-rl;font-size:8px;line-height:1;color:#333;letter-spacing:.45em;animation:rain linear infinite}.rain-col:nth-child(3n){color:#fff}.rain-col:nth-child(5n){background:var(--signal);opacity:.55}.breach:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,var(--ink) 0%,rgba(11,11,11,.95) 5%,rgba(11,11,11,.5) 18%,transparent 62%);clip-path:polygon(0 0,100% 0,100% 34%,92% 36%,92% 15%,84% 15%,84% 52%,76% 52%,76% 25%,66% 25%,66% 43%,58% 43%,58% 9%,48% 9%,48% 60%,39% 60%,39% 29%,29% 29%,29% 45%,20% 45%,20% 18%,11% 18%,11% 55%,0 55%)}.breach-word{font-family:Italiana,serif;font-size:35vw;line-height:1;letter-spacing:-.06em;color:#0b0b0b;position:absolute;left:-2vw;bottom:-8vw;z-index:2}.breach-label{position:absolute;right:28px;top:45%;z-index:3;writing-mode:vertical-rl;letter-spacing:.15em;font-size:9px}
.manifesto{padding:130px 4vw 160px;background:var(--paper)}.eyebrow{font-size:9px;letter-spacing:.15em;margin:0 0 60px}.manifesto-grid{display:grid;grid-template-columns:1.5fr .7fr;gap:8vw;align-items:start}.manifesto h2,.final-cta h2{font-family:Italiana,serif;font-weight:400;font-size:clamp(64px,9vw,145px);line-height:.86;letter-spacing:-.04em;margin:0}.manifesto h2 em,.final-cta h2 em{font-weight:400;color:transparent;-webkit-text-stroke:1px var(--ink)}.copy-stack{max-width:520px;font-family:Arial,sans-serif;font-size:18px;line-height:1.55}.copy-stack .lead{font-size:28px;line-height:1.25;margin-top:0}.copy-stack p:last-child{color:#555}
.editor-section{background:#d8d8d3;padding:90px 4vw 130px}.section-label{border-top:1px solid #7e7e79;padding-top:12px;letter-spacing:.12em;font-size:9px;margin-bottom:45px}.editor-shell{max-width:1160px;margin:auto;background:#f7f7f4;border:1px solid #8b8b85;box-shadow:14px 14px 0 #0b0b0b}.editor-bar{height:48px;padding:0 16px;border-bottom:1px solid #aaa;display:flex;align-items:center;justify-content:space-between;font-size:10px}.live{display:flex;align-items:center;gap:8px}.live i{width:7px;height:7px;background:var(--signal);border-radius:50%;box-shadow:0 0 0 3px rgba(201,255,47,.25)}.editor-body{min-height:420px;display:flex;padding:35px 0;font-size:clamp(12px,1.4vw,18px);line-height:2.55}.line-nums{color:#aaa;text-align:right;width:70px;padding-right:18px;border-right:1px solid #ddd}.editor-copy{padding-left:28px}.editor-copy p{margin:0}.muted{color:#999}.accent{background:var(--signal);padding:2px 4px}.cursor{border-right:8px solid var(--signal);animation:blink 1s step-end infinite}.editor-submit{width:100%;height:64px;background:#0b0b0b;color:white;border:0;padding:0 22px;display:flex;align-items:center;justify-content:space-between}.editor-submit span{color:var(--signal)}
.loop{background:#0b0b0b;color:white;padding:90px 4vw 150px}.section-label.light{border-color:#555;color:#999}.loop-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #555;border-left:1px solid #555}.loop-grid article{min-height:340px;border-right:1px solid #555;border-bottom:1px solid #555;padding:22px;display:flex;flex-direction:column}.loop-grid article>span{color:var(--signal)}.loop-grid h3{font-family:Italiana,serif;font-size:4.2vw;font-weight:400;margin:auto 0 25px}.loop-grid p{color:#999;line-height:1.6;max-width:240px}.phone-stage{max-width:900px;margin:150px auto 0}.phone-caption{display:flex;justify-content:space-between;border-bottom:1px solid #555;padding:10px 0;color:#888}.phone{width:360px;height:690px;background:#f3f3f1;color:#111;border:8px solid #272727;border-radius:48px;margin:42px auto 0;overflow:hidden;box-shadow:0 0 0 1px #666}.phone-top{height:82px;display:flex;align-items:end;padding:0 18px 14px;justify-content:space-between;background:#e5e5e1}.messages{padding:30px 12px;display:flex;flex-direction:column;gap:14px}.bubble{font-family:Arial,sans-serif;font-size:16px;line-height:1.28;padding:10px 14px;max-width:80%;border-radius:18px}.incoming{background:#dadad6;align-self:flex-start}.outgoing{background:#222;color:#fff;align-self:flex-end}.message-input{position:relative;top:195px;border:1px solid #bbb;border-radius:20px;margin:0 12px;padding:10px 14px;color:#aaa}.message-input span{float:right;background:var(--signal);color:black;border-radius:50%;padding:0 5px}
.score{padding:90px 4vw 140px;background:var(--signal);color:#0b0b0b}.score-head{display:flex;justify-content:space-between;border-top:1px solid #111;font-size:9px;letter-spacing:.12em}.score-number{font-family:Italiana,serif;font-size:28vw;line-height:.8;letter-spacing:-.07em}.score-number span{font-size:.25em}.week{display:grid;grid-template-columns:repeat(7,1fr);border-left:1px solid #111;border-top:1px solid #111;margin-top:50px}.day{height:180px;border-right:1px solid #111;border-bottom:1px solid #111;padding:12px;display:grid;grid-template-rows:auto 1fr auto}.day i{width:30px;height:30px;border:1px solid #111;border-radius:50%;align-self:center;justify-self:center}.day.done i{background:#111}.day b{font-weight:400;font-size:9px}.day.miss{background:#e9e9e5}.day.off{opacity:.35}.insight{font-size:18px;line-height:1.6;margin:40px 0 0}.insight span{color:#555}
.final-cta{background:var(--paper);padding:150px 4vw;text-align:center}.final-cta>p{font-size:9px;letter-spacing:.15em;margin-bottom:65px}.final-cta h2{font-size:clamp(80px,13vw,200px)}.final-cta h2 em{-webkit-text-stroke:1px #0b0b0b}.primary.inverted{margin:70px auto 0;background:#0b0b0b;color:#fff;border-color:#0b0b0b}.primary.inverted:hover{background:var(--signal);color:#0b0b0b}.fineprint{margin-top:60px;color:#777;font-size:9px;line-height:1.8}footer{height:80px;background:#0b0b0b;color:#777;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;font-size:9px}
.goal-dialog{width:min(850px,calc(100% - 24px));height:min(760px,calc(100% - 24px));padding:0;border:1px solid #777;background:#f0f0ec;color:#0b0b0b;box-shadow:0 0 0 100vmax rgba(0,0,0,.78)}.goal-dialog::backdrop{background:rgba(0,0,0,.65)}.goal-dialog form{height:100%;display:flex;flex-direction:column}.dialog-head{height:56px;border-bottom:1px solid #999;display:flex;align-items:center;justify-content:space-between;padding-left:20px}.dialog-head button{height:100%;width:56px;border:0;border-left:1px solid #999;background:transparent;font-size:28px}.progress{height:5px;background:#ccc}.progress i{display:block;height:100%;background:var(--signal);width:25%;transition:.4s}.step{display:none;flex:1;padding:55px 8%;flex-direction:column}.step.active{display:flex}.step h2{font-family:Italiana,serif;font-weight:400;font-size:clamp(42px,7vw,72px);line-height:1;margin:0 0 50px}.step label{font-size:9px;letter-spacing:.1em;margin-bottom:26px}.step textarea,.step input,.step select{display:block;width:100%;margin-top:10px;background:transparent;border:0;border-bottom:1px solid #111;padding:14px 0;font:20px "DM Mono",monospace;border-radius:0}.step textarea{height:110px;resize:none}.next{margin-top:auto;background:#0b0b0b;color:white;border:0;min-height:58px;padding:0 20px;text-align:left}.choices{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #111;border-left:1px solid #111}.choices button{height:110px;border:0;border-right:1px solid #111;border-bottom:1px solid #111;background:transparent;text-align:left;padding:15px;transition:.2s}.choices button:hover{background:var(--signal)}.receipt{border-top:1px solid #111;font-size:14px}.receipt p{display:grid;grid-template-columns:140px 1fr;padding:16px 0;margin:0;border-bottom:1px solid #aaa}.receipt span{color:#777}.step small{text-align:center;margin-top:14px;color:#777}.success{text-align:center;align-items:center}.success-mark{font-size:60px;width:100px;height:100px;border:1px solid #111;border-radius:50%;display:grid;place-items:center;background:var(--signal);margin-bottom:40px}.success p:not(.eyebrow){font-family:Arial,sans-serif;font-size:18px;max-width:480px}.success .next{width:100%;margin-top:auto}
@keyframes blink{50%{border-color:transparent}}@keyframes rain{from{transform:translateY(-20%)}to{transform:translateY(20%)}}
@media(max-width:800px){.nav{grid-template-columns:1fr 1fr;padding:0 16px}.nav-center{display:none}.hero{min-height:680px;padding:90px 16px 26px}.hero-meta p:nth-child(2){display:none}.hero-title{font-size:27vw;line-height:.78;width:100%}.line-one,.line-goal{transform:none}.line-goal{text-align:right}.hero-bottom{grid-template-columns:1fr}.hero-bottom>p{display:none}.primary{width:100%}.scroll-mark{display:none}.breach{height:52vh;min-height:400px}.data-rain{grid-template-columns:repeat(18,1fr)}.rain-col:nth-child(n+19){display:none}.breach-word{font-size:37vw;bottom:2vw}.manifesto{padding:85px 18px}.manifesto-grid{grid-template-columns:1fr}.manifesto h2{font-size:18vw}.copy-stack .lead{font-size:22px}.editor-section,.loop,.score{padding-left:16px;padding-right:16px}.editor-shell{box-shadow:7px 7px 0 #0b0b0b}.editor-body{min-height:340px;font-size:11px;overflow:hidden}.line-nums{width:42px;padding-right:10px}.editor-copy{padding-left:12px;white-space:nowrap}.loop-grid{grid-template-columns:1fr 1fr}.loop-grid article{min-height:250px}.loop-grid h3{font-size:10vw}.phone{width:320px;height:650px}.week{overflow-x:auto;grid-template-columns:repeat(7,95px)}.day{height:135px}.score-number{font-size:42vw;margin-top:25px}.score-head p:last-child{display:none}.final-cta{padding:100px 16px}.final-cta h2{font-size:19vw}footer span:nth-child(2){display:none}.step{padding:35px 22px}.choices{grid-template-columns:1fr}.choices button{height:70px}.goal-dialog{height:calc(100% - 12px);width:calc(100% - 12px)}.step h2{font-size:44px;margin-bottom:35px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.rain-col,.cursor{animation:none}}