:root{--bg:#f6f4f2;--paper:#fffdf8;--ink:#080816;--blue:#3047ff;--blue-dark:#2034d7;--red:#ff4046;--cream:#fff0b6;--yellow:#ffe98a;--green:#7ef0a2;--muted:#080816b3;--soft-line:#ccd4e8;--shadow-blue:#3551ff;--shadow-red:#ff4e57}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;margin:0}body{color:var(--ink);-webkit-tap-highlight-color:transparent;touch-action:manipulation;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}button,a{font:inherit}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.page{background:radial-gradient(circle at 14% 18%,#3047ff14,#0000 22%),radial-gradient(circle at 85% 20%,#ff40460f,#0000 18%),linear-gradient(#f6f4f2 0%,#f3f0ed 100%);min-height:100dvh;padding:18px;position:relative;overflow:hidden}.page:before,.page:after{content:"";pointer-events:none;opacity:.08;filter:grayscale()contrast(.7);background:url(/assets/fast-character-v3.png) 50%/contain no-repeat;position:fixed}.page:before{width:240px;height:220px;top:7%;right:7%;transform:rotate(10deg)}.page:after{width:220px;height:200px;bottom:6%;left:2%;transform:rotate(-8deg)}.home-page{place-items:center;display:grid}.home-shell{width:min(1180px,100%)}.hero-grid{grid-template-columns:minmax(280px,1fr) minmax(320px,.96fr);align-items:center;gap:clamp(28px,4vw,70px);display:grid}.hero-copy{max-width:520px}.brand-mark{color:var(--blue);letter-spacing:-.08em;text-shadow:4px 4px #ff404659,7px 7px #3047ff2e;margin:0 0 18px;font-size:clamp(64px,12vw,106px);font-weight:1000;line-height:.88}h1,h2,p{margin-top:0}h1{letter-spacing:-.08em;text-wrap:balance;max-width:580px;margin-bottom:16px;font-size:clamp(42px,7vw,82px);font-weight:1000;line-height:.88}.hero-tagline{color:var(--red);letter-spacing:-.05em;margin:0 0 24px;font-size:clamp(22px,3vw,38px);font-weight:1000;line-height:.95}.muted{color:var(--muted);line-height:1.35}.hero-note{max-width:480px;margin-top:18px;font-size:18px}.primary-link,.primary-button,.secondary-button{border:4px solid var(--ink);letter-spacing:-.04em;min-height:56px;color:var(--cream);background:var(--blue);box-shadow:6px 6px 0 var(--shadow-red), 12px 12px 0 var(--shadow-blue);cursor:pointer;border-radius:22px;justify-content:center;align-items:center;padding:14px 22px 12px;font-weight:1000;transition:transform 80ms,box-shadow 80ms,filter .12s;display:inline-flex}.primary-link:hover,.primary-button:hover,.secondary-button:hover{filter:brightness(1.04)}.primary-link:active,.primary-button:active,.secondary-button:active{box-shadow:2px 2px 0 var(--shadow-red), 5px 5px 0 var(--shadow-blue);transform:translate(5px,5px)}.primary-button:disabled,.secondary-button:disabled{opacity:.55;cursor:not-allowed}.secondary-button{color:var(--ink);background:var(--paper)}.tweet-preview,.card{border:4px solid var(--soft-line);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffb3;border-radius:34px;box-shadow:0 22px 54px #14142214}.tweet-preview{max-width:640px;padding:22px}.tweet-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.tweet-profile{align-items:center;gap:14px;display:flex}.tweet-avatar{color:#fff;background:linear-gradient(#55b5ff,#3d94e8);border-radius:18px;place-items:center;width:54px;height:54px;font-size:28px;font-weight:1000;display:grid}.tweet-profile strong{font-size:18px;line-height:1.05;display:block}.tweet-profile em,.tweet-date{color:#5c6578;font-style:normal}.tweet-menu{color:#344054;font-size:24px;font-weight:700}.tweet-art{background:radial-gradient(circle at 50% 30%,#3047ff0f,#0000 30%),#fff;border:3px solid #d5dceb;border-radius:28px;place-items:center;min-height:360px;padding:18px;display:grid}.tweet-art img{object-fit:contain;filter:drop-shadow(7px 7px #0808161f);width:min(420px,100%)}.tweet-date{margin:16px 0 10px;font-size:14px;font-weight:500}.tweet-stats{color:#5c6578;border-top:2px solid #e2e8f0;flex-wrap:wrap;gap:16px;padding-top:12px;font-size:15px;font-weight:600;display:flex}@media (max-width:900px){.hero-grid{grid-template-columns:1fr}.hero-copy{max-width:100%}.tweet-preview{width:100%}}@media (max-width:640px){.page{padding:14px}.brand-mark{margin-bottom:14px}.hero-tagline{margin-bottom:18px}.primary-link,.primary-button,.secondary-button{width:100%;min-height:54px}.tweet-preview{border-radius:26px;padding:16px}.tweet-art{min-height:280px}}