:root{--bg:#fff;--paper:#fff;--ink:#111;--purple:#9000d4;--cyan:#009eb5;--muted:#999;--line:#ebebeb;--soft:#f5f5f5;--display:Arial,Helvetica,sans-serif;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;--space:clamp(24px,5vw,80px)}*{box-sizing:border-box}body,html{margin:0;background:#fff;color:#111;overflow-x:clip}body{font-family:var(--display);font-size:16px;line-height:1.5}.shell{width:min(1180px,calc(100% - 48px));margin-inline:auto}.site-header{height:64px;justify-content:space-between;border-bottom:1px solid var(--line);background:hsla(0,0%,100%,.95);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);position:-webkit-sticky;position:sticky;top:0;z-index:100;font:11px var(--mono);letter-spacing:.04em}.site-header,.wordmark{display:flex;align-items:center}.wordmark{color:#111;text-decoration:none;gap:10px;line-height:1}.wordmark span{font:700 10px var(--display);letter-spacing:.1em;text-transform:uppercase;color:#555}.wordmark:hover span{color:#111}.site-header nav{display:flex;align-items:center;gap:4px}.site-header nav a:not(.button){color:#666;text-decoration:none;padding:6px 14px;border-radius:99px;font:11px var(--mono);transition:background .12s,color .12s}.site-header nav a:not(.button):hover{background:#f0f0f0;color:#111}.site-header nav a.active{color:var(--purple);background:rgba(144,0,212,.07)}.site-header .button{padding:8px 18px;font-size:11px;letter-spacing:.05em;border-radius:99px;gap:8px}.button{display:inline-flex;align-items:center;gap:14px;background:#111;color:#fff;padding:13px 22px;text-decoration:none;font:600 12px var(--mono);letter-spacing:.04em;border-radius:4px;transition:background .12s}.button:hover{background:#333}.text-link{color:var(--purple);text-decoration:none;font:600 12px var(--mono);display:inline-flex;align-items:center;gap:6px;transition:color .12s}.text-link:hover{color:#111}.footer a{color:#666;text-decoration:none}.footer a:hover{color:#111}.eyebrow{font:11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#999;margin:0 0 20px;display:block}h2{font-size:clamp(32px,5vw,60px);line-height:.96;letter-spacing:-.055em;margin:0;font-weight:700;color:#111}.lede{font-size:clamp(16px,1.8vw,21px);letter-spacing:-.02em;line-height:1.5;max-width:520px;margin:0;color:#555}.section{padding-block:clamp(80px,12vw,160px)}.section+.section{border-top:1px solid var(--line)}.split-section{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space);gap:var(--space);align-items:start}.rule-strip{background:#f9f9f9;border-block:1px solid var(--line)}.rule-grid{display:grid;grid-template-columns:repeat(4,1fr)}.rule-grid span{padding:16px 0;border-right:1px solid var(--line);font:11px var(--mono);text-transform:uppercase;letter-spacing:.07em;color:#888}.rule-grid span:last-child{border-right:0}.rule-grid span+span{padding-left:20px}.section-heading{margin-bottom:clamp(32px,5vw,64px)}.section-heading .eyebrow{margin-bottom:8px}.section-heading .muted{color:#999;font:13px var(--mono)}.mockup-stage{display:flex;align-items:flex-end;justify-content:center;gap:clamp(12px,3vw,32px);padding:clamp(40px,7vw,80px) 0}.mockup-card{aspect-ratio:7/12;width:min(26vw,240px);min-width:140px;padding:16px;display:flex;flex-direction:column;border-radius:12px;box-shadow:0 8px 40px rgba(0,0,0,.12)}.mockup-stress{background:#111;color:#fff;border:none;transform:rotate(-5deg)}.mockup-buster{background:#fff;border:1px solid #e0e0e0;color:#111;transform:translateY(-20px) rotate(3deg)}.mockup-blank{background:#f5f5f5;border:1px solid #e0e0e0;color:#999;transform:rotate(6deg)}.mockup-number{font:11px var(--mono);margin-top:28px;color:hsla(0,0%,100%,.4)}.mockup-card h2{font-size:clamp(22px,3vw,44px);margin-top:auto;letter-spacing:-.07em;line-height:.9;font-weight:900}.mockup-stress .mockup-footer,.mockup-stress .mockup-label,.mockup-stress h2{color:#fff}.mockup-buster h2{color:#111}.mockup-footer{font:900 8px var(--mono);margin-top:12px;line-height:1.4;letter-spacing:.05em}.mockup-stress .mockup-footer{color:hsla(0,0%,100%,.4)}.mockup-buster .mockup-footer{color:#bbb}.mockup-label{font:900 10px var(--mono);letter-spacing:.1em;color:#999}.mockup-stress .mockup-label{color:hsla(0,0%,100%,.35)}.blank-lines{margin-top:auto}.blank-lines span{display:block;height:1px;background:#ddd;margin-top:20px}.mockup-blank p{font:11px var(--mono);line-height:1.1;margin:22px 0 0;color:#ccc}.specs{border-block:1px solid var(--line)}.spec-list{border-top:1px solid var(--line)}.spec-list>div{display:grid;grid-template-columns:160px 1fr;padding:16px 0;border-bottom:1px solid var(--line);font-size:15px}.spec-list span{font:11px var(--mono);color:#999;text-transform:uppercase;letter-spacing:.06em;padding-top:2px}.spec-list strong{font-weight:400;color:#111}.wireframe-section{padding-bottom:clamp(60px,10vw,140px)}.box-wireframe{width:min(100%,680px);aspect-ratio:2/1;margin:0 auto;border:1px solid #ddd;background:#fafafa;display:grid;grid-template-rows:auto 1fr auto;padding:20px 24px}.box-side,.box-top{font:10px var(--mono);display:flex;justify-content:space-between;color:#bbb}.box-center{display:flex;flex-direction:column;justify-content:center;align-items:center;line-height:.88}.box-center span{font:clamp(14px,2.5vw,26px) var(--mono);letter-spacing:.3em;color:#aaa}.box-center strong{font-size:clamp(40px,8vw,96px);letter-spacing:-.09em;color:#111;font-weight:700}.box-center small{font:10px var(--mono);line-height:1.4;text-align:center;margin-top:14px;color:#aaa}.box-side{justify-content:flex-end}.box-logo{height:18px;overflow:visible;vertical-align:middle}.footer{border-top:1px solid var(--line);padding:28px 0 60px;display:grid;grid-template-columns:1fr auto 1fr;grid-gap:20px;gap:20px;font:11px var(--mono)}.footer,.footer p{align-items:center}.footer p{margin:0;display:flex;gap:10px;color:#111}.footer .muted{text-align:right;color:#999}.pair-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px}.pair-card{min-height:280px;background:#fafafa;border:1px solid var(--line);padding:20px;display:flex;flex-direction:column;border-radius:8px}.card-top{display:flex;justify-content:space-between;font:10px var(--mono);letter-spacing:.08em;color:#bbb}.pair-card h3{font-size:34px;letter-spacing:-.06em;margin:auto 0 10px;color:#111}.pair-card p{font-size:14px;line-height:1.45;max-width:260px;margin:0;color:#666}.card-mark{font:10px var(--mono);margin-top:24px;color:#bbb}@media(max-width:700px){.shell{width:calc(100% - 32px)}.site-header{height:58px}.site-header nav a:not(.button),.wordmark span{display:none}.split-section{grid-template-columns:1fr;gap:32px}.rule-grid{grid-template-columns:repeat(2,1fr)}.rule-grid span:nth-child(2){border-right:0}.pair-grid{grid-template-columns:1fr}.footer{grid-template-columns:1fr 1fr}.footer .muted{grid-column:1/-1;text-align:left}.mockup-stage{gap:10px}.mockup-card{width:29vw;min-width:0;padding:10px;border-radius:9px}.mockup-card h2{font-size:clamp(16px,5.5vw,30px)}.mockup-footer,.mockup-label{font-size:6px}.spec-list>div{grid-template-columns:120px 1fr}.box-wireframe{aspect-ratio:1.4/1}.box-center strong{font-size:clamp(36px,13vw,72px)}}