*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:5rem}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--default-bg-color);color:var(--text-primary-color);font:400 1.0625rem/1.6 var(--ui-font);-webkit-font-smoothing:antialiased;margin:0}img,video,svg{max-width:100%;display:block}a{color:var(--link-color)}h1,h2,h3{margin:0;font-weight:400}p{margin:0}b{font-weight:600}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip{z-index:20;background:var(--island-bg-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-island);padding:.5rem .75rem;position:absolute;top:-3rem;left:1rem}.skip:focus{top:.75rem}:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.btn,.step,.track,.concepts li,.faq details{border-radius:255px 18px 225px/18px 225px 18px 255px}.btn{border:2px solid var(--color-on-surface);background:var(--island-bg-color);min-height:2.5rem;color:var(--color-on-surface);font:600 .9375rem/1.2 var(--ui-font);text-align:center;justify-content:center;align-items:center;gap:.5rem;padding:.45rem 1.1rem;text-decoration:none;transition:transform .12s ease-out,background .12s ease-out;display:inline-flex}.btn:hover{background:var(--color-surface-high);transform:translateY(-1px)rotate(-.4deg)}.btn:active{transform:translateY(1px)}.btn--primary{background:var(--color-primary-fill);border-color:var(--color-primary-fill);color:var(--color-on-primary)}.btn--primary:hover{background:var(--color-primary-fill-hover);border-color:var(--color-primary-fill-hover)}.btn--lg{min-height:3rem;padding:.6rem 1.5rem;font-size:1.0625rem}.nav{z-index:10;background:var(--default-bg-color);align-items:center;gap:1.25rem;max-width:72rem;margin:0 auto;padding:.75rem 1.5rem;display:flex;position:sticky;top:0}.nav__brand{color:var(--color-on-surface);font:1.375rem/1 var(--hand-font);white-space:nowrap;align-items:center;gap:.5rem;text-decoration:none;display:flex}.nav__logo{width:28px;height:28px;color:var(--color-primary);flex-shrink:0}.nav__links{gap:1.25rem;margin-left:auto;display:flex}.nav__links a{color:var(--muted-text);font-size:.9375rem;text-decoration:none}.nav__links a:hover{color:var(--color-on-surface)}.nav__signin{color:var(--color-on-surface);white-space:nowrap;font-size:.9375rem;font-weight:600;text-decoration:none}.nav__signin:hover{color:var(--color-primary);text-underline-offset:3px;text-decoration:underline}.nav__cta{white-space:nowrap;min-height:2.25rem;padding:.3rem .9rem;font-size:.875rem}@media (width<=860px){.nav__links{display:none}.nav__cta,.nav__signin{margin-left:auto}.nav__signin+.nav__cta{margin-left:0}}@media (width<=420px){.nav{gap:.75rem;padding:.625rem 1rem}.nav__brand span{display:none}}.hero{text-align:center;flex-direction:column;align-items:center;max-width:48rem;margin:0 auto;padding:3.5rem 1.5rem 2.5rem;display:flex}.hero__logo{width:5.5rem;height:5.5rem;color:var(--color-primary);margin-bottom:1rem;transform:rotate(-4deg)}.hero__name{font:clamp(2.75rem, 8vw, 4.5rem)/1.05 var(--hand-font);color:var(--color-primary)}.hero__tagline{font:clamp(1.375rem, 3.6vw, 1.875rem)/1.3 var(--hand-font);color:var(--color-on-surface);margin-top:1rem}.scribble{white-space:nowrap;display:inline-block;position:relative}.scribble svg{width:108%;height:.55em;color:var(--color-primary);position:absolute;bottom:-.45em;left:-4%;overflow:visible}.hero__pitch{max-width:38rem;color:var(--muted-text);margin-top:1.5rem;font-size:1.125rem}.hero__ctas{flex-wrap:wrap;justify-content:center;gap:.875rem;margin-top:2rem;display:flex}.hero__note{color:var(--muted-text);text-wrap:balance;margin-top:1.25rem;font-size:.9375rem}.hero__phone{border-radius:var(--border-radius-md);background:var(--color-surface-low);color:var(--color-on-surface);margin-top:.375rem;padding:.25rem .75rem;font-size:.875rem;display:none}@media (width<=700px){.hero__phone{display:inline-block}}.companies{max-width:72rem;margin:0 auto;padding:0 0 2.75rem}.companies__label{text-align:center;color:var(--muted-text);font:600 .75rem/1.2 var(--ui-font);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.625rem}.companies__marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.companies__rail{width:max-content;animation:50s linear infinite companies-slide;display:flex}.companies__marquee:hover .companies__rail{animation-play-state:paused}.companies__list{margin:0;padding:0;list-style:none;display:flex}.companies__list li{font:1.65rem/1.5 var(--hand-font);color:var(--muted-text);white-space:nowrap;align-items:center;gap:2.75rem;padding:0 1.375rem;display:flex}.companies__list li:after{content:"";background:var(--island-outline,#d6d2c8);border-radius:50%;width:6px;height:6px}@keyframes companies-slide{to{transform:translate(-50%)}}@media (width<=600px){.companies__list li{gap:2rem;padding:0 1rem;font-size:1.35rem}}@media (prefers-reduced-motion:reduce){.companies__rail{justify-content:center;width:auto;animation:none}.companies__list{flex-wrap:wrap;justify-content:center;row-gap:.25rem}.companies__list[aria-hidden=true],.companies__list li:last-child:after{display:none}.companies__marquee{-webkit-mask-image:none;mask-image:none}}.demo{max-width:68rem;margin:0 auto;padding:0 1.5rem}.demo__frame{padding:.5rem;position:relative}.demo video{border-radius:var(--border-radius-lg);background:var(--color-surface-low);width:100%;height:auto;box-shadow:var(--shadow-island)}.sketch-frame{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.sketch-frame path{fill:none;stroke:var(--color-on-surface);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.sketch-frame path+path{stroke-width:1.25px;opacity:.7}.quote{text-align:center;max-width:52rem;margin:3.5rem auto 0;padding:0 1.5rem}.quote blockquote{font:clamp(1.5rem, 3.6vw, 2.125rem)/1.3 var(--hand-font);color:var(--color-on-surface);text-wrap:balance;margin:0;transform:rotate(-.6deg)}.quote__mark{color:var(--color-primary)}.quote figcaption{color:var(--muted-text);margin-top:.75rem;font-size:.9375rem}.section{max-width:72rem;margin:0 auto;padding:4.5rem 1.5rem 0}.section--narrow p{max-width:48rem;color:var(--muted-text)}.section__title{font:clamp(2rem, 5vw, 2.75rem)/1.15 var(--hand-font);color:var(--color-on-surface);margin-bottom:.75rem}.section__lead{max-width:44rem;color:var(--muted-text);margin-bottom:2rem}.section__title+.steps,.section__title+.shots,.section__title+.faq{margin-top:1.5rem}.steps{grid-template-columns:repeat(4,1fr);gap:1.5rem;margin:0;padding:0;list-style:none;display:grid}.step{background:var(--color-surface-high);border:1.5px solid var(--default-border-color);padding:1.25rem 1.25rem 1.5rem;position:relative}.step:nth-child(odd){transform:rotate(-.8deg)}.step:nth-child(2n){transform:rotate(.7deg)}.step:nth-child(3){background:var(--color-primary-light)}.step__num{border:2px solid var(--color-primary);width:2.5rem;height:2.5rem;font:1.5rem/1 var(--hand-font);color:var(--color-primary);border-radius:50% 45% 55% 48%/48% 55% 45% 50%;justify-content:center;align-items:center;margin-bottom:.5rem;display:inline-flex}.step h3{font:1.625rem/1.2 var(--hand-font);margin-bottom:.375rem}.step p{color:var(--muted-text);font-size:1rem}@media (width<=960px){.steps{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.steps{grid-template-columns:1fr}}.concepts{grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.concepts li{background:var(--island-bg-color);border:1.5px solid var(--default-border-color);box-shadow:var(--shadow-island);padding:1rem 1.125rem}.concepts h3{font:1.25rem/1.25 var(--hand-font);color:var(--color-primary);margin-bottom:.25rem}.concepts p{color:var(--muted-text);font-size:.9375rem;line-height:1.5}.tracks{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.track{background:var(--island-bg-color);border:2px solid var(--color-on-surface);padding:1.25rem 1.375rem 1.5rem}.track h3{font:1.625rem/1.2 var(--hand-font);align-items:baseline;gap:.5rem;display:flex}.track__count{background:var(--color-primary-light);color:var(--color-on-surface);font:600 .875rem/1.6 var(--ui-font);border-radius:999px;margin-left:auto;padding:0 .5rem}.track>p{color:var(--muted-text);margin:.375rem 0 1rem;font-size:.9375rem}.track ul{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.track li{flex-direction:column;display:flex}.track li a{font:1.1875rem/1.3 var(--hand-font);color:var(--color-primary);text-decoration:none}.track li a:after{content:" →"}.track li a:hover{text-underline-offset:3px;text-decoration:underline}.track li span{color:var(--muted-text);font-size:.875rem;line-height:1.4}.tracks__extra{max-width:48rem;color:var(--muted-text);margin-top:1.75rem}@media (width<=900px){.tracks{grid-template-columns:1fr;max-width:34rem}}.shots{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.shot{margin:0}.shot img{border-radius:var(--border-radius-lg);border:1px solid var(--default-border-color);width:100%;height:auto;box-shadow:var(--shadow-island);background:var(--color-surface-low)}.shot figcaption{color:var(--muted-text);margin-top:.75rem;font-size:.9375rem;line-height:1.45}@media (width<=900px){.shots{grid-template-columns:1fr;max-width:40rem}}.pricing{background:var(--island-bg-color);border:2px solid var(--color-on-surface);border-radius:255px 18px 225px/18px 225px 18px 255px;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:1.5rem 2.5rem;max-width:60rem;margin-top:1.5rem;padding:1.75rem 2rem 2rem;display:grid}.pricing__plan{flex-direction:column;align-items:flex-start;gap:.75rem;display:flex}.pricing__price{font:clamp(2.5rem, 6vw, 3.25rem)/1 var(--hand-font);color:var(--color-primary)}.pricing__price small{color:var(--color-on-surface);font-size:.5em}.pricing__tax{color:var(--muted-text);margin-top:-.5rem}.pricing__cta{margin-top:1.25rem}.pricing__trial h3{font:1.625rem/1.2 var(--hand-font);margin-bottom:.5rem}.pricing__trial ul{flex-direction:column;gap:.5rem;margin:0;padding-left:1.25rem;display:flex}.pricing__fine{max-width:60rem;color:var(--muted-text);margin-top:1rem;font-size:.9375rem}@media (width<=760px){.pricing{grid-template-columns:1fr;padding:1.25rem 1.25rem 1.5rem}}.faq{flex-direction:column;gap:.75rem;max-width:48rem;display:flex}.faq details{background:var(--island-bg-color);border:1.5px solid var(--default-border-color);box-shadow:var(--shadow-island);padding:.875rem 1.25rem}.faq summary{cursor:pointer;font:1.3125rem/1.3 var(--hand-font);align-items:center;gap:.75rem;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font:1.5rem/1 var(--hand-font);color:var(--color-primary);margin-left:auto}.faq details[open] summary:after{content:"−"}.faq details p{color:var(--muted-text);margin-top:.5rem}.outro{text-align:center;flex-direction:column;align-items:center;gap:1.25rem;padding:5rem 1.5rem 4rem;display:flex}.outro__line{font:clamp(1.75rem, 4.5vw, 2.25rem)/1.2 var(--hand-font)}.outro__terms{max-width:34rem;color:var(--muted-text);font-size:.9375rem}.footer{border-top:1.5px dashed var(--default-border-color);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 2rem;max-width:72rem;margin:0 auto;padding:1.5rem 1.5rem 2.5rem;font-size:.9375rem;display:flex}.footer__links{flex-wrap:wrap;gap:.5rem 1.5rem;display:flex}.footer__links a{color:var(--muted-text)}.footer__links a:hover{color:var(--color-on-surface)}.footer__links a[hidden]{display:none}.footer__copy{color:var(--muted-text)}@media (width<=560px){body{font-size:1rem}.hero{padding:2.25rem 1rem 2rem}.hero__ctas{flex-direction:column;align-self:stretch}.demo,.section,.footer{padding-left:1rem;padding-right:1rem}.demo__frame{padding:.375rem}.section{padding-top:3.5rem}}