@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700;800&display=swap');
:root{--paper:#f7f6f2;--ink:#19191b;--muted:#676665;--line:#dcdad3;--accent:#ff5c36;--mono:'DM Mono',monospace;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}.wrap{width:min(1120px,calc(100% - 48px));margin-inline:auto}a{color:inherit}button,input{font:inherit}button{cursor:pointer}::selection{background:#ffcfbf}section{scroll-margin-top:82px}
.announcement{height:34px;display:flex;align-items:center;justify-content:center;gap:9px;background:var(--ink);color:#fff;font:10px var(--mono);letter-spacing:-.02em}.announcement i{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px #ff5c3633}.header{height:82px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-weight:800;letter-spacing:-.075em;font-size:20px}.brand img{width:32px;height:32px;object-fit:contain}.brand span span{color:var(--accent)}nav{display:flex;align-items:center;gap:29px}nav a{font-size:12px;font-weight:700;text-decoration:none}nav a:hover,.try-link:hover,footer>a:last-child:hover{text-decoration:underline;text-underline-offset:4px}.nav-cta{border:1px solid var(--ink);border-radius:6px;padding:10px 13px}
.hero{min-height:650px;display:grid;grid-template-columns:1fr .83fr;gap:42px;align-items:center;padding-block:79px 83px}.eyebrow{font:500 10px var(--mono);letter-spacing:.12em}.eyebrow b{font-size:19px;color:var(--accent);vertical-align:-2px;margin-right:4px}.hero h1{font-size:clamp(54px,6.3vw,90px);letter-spacing:-.09em;line-height:.99;margin:22px 0 21px;font-weight:800}.hero h1 em,.explain h2 em,.pricing h2 em{font-style:normal;color:var(--accent)}.lede{max-width:550px;font-size:19px;line-height:1.46;letter-spacing:-.025em;color:#444346}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:28px}.button{min-height:51px;display:inline-flex;align-items:center;justify-content:space-between;gap:31px;padding:0 18px;border-radius:7px;border:1px solid transparent;text-decoration:none;font-weight:800;font-size:13px;transition:transform .16s,box-shadow .16s,background .16s}.button:hover{transform:translateY(-2px);box-shadow:0 7px 0 #19191b20}.dark{background:var(--ink);color:white}.dark span{color:#ff8a6e}.try-link{font-size:13px;font-weight:800;text-decoration:none}.small-note{font:10px var(--mono);color:#777570;line-height:1.65;margin-top:19px}
.hero-art{position:relative;min-height:474px;display:flex;align-items:center;justify-content:center}.paper-note{position:absolute;left:0;top:17px;background:#fff;border:1px solid var(--ink);padding:12px 14px;transform:rotate(-4deg);font:500 12px var(--mono);box-shadow:4px 4px 0 var(--ink);z-index:2}.paper-note strong{color:var(--accent);font-size:16px}.browser{width:min(390px,100%);border:2px solid var(--ink);border-radius:10px;background:#fff;box-shadow:12px 12px 0 #dedbd2;transform:rotate(2deg);overflow:hidden}.browser-top{height:35px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:4px;padding:0 12px}.browser-top i{width:6px;height:6px;border:1px solid #999;border-radius:50%}.browser-top span{margin-left:12px;color:#777;font:10px var(--mono)}.video{margin:14px auto;width:51%;height:330px;background:linear-gradient(160deg,#ee7970,#ac3147 60%,#41233a);border-radius:7px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;color:white;font-weight:800;letter-spacing:-.06em;text-align:center;font-size:29px;padding:19px}.video:before{content:'↗';position:absolute;font-size:185px;opacity:.18;top:10px;right:-25px}.video b{position:absolute;left:9px;right:9px;bottom:10px;background:#ffffff99;height:3px}.browser-bottom{border-top:1px solid var(--line);padding:12px;font:11px var(--mono);text-align:center}.browser-bottom em{font-style:normal;color:#8b8984}.scribble{position:absolute;bottom:1px;right:5px;font:12px var(--mono);transform:rotate(-6deg);text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:3px;text-underline-offset:5px}
.try-section{background:#fff;border-block:1px solid var(--line)}.try-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px;padding-block:90px}h2{font-size:clamp(36px,4.1vw,56px);line-height:1.03;letter-spacing:-.072em;margin:20px 0}.try-grid p,.explain p,.stadium-grid p,.pricing>div>p,.future p{font-size:16px;line-height:1.55;letter-spacing:-.016em;color:#4e4d4c}.try-grid p{max-width:450px}.try-stat{display:grid;grid-template-columns:auto 1fr;gap:1px 11px;align-items:baseline;margin-top:30px;border-left:3px solid var(--accent);padding-left:17px}.try-stat strong{font-size:29px;letter-spacing:-.07em}.try-stat span{font-size:12px;color:var(--muted)}.try-stat b{grid-column:1/-1;color:var(--accent);font-size:15px;line-height:1}.hint{font:11px var(--mono)!important;color:#8c8781!important;margin-top:27px}.demo-shell{border:2px solid var(--ink);border-radius:9px;box-shadow:9px 9px 0 var(--accent);background:var(--ink);overflow:hidden;max-width:475px;width:100%;justify-self:end}.demo-top,.demo-footer{height:38px;color:#eee;display:flex;align-items:center;justify-content:space-between;padding:0 13px;font:10px var(--mono)}.demo-top span:first-child{color:var(--accent);letter-spacing:2px}.demo-viewport{height:350px;background:#d6bda9;position:relative;overflow:hidden;overscroll-behavior:contain;touch-action:none;cursor:ns-resize;outline:none}.demo-viewport:focus-visible{box-shadow:inset 0 0 0 3px var(--accent)}.demo-track{position:absolute;inset:0 0 auto;will-change:transform}.post{height:350px;padding:31px;display:flex;justify-content:space-between;flex-direction:column;overflow:hidden}.post-one{background:linear-gradient(130deg,#d9cfc1,#f0a181)}.post-two{background:linear-gradient(135deg,#99b3c2,#454f69);color:#fff}.post-three{background:linear-gradient(125deg,#efd5a6,#bf7f69)}.post-symbol{font-size:150px;font-weight:800;line-height:1;text-align:center;opacity:.62;transform:rotate(15deg)}.post small{font:10px var(--mono)}.post h3{margin:8px 0 0;max-width:330px;font-size:36px;letter-spacing:-.075em;line-height:.95}.demo-instruction{position:absolute;right:13px;top:13px;background:var(--ink);color:#fff;padding:8px 10px;border-radius:4px;font:10px var(--mono);pointer-events:none}.demo-footer{height:42px}.demo-footer b{color:#ff8a6e}
.explain{display:grid;grid-template-columns:1fr .84fr;gap:95px;padding-block:110px;border-bottom:1px solid var(--line)}.explain>div:last-child{padding-top:19px}.explain p{margin-top:0}.explain ul{list-style:none;padding:0;margin:30px 0 0;border-top:1px solid var(--line)}.explain li{padding:14px 0;border-bottom:1px solid var(--line);font-size:14px;font-weight:700}.explain li b{color:var(--accent);margin-right:11px}.stadium-strip{background:#eae9e3}.stadium-grid{display:grid;grid-template-columns:.8fr 1fr;align-items:center;gap:80px;padding-block:65px}.stadium-art{position:relative;min-height:280px;display:grid;place-items:center}.stadium-art img:first-child{max-width:400px;width:100%;filter:drop-shadow(0 13px 9px #0002)}.runner{position:absolute;width:65px;right:7%;top:0;animation:runner 5s linear infinite}.stadium-grid h2{max-width:520px}.stadium-grid p{max-width:450px}
.pricing{display:grid;grid-template-columns:1fr .76fr;gap:90px;align-items:center;padding-block:120px}.pricing>div>p{max-width:530px}.founder{display:flex;align-items:center;gap:11px;margin-top:35px}.founder>span{width:37px;height:37px;display:grid;place-items:center;border-radius:50%;background:var(--ink);color:#fff;font-weight:800}.founder p{margin:0;font-size:12px;line-height:1.45;font-weight:700}.founder a{text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:2px;text-underline-offset:3px}.founder small{display:block;font-weight:400;color:var(--muted)}.buy-card{background:#fff;border:2px solid var(--ink);box-shadow:9px 9px 0 var(--ink);padding:24px;display:flex;flex-direction:column;max-width:410px;width:100%;justify-self:end}.card-head{display:flex;justify-content:space-between;font:10px var(--mono);border-bottom:1px solid var(--line);padding-bottom:16px}.price{font-weight:800;font-size:80px;letter-spacing:-.1em;line-height:1;margin-top:20px}.price small{font-size:14px;letter-spacing:0;font-weight:600;color:var(--muted)}.buy-card>p{font-size:13px;line-height:1.5;color:#555;margin:14px 0 23px}.buy-card label{font-size:11px;font-weight:800;margin-bottom:7px}.buy-card input{border:1px solid #c9c6bd;border-radius:5px;padding:13px;font-size:14px;background:#fff;outline:none}.buy-card input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #ff5c3633}.accent{background:var(--accent);color:#171717;width:100%;border:none;margin-top:9px}.accent:hover{background:#ff7957}.buy-card>small{font:10px var(--mono);line-height:1.5;text-align:center;color:#777;margin-top:13px}.future{display:grid;grid-template-columns:1fr 1fr;gap:90px;border-top:1px solid var(--line);padding-block:48px 75px}.future>div>span{display:inline-block;font:10px var(--mono);background:#ffdfd5;padding:7px 9px;border-radius:3px}.future h2{font-size:31px;margin:15px 0}.future p{font-size:14px;margin:6px 0}footer{min-height:90px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px}footer .brand{font-size:15px}footer .brand img{width:24px;height:24px}footer>span,footer>a:last-child{font:10px var(--mono);color:#777;text-decoration:none}
@keyframes runner{50%{transform:translate(-30px,6px)}}@media(max-width:850px){.hero,.try-grid,.explain,.stadium-grid,.pricing,.future{grid-template-columns:1fr;gap:36px}.hero{padding-block:70px 50px}.hero-art{min-height:460px;max-width:500px;width:100%;margin:auto}.try-grid{padding-block:70px}.demo-shell,.buy-card{justify-self:start}.explain,.pricing{padding-block:75px}.stadium-grid{gap:12px}.stadium-art{max-width:440px}.future{gap:3px}.pricing{gap:30px}}@media(max-width:600px){.wrap{width:min(100% - 36px,1120px)}.announcement{font-size:9px;padding:0 9px;text-align:center}.header{height:67px}.brand{font-size:17px}.brand img{width:27px;height:27px}nav{gap:14px}nav a:not(.nav-cta){display:none}.nav-cta{font-size:11px;padding:9px}.hero h1{font-size:clamp(47px,11vw,66px)}.lede{font-size:17px}.hero-art{min-height:390px}.browser{max-width:315px}.video{height:280px}.paper-note{left:0;top:2px;font-size:10px}.scribble{bottom:0}.hero-actions{gap:17px}.button{gap:10px;font-size:12px}h2{font-size:43px}.demo-viewport,.post{height:300px}.post h3{font-size:30px}.stadium-grid{padding-block:45px}.stadium-art{min-height:200px}.pricing{padding-bottom:70px}footer{padding-block:23px;align-items:flex-start;flex-wrap:wrap}footer>span{order:3;width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}