:root{color-scheme:dark;--bg:#101512;--paper:#f0f0e5;--red:#ff614c;--muted:#c5cbbd;--line:#414b40}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 42%,#202720 0%,var(--bg) 75%);color:var(--paper);font-family:Arial,Helvetica,sans-serif}main{max-width:1536px;margin:auto;padding:54px 50px 28px}header{padding:0 20px}.eyebrow,.label,.number{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-weight:700;letter-spacing:.13em}.eyebrow{display:flex;gap:20px;align-items:center;color:var(--red);font-size:20px}.slashes{font-size:29px;white-space:nowrap}.rule{height:1px;background:var(--line);flex:1;margin-left:40px}h1{font-size:clamp(46px,6.65vw,102px);letter-spacing:-.055em;line-height:1.06;margin:20px 0 18px;font-weight:750}h1 span{color:var(--red)}.subtitle{font-size:30px;font-weight:700;margin:22px 0 36px;color:#d4d9cd}.diagram{position:relative;aspect-ratio:1400/1070;border:1px solid var(--line);background-image:linear-gradient(#7a8b7310 1px,transparent 1px),linear-gradient(90deg,#7a8b7310 1px,transparent 1px);background-size:34px 34px}.diagram:before,.diagram:after{content:"";position:absolute;width:40px;height:40px;border-color:#84917a;pointer-events:none}.diagram:before{top:-1px;left:-1px;border-top:2px solid;border-left:2px solid;color:#84917a}.diagram:after{bottom:-1px;right:-1px;border-bottom:2px solid;border-right:2px solid;color:#84917a}.arrows{position:absolute;inset:0;width:100%;height:100%}ol{list-style:none;margin:0;padding:0}.step{position:absolute;background:#181f1a;border:2px solid #606d5f;border-radius:9px;padding:1.7% 1.8%;width:30%}.step h2{font-size:clamp(18px,2.17vw,33px);line-height:1.18;letter-spacing:-.04em;margin:14px 0}.step p{font-size:clamp(16px,1.73vw,26px);line-height:1.3;margin:0;color:var(--muted);letter-spacing:-.025em}.number{font-size:20px;color:#bac8a3}.one,.three{left:32.2%;width:35.6%}.one{top:2.2%;border-color:var(--red)}.one .number{color:var(--red)}.two{right:1.6%;top:38.5%}.three{bottom:2.2%}.four{left:1.6%;top:38.5%}.incentive{position:absolute;left:35.4%;top:31%;width:29.2%;height:38%;border:1px solid var(--line);outline:2px dotted #7a8b732e;outline-offset:-20px;border-radius:50%;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;text-align:center}.incentive>span{font-size:32px;font-weight:200;color:#56624f}.label{font-size:16px;color:#b6c0a9}.incentive h2{font-size:clamp(18px,2.4vw,36px);letter-spacing:-.045em;line-height:1.25;margin:16px 0}.loop{position:absolute;top:18%;left:1.6%;width:16%;border-top:2px solid var(--red);padding-top:18px;color:var(--red)}.loop .label{color:var(--red)}.loop p{font-size:clamp(16px,1.7vw,26px);font-weight:bold;letter-spacing:-.025em;margin:10px 0}.credit{border-top:1px solid var(--line);padding-top:20px;margin:40px 20px 0;color:#aab3a1;font-size:18px}.contact{margin:72px 20px 0;padding:44px 0;border-top:1px solid var(--line);display:flex;align-items:center;gap:60px;justify-content:space-between}.contact .label{color:var(--red)}.contact h2{font-size:clamp(32px,4vw,54px);letter-spacing:-.045em;margin:18px 0}.contact p{max-width:660px;line-height:1.5;color:var(--muted);font-size:20px}.contact p.hint{font-size:15px;color:#aab3a1;max-width:580px}.button{flex-shrink:0;display:flex;gap:48px;align-items:center;background:var(--red);color:#101512;text-decoration:none;font-size:20px;font-weight:700;padding:22px 26px;border:2px solid var(--red);transition:background .15s}.button:hover{background:#ff826e}.button:focus-visible,a:focus-visible{outline:3px solid var(--paper);outline-offset:6px}footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:25px 0;margin:0 20px;font:14px ui-monospace,monospace}footer a{color:#aab3a1;text-decoration:none}footer a:hover{text-decoration:underline}@media(max-width:760px){main{padding:28px 20px 16px}header{padding:0}.eyebrow{font-size:11px;gap:10px}.slashes{font-size:20px}.rule{margin-left:0}h1{font-size:clamp(42px,9vw,68px);margin-top:24px}.subtitle{font-size:22px;margin:24px 0}.diagram{aspect-ratio:auto;padding:24px 16px}.arrows{display:none}.step{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:100%;padding:22px;margin-bottom:30px}.step:not(:last-child):after{content:'↓';position:absolute;bottom:-29px;left:50%;font-size:22px;color:#b6c0a9}.step h2{font-size:25px;margin:12px 0}.step p{font-size:19px}.number{font-size:16px}.incentive{position:relative;left:auto;top:auto;width:100%;height:auto;border-radius:0;outline:none;padding:24px 10px}.incentive>span{display:none}.incentive h2{font-size:28px}.loop{position:relative;top:auto;left:auto;width:100%;margin:24px 0 0;padding-top:20px}.loop p{font-size:22px}.credit{margin:26px 0 0;font-size:13px;line-height:1.6}.contact{margin:40px 0 0;padding:28px 0;display:block}.contact p{font-size:18px}.contact .label{font-size:12px}.button{margin-top:28px;justify-content:space-between}footer{margin:0;gap:16px;flex-wrap:wrap;font-size:12px}}
