*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-cream-paper:#fdfbf9;--color-charcoal:#171717;--color-cocoa-ink:#2b1a07;--color-true-black:#000;--color-shadow-mist:#bebcbb;--color-label-white:#fff;--color-pink:#f0a0c3;--color-pink-deep:#e07a9f;--color-pink-ink:#b8456f;--color-pink-soft:#fce4ef;--color-cyan:#83d1de;--color-cyan-deep:#5fbfcf;--color-cyan-ink:#23879a;--color-cyan-soft:#e3f4f7;--color-yellow:#ffe08a;--color-yellow-soft:#fff6dc;--surface-canvas:var(--color-cream-paper);--surface-tint:var(--color-pink-soft);--surface-brand-band:var(--color-pink-deep);--font-gelica:"Fraunces", ui-serif, Georgia, serif;--font-geist:"Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-hand:"Caveat", "Comic Sans MS", cursive;--text-base:16px;--text-lg:18px;--text-xl:20px;--text-2xl:24px;--text-2xl-2:28px;--text-3xl:32px;--text-4xl:36px;--text-4xl-3:40px;--text-4xl-5:46px;--text-5xl:104px;--spacing-unit:4px;--spacing-4:4px;--spacing-8:8px;--spacing-12:12px;--spacing-16:16px;--spacing-20:20px;--spacing-24:24px;--spacing-28:28px;--spacing-32:32px;--spacing-40:40px;--spacing-48:48px;--spacing-64:64px;--spacing-116:116px;--radius-sm:2px;--radius-lg:8px;--radius-xl:12px;--radius-2xl:16px;--radius-2xl-2:20px;--radius-full:56px;--shadow-lg:#0000000f 0px 2px 20px 0px;--shadow-subtle:#00000040 0px 1px 2px 0px;--text-caption:var(--text-base);--text-body-sm:var(--text-lg);--text-body:var(--text-xl);--text-subheading:var(--text-2xl);--text-heading-sm:var(--text-2xl-2);--text-heading:var(--text-4xl);--text-heading-lg:var(--text-4xl-5);--text-display:var(--text-5xl);--radius-tags:var(--radius-2xl-2);--radius-cards:var(--radius-xl);--radius-footer:var(--radius-full);--radius-inputs:var(--radius-lg);--radius-buttons:var(--radius-2xl-2);--page-max-width:1200px;--section-pad:var(--spacing-116);--section-gap:var(--spacing-64);--card-padding:var(--spacing-32);--element-gap:var(--spacing-12);--header-height:72px;--ease-out:cubic-bezier(.2, .7, .2, 1)}html{scroll-behavior:smooth;scroll-padding-top:var(--header-height)}body{font-family:var(--font-gelica);font-variation-settings:"SOFT" 100, "WONK" 0;font-size:var(--text-base);color:var(--color-charcoal);background:var(--surface-canvas);-webkit-font-smoothing:antialiased;font-weight:400;line-height:1.5;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}ul{list-style:none}:focus-visible{outline:2px solid var(--color-cyan-deep);outline-offset:3px}.container{width:min(100% - 2rem, var(--page-max-width));margin-inline:auto}.section{padding:var(--section-pad) 0}.section--pink{background:var(--color-pink-soft)}.section--cyan{background:var(--color-cyan-soft)}.section--yellow{background:var(--color-yellow-soft)}.display{font-family:var(--font-gelica);font-size:clamp(3rem, 1rem + 7vw, var(--text-display));color:var(--color-cocoa-ink);text-transform:lowercase;font-weight:600;line-height:1.08}.heading{font-family:var(--font-gelica);font-size:clamp(var(--text-3xl), 1.3rem + 2.6vw, var(--text-4xl-5));color:var(--color-cocoa-ink);font-weight:400;line-height:1.2}.lead{font-size:clamp(var(--text-lg), 1rem + .4vw, var(--text-xl));color:var(--color-charcoal);line-height:1.5}.hand{font-family:var(--font-hand);color:var(--color-pink-ink);font-size:clamp(1.5rem,1.25rem + .8vw,1.875rem);font-weight:600;line-height:1.1;display:inline-block;rotate:-2deg}.section-head{max-width:720px;margin-bottom:var(--section-gap)}.section-head .hand{margin-bottom:var(--element-gap)}.btn{background:var(--color-cream-paper);border:1.5px solid var(--color-charcoal);border-radius:var(--radius-buttons);box-shadow:var(--shadow-subtle);font-family:var(--font-gelica);font-size:var(--text-caption);color:var(--color-charcoal);transition:transform .2s var(--ease-out);justify-content:center;align-items:center;gap:8px;padding:11px 28px;font-weight:500;line-height:1.5;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn--lg{font-size:var(--text-body-sm);padding:14px 32px}.tag{background:var(--color-cream-paper);border:1px solid var(--color-charcoal);border-radius:var(--radius-tags);font-family:var(--font-geist);font-size:var(--text-caption);transition:transform .2s var(--ease-out);align-items:center;gap:8px;padding:8px 20px;font-weight:500;display:inline-flex}.tag:hover{transform:translateY(-1px)}.card{background:var(--color-cream-paper);border:1px solid var(--color-charcoal);border-radius:var(--radius-cards);padding:var(--card-padding);box-shadow:var(--shadow-lg)}.photo-card{background:var(--color-label-white);border:1px solid var(--color-charcoal);box-shadow:var(--shadow-lg);border-radius:16px;padding:16px}.photo-card img{border-radius:8px}.sticker{flex-shrink:0;display:block}.js-reveal [data-reveal]{opacity:0;transition:opacity .6s ease, translate .6s var(--ease-out), transform .2s var(--ease-out), box-shadow .2s ease;transition-delay:calc(var(--i,0) * 80ms), calc(var(--i,0) * 80ms), 0s, 0s;translate:0 16px}.js-reveal [data-reveal].is-visible{opacity:1;translate:0}.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}@media (hover:none){.btn:active,.tag:active{transform:scale(.96)}.card:active{transform:scale(.98)}.js-reveal [data-reveal]{translate:0 28px}.js-reveal [data-reveal].is-visible{translate:0}}@media (width<=767px){:root{--section-pad:var(--spacing-64);--section-gap:var(--spacing-40);--card-padding:var(--spacing-24);--header-height:64px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.header{z-index:100;background:0 0;border-bottom:1px solid #0000;transition:border-color .2s,background-color .2s;position:sticky;top:0}.header--scrolled{background:var(--color-cream-paper);border-bottom-color:var(--color-charcoal)}.header__bar{height:var(--header-height);justify-content:space-between;align-items:center;gap:24px;display:flex}.header__brand{font-size:var(--text-xl);color:var(--color-cocoa-ink);align-items:center;gap:10px;font-weight:500;display:flex}.header__brand img{object-fit:cover;background:var(--color-label-white);border:1px solid var(--color-charcoal);border-radius:50%;width:40px;height:40px;transition:transform .3s}.header__brand:hover img{transform:rotate(-8deg)}.header__nav{align-items:center;gap:32px;display:flex}.header__list{align-items:center;gap:28px;display:flex}.header__list a{font-family:var(--font-geist);font-size:var(--text-lg);color:var(--color-charcoal);text-underline-offset:6px;font-weight:500;-webkit-text-decoration:underline wavy #0000;text-decoration:underline wavy #0000;transition:text-decoration-color .2s,color .2s}.header__list a:hover{color:var(--color-pink-ink);-webkit-text-decoration-color:var(--color-pink-deep);text-decoration-color:var(--color-pink-deep)}.header__burger{border:1.5px solid var(--color-charcoal);border-radius:var(--radius-buttons);flex-direction:column;justify-content:center;gap:7px;width:44px;height:44px;padding:10px;display:none}.header__burger span{background:var(--color-charcoal);height:1.5px;transition:transform .3s;display:block}.header__burger--open span:first-child{transform:translateY(4.25px)rotate(45deg)}.header__burger--open span:nth-child(2){transform:translateY(-4.25px)rotate(-45deg)}@media (width<=900px){.header__burger{display:flex}.header__nav{inset:var(--header-height) 0 0 0;background:var(--color-cream-paper);opacity:0;visibility:hidden;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:40px;padding:48px 24px;transition:opacity .25s,visibility .25s;position:fixed}.header__nav--open{opacity:1;visibility:visible}.header__list{flex-direction:column;align-items:flex-start;gap:20px}.header__list a{font-family:var(--font-gelica);font-size:var(--text-4xl);color:var(--color-cocoa-ink);font-weight:400}}.marker{color:var(--color-pink-ink);white-space:nowrap;display:inline-block;position:relative}.marker--cyan{color:var(--color-cyan-ink)}.marker__line,.hand-arrow{clip-path:inset(0);transition:clip-path .9s var(--ease-out) .5s}.js-reveal [data-reveal]:not(.is-visible) .marker__line,.js-reveal [data-reveal]:not(.is-visible) .hand-arrow{clip-path:inset(0 100% 0 0)}.marker__line{fill:none;width:106%;height:.32em;stroke:var(--color-pink-deep);stroke-width:3px;stroke-linecap:round;vector-effect:non-scaling-stroke;position:absolute;bottom:-.12em;left:-3%;overflow:visible}.marker--cyan .marker__line{stroke:var(--color-cyan-deep)}.hand-arrow{fill:none;stroke:var(--color-charcoal);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;display:block}.name-label{background:var(--color-label-white);border:1px solid var(--color-charcoal);border-radius:var(--radius-inputs);min-width:200px;box-shadow:var(--shadow-lg);flex-direction:column;gap:4px;padding:14px 18px;display:inline-flex}.name-label__row{font-size:var(--text-caption);align-items:baseline;gap:8px;display:flex}.name-label dt{font-family:var(--font-geist);color:var(--color-cocoa-ink);opacity:.7;font-size:13px}.name-label dd{font-family:var(--font-hand);color:var(--color-cyan-ink);border-bottom:1px dotted var(--color-shadow-mist);flex:1;font-size:20px;font-weight:600;line-height:1.2}.name-label__row--main dd{color:var(--color-pink-ink);font-size:24px}.notebook{aspect-ratio:3/4;width:min(100%,380px);transition:rotate .9s var(--ease-out) .2s, scale .9s var(--ease-out) .2s;position:relative;rotate:6deg}.js-reveal [data-reveal]:not(.is-visible) .notebook{rotate:-6deg;scale:.92}.js-reveal [data-reveal]:not(.is-visible) .pencil{opacity:0;translate:-48px 12px}.notebook:hover{rotate:4deg}.notebook__pages{background-color:var(--color-cream-paper);background-image:repeating-linear-gradient(to bottom, transparent 0 3px, var(--color-shadow-mist) 3px 4px);border:1px solid var(--color-charcoal);border-radius:var(--radius-sm) var(--radius-2xl) var(--radius-2xl) var(--radius-sm);position:absolute;inset:6px -7px -7px 10px}.notebook__cover{justify-content:center;align-items:center;gap:var(--spacing-24);padding:var(--spacing-32) var(--spacing-64) var(--spacing-32) var(--spacing-64);background-color:var(--color-pink);border:1px solid var(--color-charcoal);border-radius:var(--radius-lg) var(--radius-2xl) var(--radius-2xl) var(--radius-lg);box-shadow:var(--shadow-lg);background-image:radial-gradient(circle,#ffffff8c 1.5px,#0000 2px);background-size:18px 18px;flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden}.notebook__spine{background:var(--color-pink-deep);border-right:1px solid var(--color-charcoal);width:28px;position:absolute;top:0;bottom:0;left:0}.notebook__spine:after{content:"";border-left:1.5px dashed #17171759;position:absolute;top:12px;bottom:12px;left:38px}.notebook__strap{background:var(--color-cyan);border-inline:1px solid var(--color-charcoal);width:14px;position:absolute;top:0;bottom:0;right:28px}.notebook__logo{z-index:1;width:100%;max-width:220px;padding:var(--spacing-8);background:var(--color-label-white);border:1px solid var(--color-charcoal);border-radius:var(--radius-xl);box-shadow:var(--shadow-subtle);position:relative;rotate:-3deg}.notebook__logo img{aspect-ratio:1;object-fit:cover;border-radius:var(--radius-lg);width:100%}.notebook__label{z-index:1;width:100%;min-width:0;position:relative;rotate:2deg}.pencil{transition:opacity .6s ease .7s, translate .8s var(--ease-out) .7s;stroke:var(--color-charcoal);stroke-width:1.5px;stroke-linejoin:round;display:block}.pencil__eraser{fill:var(--color-pink)}.pencil__ferrule{fill:var(--color-shadow-mist)}.pencil__body{fill:var(--color-yellow)}.pencil__facet{fill:none;stroke-opacity:.25}.pencil__wood{fill:#f3d9b1}.pencil__lead{fill:var(--color-charcoal)}@media (width<=767px){.notebook{width:min(100%,300px)}.notebook__cover{gap:var(--spacing-16);padding:var(--spacing-24) var(--spacing-48)}.notebook__logo{max-width:170px}.pencil{width:180px;height:21px}}.hero{margin-top:calc(-1 * var(--header-height));padding:calc(var(--header-height) + 48px) 0 var(--section-gap);background:var(--color-pink-soft);overflow:hidden}.hero__grid{gap:var(--section-gap);grid-template-columns:1.1fr .9fr;align-items:center;display:grid}.hero__hello{margin-bottom:16px}.hero__title{margin-bottom:28px}.hero__word--cyan{color:var(--color-cyan-ink)}.hero__text{max-width:520px;margin-bottom:32px}.hero__note{font-size:var(--text-caption);color:var(--color-cocoa-ink);margin-top:8px}.hero__visual{padding:96px 8px 48px 40px;position:relative}.hero__caption{position:absolute;top:8px;left:0;transform:rotate(-6deg)}.hero__arrow{position:absolute;top:40px;left:120px}.hero__notebook{margin-left:auto;margin-right:24px}.hero__pencil{z-index:1;position:absolute;bottom:28px;left:0;rotate:-14deg}.hero__sticker{transition:scale .5s var(--ease-out);position:absolute}.js-reveal [data-reveal]:not(.is-visible) .hero__sticker{scale:0}.hero__sticker--bolt{transition-delay:.9s}.hero__sticker--sparkle{transition-delay:1.05s}.hero__sticker--heart{transition-delay:1.2s}.hero__sticker--bolt{top:64px;right:0}.hero__sticker--heart{bottom:64px;right:-8px}.hero__sticker--sparkle{top:48%;left:8px}@media (width<=900px){.hero__grid{grid-template-columns:1fr}.hero__visual{width:100%;max-width:480px;margin-inline:auto}}@media (width<=767px){.hero{padding-top:calc(var(--header-height) + 32px)}.hero__visual{padding:80px 8px 64px 16px}.hero__arrow{width:72px;height:54px;left:96px}.hero__notebook{margin-right:8px}.hero__pencil{bottom:24px}}.wave-divider{height:80px;margin-top:-1px;position:relative;overflow:hidden}.wave-divider svg{width:100%;height:100%;position:absolute;top:0;left:0}.wave-divider__line{fill:none;stroke:var(--color-charcoal);stroke-width:1.5px;vector-effect:non-scaling-stroke}.wave-divider .wave-divider__accent{width:106%;left:-3%;translate:0 12px}@media (width<=767px){.wave-divider{height:48px}}.services__grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.service-card{gap:var(--element-gap);transition:transform .2s var(--ease-out);flex-direction:column;display:flex}.service-card:hover{transform:translateY(-2px)}.service-card .sticker{margin-bottom:12px}.service-card__title{font-size:var(--text-2xl);color:var(--color-cocoa-ink);font-weight:400;line-height:1.4}.service-card__desc{font-size:var(--text-caption);line-height:1.5}@media (width<=1024px){.services__grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.services__grid{grid-template-columns:1fr}}.about__grid{gap:var(--section-gap);grid-template-columns:.9fr 1.1fr;align-items:center;display:grid}.about__visual{padding:24px;position:relative}.about__photo{max-width:400px;transform:rotate(-4deg)}.about__sticker{position:absolute}.about__sticker--cube{top:0;right:8%}.about__sticker--sparkle{bottom:8px;left:0}.about__sticker--puzzle{bottom:20%;right:0}.about__title{margin:var(--element-gap) 0 24px}.about__content .lead+.lead{margin-top:16px}.about__cta{margin-top:40px}@media (width<=900px){.about__grid{grid-template-columns:1fr}.about__visual{max-width:360px}}.puzzle-section__grid{gap:var(--section-gap);grid-template-columns:1fr 1fr;align-items:center;display:grid}.puzzle-section__title{margin:var(--element-gap) 0 20px}.puzzle-board{gap:var(--element-gap);grid-template-columns:repeat(3,1fr);justify-self:end;width:100%;max-width:440px;display:grid}.puzzle-slot{aspect-ratio:1;background:var(--color-cyan-soft);border:1.5px dashed var(--color-charcoal);border-radius:var(--radius-cards);transition:transform .2s var(--ease-out), border-color .2s ease;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:8px;display:flex}.puzzle-slot:nth-child(2n){background:var(--color-pink-soft)}.puzzle-slot:not(:disabled):active{transform:scale(.94)}.puzzle-slot:not(:disabled):hover{border-style:solid;transform:translateY(-2px)}.puzzle-slot.puzzle-slot--placed{background:var(--color-cream-paper);box-shadow:var(--shadow-lg);cursor:default;animation:place-in .4s var(--ease-out);border-style:solid}@keyframes place-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.puzzle-slot__placeholder{font-size:var(--text-4xl);color:var(--color-cocoa-ink);opacity:.35;font-weight:400;display:inline-block}.puzzle-slot__label{font-family:var(--font-geist);overflow-wrap:anywhere;font-size:clamp(12px,3vw,15px);font-weight:500}.puzzle-complete{flex-direction:column;align-items:flex-start;gap:20px;margin-top:32px;animation:.5s fade-up;display:flex}@keyframes fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width<=900px){.puzzle-section__grid{grid-template-columns:1fr}.puzzle-board{justify-self:start}}.testimonials__grid{grid-template-columns:repeat(3,1fr);align-items:start;gap:24px;display:grid}.testimonial{transform:rotate(var(--tilt,0deg));flex-direction:column;gap:20px;display:flex}.testimonial:hover{transform:rotate(0)}.testimonial:nth-child(2){margin-top:32px}.testimonial__mark{height:32px;color:var(--accent);font-size:72px;font-weight:400;line-height:1}.testimonial p{font-size:var(--text-caption);line-height:1.5}.testimonial footer{border-top:1px dashed var(--color-shadow-mist);flex-direction:column;padding-top:16px;display:flex}.testimonial footer strong{font-family:var(--font-hand);font-size:var(--text-heading-sm);color:var(--color-cocoa-ink);font-weight:600;line-height:1.1}.testimonial footer span{font-family:var(--font-geist);color:var(--color-cocoa-ink);opacity:.75;font-size:14px}@media (width<=900px){.testimonials__grid{grid-template-columns:1fr;max-width:560px}.testimonial:nth-child(2){margin-top:0}}.faq__grid{gap:var(--section-gap);grid-template-columns:.9fr 1.1fr;align-items:start;display:grid}.faq__title{margin:var(--element-gap) 0 20px}.faq__cta{margin-top:32px}.faq-item{border-top:1px solid var(--color-charcoal);transition:background-color .3s}.faq-item--open{background:var(--color-pink-soft)}.faq-item:last-child{border-bottom:1px solid var(--color-charcoal)}.faq-item__trigger{text-align:left;width:100%;font-size:var(--text-xl);color:var(--color-cocoa-ink);justify-content:space-between;align-items:center;gap:20px;padding:24px 16px;font-weight:500;line-height:1.5;display:flex}.faq-item__icon{border:1.5px solid var(--color-charcoal);width:36px;height:36px;font-family:var(--font-geist);background:var(--color-cyan);transition:transform .3s var(--ease-out), background-color .3s ease;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:22px;font-weight:400;line-height:1;display:flex}.faq-item--open .faq-item__icon{background:var(--color-pink);transform:rotate(45deg)}.faq-item__content{grid-template-rows:0fr;transition:grid-template-rows .35s;display:grid}.faq-item--open .faq-item__content{grid-template-rows:1fr}.faq-item__content>div{overflow:hidden}.faq-item__content p{max-width:560px;font-size:var(--text-body-sm);padding:0 16px 24px}@media (width<=900px){.faq__grid{grid-template-columns:1fr}}@media (width<=767px){.faq-item__trigger{font-size:var(--text-body-sm)}}.contact__card{background:var(--color-pink-soft);border:1px solid var(--color-charcoal);border-radius:var(--radius-cards);grid-template-columns:1.3fr .7fr;align-items:end;gap:48px;padding:clamp(32px,6vw,64px);display:grid;position:relative}.contact__title{margin:var(--element-gap) 0 20px}.contact__actions{flex-direction:column;align-items:flex-start;gap:16px;display:flex}.contact__note{font-size:var(--text-caption);color:var(--color-cocoa-ink);margin-top:8px}.contact__links{flex-wrap:wrap;gap:8px;display:flex}.contact__sticker{position:absolute}.contact__sticker--bolt{top:-28px;right:48px}.contact__sticker--puzzle{top:-20px;right:120px}.contact__sticker--heart{bottom:-22px;left:40px}@media (width<=900px){.contact__card{grid-template-columns:1fr;gap:32px}}@media (width<=767px){.contact__sticker--bolt{right:16px}.contact__sticker--puzzle{right:80px}}.footer{padding:var(--section-gap) 0 32px;background:var(--surface-brand-band);border-radius:var(--radius-footer) var(--radius-footer) 0 0;color:var(--color-charcoal)}.footer__closer{max-width:10ch;margin-bottom:var(--section-gap);color:var(--color-cocoa-ink);font-size:clamp(2.5rem,1rem + 6vw,5.5rem);font-weight:600;line-height:1.08}.footer__closer span{color:var(--color-cream-paper)}.footer__bottom{border-top:1px solid var(--color-charcoal);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;padding-top:24px;display:flex}.footer__brand{font-size:var(--text-2xl);color:var(--color-cocoa-ink);font-weight:500;line-height:1.2}.footer__tagline,.footer__copy{font-family:var(--font-geist);font-size:14px}.footer__links{flex-wrap:wrap;gap:20px;display:flex}.footer__links a{font-family:var(--font-geist);font-size:var(--text-lg);text-underline-offset:4px;font-weight:500;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;transition:text-decoration-color .2s}.footer__links a:hover{-webkit-text-decoration-color:var(--color-charcoal);text-decoration-color:var(--color-charcoal)}@media (width<=767px){.footer{border-radius:32px 32px 0 0}.footer__bottom{flex-direction:column;align-items:flex-start}}