:root{font:16px/1.45 Arial,Helvetica,sans-serif;color:#000;background:#FEFEFA;color-scheme:light;--teal:#03CDBD;--magenta:#F91B6D;--yellow:#FED420;--paper:#FEFEFA}
*{box-sizing:border-box}body{margin:0}img{max-width:100%;height:auto}a{color:inherit}button,input{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--magenta);outline-offset:5px}h1,h2,h3,.cta,.tag,.see{font-family:"Times New Roman",Times,serif}h1,h2,h3,p{margin:0}h1{font-size:clamp(3rem,6.9vw,6rem);line-height:.97;letter-spacing:-.045em}h2{font-size:clamp(2rem,4.4vw,3.6rem);line-height:1.08;letter-spacing:-.035em}h3{font-size:clamp(1.55rem,3vw,2.25rem);line-height:1.12}p{overflow-wrap:anywhere}.site{max-width:1200px;margin:auto;padding:0 32px}.skip{position:absolute;left:12px;top:-100px;z-index:20;background:var(--yellow);padding:12px}.skip:focus{top:10px}.header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 0 14px;border-bottom:2px solid}.brand{display:flex;align-items:center;gap:5px;text-decoration:none;flex-shrink:0}.brand .head{width:55px;height:49px;object-fit:contain}.brand .wordmark{width:210px}.nav{display:flex;align-items:center;gap:26px}.nav a:not(.cta){font-size:.875rem;font-weight:700;text-transform:uppercase;text-underline-offset:5px}.cta{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:var(--teal);border:3px solid #000;border-radius:3px 2px 4px 2px;box-shadow:4px 4px 0 #000;padding:10px 18px;font-weight:700;font-size:1.5rem;text-decoration:none;line-height:1.15;cursor:pointer}.cta:hover{background:var(--yellow)}.cta img{width:36px;height:36px;object-fit:contain}.nav .cta{font-size:1.25rem;padding:8px 13px}.nav .cta img{width:28px;height:28px}.hero{display:grid;grid-template-columns:1.12fr 1fr;gap:18px;align-items:center;padding:32px 0 24px}.tag{display:inline-block;background:var(--yellow);border:2px solid;box-shadow:3px 3px #000;padding:4px 12px;font-size:1.45rem;font-weight:700;margin:0 0 18px}.underline{display:inline-block;text-decoration:underline;text-decoration-color:var(--teal);text-decoration-thickness:7px;text-underline-offset:10px}.lede{font-family:"Times New Roman",Times,serif;font-size:1.65rem;line-height:1.18;margin:22px 0 17px;max-width:570px}.hero-art{width:100%;mix-blend-mode:multiply}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px}.see{font-size:1.35rem;font-weight:700;text-underline-offset:7px;text-decoration-color:var(--teal);text-decoration-thickness:4px}.free{font-size:.875rem;margin-top:12px}.how{border-top:2px solid;border-bottom:2px solid;padding:24px 0;scroll-margin-top:18px}.how-grid{display:grid;grid-template-columns:1.95fr 1fr;gap:28px;align-items:center;margin-top:17px}.shot{display:block;width:100%;mix-blend-mode:multiply}.steps{border-left:2px solid;padding-left:24px;list-style:none;margin:0}.steps li{display:grid;grid-template-columns:42px 1fr;gap:14px;margin:0 0 28px;align-items:start}.steps li:last-child{margin-bottom:0}.number{border:2px solid;box-shadow:2px 2px #000;background:var(--teal);text-align:center;font:700 2rem/1.2 "Times New Roman",serif}.steps li:nth-child(2) .number{background:var(--magenta)}.steps li:nth-child(3) .number{background:var(--yellow)}.steps p{font:1.125rem/1.25 "Times New Roman",serif;margin-top:5px}.benefits{display:grid;grid-template-columns:repeat(3,1fr);padding:23px 0 28px;text-align:center}.benefits article{padding:0 20px}.benefits article+article{border-left:2px solid}.benefits img{height:75px;width:125px;object-fit:contain;mix-blend-mode:multiply;margin-bottom:9px}.benefits p{font:1.2rem/1.2 "Times New Roman",serif;margin-top:6px}.final{position:relative;overflow:hidden;border:3px solid;border-radius:4px 8px 3px 6px;box-shadow:4px 4px #000;background:var(--yellow);padding:26px 28px;display:flex;align-items:center;gap:30px;margin:0 0 38px}.final h2{font-size:clamp(2.6rem,5.7vw,4.8rem);flex:1}.final small{display:block;font-size:.875rem;margin-top:12px;max-width:350px}.final .mascot{width:145px;mix-blend-mode:multiply}.details{border-top:2px solid;padding:28px 0;max-width:850px;margin:0 auto}.details h2{font-size:2.1rem;margin-bottom:16px}.details p{margin:10px 0}.details ol{padding-left:25px}.details li{margin:9px 0}.details code{background:#FFF5BA;padding:2px 5px;overflow-wrap:anywhere}.details details{border-bottom:1px solid;padding:15px 0}.details summary{font-weight:700;cursor:pointer;padding:3px 0}.details details p{color:#333;margin:12px 0 4px;max-width:740px}.install-notice{border-left:5px solid var(--yellow);background:#FFF5BA;padding:12px 16px;margin:16px 0}.footer{border-top:2px solid;padding:16px 0 26px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:.875rem}.footer .head{width:30px;height:28px}.footer .wordmark{width:140px}.footer-links{display:flex;flex-wrap:wrap;gap:18px}.mobile-menu{display:none}.vertical .site{max-width:820px}.vertical .header{border:0}.vertical .hero{display:flex;flex-direction:column;text-align:center;padding:10px 0 38px}.vertical .full-logo{width:240px;mix-blend-mode:multiply;margin-bottom:15px}.vertical h1{font-size:clamp(3rem,7vw,4.6rem)}.vertical .lede{margin:23px auto 18px}.vertical .actions{justify-content:center;flex-direction:column;gap:14px}.vertical .free{margin:0}.stories{text-align:center}.story{padding:0 0 32px}.story .feature-icon{height:66px;width:120px;object-fit:contain;mix-blend-mode:multiply;margin-bottom:7px}.story p{font:1.4rem/1.2 "Times New Roman",serif;margin:5px 0 14px}.story .shot{margin:auto}.story .caption{font:1rem/1.5 Arial,Helvetica,sans-serif;margin-top:14px}.vertical .final{display:block;text-align:center;padding:28px 20px}.vertical .final h2{font-size:clamp(2.6rem,7vw,4.3rem);margin-bottom:19px}.vertical .final small{margin:16px auto 0}.vertical .final .mascot{position:absolute;right:-76px;bottom:9px;width:180px;pointer-events:none}.vertical .final .cta{position:relative;z-index:1}.hosted-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:55px;align-items:start;padding:75px 0}.hosted-layout h1{font-size:clamp(3rem,5.5vw,5rem)}.hosted-layout .tag{font:700 .875rem Arial,sans-serif;letter-spacing:.07em}.hosted-layout .signup{border:3px solid;border-radius:4px 8px 5px 3px;box-shadow:4px 4px #000;background:var(--yellow);padding:28px}.signup h2{font-size:2.4rem}.signup p{margin:12px 0}.signup label{display:block;font-weight:700;margin-top:25px}.signup input{width:100%;padding:12px;border:2px solid;background:#fff;margin:8px 0 15px;border-radius:3px}.signup button{width:100%}.signup .fine{font-size:.875rem;line-height:1.5}.signup [role=status]{border-left:4px solid var(--magenta);padding-left:10px;font-weight:700}.development{background:#FFF5BA;border-left:5px solid var(--yellow);padding:12px;margin-top:24px}.preview-label{font-size:.875rem;border:2px solid;padding:5px 10px;background:var(--yellow)}
@media(max-width:850px){.site{padding:0 20px}.brand .wordmark{width:160px}.brand .head{width:43px;height:40px}.nav{gap:15px}.nav .cta{font-size:1rem}.hero{grid-template-columns:1.2fr 1fr}.hero h1{font-size:clamp(3rem,7.2vw,4.2rem)}.tag{font-size:1.2rem}.lede{font-size:1.4rem}.how-grid{grid-template-columns:1fr}.steps{display:grid;grid-template-columns:repeat(3,1fr);border:0;padding:0;gap:18px}.steps li{display:block;margin:0}.number{display:block;width:40px;margin-bottom:10px}.steps h3{font-size:1.55rem}.final{gap:18px;padding:22px 18px}.final .mascot{display:none}.hosted-layout{gap:28px;padding:40px 0}.hosted-layout .signup{padding:20px}}
@media(max-width:600px){.site{padding:0 18px}.header{position:relative;padding:16px 0}.brand .wordmark{width:150px}.brand .head{width:37px;height:35px}.mobile-menu{display:block;background:var(--paper);border:2px solid;padding:7px 10px;cursor:pointer;font-weight:700}.nav{display:none;position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:10;background:var(--paper);border:3px solid;padding:17px;box-shadow:4px 4px;flex-direction:column;align-items:stretch;gap:18px}.nav[data-open=true]{display:flex}.hero{display:flex;flex-direction:column;text-align:center;padding:28px 0}.hero-copy{width:100%}.hero h1{font-size:clamp(3rem,10vw,4.7rem)}.tag{font-size:1.2rem;max-width:100%}.lede{margin:23px auto 20px;font-size:1.4rem}.hero-art{max-width:300px;order:-1}.actions{justify-content:center;gap:18px}.how h2{text-align:center}.steps{grid-template-columns:1fr}.steps li{display:grid;grid-template-columns:40px 1fr;gap:14px}.benefits{grid-template-columns:1fr;gap:24px}.benefits article+article{border:0;border-top:1px solid;padding-top:24px}.final{display:block;text-align:center}.final h2{margin-bottom:20px}.final small{margin:16px auto 0}.footer{align-items:flex-start;flex-direction:column}.details h2{font-size:1.9rem}.vertical .hero{padding-top:14px}.vertical .full-logo{width:200px}.vertical .final .mascot{display:none}.hosted-layout{grid-template-columns:1fr;padding:35px 0;gap:25px}.preview-label{max-width:130px;text-align:center;font-size:.75rem}.hosted-layout h1{font-size:3.1rem}}
@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
.hero-art,.final .mascot{mix-blend-mode:normal}
@media(max-width:600px){.header{flex-wrap:wrap}.preview-label{overflow-wrap:anywhere}.hosted-layout>*{min-width:0}.signup h2{overflow-wrap:anywhere}}
@media(forced-colors:active){.cta,.tag,.final,.signup{border-color:CanvasText;box-shadow:none}.underline{text-decoration-color:LinkText}.nav{border-color:CanvasText}.brand img{background:#fff}}
.availability{font-size:.875rem;line-height:1.5;margin-top:7px;color:#333}.free{line-height:1.5}.vertical .free{margin-top:16px}.product-frame{margin:0;border:3px solid #000;border-radius:5px 9px 4px 7px;box-shadow:4px 4px #000;background:var(--paper);padding:6px}.product-frame .shot{mix-blend-mode:normal}.product-frame figcaption{font:.875rem/1.5 Arial,Helvetica,sans-serif;padding:10px 8px;text-align:left;color:#333}.story .product-frame{max-width:680px;margin:18px auto 0}.details a:not(.cta){text-underline-offset:3px}
@media(max-width:600px){.hero,.vertical .hero{padding-top:22px;gap:18px}.hero-art{order:1;max-width:200px}.vertical .full-logo{order:1;width:130px;margin:5px 0 0}.hero .tag{margin-bottom:14px}.hero .lede,.vertical .lede{margin:18px auto 16px}.hero .actions,.vertical .actions{gap:14px}.hero .cta{font-size:1.3rem;padding:10px 14px}.hero .see{font-size:1.2rem}.hero .free,.vertical .free{margin-top:14px}.availability{margin-top:6px}.product-frame{padding:3px;box-shadow:3px 3px #000}}
.footer-credit-layout{display:grid;grid-template-columns:minmax(210px,1fr) minmax(0,max-content) minmax(210px,1fr)}.project-credit{justify-self:center;margin:0;color:#000;text-align:center;text-decoration:none;text-underline-offset:3px;overflow-wrap:anywhere}.project-credit:hover{text-decoration:underline}.footer-credit-layout .footer-links{justify-self:end;justify-content:flex-end}.footer-credit-layout .brand{justify-self:start}
.product-frame{border:0;border-radius:0;box-shadow:none;background:transparent;padding:0}.product-frame .shot{height:auto;object-fit:contain;aspect-ratio:3/2}
.policy{max-width:850px;margin:0 auto;padding:36px 0 0}.policy h1{font-size:clamp(2.5rem,5vw,4rem);line-height:1.08}.policy h1,.policy h2{overflow-wrap:anywhere}.policy-date{color:#55544C;margin:16px 0}.policy>p:last-of-type{margin-bottom:28px}.policy .details{scroll-margin-top:18px}.policy .details p{line-height:1.6}
@media(max-width:600px){.footer-credit-layout{grid-template-columns:1fr;justify-items:center;text-align:center}.footer-credit-layout .brand,.footer-credit-layout .footer-links{justify-self:center}.footer-credit-layout .footer-links{justify-content:center}}