:root{--ink:#3b3a36;--ink-soft:#6f6a60;--paper:#fbf7ee;--paper-deep:#f2ecdf;--accent:#2f7fd1;--sky:#bfe6f2;--water:#3f8db5;--serif:"New York", "Iowan Old Style", Georgia, "Times New Roman", serif;--sans:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}body{font-family:var(--sans);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;margin:0;font-size:17px;line-height:1.6}h1,h2,h3{font-family:var(--serif);margin:0;line-height:1.2}a{color:var(--accent)}.site-header{justify-content:space-between;align-items:center;gap:16px;max-width:1200px;margin:0 auto;padding:18px clamp(16px,4vw,48px);display:flex}.site-header-over-pond{z-index:2;position:absolute;inset:0 0 auto}.wordmark{font-family:var(--serif);color:var(--ink);align-items:center;gap:10px;font-size:22px;font-weight:700;text-decoration:none;display:inline-flex}.wordmark img{border-radius:8px}.site-header nav,.site-footer nav{gap:20px;display:flex}.site-header nav a{color:var(--ink);font-size:15px;font-weight:600;text-decoration:none}.site-header nav a:hover{text-decoration:underline}.site-footer{color:#e6eef2;text-align:center;background:#23465a;flex-direction:column;align-items:center;gap:8px;padding:48px 16px 56px;display:flex}.site-footer p{margin:0}.site-footer a{color:#fff}.site-footer-small{opacity:.7;font-size:14px}.hero{min-height:100svh;position:relative;overflow:hidden}.pond,.pond-scenery{width:100%;height:100%;position:absolute;inset:0}.pond-sun{transform-box:fill-box;transform-origin:50%;animation:6s ease-in-out infinite alternate glow}.pond-ripples{animation:7s ease-in-out infinite alternate ripple}.pond-drifter{transform:translateX(var(--rest-x,20vw));filter:drop-shadow(0 6px 4px #0a283c2e);animation:linear infinite drift;position:absolute;left:0}.bob{animation:3.4s ease-in-out infinite alternate bob}.hero-text{z-index:1;text-align:center;max-width:680px;margin:0 auto;padding:clamp(110px,18vh,170px) 16px 0;position:relative}.hero h1{color:#fffdf8;-webkit-text-stroke:3px #2b2a27;paint-order:stroke fill;text-shadow:0 4px #2b2a2740;font-size:clamp(52px,10vw,96px)}.hero-tagline{font-family:var(--serif);margin:8px 0 0;font-size:clamp(20px,3vw,26px);font-style:italic}.hero-lede{max-width:520px;margin:16px auto 28px;font-size:18px}.store-badge{color:#fff;background:#1f1f1f;border-radius:999px;padding:12px 24px;font-weight:600;display:inline-block;box-shadow:0 6px 16px #0a283c40}main>section{max-width:1100px;margin:0 auto;padding:88px clamp(16px,4vw,48px)}main>section>h2{text-align:center;margin-bottom:48px;font-size:clamp(30px,4.5vw,44px)}.steps ol{gap:72px;margin:0;padding:0;list-style:none;display:grid}.step{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(24px,5vw,64px);display:grid}.step:nth-child(2n) .demo{order:2}.step-number{background:var(--accent);color:#fff;border-radius:50%;place-items:center;width:36px;height:36px;margin-bottom:12px;font-weight:700;display:inline-grid}.step h3{margin-bottom:10px;font-size:30px}.step p{color:var(--ink-soft);margin:0;font-size:18px}.demo{aspect-ratio:4/3;background:linear-gradient(#cfeef6,#eaf6ef);border-radius:28px;position:relative;overflow:hidden;box-shadow:0 18px 40px #143c5029}.demo-water{background:linear-gradient(#7fc3dc,#3f8db5);position:absolute;inset:55% 0 0}.fold-demo{background:radial-gradient(circle at 50% 40%,#fffdf8,#e8f4ef 70%);place-items:center;display:grid}.fold-stage{aspect-ratio:1;perspective:700px;filter:drop-shadow(0 10px 8px #28323c2e);width:46%;position:relative}.fold-paper{clip-path:polygon(50% 4%,70% 52%,100% 52%,80% 86%,20% 86%,0% 52%,30% 52%);background:linear-gradient(135deg,#f8d77a,#f2c14e 55%,#dca631);animation:7s ease-in-out infinite fold;position:absolute;inset:0}.fold-crease{opacity:0;background:#3c280040;animation:7s ease-in-out infinite crease;position:absolute}.fold-crease-a{width:2px;height:100%;top:0;left:50%}.fold-crease-b{width:100%;height:2px;top:50%;left:0}.fold-shadow{background:#1e3c501f;border-radius:50%;height:8%;position:absolute;bottom:-10%;left:15%;right:15%}@keyframes fold{0%{opacity:0;clip-path:polygon(50% 0%,100% 0%,100% 50%,100% 100%,0% 100%,0% 50%,0% 0%);transform:scale(.9)}6%,12%{opacity:1;clip-path:polygon(50% 0%,100% 0%,100% 50%,100% 100%,0% 100%,0% 50%,0% 0%);transform:scale(1)rotateY(0)}26%{clip-path:polygon(50% 0%,75% 25%,100% 50%,100% 100%,0% 100%,0% 50%,25% 25%);transform:rotateY(180deg)}40%{clip-path:polygon(50% 8%,78% 56%,100% 56%,100% 76%,0% 76%,0% 56%,22% 56%);transform:rotateX(180deg)rotateY(180deg)}54%{clip-path:polygon(50% 4%,70% 52%,100% 52%,80% 86%,20% 86%,0% 52%,30% 52%);transform:rotateX(360deg)rotateY(360deg)translateY(0)}64%{transform:rotateX(360deg)rotateY(360deg)translateY(-4%)rotate(-3deg)}74%{transform:rotateX(360deg)rotateY(360deg)translateY(2%)rotate(2deg)}84%{opacity:1;clip-path:polygon(50% 4%,70% 52%,100% 52%,80% 86%,20% 86%,0% 52%,30% 52%);transform:rotateX(360deg)rotateY(360deg)translateY(-2%)}94%,to{opacity:0;clip-path:polygon(50% 4%,70% 52%,100% 52%,80% 86%,20% 86%,0% 52%,30% 52%);transform:rotateX(360deg)rotateY(360deg)translate(40%,-6%)scale(.85)}}@keyframes crease{0%,8%{opacity:0}14%,30%{opacity:1}40%,to{opacity:0}}.unfold-boat{opacity:0;animation:9s ease-in-out infinite unfold-drift;position:absolute;bottom:22%;left:50%;transform:translate(-50%)}.unfold-letter{clip-path:polygon(50% 0%,100% 0%,100% 50%,100% 100%,0% 100%,0% 50%,0% 0%);background:#fff7fa;width:72%;height:76%;animation:9s ease-in-out infinite unfold-open;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 2px #f4a6c0}.unfold-content{text-align:center;flex-direction:column;align-items:center;gap:6px;height:100%;padding:7% 8%;animation:9s ease-in-out infinite unfold-content;display:flex}.doodle{flex-shrink:1;width:56%;min-height:0}.unfold-content p{font-family:var(--serif);margin:0;font-size:clamp(12px,1.6vw,15px);font-style:italic;line-height:1.4}.unfold-signature{color:var(--ink-soft);font-size:clamp(11px,1.4vw,13px);font-weight:600}@keyframes unfold-drift{0%{opacity:1;transform:translate(-260%)}30%{opacity:1;transform:translate(-50%)}37%{opacity:0;transform:translate(-50%,-30%)scale(1.15)}to{opacity:0;transform:translate(-50%,-30%)scale(1.15)}}@keyframes unfold-open{0%,32%{opacity:0;clip-path:polygon(50% 4%,70% 52%,100% 52%,80% 86%,20% 86%,0% 52%,30% 52%);transform:translate(-50%,-40%)scale(.4)}35%{opacity:1;clip-path:polygon(50% 4%,70% 52%,100% 52%,80% 86%,20% 86%,0% 52%,30% 52%);transform:translate(-50%,-40%)scale(.42)}50%,86%{opacity:1;clip-path:polygon(50% 0%,100% 0%,100% 50%,100% 100%,0% 100%,0% 50%,0% 0%);transform:translate(-50%,-50%)scale(1)}95%,to{opacity:0;clip-path:polygon(50% 0%,100% 0%,100% 50%,100% 100%,0% 100%,0% 50%,0% 0%);transform:translate(-50%,-50%)scale(1)}}@keyframes unfold-content{0%,49%{opacity:0}56%,86%{opacity:1}95%,to{opacity:0}}.fishing-demo>svg{width:100%;height:100%;position:absolute;inset:0}.fishing-ripples{animation:5s ease-in-out infinite alternate ripple}.rod{transform-box:view-box;transform-origin:80px 96px;animation:7s ease-in-out infinite rod}.fishing-line{stroke-dasharray:1;stroke-dashoffset:0;animation:7s ease-in-out infinite line}.bobber{transform-box:view-box;transform-origin:300px 136px;animation:7s ease-in-out infinite bobber}.bite-ripple{transform-box:view-box;transform-origin:300px 140px;opacity:0;animation:7s ease-out infinite bite}.catch{opacity:0;filter:drop-shadow(0 4px 3px #0a283c33);animation:7s ease-in-out infinite catch;position:absolute;top:57%;left:75%;transform:translate(-50%,-50%)}@keyframes rod{0%,4%{transform:rotate(0)}12%{transform:rotate(-38deg)}18%{transform:rotate(14deg)}24%,64%{transform:rotate(0)}70%{transform:rotate(-16deg)}86%,to{transform:rotate(0)}}@keyframes line{0%,17%{stroke-dashoffset:1px}27%,70%{stroke-dashoffset:0}86%,to{stroke-dashoffset:1px}}@keyframes bobber{0%,25%{opacity:0;transform:translateY(-10px)scale(.6)}28%{opacity:1;transform:translateY(0)scale(1)}36%{transform:translateY(2px)}44%{transform:translateY(-1px)}52%{transform:translateY(1px)}56%{transform:translateY(7px)}60%{transform:translateY(1px)}64%{opacity:1;transform:translateY(8px)}68%,to{opacity:0;transform:translateY(8px)}}@keyframes bite{0%,55%{opacity:0;transform:scale(.4)}58%{opacity:.9}68%,to{opacity:0;transform:scale(1.8)}}@keyframes catch{0%,63%{opacity:0;top:62%;left:75%;transform:translate(-50%,-50%)scale(.6)}68%{opacity:1;top:55%;left:75%;transform:translate(-50%,-50%)scale(1)rotate(-6deg)}86%{opacity:1;top:44%;left:34%;transform:translate(-50%,-50%)scale(.95)rotate(4deg)}94%,to{opacity:0;top:44%;left:30%;transform:translate(-50%,-50%)scale(.9)}}.features{background:var(--paper-deep);max-width:none!important}.features ul{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;max-width:1100px;margin:0 auto;padding:0;list-style:none;display:grid}.feature{background:#fff;border-radius:22px;padding:26px;box-shadow:0 6px 18px #143c5014}.feature-icon{font-size:30px}.feature h3{margin:10px 0 6px;font-size:21px}.feature p{color:var(--ink-soft);margin:0}.legal{background:linear-gradient(#d8eef4, var(--paper) 420px);padding:24px clamp(16px,4vw,48px) 80px}.legal-sheet{background:#fffdf8;border-radius:24px;max-width:760px;margin:0 auto;padding:clamp(28px,5vw,56px);box-shadow:0 18px 40px #143c501f}.legal-sheet h1{font-size:clamp(34px,5vw,46px)}.legal-effective{color:var(--ink-soft);margin:6px 0 28px}.legal-intro{font-size:19px}.legal-sheet h2{margin:36px 0 10px;font-size:23px}.legal-sheet h3{margin:20px 0 4px;font-size:18px}.legal-sheet p{margin:0 0 12px}.legal-sheet li{margin-bottom:6px}.legal-summary{background:#e5f3f8;border-radius:18px;margin:8px 0 12px;padding:20px 24px}.legal-summary h2{margin-top:0}.legal-summary ul{margin:0;padding-left:20px}@keyframes drift{0%{transform:translate(-25vw)}to{transform:translate(110vw)}}@keyframes bob{0%{transform:translateY(-4px)rotate(-3deg)}to{transform:translateY(4px)rotate(3deg)}}@keyframes ripple{0%{transform:translate(-12px)}to{transform:translate(12px)}}@keyframes glow{0%{transform:scale(1)}to{transform:scale(1.06)}}@media (width<=760px){.step{grid-template-columns:1fr}.step:nth-child(2n) .demo{order:0}main>section{padding:64px 16px}.site-header nav{gap:14px}}@media (prefers-reduced-motion:reduce){*,:before,:after{animation:none!important}}