.wrap{max-width:1100px;margin:0 auto;padding-inline:24px}.section-divider{display:block;width:100%;height:12px;color:var(--line);opacity:.45}.site-header{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}.wordmark{font-family:var(--display);font-weight:700;font-size:20px;color:var(--ink);text-decoration:none;white-space:nowrap}.site-nav{display:flex;align-items:center;gap:22px}.site-nav a.nav-link{font-size:15px;font-weight:500;color:var(--ink-soft);text-decoration:none;min-height:44px;display:inline-flex;align-items:center}.site-nav a.nav-link:hover{color:var(--accent-ink)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;font-family:var(--display);font-size:16px;font-weight:700;text-decoration:none;white-space:nowrap;cursor:pointer;border:2px solid var(--line);border-radius:18px 6px 16px 8px/8px 16px 6px 18px;background:var(--paper);color:var(--ink);box-shadow:2px 2px 0 var(--line);transition:transform .15s var(--ease),box-shadow .15s var(--ease)}.btn:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--line)}.btn:active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--line)}.btn-primary{background:var(--accent);color:#303333}@media(prefers-color-scheme:dark){.btn-primary{color:#191817}}.btn-small{min-height:40px;padding:0 18px;font-size:14px}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center;padding-top:56px;padding-bottom:96px}.hero h1{font-family:var(--display);font-weight:700;font-size:clamp(38px,4.6vw,56px);line-height:1.12;letter-spacing:-.01em}.hero h1 .squig{position:relative;white-space:nowrap}.hero h1 .squig svg{display:none}.hero-sub{margin-top:22px;color:var(--ink-soft);font-size:18px;max-width:44ch}.hero-actions{margin-top:34px;display:flex;flex-wrap:wrap;gap:14px}.hero-visual{position:relative;display:flex;justify-content:center}.sticker{position:relative;background:var(--paper);padding:28px;border:2px solid var(--line);border-radius:18px 6px 16px 8px/8px 16px 6px 18px;transform:rotate(.5deg);box-shadow:0 14px 34px #3033331f}.sticker .tape{position:absolute;width:70px;height:20px;background:var(--pool);opacity:.6;top:-11px;left:50%;transform:translate(-50%) rotate(-2deg)}.sticker img.logo{width:min(280px,70vw);height:auto;display:block}section{padding-block:96px}h2{font-family:var(--display);font-weight:700;font-size:clamp(30px,4vw,48px);line-height:1.15;letter-spacing:-.01em}.notes{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:48px}.note{background:var(--paper);border:2px solid var(--line);padding:28px 24px;border-radius:18px 6px 16px 8px/8px 16px 6px 18px;box-shadow:0 10px 26px #3033331a;transition:transform .3s var(--ease)}.note:nth-child(1){transform:rotate(-.6deg)}.note:nth-child(2){transform:rotate(.5deg) translateY(8px)}.note:nth-child(3){transform:rotate(-.4deg)}.note:hover{transform:rotate(0) translateY(-3px)}.note .note-icon{width:28px;height:28px;color:var(--accent);margin-bottom:12px;display:block}.note .note-icon svg{width:100%;height:100%}.note h3{font-family:var(--display);font-weight:700;font-size:22px;margin-bottom:8px}.note p{color:var(--ink-soft);font-size:15px}.product{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center}.polaroid{background:var(--paper);border:2px solid var(--line);padding:16px 16px 20px;transform:rotate(-1deg);box-shadow:0 16px 40px #3033331f;border-radius:6px}.polaroid img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:2px}.polaroid figcaption{font-family:var(--display);font-size:16px;margin-top:14px;text-align:center;color:var(--ink-soft)}.product-status{font-family:var(--display);font-size:15px;color:var(--accent-ink);margin-bottom:12px}.product-name{font-size:clamp(40px,5vw,64px)}.product-tagline{font-family:var(--display);font-size:22px;margin-top:10px}.product-body{margin-top:16px;color:var(--ink-soft);max-width:46ch}.product-link{margin-top:22px;display:inline-flex;align-items:center;gap:12px;font-family:var(--display);font-weight:700;font-size:20px;color:var(--ink);text-decoration:none;min-height:44px}.product-link svg{width:20px;height:20px;color:var(--accent);transition:transform .3s var(--ease)}.product-link:hover svg{transform:translate(6px) rotate(6deg)}.product-link:hover{color:var(--accent-ink)}.next-frame{margin-top:56px;padding:28px;border:2px dashed var(--line);border-radius:12px;display:flex;align-items:baseline;gap:24px;flex-wrap:wrap;color:var(--ink-soft)}.next-frame h3{font-family:var(--display);font-size:20px;color:var(--ink)}.updates-list{margin-top:32px;display:flex;flex-direction:column;gap:8px}.updates-list a{display:inline-flex;align-items:center;gap:12px;width:fit-content;font-family:var(--display);font-weight:700;font-size:20px;color:var(--ink);text-decoration:none;min-height:44px}.updates-list a svg{width:26px;color:var(--accent);transition:transform .3s var(--ease)}.updates-list a:hover svg{transform:translate(6px) rotate(6deg)}.updates-list a:hover{color:var(--accent-ink)}.contact{text-align:center;padding-bottom:120px}.contact h2{font-size:clamp(44px,7vw,88px)}.contact-email{margin-top:24px;display:inline-block;font-family:var(--display);font-weight:700;font-size:clamp(20px,3vw,32px);color:var(--accent-ink);text-decoration:none}.contact-note{margin-top:16px;color:var(--ink-soft)}.site-footer{padding-block:28px;display:flex;align-items:center;justify-content:space-between;gap:16px 32px;flex-wrap:wrap;font-size:14px;color:var(--ink-soft)}.site-footer .foot-brand{font-family:var(--display);font-weight:700;font-size:18px;color:var(--ink)}.site-footer nav{display:flex;flex-wrap:wrap;gap:18px}.site-footer a{color:var(--ink-soft);text-decoration:none;min-height:44px;display:inline-flex;align-items:center}.site-footer a:hover{color:var(--accent-ink)}.rv{opacity:0;transform:translateY(18px);transition:opacity .7s var(--ease) var(--d, 0s),transform .7s var(--ease) var(--d, 0s)}.rv.is-in{opacity:1;transform:none}.note.rv.is-in:nth-child(1){transform:rotate(-.6deg)}.note.rv.is-in:nth-child(2){transform:rotate(.5deg) translateY(8px)}.note.rv.is-in:nth-child(3){transform:rotate(-.4deg)}@media(prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}.btn,.note,.updates-list a svg{transition:none}.note:hover{transform:none!important}}@media(max-width:768px){.site-nav a.nav-link{display:none}.hero,.product{grid-template-columns:1fr;gap:40px}.notes{grid-template-columns:1fr}.note:nth-child(2){transform:rotate(.5deg)}section{padding-block:64px}}@font-face{font-family:Shantell Sans;src:url(/assets/shantell-sans-700-BH-77r1z.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Satoshi;src:url(/assets/satoshi-400-ByP-Zb-9.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Satoshi;src:url(/assets/satoshi-500-CPM9dct4.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #fef7e6;--ink: #303333;--ink-soft: #5d5850;--accent: #ee9f17;--accent-ink: #8f6400;--pool: #fdbc41;--line: #303333;--paper: #fffbf0;--display: "Shantell Sans", "Comic Sans MS", cursive;--body: "Satoshi", "Helvetica Neue", Arial, sans-serif;--ease: cubic-bezier(.16, 1, .3, 1)}@media(prefers-color-scheme:dark){:root{--bg: #191817;--ink: #f2ecdd;--ink-soft: #b7b0a2;--accent: #f0a824;--accent-ink: #fdbc41;--line: #f2ecdd;--paper: #211f1d}}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}::selection{background:var(--pool);color:#303333}:focus-visible{outline:2px dashed var(--accent-ink);outline-offset:3px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
