@font-face{font-family:Fredoka;src:url(/assets/fredoka-latin-wght-normal-DM6njrJ3.woff2)format("woff2");font-style:normal;font-weight:300 700;font-display:swap}:root{--cream:#fff9ee;--ink:#191914;--ink-soft:#514c41;--yellow:#ffcc29;--yellow-light:#ffedab;--lilac:#e5d6ff;--peach:#ffdac4;--on-dark-muted:#d1c9b8;--line:#e2d7c3;--dark-line:#4a473c;--font-display:"Fredoka", "Arial Rounded MT Bold", system-ui, sans-serif;--font-body:system-ui, sans-serif;--radius:1.6rem;--container:75rem;--gutter:clamp(1.2rem, 4.5vw, 3.5rem);--space-section:clamp(4rem, 8vw, 7rem);--transition:.16s ease-out}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--ink);font:1rem/1.6 var(--font-body);margin:0}img{max-width:100%;display:block}ul,ol,p,h1,h2,h3{margin:0}a{color:inherit}:focus-visible{outline-offset:4px;outline:3px solid}main:focus{outline:none}h1,h2,h3{font-family:var(--font-display);font-weight:620}h2{letter-spacing:-.037em;font-size:clamp(2.65rem,5.35vw,4.7rem);line-height:.99}h3{letter-spacing:-.024em;font-size:clamp(1.45rem,2.35vw,2rem);line-height:1.08}.container{width:min(var(--container), 100% - 2 * var(--gutter));margin-inline:auto}.section-pad{padding-block:var(--space-section)}.section-dark{background:var(--ink);color:var(--cream)}.icon{flex:none;width:1.15rem;height:1.15rem;display:block}.recording-label,.launch-status{letter-spacing:.105em;text-transform:uppercase;align-items:center;gap:.58rem;width:fit-content;font-size:.73rem;font-weight:770;line-height:1.35;display:flex}.status-dot{background:var(--yellow);border-radius:50%;flex:none;width:.55rem;height:.55rem}.section-intro{grid-template-columns:1fr minmax(15rem,.55fr);align-items:end;gap:1.4rem 3rem;margin-bottom:2.6rem;display:grid}.section-intro>p,.reassurance-copy>p{max-width:31ch;color:var(--ink-soft);font-size:clamp(1rem,1.8vw,1.23rem)}.section-dark .section-intro>p{color:var(--on-dark-muted)}.skip-link{z-index:5;background:var(--ink);color:var(--cream);border-radius:.5rem;padding:.65rem 1rem;position:fixed;top:.75rem;left:.75rem;transform:translateY(-180%)}.skip-link:focus{transform:none}.site-header{border-bottom:1px solid var(--line)}.header-inner{justify-content:space-between;align-items:center;gap:1.25rem;min-height:5.05rem;display:flex}.brand{border-radius:.35rem;align-items:center;gap:.5rem;width:fit-content;display:inline-flex}.brand-mark{width:2.15rem;height:auto}.wordmark{width:8.9rem;height:auto}.main-nav{align-items:center;gap:clamp(.95rem,3vw,2.25rem);display:flex}.main-nav a{white-space:nowrap;padding-block:.65rem;font-size:.91rem;font-weight:660;text-decoration:none}.main-nav a:hover{text-underline-offset:.28em;text-decoration:underline;text-decoration-thickness:2px}.action{min-height:3.4rem;transition:background var(--transition), box-shadow var(--transition), transform var(--transition);border:1px solid #0000;border-radius:100vmax;justify-content:center;align-items:center;gap:.7rem;padding:.62rem 1.2rem;font-size:.95rem;font-weight:750;line-height:1.35;text-decoration:none;display:inline-flex}.action .icon{transition:transform var(--transition)}.action:hover .icon{transform:translate(3px)}.action-dark{background:var(--ink);color:var(--cream)}.action-dark:focus-visible{outline-color:var(--ink)}.action-dark:hover{background:#353229;transform:translateY(-2px);box-shadow:0 4px #19191422}.action-yellow{background:var(--yellow);color:var(--ink);border-color:var(--ink)}.action-yellow:hover{background:var(--yellow-light);box-shadow:0 3px 0 var(--ink);transform:translateY(-2px)}.site-header .action{min-height:2.75rem;padding:.52rem .95rem;font-size:.84rem}.action-secondary{color:var(--ink);border-color:#857a63}.action-secondary:hover{background:#f6edda}.action-secondary:hover .icon{transform:translateY(3px)}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(2rem,4vw,4rem);padding-block:clamp(3rem,6.6vw,6rem) clamp(3.3rem,6.5vw,5.8rem);display:grid}.hero h1{letter-spacing:-.042em;font-size:clamp(3.1rem,5.05vw,4.6rem);line-height:.96}.hero-emphasis{z-index:0;margin-bottom:.1em;display:inline-block;position:relative}.hero-emphasis:after{z-index:-1;content:"";background:var(--yellow);border-radius:48% 52% 42% 55%/85% 68% 32% 15%;height:.15em;position:absolute;inset:auto -.045em .005em .025em;transform:rotate(-2.2deg)}.hero-lead{max-width:45ch;color:var(--ink-soft);margin-top:1.45rem;font-size:clamp(1.025rem,1.55vw,1.22rem)}.hero-actions{flex-wrap:wrap;gap:.65rem;margin-top:1.7rem;display:flex}.hero-art{align-self:center;min-width:0;position:relative}.hero-frame{aspect-ratio:1.12;background:var(--yellow);border-radius:clamp(1.3rem,3vw,2.65rem);position:relative;overflow:hidden}.hero-frame>img{object-fit:cover;object-position:center 48%;width:100%;height:100%}.hero-viewfinder{border:1px solid #fff9ee9c;border-radius:calc(clamp(1.3rem,3vw,2.65rem) - .54rem);position:absolute;inset:.95rem}.recording-label{background:var(--ink);color:var(--cream);border-radius:100vmax;padding:.55rem .68rem;position:absolute;top:1.65rem;left:1.65rem}.recording-label .status-dot{background:#ffa288}.frame-index{letter-spacing:.13em;text-transform:uppercase;font-size:.7rem;font-weight:790;position:absolute;bottom:1.68rem;left:1.68rem}.hero-note{background:var(--cream);border:1px solid var(--ink);box-shadow:.18rem .22rem 0 var(--ink);font:600 clamp(1.05rem, 2.1vw, 1.5rem)/.97 var(--font-display);border-radius:1rem;align-items:center;gap:.65rem;padding:.58rem .9rem .58rem .65rem;display:flex;position:absolute;bottom:.8rem;right:-.35rem;transform:rotate(-5deg)}.note-play{aspect-ratio:1;border:1px solid var(--ink);background:var(--lilac);border-radius:.7rem;place-items:center;width:2.55rem;display:grid}.process-band{background:var(--yellow);border-block:1px solid var(--ink)}.process-band-inner{justify-content:center;align-items:center;gap:clamp(.6rem,3vw,2.4rem);min-height:3.25rem;display:flex}.process-band-inner span{text-transform:uppercase;letter-spacing:.13em;white-space:nowrap;align-items:center;gap:clamp(.6rem,3vw,2.4rem);font-size:clamp(.6rem,1.25vw,.78rem);font-weight:800;display:flex}.process-band-inner .icon{width:.95rem;height:.95rem}.workflow h2 span,.showcase h2 span{color:var(--yellow)}.idea-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(.7rem,1.4vw,1rem);padding:0;list-style:none;display:grid}.idea-card{border:1px solid var(--dark-line);background:#24231e;border-radius:1.05rem;padding:clamp(.9rem,2vw,1.45rem)}.idea-card h3{color:var(--yellow);font-size:clamp(1.15rem,2.1vw,1.55rem)}.idea-card p{color:var(--on-dark-muted);margin-top:.5rem;font-size:.94rem;line-height:1.5}.video-grid,.workflow-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.05rem;display:grid}.video-grid{margin-top:2rem}.video-card{border:1px solid var(--dark-line);border-radius:var(--radius);background:#24231e;overflow:hidden}.video-cover{aspect-ratio:9/16;max-height:27rem}.video-caption{padding:1.15rem 1rem 1.3rem}.video-caption h3{font-size:clamp(1.45rem,2.1vw,1.85rem)}.video-caption p{color:var(--on-dark-muted);margin-top:.4rem;font-size:.93rem;line-height:1.5}.clip-player{background:#000;width:100%;height:100%;max-height:27rem;display:block}.clip-comparison{border-top:1px solid var(--dark-line);padding:.75rem 1rem 1.05rem}.clip-comparison summary{cursor:pointer;min-height:2.75rem;padding-block:.45rem}.workflow-grid{padding:0;list-style:none}.step{border:1px solid var(--dark-line);border-radius:var(--radius);background:var(--step-surface);min-height:17.7rem;padding:clamp(1.15rem,2.7vw,1.85rem)}.step-yellow{--step-accent:var(--yellow);--step-surface:#29261c}.step-lilac{--step-accent:#c9a7f7;--step-surface:#29242d}.step-peach{--step-accent:#f6a173;--step-surface:#2c241f}.step-top{justify-content:space-between;align-items:center;margin-bottom:1.65rem;display:flex}.step-index{color:var(--step-accent);font:580 2.4rem/1 var(--font-display);letter-spacing:-.045em}.step-icon{aspect-ratio:1;border:1px solid var(--ink);background:var(--step-accent);width:4.75rem;box-shadow:2px 3px 0 var(--ink);border-radius:1.15rem;place-items:center;display:grid;transform:rotate(7deg)}.step:nth-child(2) .step-icon{transform:rotate(-6deg)}.step-icon img{width:54%;height:auto}.step p{max-width:34ch;color:var(--on-dark-muted);margin-top:.6rem;font-size:.97rem}.responsibilities{border-block:1px solid var(--line);background:#f6eddc}.roles-intro{text-align:center;text-wrap:balance;margin-bottom:clamp(1.65rem,4vw,2.8rem)}.role-grid{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);align-items:start;gap:clamp(1.15rem,3vw,2rem);max-width:63rem;margin-inline:auto;display:grid}.role-side{gap:clamp(1.25rem,3vw,1.7rem);display:grid}.role{--role-inset:clamp(1rem, 3vw, 1.75rem);border:1px solid var(--ink);border-radius:var(--radius);background:var(--role-paper);box-shadow:3px 4px 0 var(--ink);overflow:hidden}.role-k{--role-header:var(--yellow);--role-paper:var(--yellow-light)}.role-you{--role-header:#92bff0;--role-paper:#e4edf8}.role-heading{min-height:4.35rem;padding:.75rem var(--role-inset);border-bottom:1px solid var(--ink);background:var(--role-header);align-items:center;gap:.75rem;font-size:clamp(1.5rem,2.7vw,2.15rem);display:flex}.role-heading img,.role-heading .icon{flex:none;width:1.875rem;height:auto}.role-list{padding:.35rem var(--role-inset) .6rem;list-style:none}.role-list li{font:520 clamp(1.2rem, 2.4vw, 1.65rem)/1.2 var(--font-display);align-items:center;gap:.85rem;padding-block:.7rem;display:flex}.role-list li+li{border-top:1px solid #19191425}.role-box{border:1.5px solid var(--ink);border-radius:.28rem;flex:none;place-items:center;width:1.28rem;height:1.28rem;display:grid}.role-k .role-box{background:var(--yellow)}.role-box .icon{stroke-width:2.8px;width:1rem;height:1rem}.role-chill{isolation:isolate;position:relative}.role-chill:after{z-index:-1;background:var(--yellow);content:"";border-radius:65% 40% 50% 45%;height:.17em;position:absolute;bottom:-.07em;left:0;right:0;transform:rotate(-2deg)}.roles-note{color:var(--ink-soft);align-items:flex-start;gap:.7rem;padding-inline:.3rem;display:flex}.roles-note strong{color:var(--ink);display:block}.roles-note .icon{width:1.35rem;height:1.35rem;color:var(--ink);fill:var(--yellow);margin-top:.12rem}.reassurance-grid{grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(2.6rem,7vw,6.5rem);display:grid}.reassurance-art{position:relative}.reassurance-art img{border-radius:var(--radius);background:var(--yellow-light);width:100%;height:auto}.reassurance-sticker{border:1px solid var(--ink);box-shadow:2px 3px 0 var(--ink);background:var(--yellow);font:580 clamp(.9rem, 2vw, 1.15rem)/1.1 var(--font-display);border-radius:.65rem;align-items:center;gap:.38rem;padding:.52rem .78rem;display:flex;position:absolute;bottom:-.85rem;right:.7rem;transform:rotate(-4deg)}.reassurance-sticker .icon{width:.87rem;height:.87rem}.reassurance-copy>p{max-width:39ch;margin-top:1.15rem}.final-cta{isolation:isolate;background:var(--yellow);border-block:1px solid var(--ink);text-align:center;position:relative;overflow:hidden}.final-cta:before,.final-cta:after{z-index:-1;aspect-ratio:1;content:"";border:1px solid #19191433;border-radius:50%;width:clamp(15rem,39vw,37rem);position:absolute;bottom:-27%;box-shadow:0 0 0 1.45rem #ffcc29,0 0 0 calc(1.45rem + 1px) #19191429,0 0 0 2.9rem #ffcc29,0 0 0 calc(2.9rem + 1px) #19191421}.final-cta:before{left:max(-16rem,-24vw)}.final-cta:after{right:max(-16rem,-24vw)}.final-cta-inner{justify-items:center;display:grid}.final-play{aspect-ratio:1;border:1px solid var(--ink);width:4.2rem;box-shadow:3px 4px 0 var(--ink);background:var(--cream);border-radius:1.1rem;place-items:center;margin-bottom:1.1rem;display:grid;transform:rotate(-10deg)}.final-play .icon{width:2rem;height:2rem}.final-cta h2{font-size:clamp(2.75rem,6vw,5.4rem)}.final-cta h2+p{max-width:43ch;margin:1.2rem auto 1.6rem;font-size:clamp(1rem,1.8vw,1.2rem)}.launch-status{background:var(--yellow-light);border:1px solid #8d711d;border-radius:100vmax;padding:.65rem .85rem}.launch-status .status-dot{background:var(--ink);width:.45rem;height:.45rem}.faq-grid{grid-template-columns:.8fr 1.2fr;gap:1.9rem 3rem;display:grid}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{cursor:pointer;justify-content:space-between;align-items:center;gap:.85rem;padding:.9rem 0;font-weight:710;list-style:none;display:flex}.faq-list summary::-webkit-details-marker{display:none}.faq-list details>p{max-width:54ch;color:var(--ink-soft);padding:0 2.25rem 1.05rem 0}.faq-icon{aspect-ratio:1;border:1px solid var(--line);width:2.05rem;transition:background var(--transition), transform var(--transition);border-radius:50%;flex:none;place-items:center;display:grid}.faq-icon .icon{width:1rem;height:1rem}summary:hover .faq-icon,details[open] .faq-icon{background:var(--yellow);border-color:var(--ink)}details[open] .faq-icon{transform:rotate(45deg)}.site-footer{padding-block:2.4rem 1.35rem}.site-footer .wordmark{filter:invert()}.footer-top,.footer-bottom{justify-content:space-between;align-items:center;gap:.85rem 1.5rem;display:flex}.footer-top{border-bottom:1px solid var(--dark-line);padding-bottom:1.55rem}.footer-top p{color:var(--on-dark-muted);margin-top:.42rem;font-size:.91rem}.back-to-top{white-space:nowrap;align-items:center;gap:.5rem;padding:.65rem 0;font-size:.87rem;text-decoration:none;display:flex}.back-to-top:hover{text-underline-offset:.2em;text-decoration:underline}.footer-bottom{color:var(--on-dark-muted);padding-top:1.15rem;font-size:.8rem}.footer-links{flex-wrap:wrap;gap:.45rem 1.1rem;padding:0;list-style:none;display:flex}.footer-links a{text-underline-offset:.18em}@media (width<=930px){.hero{gap:1.8rem}.hero h1{font-size:clamp(2.6rem,5.5vw,4.5rem)}.hero-actions .action{padding-inline:.88rem}.idea-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=740px){.header-inner{grid-template-columns:1fr auto;gap:0 .5rem;padding-top:.67rem;display:grid}.brand-mark{width:1.8rem}.wordmark{width:clamp(6.2rem,23vw,8.4rem)}.main-nav{grid-area:2/1/auto/-1;justify-content:space-between;gap:.6rem;padding-top:.3rem}.main-nav a{padding:.6rem .3rem}.site-header .action{gap:.3rem;min-height:2.65rem;padding-inline:.68rem;font-size:.74rem}.site-header .action .icon{width:.89rem;height:.89rem}.hero{grid-template-columns:1fr;gap:2.05rem;padding-top:2.6rem}.hero h1{font-size:clamp(2.3rem,9.8vw,4.6rem)}.hero-lead{margin-top:1.1rem}.hero-actions{margin-top:1.35rem}.hero-actions .action{min-height:3rem}.hero-frame{aspect-ratio:1.14}.hero-viewfinder{inset:.65rem}.recording-label{font-size:.63rem;top:1.1rem;left:1.1rem}.frame-index{bottom:1.1rem;left:1.1rem}.hero-note{bottom:.65rem;right:-.2rem}.note-play{width:2.1rem}.section-intro,.reassurance-grid,.faq-grid{grid-template-columns:1fr}.section-intro{margin-bottom:1.7rem}.section-intro>p{max-width:42ch}.showcase h2{font-size:clamp(1.95rem,9vw,4.1rem)}.idea-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workflow-grid{grid-template-columns:1fr;gap:.75rem}.step{min-height:auto}.step-top{margin-bottom:1rem}.step-icon{width:3.6rem}.reassurance-copy{grid-row:1}.footer-bottom{flex-direction:column;align-items:flex-start}}@media (width<=680px){.role-grid{grid-template-columns:1fr;max-width:28rem}.role-heading{min-height:3.55rem}}@media (width<=575px){.video-grid{grid-template-columns:1fr}.process-band-inner>span>.icon{display:none}.footer-top{align-items:flex-start}}@media (width<=380px){.idea-grid{grid-template-columns:1fr}}@media (width<=360px){:root{--gutter:1rem}.hero-actions{flex-direction:column;align-items:flex-start}.footer-top{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}
