:root{--ink:#11100e;--paper:#f0ede4;--acid:#c7ff35;--muted:#716e66;--line:#cbc6b9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}.wrap{width:min(1180px,calc(100% - 40px));margin-inline:auto}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{font-size:1.4rem;font-weight:900;letter-spacing:-.05em;color:inherit;text-decoration:none}.nav nav{display:flex;gap:24px}.nav nav a,.footer a{color:inherit;text-decoration:none;font:700 .72rem/1 monospace;text-transform:uppercase;letter-spacing:.12em}.hero{min-height:750px;display:flex;flex-direction:column;justify-content:center;padding-block:80px}.label,.number,.demo-meta{font:700 .72rem/1.2 monospace;text-transform:uppercase;letter-spacing:.16em}.label{color:#4d4a43}.hero h1{max-width:1000px;margin:26px 0 0;font-size:clamp(4rem,10vw,9.4rem);line-height:.82;letter-spacing:-.08em;font-weight:900}.lead{max-width:700px;margin:34px 0 0;color:var(--muted);font-size:clamp(1.15rem,2vw,1.55rem);line-height:1.5}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:36px}.button{display:inline-flex;padding:15px 21px;border:1px solid var(--ink);color:inherit;text-decoration:none;font:700 .75rem/1 monospace;text-transform:uppercase;letter-spacing:.12em}.button.primary{background:var(--ink);color:var(--paper)}.button:hover{background:var(--acid);color:var(--ink)}.role-line{margin-top:auto;padding-top:60px;display:grid;grid-template-columns:1fr auto 1fr;gap:22px;border-bottom:1px solid var(--line);padding-bottom:24px;font:500 .9rem/1.4 monospace}.role-line span:last-child{text-align:right}.split{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line)}.split article{padding:90px 50px 90px 0}.split article+article{border-left:1px solid var(--line);padding-left:50px}.number{color:var(--muted)}.split h2,.section-head h2,.cta h2{margin:20px 0 0;font-size:clamp(2.6rem,5vw,5.5rem);line-height:.93;letter-spacing:-.06em}.split article p:last-child,.section-head>p{max-width:520px;color:var(--muted);font-size:1.1rem;line-height:1.55}.demos{padding-block:100px;border-bottom:1px solid var(--line)}.section-head{display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:end}.demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:55px}.demo{min-height:410px;padding:28px;display:flex;flex-direction:column;justify-content:space-between;color:var(--paper);text-decoration:none;border:1px solid var(--ink);transition:transform .2s}.demo:hover{transform:translateY(-5px)}.demo strong{font-size:clamp(2.5rem,5vw,5rem);line-height:.88;letter-spacing:-.06em}.demo span:last-child{font:700 .72rem/1 monospace;text-transform:uppercase;letter-spacing:.14em}.demo-one{background:#141117;background-image:radial-gradient(circle at 70% 30%,#ff50cd55,transparent 36%),radial-gradient(circle at 20% 80%,#a6ff0040,transparent 36%)}.demo-two{background:#0a0a0b;background-image:linear-gradient(125deg,transparent 45%,#c7ff3520 45% 55%,transparent 55%),repeating-linear-gradient(90deg,transparent 0 39px,#ffffff0c 40px)}.cta{padding-block:130px}.cta h2{max-width:900px;margin-bottom:38px}.footer{min-height:120px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);font-weight:900}.footer div{display:flex;gap:22px}@media(max-width:720px){.nav nav a:first-child,.nav nav a:last-child{display:none}.hero{min-height:680px}.role-line{grid-template-columns:1fr}.role-line span:nth-child(2){display:none}.role-line span:last-child{text-align:left}.split,.section-head,.demo-grid{grid-template-columns:1fr}.split article{padding:65px 0}.split article+article{border-left:0;border-top:1px solid var(--line);padding-left:0}.demo{min-height:320px}.footer{align-items:flex-start;padding-block:35px;gap:25px}.footer div{flex-direction:column;gap:12px}}