@font-face{font-family:Fredoka;src:url('assets/Fredoka-Semibold.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:Caveat;src:url('assets/Caveat-Medium.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:Caveat;src:url('assets/Caveat-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
:root{--paper:#fbf7ee;--ink:#443543;--coral:#e95278;--coral-dark:#b32c50;--button-ink:#24192b;--lilac:#d5bddf;--plum:#302238;--forest:#284e48;--muted:#746572;--entrance:cubic-bezier(.16,1,.3,1);--menu-ease:cubic-bezier(.76,0,.24,1);--page-pad:clamp(24px,5vw,80px)}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:100px;overflow-x:hidden}
body{font:16px/1.65 ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--ink);background:var(--paper);overflow-x:hidden;-webkit-font-smoothing:antialiased}
button,input,a{-webkit-tap-highlight-color:transparent}
button,input{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none}a{color:inherit;text-decoration:none}img,svg{display:block}img{max-width:100%;height:auto}button:disabled{cursor:default;opacity:.55}button,a,input{touch-action:manipulation}
::selection{background:var(--coral);color:#fff} :focus-visible{outline:3px solid var(--coral);outline-offset:5px} [hidden]{display:none!important}
.faq-list details p a{color:var(--coral-dark);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
h1,h2,h3,.wordmark,.footer-megatype{font-family:Fredoka,ui-rounded,sans-serif;font-weight:600;line-height:1.02;letter-spacing:-.025em;text-wrap:balance}
h1{font-size:clamp(56px,6.2vw,96px)}h2{font-size:clamp(42px,4.8vw,70px)}h3{font-size:34px}p{max-width:65ch}.icon{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon-defs{position:absolute;width:0;height:0;overflow:hidden}.handnote{font:500 29px/1.03 Caveat,cursive;letter-spacing:0}.page-width{width:100%;max-width:1440px;margin-inline:auto;padding-inline:var(--page-pad)}.section-pad{max-width:1440px;margin-inline:auto;padding:115px var(--page-pad)}.coral-word{color:var(--coral-dark)}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-80px;left:20px;z-index:100;background:var(--paper);color:var(--ink);padding:12px 20px;border-radius:12px}.skip-link:focus{top:15px}
.button{display:inline-flex;gap:14px;align-items:center;justify-content:center;min-height:54px;padding:14px 24px;background:var(--coral);color:var(--button-ink);font-size:15px;font-weight:700;border-radius:100px;transition:background .25s,transform .4s var(--entrance),box-shadow .4s}.button:hover{background:#ff8099;transform:translateY(-3px);box-shadow:0 9px 24px #190f1c1f}.button-small{min-height:44px;padding:10px 20px;font-size:14px}.button-cream{background:var(--paper);color:var(--plum)}.button-cream:hover{background:#fff}.text-link{display:inline-flex;align-items:center;gap:12px;min-height:44px;font-size:15px;font-weight:650;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:7px;transition:color .25s}.text-link:hover{color:var(--coral-dark)}.light-link:hover{color:#ffafc2}
.site-header{position:fixed;inset:0 0 auto;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:18px;height:88px;padding:12px var(--page-pad);color:var(--paper);transition:background .5s,backdrop-filter .5s;animation:header-in .9s var(--entrance) both}.site-header.is-scrolled{background:#302238ed;backdrop-filter:blur(16px)}.wordmark{position:relative;z-index:52;display:flex;gap:9px;align-items:center;font-size:30px;white-space:nowrap}.wordmark img{width:54px;height:54px;object-fit:contain}.wordmark-casso{color:#f98ba5}.wordmark small{display:inline-block;font:700 9px/1 sans-serif;letter-spacing:.12em;vertical-align:top;margin:5px 0 0 5px}.header-actions{display:flex;align-items:center;gap:22px;position:relative;z-index:52}.motion-toggle{display:flex;align-items:center;gap:6px;min-width:44px;min-height:44px;font-size:12px}.motion-toggle .icon{width:18px;height:18px}.menu-toggle{display:flex;gap:12px;align-items:center;min-width:44px;min-height:44px;font-size:14px}.menu-lines{display:flex;flex-direction:column;justify-content:center;gap:6px;width:24px}.menu-lines span{width:24px;height:2px;background:var(--paper);transition:transform .5s var(--menu-ease)}.menu-toggle[aria-expanded=true] .menu-lines span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] .menu-lines span:last-child{transform:translateY(-4px) rotate(-45deg)}
.main-nav{position:fixed;inset:0;z-index:49;color:var(--paper);height:100vh;height:100dvh;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;align-items:center;justify-content:center;justify-content:safe center;gap:21px;padding:100px 24px 70px;background:var(--plum);opacity:0;visibility:hidden;transition:opacity .7s var(--menu-ease),visibility .7s}.main-nav>*{flex-shrink:0}.main-nav.is-open{opacity:1;visibility:visible}.main-nav a{font:600 clamp(35px,4vw,62px)/1.12 Fredoka,sans-serif;letter-spacing:-.025em;transform:translateY(22px);opacity:0;transition:transform .6s var(--menu-ease),opacity .6s var(--menu-ease),color .25s}.main-nav.is-open a{transform:none;opacity:1;transition-delay:var(--stagger)}.main-nav a:hover{color:#f98ba5}.menu-note{color:var(--lilac);margin-bottom:12px}.menu-friend{position:absolute;right:8%;bottom:7%;display:flex;align-items:center;gap:10px}.menu-friend img{width:100px}.menu-friend .handnote{max-width:130px;color:var(--lilac)}body.menu-open .header-cta{visibility:hidden}
.hero{position:relative;min-height:780px;min-height:max(780px,100svh);color:var(--paper);background:var(--plum);overflow:hidden;isolation:isolate}.hero-backdrop{position:absolute;inset:0;z-index:-1;overflow:hidden}.hero-backdrop>img{width:100%;height:100%;object-fit:cover;object-position:center 55%;transform:scale(1.055);animation:forest-in 1.6s var(--entrance) both}.forest-shade{position:absolute;inset:0;background:linear-gradient(90deg,#271e31ec 0%,#271e31bd 34%,#271e3140 65%,#271e3130),linear-gradient(0deg,#211b2cba,transparent 40%),linear-gradient(180deg,#261e31b3 0,transparent 140px)}.hero-content{position:relative;display:grid;grid-template-columns:.93fr 1.07fr;gap:35px;align-items:center;padding-top:155px;padding-bottom:125px;min-height:780px;min-height:max(780px,100svh)}.hero-copy{position:relative;z-index:3}.hero-copy h1{animation:copy-in .95s .22s var(--entrance) both}.wonder-word{position:relative;display:inline-block;color:#f49db4}.wonder-word svg{position:absolute;bottom:-9px;left:0;width:100%;height:20px;fill:none;stroke:#d7c2e5;stroke-width:2.4;stroke-linecap:round;stroke-dasharray:600;stroke-dashoffset:600;animation:underline-in 1.3s .9s var(--entrance) forwards}.hero-description{font-size:clamp(18px,1.65vw,24px);line-height:1.45;margin-top:33px;max-width:35ch;animation:copy-in .95s .4s var(--entrance) both}.hero-explanation{color:#e6dbe7;font-size:15px;line-height:1.65;max-width:39ch;margin-top:18px;animation:copy-in .95s .52s var(--entrance) both}.hero-actions{display:flex;align-items:flex-start;flex-direction:column;gap:12px;margin-top:30px;animation:copy-in .95s .65s var(--entrance) both}.hero-world{position:relative;min-width:0;padding-top:52px;perspective:1200px;animation:map-in 1.2s .4s var(--entrance) both;--map-rx:0deg;--map-ry:0deg}.hero-route-sheet{position:relative;padding:16px 15px 11px;background:var(--paper);color:var(--ink);border-radius:24px;transform:rotate(-3deg) rotateX(var(--map-rx)) rotateY(var(--map-ry));box-shadow:12px 25px 60px #140e256e;transition:transform .5s var(--entrance)}.map-topline,.map-bottomline{display:flex;justify-content:space-between;align-items:center;gap:12px}.map-topline{padding:0 0 11px 5px;font-size:12px;font-weight:650}.map-topline>span{display:flex;align-items:center;gap:8px}.map-topline .icon{width:18px;height:18px;color:var(--coral-dark)}.map-topline button{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#ede3e7}.map-topline button:hover{background:#f8dce4}.street-map{width:100%;height:auto;aspect-ratio:900/640;border-radius:18px}.map-bottomline{padding:17px 6px 0}.map-bottomline strong{display:block;font-size:14px}.map-bottomline div>span{display:block;font-size:11px;color:var(--muted);margin-top:3px}.map-example{font-size:10px;background:#f3e0e8;color:#684053;padding:4px 9px;border-radius:20px;white-space:nowrap}.map-attribution{display:block;text-align:right;margin-top:9px;font-size:9px;color:#736773}.map-attribution:hover{text-decoration:underline}.hero-note{position:absolute;top:-27px;right:110px;z-index:2;transform:rotate(7deg);font-size:34px;color:#e9dff0}.note-swoop{position:absolute;width:75px;height:75px;right:33px;top:-2px;fill:none;stroke:#e6d3eb;stroke-width:1.7;stroke-linecap:round}.hero-friend{position:absolute;left:-230px;bottom:-145px;display:flex;align-items:center;gap:4px;pointer-events:none;z-index:3}.hero-friend img{width:230px;filter:drop-shadow(3px 9px 8px #21182d40)}.hero-friend .handnote{color:var(--paper);transform:rotate(-5deg);font-size:30px;margin-top:25px}.hero-bottom{position:absolute;left:0;right:0;bottom:32px;display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:.02em;color:#e8dce9}.hero-bottom>span{display:flex;align-items:center;gap:9px}.hero-bottom .icon{width:17px;height:17px;color:#f5a4ba}.hero-bottom>a{display:flex;align-items:center;gap:16px}.scroll-line{height:35px;width:1px;background:#d5bddf;position:relative}.scroll-line::after{content:'';position:absolute;width:5px;height:5px;border-right:1px solid;border-bottom:1px solid;transform:rotate(45deg);left:-2px;bottom:0}
.joy-ribbon{position:relative;overflow:hidden;background:var(--lilac);color:var(--plum);height:61px;display:flex;align-items:center}.ribbon-track{display:flex;gap:50px;align-items:center;white-space:nowrap;width:max-content;animation:ribbon-wander 34s linear infinite}.ribbon-track span{font-family:Fredoka,sans-serif;font-size:20px;letter-spacing:.025em}.ribbon-track .icon{width:20px;height:20px}
.section-heading{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:end;margin-bottom:52px}.section-heading>div{max-width:43ch;padding-bottom:3px}.section-heading p+p{margin-top:14px}.journey-workspace{display:grid;grid-template-columns:1.4fr .8fr;gap:54px;align-items:start}.journey-map-wrap{position:relative;min-width:0;background:#f2eee6;border-radius:24px;overflow:hidden;border:1px solid #ded6d8}.route-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:19px 22px;font-size:13px;font-weight:650;background:#f8f3eb}.preview-tag{font-size:11px;color:#79506c}.journey-map-wrap .street-map{border-radius:0}.turn-instruction{position:absolute;top:74px;left:22px;right:22px;display:flex;align-items:center;gap:16px;padding:15px 20px;max-width:350px;background:var(--plum);color:var(--paper);border-radius:16px;box-shadow:0 12px 32px #35233825}.turn-arrow{width:34px;height:34px;fill:none;stroke:#f392ab;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.turn-instruction[data-direction=right] .turn-arrow{transform:scaleX(-1)}.turn-instruction[data-direction=forward] .turn-arrow{transform:rotate(45deg)}.turn-instruction strong{display:block;font-size:15px;line-height:1.3}.turn-instruction span{display:block;font-size:12px;color:#e1cde6;margin-top:3px}.instruction-dot{width:8px;height:8px;background:#f7a4bd;border-radius:50%;margin-left:auto}.journey-map-footer{display:flex;justify-content:space-between;gap:8px;padding:11px 18px;color:#786c75;font-size:10px;background:#f8f3eb}.journey-map-footer a:hover{text-decoration:underline}.journey-console{padding-top:6px;min-width:0}.route-companion{display:flex;gap:15px;align-items:center;padding-bottom:20px}.route-companion img{width:74px;height:74px;object-fit:contain}.route-companion .handnote{font-size:29px;display:block;color:var(--coral-dark);margin-bottom:6px}.route-companion div>span:last-child{font-size:12px;color:var(--muted)}.route-choices{display:flex;flex-direction:column;border-top:1px solid #dccfd6}.route-choices button{position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;text-align:left;padding:17px 62px 17px 12px;border-bottom:1px solid #dccfd6;transition:background .3s}.route-choices button>span{font-size:14px}.route-choices button>strong{font-size:14px}.route-choices small{font-size:10px;font-weight:500;color:var(--muted)}.route-choices button[aria-pressed=true]{background:#f1dce6;border-radius:10px;color:#743348}.route-choices button:hover{background:#f7e9ed}.mini-route{position:absolute;right:9px;width:43px;height:39px}.mini-route path{fill:none;stroke:var(--coral-dark);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.drawing-progress{margin-top:25px}.drawing-progress>div{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:11px}.drawing-progress label{font-weight:650}.drawing-progress output{color:var(--muted);white-space:nowrap}.drawing-progress input{width:100%;height:36px;accent-color:var(--coral-dark);margin:7px 0 2px;cursor:ew-resize}.drawing-progress p{font-size:12px;color:var(--muted);min-height:40px}.journey-play{width:100%;margin-top:13px}.complete-preview{font-size:13px;display:flex;justify-content:center;width:100%;margin-top:6px}.complete-preview .icon{width:17px}.demo-explanation{font-size:11px;color:var(--muted);line-height:1.6;margin-top:17px}.route-honesty{display:flex;align-items:flex-start;gap:10px;max-width:100%;font-size:12px;color:#776573;margin-top:28px}.route-honesty .icon{width:18px;height:18px;flex-shrink:0;margin-top:1px;color:var(--coral-dark)}
.sanctuary-section{background:var(--plum);color:var(--paper);padding-top:94px;padding-bottom:44px}.sanctuary-heading{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:end;padding-bottom:42px}.sanctuary-heading>div{max-width:41ch;padding-bottom:4px}.sanctuary-heading p{color:#e4d5e9}.sanctuary-heading .text-link{margin-top:18px}.sanctuary-heading .icon{color:#f6a1bb}.sanctuary-stage{position:relative;isolation:isolate;width:100%;max-width:1600px;aspect-ratio:16/9;min-height:620px;max-height:850px;margin:auto;overflow:hidden;background:#28433f}.sanctuary-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 58%;z-index:-3;transform:scale(1.015);transition:filter 1s}.sanctuary-vignette{position:absolute;inset:0;background:linear-gradient(0deg,#211a32e8,transparent 25%,transparent 85%,#221c3090);z-index:-2}.stage-topline{position:absolute;top:26px;left:var(--page-pad);right:var(--page-pad);display:flex;align-items:center;justify-content:space-between;gap:10px;z-index:10}.demo-label{font-size:11px;letter-spacing:.015em;background:#302238dc;border:1px solid #c5aecd4a;padding:7px 14px;border-radius:20px}.stage-topline .handnote{font-size:26px;transform:rotate(-4deg);text-shadow:0 2px 6px #302238}.forest-cast{position:absolute;inset:0;z-index:2}.forest-resident{position:absolute;left:var(--actor-x);top:var(--actor-y);width:var(--actor-w);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:30%;isolation:isolate;transition:filter .6s;filter:drop-shadow(0 7px 4px #0d172b35)}.forest-resident>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.forest-resident canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none}.forest-resident canvas.ready{opacity:1}.forest-resident:has(canvas.ready)>img{opacity:0}.resident-name{position:absolute;left:50%;top:calc(var(--art-bottom) + 1%);transform:translateX(-50%);background:#302238e6;color:var(--paper);padding:5px 12px;border-radius:20px;font-family:Caveat,cursive;font-size:22px;line-height:1;white-space:nowrap;border:1px solid #c7adc048;transition:background .3s,color .3s,border-color .3s}.forest-resident:hover .resident-name,.forest-resident[aria-pressed=true] .resident-name{background:var(--paper);color:var(--plum);border-color:#fbc8d7}.forest-resident::before{content:'';position:absolute;bottom:12%;left:14%;right:14%;height:12%;background:#251b2930;border-radius:50%;filter:blur(11px);z-index:-1}.stage-bottomline{position:absolute;left:var(--page-pad);right:var(--page-pad);bottom:22px;display:flex;justify-content:space-between;align-items:center;gap:18px;z-index:12}.stage-bottomline>span{font-size:12px;color:#e4d8e9}.scene-switch{display:flex;padding:4px;gap:3px;border:1px solid #d4bfd940;background:#302238d6;border-radius:100px}.scene-switch button{font-size:12px;min-height:36px;padding:6px 17px;border-radius:100px}.scene-switch button[aria-pressed=true]{background:var(--paper);color:var(--plum)}.completion-note{position:absolute;left:50%;top:13%;transform:translate(-50%,12px);opacity:0;z-index:15;pointer-events:none;display:flex;align-items:center;gap:9px;font-size:13px;background:var(--paper);color:var(--plum);padding:13px 23px;border-radius:100px;box-shadow:0 10px 25px #160e3540;transition:opacity .7s var(--entrance),transform .7s var(--entrance);white-space:nowrap}.completion-note .icon{color:var(--coral-dark);width:18px}.sanctuary-stage.is-celebrating .completion-note{opacity:1;transform:translate(-50%,0)}.sanctuary-stage.is-lit .forest-resident{filter:drop-shadow(0 3px 5px #ffb6d568) drop-shadow(0 0 18px #f9a6d12e)}.constellation{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;opacity:0;transition:opacity 1s}.constellation>path{fill:none;stroke:#f9c3d733;stroke-width:2;stroke-dasharray:5 14}.constellation g path{fill:none;stroke:#ffe6cd;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 5px #ff9ab2)}.sanctuary-stage.is-lit .constellation{opacity:.7}.sanctuary-stage.is-map .constellation{opacity:1;z-index:3}.sanctuary-stage.is-map .sanctuary-background{filter:brightness(.48) saturate(.75)}.sanctuary-stage.is-map .forest-resident>img,.sanctuary-stage.is-map .forest-resident canvas{opacity:.2}.sanctuary-stage.is-map .forest-resident .resident-name{background:var(--plum);color:var(--paper)}.sanctuary-stage.is-map .forest-resident[aria-pressed=true] .resident-name{background:var(--paper);color:var(--plum)}.sanctuary-stage.is-lit .constellation g path{animation:constellation-glow 4s ease-in-out infinite alternate}.resident-detail{display:grid;grid-template-columns:.8fr 1.2fr .7fr;align-items:center;gap:40px;padding-top:30px;padding-bottom:28px}.resident-heading{display:flex;gap:16px;align-items:center}.resident-heading img{width:70px;height:70px;object-fit:contain}.resident-heading span{font-size:12px;color:#cbb7d1}.resident-heading h3{font-size:33px;margin-top:4px}.resident-detail>p{font-size:14px;color:#e3d4e8;max-width:44ch}.resident-art-line{display:flex;align-items:center;justify-content:flex-end;gap:10px}.resident-art-line svg{width:78px;height:72px}.resident-art-line path{fill:none;stroke:#f3a4be;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.resident-art-line span{font-size:11px;color:#d8c5df;line-height:1.6}.sanctuary-disclaimer{font-size:11px;line-height:1.6;color:#c9b8cf;max-width:1440px}
.app-section{display:grid;grid-template-columns:.95fr 1.05fr;gap:72px;align-items:center;padding-top:134px;padding-bottom:110px}.app-copy>p{margin-top:27px;max-width:39ch}.app-steps{margin:30px 0 23px;display:flex;flex-direction:column;gap:20px;max-width:43ch}.app-steps>div{display:flex;gap:14px;align-items:flex-start}.app-steps .icon{margin-top:3px;color:var(--coral-dark);width:20px}.app-steps p{font-size:14px;line-height:1.7}.app-steps strong{display:block;font-size:15px}.app-copy .availability-note{font-size:11px;line-height:1.6;color:var(--muted);max-width:37ch;margin-top:18px}.app-screens{position:relative;display:flex;align-items:center;gap:23px;padding:20px 0 34px;min-width:0}.phone{position:relative;width:46%;padding:7px;background:#584353;border:1px solid #312d3930;border-radius:30px;box-shadow:12px 25px 35px #51354b1f;flex-shrink:0}.phone img{width:100%;border-radius:23px}.phone-home{transform:rotate(-7deg) translateY(-15px)}.phone-wish{transform:rotate(6deg) translateY(35px)}.phone figcaption{position:absolute;bottom:-36px;font-family:Caveat,cursive;font-size:22px;color:#746071;width:100%;text-align:center;line-height:1.1}.screen-note{position:absolute;right:-10px;top:-53px;transform:rotate(7deg);font-size:30px;color:var(--coral-dark)}
.questions-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;padding-top:70px;padding-bottom:115px;border-top:1px solid #e5d9df}.faq-list{border-top:1px solid #d5c8d1}.faq-list details{border-bottom:1px solid #d5c8d1}.faq-list summary{position:relative;cursor:pointer;list-style:none;padding:22px 42px 22px 0;font-size:16px;font-weight:600;line-height:1.4}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary::after{content:'+';position:absolute;right:4px;top:15px;font-size:29px;font-weight:400;color:var(--coral-dark);transition:transform .3s}.faq-list details[open] summary::after{transform:rotate(45deg)}.faq-list details p{font-size:14px;line-height:1.7;padding:0 32px 24px 0;color:#776275}.faq-list summary:hover{color:var(--coral-dark)}
.site-footer{background:var(--lilac);color:var(--plum);overflow:hidden}.footer-playground{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center;padding-top:65px;padding-bottom:40px;min-height:515px}.footer-copy h2{font-size:clamp(44px,5.2vw,77px)}.footer-copy h2 span{color:#96395e}.footer-copy .button{margin-top:30px}.footer-copy>.handnote{display:block;margin-top:18px;font-size:29px;transform:rotate(-3deg);transform-origin:left}.footer-mascot-wrap{position:relative;max-width:435px;margin:0 auto;width:100%}.gaze-face{position:relative;display:block;width:100%;aspect-ratio:1;border-radius:35%;overflow:visible}.gaze-face>img{width:100%;height:100%;object-fit:contain}.gaze-layer{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.footer-hello{position:absolute;top:4%;right:-10px;transform:rotate(8deg);font-size:31px;pointer-events:none;max-width:165px;white-space:pre-line}.gaze-note{font-size:11px;display:block;text-align:center;margin-top:-32px;position:relative}.footer-megatype{display:flex;justify-content:center;align-items:center;gap:0;font-size:clamp(70px,18vw,275px);line-height:.8;padding:30px 10px 43px;letter-spacing:-.04em;white-space:nowrap}.footer-megatype span{color:#a94d73}.footer-megatype .icon{margin-left:30px;width:8vw;height:8vw;max-width:120px;max-height:120px;stroke-width:1;animation:flower-turn 25s linear infinite}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:11px;padding-top:22px;padding-bottom:25px;border-top:1px solid #765f8230}.footer-bottom nav{display:flex;gap:24px}.footer-bottom a:hover{text-decoration:underline;text-underline-offset:4px}
#sparkles{position:fixed;inset:0;z-index:60;pointer-events:none;width:100%;height:100%}.fireflies{position:absolute;inset:0;pointer-events:none;overflow:hidden}.firefly{position:absolute;left:var(--fly-x);top:var(--fly-y);width:var(--fly-size);height:var(--fly-size);border-radius:50%;background:#fff0d4;box-shadow:0 0 7px 2px #f7afc077;opacity:.25;animation:firefly-float var(--fly-time) ease-in-out infinite alternate;animation-delay:var(--fly-delay)}.firefly:nth-child(3n){background:#ddc7eb;box-shadow:0 0 8px 2px #c3b2dc77}.firefly:nth-child(4n){background:#c4e5d8;box-shadow:0 0 8px 2px #a4ddd077}.hero-backdrop .fireflies{opacity:.65}.reveal-ready{transition:transform .9s var(--entrance),opacity .9s var(--entrance)}.reveal-ready:not(.is-visible){transform:translateY(20px);opacity:.65}.is-visible{transform:none;opacity:1}body[data-motion=off] *,body[data-hidden=true] *{animation-play-state:paused!important}body[data-motion=off] .hero-route-sheet{transform:rotate(-3deg)}body[data-motion=off] .reveal-ready{transition:none;transform:none;opacity:1}body[data-motion=off] .constellation g path{opacity:1}body[data-motion=off] .button:hover{transform:none}body[data-motion=off] .hero-copy>*{animation:none}body[data-motion=off] .wonder-word svg{stroke-dashoffset:0;animation:none}body[data-motion=off] .hero-world,body[data-motion=off] .hero-backdrop>img{animation:none}body[data-motion=off] .hero-backdrop>img{transform:none}
@keyframes header-in{from{opacity:.2;transform:translateY(-12px)}to{opacity:1;transform:none}}@keyframes forest-in{from{opacity:.2;transform:scale(1.055)}to{opacity:1;transform:scale(1)}}@keyframes copy-in{from{opacity:.15;transform:translateY(25px);filter:blur(2px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes map-in{from{opacity:.15;transform:translateY(45px) rotate(3deg)}to{opacity:1;transform:none}}@keyframes underline-in{to{stroke-dashoffset:0}}@keyframes ribbon-wander{to{transform:translateX(-50%)}}@keyframes firefly-float{0%{transform:translate3d(-6px,4px,0);opacity:.15}45%{opacity:.75}100%{transform:translate3d(12px,-23px,0);opacity:.35}}@keyframes constellation-glow{from{stroke-opacity:.55}to{stroke-opacity:1}}@keyframes flower-turn{to{transform:rotate(360deg)}}
@media(min-width:1600px){.hero-content{min-height:920px}.hero{min-height:920px}.hero-world{padding-top:25px}.hero-route-sheet{padding:19px 19px 12px}}
@media(max-width:1050px){:root{--page-pad:34px}.hero-content{gap:24px;padding-top:140px;padding-bottom:160px}.hero h1{font-size:clamp(50px,6.6vw,70px)}.hero-description{font-size:20px}.hero-explanation{font-size:14px}.hero-note{font-size:29px;right:75px}.note-swoop{right:12px;width:64px}.hero-friend{left:-150px;bottom:-145px}.hero-friend img{width:210px}.hero-friend .handnote{font-size:27px}.map-topline{font-size:10px}.map-example{display:none}.journey-workspace{gap:30px;grid-template-columns:1.3fr .9fr}.section-heading,.sanctuary-heading{gap:35px}.turn-instruction{max-width:290px;padding:12px 16px}.route-choices button{font-size:12px;padding-right:51px}.route-choices button>span{font-size:12px}.mini-route{width:36px}.route-companion .handnote{font-size:25px}.section-pad{padding-top:90px;padding-bottom:90px}.resident-detail{gap:22px;grid-template-columns:1fr 1.2fr .8fr}.resident-heading{gap:12px}.resident-detail>p{font-size:13px}.resident-art-line svg{width:60px}.app-section{gap:40px}.phone{padding:5px;border-radius:24px}.phone img{border-radius:20px}.app-screens{gap:12px}.phone figcaption{font-size:19px}.questions-section{gap:45px}.footer-bottom>span:nth-child(2){display:none}}
@media(max-width:767px){:root{--page-pad:24px}html{scroll-padding-top:84px}.site-header{height:73px;padding:9px 24px}.wordmark{font-size:25px;gap:7px}.wordmark img{width:43px;height:43px}.wordmark small{font-size:7px;margin-left:3px}.header-actions{gap:13px}.motion-toggle span,.header-cta,.menu-word{display:none}.motion-toggle .icon{width:20px;height:20px}.menu-toggle{width:36px}.main-nav{gap:24px}.main-nav a{text-align:center;max-width:100%;font-size:38px}.menu-friend{position:static;margin-top:25px;gap:8px}.menu-friend img{width:75px}.menu-friend .handnote{font-size:23px}.hero,.hero-content{min-height:0}.hero-content{display:flex;flex-direction:column;align-items:stretch;gap:20px;padding-top:96px;padding-bottom:157px}.hero-copy h1{font-size:clamp(42px,10.6vw,64px);line-height:1.03}.hero-copy h1 br:nth-child(2){display:none}.wonder-word{margin-left:.14em}.wonder-word svg{height:16px;bottom:-8px}.hero-description{font-size:18px;margin-top:20px;max-width:29ch}.hero-explanation{font-size:13px;margin-top:9px;max-width:40ch}.hero-actions{margin-top:17px;gap:6px}.hero-actions .button{font-size:14px;min-height:50px;padding:13px 19px}.hero-actions .text-link{font-size:13px;min-height:36px}.hero-world{padding:35px 6px 0;margin-top:4px}.hero-note{top:-13px;right:68px;font-size:23px}.note-swoop{top:4px;right:12px;width:54px;height:58px}.hero-route-sheet{padding:12px 11px 10px;border-radius:19px;transform:rotate(-2deg)}.street-map{border-radius:13px}.map-topline{font-size:9px;padding-bottom:7px}.map-topline .icon{width:15px;height:15px}.map-topline button{width:26px;height:26px}.map-bottomline{padding:11px 4px 0}.map-bottomline strong{font-size:12px}.map-bottomline div>span{font-size:10px}.map-attribution{font-size:8px;margin-top:5px}.hero-friend{left:-14px;bottom:-140px}.hero-friend img{width:180px}.hero-friend .handnote{font-size:26px;margin-top:30px}.hero-bottom{bottom:22px;font-size:10px}.hero-bottom>span{display:none}.hero-bottom>a{margin-left:auto}.forest-shade{background:linear-gradient(180deg,#271e31cf,#271e31c9 40%,#271e3150),linear-gradient(90deg,#271e3199,transparent)}.hero-backdrop>img{object-position:35% center}.joy-ribbon{height:52px}.ribbon-track{gap:30px}.ribbon-track span{font-size:17px}.ribbon-track .icon{width:17px;height:17px}.section-pad{padding:69px 24px}.section-heading,.sanctuary-heading{display:block;margin-bottom:32px}.section-heading h2{font-size:clamp(40px,7.5vw,58px);max-width:20ch}.section-heading>div{margin-top:25px;max-width:100%;font-size:14px}.section-heading p+p{margin-top:12px}.journey-workspace{display:flex;flex-direction:column;gap:27px}.journey-map-wrap{width:100%;border-radius:18px}.route-toolbar{font-size:11px;padding:15px}.preview-tag{font-size:9px}.turn-instruction{top:60px;left:14px;right:auto;max-width:250px;padding:10px 14px;gap:11px;border-radius:13px}.turn-instruction strong{font-size:12px}.turn-instruction span{font-size:10px}.turn-arrow{width:27px;height:27px}.journey-map-footer{font-size:8px;padding:10px}.journey-console{width:100%;padding:0}.route-companion{padding-bottom:15px}.route-companion img{width:59px;height:59px}.route-companion .handnote{font-size:29px}.route-companion div>span:last-child{font-size:11px}.route-choices button{padding:16px 66px 16px 13px}.route-choices button>span{font-size:14px}.route-choices button>strong{font-size:14px}.mini-route{width:43px;right:10px}.drawing-progress{margin-top:22px}.drawing-progress p{min-height:0}.journey-play{margin-top:20px}.demo-explanation{max-width:50ch}.route-honesty{font-size:11px;margin-top:28px}.sanctuary-section{padding-top:65px;padding-bottom:29px}.sanctuary-heading{padding-bottom:0;margin-bottom:31px}.sanctuary-heading h2{font-size:clamp(40px,8vw,57px)}.sanctuary-heading>div{margin-top:22px;font-size:14px;max-width:100%}.sanctuary-heading .text-link{font-size:13px;margin-top:14px}.sanctuary-stage{aspect-ratio:4/5;min-height:530px;max-height:700px}.sanctuary-background{object-position:52% center}.stage-topline{top:18px;left:17px;right:17px}.demo-label{font-size:9px;padding:6px 10px}.stage-topline .handnote{font-size:21px}.forest-resident{width:calc(var(--actor-w) * 1.7)}.forest-resident[data-animal=dog]{left:23%;top:66%}.forest-resident[data-animal=pig]{left:70%;top:68%}.forest-resident[data-animal=rabbit]{left:53%;top:56%}.forest-resident[data-animal=cat]{left:82%;top:64%}.forest-resident[data-animal=cow]{left:18%;top:55%;width:32%}.forest-resident[data-animal=elephant]{left:72%;top:53%;width:36%}.forest-resident[data-animal=chicken]{left:39%;top:53%;width:22%}.resident-name{font-size:19px;padding:4px 10px;top:calc(var(--art-bottom) + 1%)}.stage-bottomline{left:17px;right:17px;bottom:17px;gap:8px;flex-direction:column}.stage-bottomline>span{font-size:10px;order:2}.scene-switch button{font-size:11px;min-height:34px;padding-inline:16px}.completion-note{top:13%;font-size:11px;padding:10px 16px;max-width:95%;white-space:normal;width:max-content}.completion-note .icon{width:16px}.resident-detail{display:grid;grid-template-columns:1fr auto;gap:18px;padding-top:24px;padding-bottom:23px}.resident-heading{grid-column:1}.resident-heading img{width:60px;height:60px}.resident-heading h3{font-size:29px}.resident-heading span{font-size:11px}.resident-detail>p{grid-column:1/-1;grid-row:2;max-width:52ch;font-size:13px}.resident-art-line{grid-column:2;grid-row:1}.resident-art-line svg{width:65px}.resident-art-line span{display:none}.sanctuary-disclaimer{font-size:10px}.constellation{object-fit:cover}.app-section{display:flex;flex-direction:column;gap:88px;padding-top:75px;padding-bottom:83px}.app-copy{width:100%}.app-copy h2{font-size:clamp(40px,8vw,57px)}.app-copy>p{font-size:14px;max-width:48ch;margin-top:23px}.app-steps{max-width:100%;margin-top:26px;gap:18px}.app-steps p{font-size:13px}.app-steps strong{font-size:14px}.app-copy .text-link{font-size:13px}.app-copy .availability-note{max-width:44ch;font-size:11px;margin-top:17px}.app-screens{width:100%;max-width:520px;gap:13px;padding-bottom:30px}.phone{width:47%;border-radius:22px;padding:5px}.phone img{border-radius:17px}.phone figcaption{font-size:18px}.screen-note{font-size:26px;top:-48px;right:6px}.questions-section{display:block;padding-top:55px}.questions-section h2{font-size:42px;margin-bottom:33px}.faq-list summary{font-size:14px;padding-top:19px;padding-bottom:19px}.faq-list details p{font-size:13px;padding-right:13px}.footer-playground{display:flex;flex-direction:column;gap:18px;padding-top:58px;padding-bottom:28px;min-height:0}.footer-copy{width:100%}.footer-copy h2{font-size:clamp(42px,8vw,62px)}.footer-copy .button{margin-top:24px;font-size:14px}.footer-copy>.handnote{font-size:26px}.footer-mascot-wrap{max-width:360px}.footer-hello{font-size:27px;right:-1px;max-width:140px;top:4%}.gaze-note{margin-top:-22px;font-size:10px}.footer-megatype{font-size:18vw;padding:26px 8px 27px}.footer-megatype .icon{margin-left:9px;width:9vw;height:9vw}.footer-bottom{font-size:10px;flex-wrap:wrap;gap:12px;padding-top:19px;padding-bottom:24px}.footer-bottom nav{gap:18px;flex-wrap:wrap}body[data-motion=off] .hero-route-sheet{transform:rotate(-2deg)}}
@media(max-width:360px){:root{--page-pad:20px}.site-header{padding-inline:18px}.wordmark{font-size:22px}.wordmark img{width:38px;height:38px}.header-actions{gap:7px}.hero-content{padding-inline:20px}.hero-copy h1{font-size:43px}.hero-description{font-size:17px}.hero-world{padding-inline:0}.hero-friend img{width:160px}.hero-friend{bottom:-97px}.section-pad{padding-inline:20px}.section-heading h2,.sanctuary-heading h2,.app-copy h2{font-size:37px}.route-toolbar{padding-inline:11px;gap:5px}.turn-instruction{max-width:224px}.journey-map-footer{font-size:7px}.drawing-progress>div{font-size:10px}.stage-topline .handnote{font-size:18px}.sanctuary-stage{min-height:480px}.forest-resident[data-animal=dog],.forest-resident[data-animal=pig]{top:66%}.footer-copy h2{font-size:40px}.footer-hello{font-size:24px}.main-nav a{font-size:32px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition-duration:0s!important}.hero-world,.hero-copy>*,.hero-backdrop>img{opacity:1;transform:none}.wonder-word svg{stroke-dashoffset:0}.reveal-ready{opacity:1;transform:none}}

html:has(body[data-motion=off]){scroll-behavior:auto}.forest-resident{pointer-events:none}.forest-resident>img,.forest-resident canvas{pointer-events:auto;clip-path:inset(var(--art-hit))}.resident-name{pointer-events:auto}.sanctuary-stage.has-arrival .forest-resident[data-arrival=true]{filter:drop-shadow(0 0 12px #ffc4d2) drop-shadow(0 0 24px #e9527877)}.sanctuary-stage.has-arrival .constellation{opacity:1}.sanctuary-stage.has-arrival .constellation svg:not([data-arrival=true]) path{stroke-opacity:.4;animation:none}.sanctuary-stage.has-arrival .constellation svg[data-arrival=true] path{stroke:#fff4df;stroke-width:3.4;stroke-dashoffset:0;filter:drop-shadow(0 0 7px #e95278);animation:arrival-trace 1.5s var(--entrance) both}.sanctuary-stage.has-arrival .forest-resident[data-arrival=true] .resident-name{background:#fff4df;border-color:#e95278;color:#743348}@keyframes arrival-trace{from{stroke-dashoffset:var(--arrival-length);stroke-opacity:.1}to{stroke-dashoffset:0;stroke-opacity:1}}body[data-motion=off] .sanctuary-stage.has-arrival .constellation svg[data-arrival=true] path{animation:none;stroke-dashoffset:0}

.forest-resident[data-animal=chicken] .resident-name{top:calc(var(--art-top) - 38px)}.forest-resident[data-animal=rabbit]{z-index:2}@media(max-width:767px){.forest-resident[data-animal=cat] .resident-name{left:calc(50% + 26px)}}
@media(max-width:360px){.resident-name{font-size:17px;padding-inline:8px}.forest-resident[data-animal=cat] .resident-name{left:calc(50% + 17px)}.forest-resident[data-animal=pig] .resident-name{left:calc(50% - 8px)}}

.hero-route-choices{display:flex;gap:6px;align-items:center}.map-topline .hero-route-choice{display:flex;gap:5px;width:auto;min-width:38px;min-height:38px;padding:5px 9px;border-radius:13px;background:transparent;border:1px solid #d8c9d240}.hero-route-choice img{width:26px;height:26px;object-fit:contain}.hero-route-choice span{font-size:11px;font-weight:600}.map-topline .hero-route-choice[aria-pressed=true]{background:#efd4e1;border-color:#bd718b}.map-topline .hero-route-choice:hover{background:#f6e5ed}.hero-friend .handnote{white-space:pre-line}@media(max-width:767px){.hero-route-choices{gap:4px}.map-topline .hero-route-choice{width:44px;min-height:44px;padding:5px}.hero-route-choice span{display:none}.map-topline{gap:8px}}
