:root {--navy:#233756;--ink:#294464;--blue:#69b9f4;--cream:#fff9ed;--orange:#ff8a67;--sun:#ffcf63;--mint:#bbecd7;--border:#ebebdf;--radius:28px;--shadow:0 22px 70px rgba(40,63,91,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);background:#fff;font-family:"Trebuchet MS","Arial Rounded MT Bold",system-ui,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img,svg{max-width:100%}button:focus-visible,a:focus-visible{outline:3px solid #1967b0;outline-offset:4px}.container{width:min(1150px,calc(100% - 48px));margin:auto}.skip-link{position:absolute;top:-90px;left:16px;background:#fff;padding:10px;z-index:200}.skip-link:focus{top:8px}.top-sprinkles{height:8px;background:linear-gradient(90deg,#ffcf65 0 21%,#92d9c0 21% 39%,#8ac0fd 39% 60%,#f6adbf 60% 79%,#b6a2e9 79%);position:relative}.top-sprinkles span{display:none}
.site-header{background:#fffdf8;position:sticky;top:0;z-index:100;border-bottom:1px solid #f0ede4;box-shadow:0 5px 20px rgba(33,53,77,.035)}.header-inner{min-height:83px;display:flex;align-items:center;justify-content:space-between;gap:26px}.logo{font-size:39px;font-weight:1000;letter-spacing:-3px;color:#233b62;line-height:1}.logo>span:first-child{color:#f28e6f}.logo i{font-style:normal;color:#63b79d}.logo em{font-style:normal;color:#eebc42}.logo-dot{color:#ffac65!important;font-size:21px;position:relative;top:-15px;left:4px;letter-spacing:0}.primary-nav{display:flex;align-items:center;gap:31px}.primary-nav a{font-size:14px;font-weight:800;transition:color .2s}.primary-nav a:hover{color:#ed8065}.primary-nav .nav-pill{background:#253d66;border-radius:100px;color:#fff;padding:15px 21px}.nav-pill span{color:#ffcd65;margin-left:5px}.menu-toggle{display:none;background:#fff;border:2px solid #e2eaf0;border-radius:13px;padding:6px 11px;color:#253b66;font-size:25px}.mobile-menu{display:none}
.hero{position:relative;background:radial-gradient(circle at 9% 24%,#eaf7ff 0%,transparent 34%),linear-gradient(135deg,#e9f6ff 0%,#effbff 47%,#fff9e8 100%);overflow:hidden;padding:78px 0 95px}.hero-grid{display:grid;grid-template-columns:48% 52%;gap:16px;align-items:center;position:relative;z-index:1}.eyebrow,.section-kicker{display:inline-flex;align-items:center;gap:7px;font-weight:1000;font-size:12px;letter-spacing:1.75px;color:#537ca8}.eyebrow span{font-size:19px;color:#f4b650}.hero h1{font-size:clamp(55px,5.6vw,90px);line-height:1.06;margin:22px 0 19px;letter-spacing:-4.8px;color:#203657;font-weight:1000}.wave{display:inline-block;font-size:.57em;vertical-align:middle;transform-origin:75% 75%;animation:wave 4s ease-in-out infinite}.name-colors span:nth-child(1){color:#286cb8}.name-colors span:nth-child(2){color:#f08b62}.name-colors span:nth-child(3){color:#66ad75}.name-colors span:nth-child(4){color:#ae86d2}.name-colors span:nth-child(5){color:#e7af37}.name-colors span:nth-child(6){color:#3e93cb}.period{color:#ff9b64}.hero-subtitle{font-size:clamp(21px,2.2vw,28px);line-height:1.37;font-weight:700;margin:0 0 20px;letter-spacing:-.6px}.hero-subtitle strong{color:#ea8969}.hero-description{font-size:16px;line-height:1.78;max-width:465px;color:#5f7189;margin:0 0 27px}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:15px 23px;border-radius:100px;font-weight:900;font-size:14px;transition:transform .25s,box-shadow .25s}.btn:hover{transform:translateY(-3px);box-shadow:0 8px 20px #253b661c}.btn-dark{background:#283d65;color:#fff}.btn-dark span{color:#ffcf6c;font-size:20px}.btn-outline{background:#fff;border:1px solid #d5e4ec;color:#344b70}.btn-outline span{font-size:20px;color:#e18c68}.mini-traits{margin-top:32px;display:flex;flex-wrap:wrap;gap:9px}.mini-traits span{font-size:11px;font-weight:800;letter-spacing:.3px;padding:9px 12px;background:#ffffffa5;border-radius:30px;color:#697d8d;border:1px solid #ffffffd1}
.hero-art{position:relative;background:#a5dbf6;border-radius:47% 53% 47% 38% / 40% 42% 58% 54%;padding:12px;box-shadow:0 19px 45px #6088a428;transform:rotate(1.5deg);border:11px solid #fff7}.hero-art img{width:100%;height:auto;aspect-ratio:670/295;object-fit:cover;display:block;border-radius:47% 53% 47% 38% / 40% 42% 58% 54%}.hero-badge{position:absolute;bottom:-18px;right:-15px;border:4px solid #fff;background:#ffcf67;box-shadow:0 8px 23px #dcad5860;color:#38405c;border-radius:100px;padding:13px 20px;transform:rotate(-6deg);font-size:13px;font-weight:1000}.hero-badge span{color:#e89045;font-size:20px;vertical-align:middle}.sunburst{position:absolute;color:#ffcb62;font-size:72px;left:-45px;top:-40px;z-index:1;animation:spin 18s linear infinite}.hero-flower{position:absolute;font-size:72px;color:#f69aa0;right:-45px;top:-50px;animation:bob 5s ease-in-out infinite}.hero-cloud{position:absolute;border-radius:50px;background:#fff;opacity:.66;filter:blur(.4px)}.hero-cloud:before,.hero-cloud:after{content:"";position:absolute;background:#fff;border-radius:50%}.cloud-one{width:104px;height:29px;left:4%;top:19%}.cloud-one:before{width:52px;height:52px;bottom:1px;left:21px}.cloud-one:after{width:34px;height:34px;bottom:3px;left:61px}.cloud-two{width:83px;height:23px;right:5%;bottom:13%;opacity:.45}.cloud-two:before{width:43px;height:43px;bottom:0;left:16px}.hero-bottom{position:absolute;bottom:-1px;left:0;width:100%;line-height:0}.hero-bottom svg{width:100%;height:66px}
.section{padding:96px 0}.about-grid{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:10%}.about-illustration{width:min(100%,360px);aspect-ratio:1;justify-self:center;border-radius:50%;background:radial-gradient(circle at 45% 41%,#fafffb,#d8f4e5);position:relative;display:grid;place-items:center;border:13px solid #f1fcf5;box-shadow:0 12px 0 #f4faf6}.about-icon{position:relative;width:66%;height:66%;background:#fff;border-radius:50%;display:grid;place-items:center;box-shadow:0 10px 30px #6aae9c20}.about-icon span{position:absolute;font-size:70px}.about-icon span:nth-child(1){top:8%;left:13%;font-size:45px;transform:rotate(-12deg)}.about-icon span:nth-child(2){left:24%;top:30%;font-size:78px;transform:rotate(-8deg)}.about-icon span:nth-child(3){right:2%;bottom:8%;font-size:55px;transform:rotate(15deg)}.orbit{position:absolute;z-index:1;font-size:38px;filter:drop-shadow(0 8px 8px #16385a13)}.orbit-top{right:1%;top:3%;transform:rotate(18deg)}.orbit-left{left:-6%;top:44%}.orbit-bottom{bottom:5%;right:5%;transform:rotate(-16deg)}.section-kicker{padding:8px 14px;border-radius:100px;letter-spacing:1.6px}.peach{background:#fff0e5;color:#cb855d}.mint{background:#e4f8e9;color:#4b9a7a}.blue{background:#e5f4ff;color:#4988b8}.gold{background:#fff0bf;color:#af8b3f}.tiny{padding:0;background:none;color:#a88fcb;font-size:10px}.section h2{font-size:clamp(37px,4vw,57px);line-height:1.14;letter-spacing:-2px;color:#243958;margin:16px 0 23px;font-weight:1000}.scribble{position:relative;white-space:nowrap}.scribble:after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:12px;border-radius:50%;background:#acd9bba0;z-index:-1;transform:rotate(-2deg)}.scribble.orange:after{background:#ffd79b}.about-content p{max-width:555px;color:#657487;font-size:17px;line-height:1.83;margin:0 0 17px}.about-content strong{color:#f08264}.about-stickers{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px}.about-stickers span{background:#faf8f1;border:1px solid #f3f0e4;border-radius:50px;font-size:12px;font-weight:900;padding:12px 15px;color:#50667d}
.favorites-section{background:linear-gradient(180deg,#f8fcf5,#fffdf8);position:relative}.center{text-align:center}.section-heading p{margin:0 auto;color:#738196;font-size:17px;line-height:1.65}.section-heading h2{margin-bottom:15px}.favorite-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:49px}.favorite-card{border-radius:28px;padding:24px 22px 22px;transition:transform .25s,box-shadow .25s;min-height:372px;display:flex;flex-direction:column;position:relative;overflow:hidden;border:1px solid #fff}.favorite-card:hover{transform:translateY(-8px) rotate(-1deg);box-shadow:0 21px 25px #23375613}.favorite-draw{background:#ffe7ef}.favorite-build{background:#fff1c8}.favorite-dino{background:#dff6e9}.favorite-cars{background:#e4efff}.card-number{font-size:11px;font-weight:1000;color:#65718c;letter-spacing:1px}.favorite-picture{height:145px;display:grid;place-items:center;margin:7px -10px}.favorite-picture svg{width:100%;max-width:220px;height:144px;filter:drop-shadow(0 8px 5px #00000008)}.favorite-card h3{font-size:25px;margin:13px 0 8px;font-weight:1000;color:#233958;letter-spacing:-.8px}.favorite-card p{font-size:13px;color:#576a81;line-height:1.7;margin:0 0 22px}.favorite-label{font-size:10px;letter-spacing:.4px;text-transform:uppercase;color:#576a81;background:#ffffffa3;border-radius:50px;padding:10px 12px;font-weight:1000;align-self:flex-start;margin-top:auto}
.art-section{background:#f0f8ff;position:relative}.art-examples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin:50px auto 15px;max-width:1030px}.art-print{background:white;padding:12px 12px 14px;margin:0;box-shadow:0 17px 32px #3e75991a;position:relative;border-radius:7px}.art-print:before{content:"";position:absolute;top:-12px;left:44%;width:55px;height:25px;background:#f7cb8aba;transform:rotate(-3deg);clip-path:polygon(0% 12%,100% 0%,97% 100%,3% 89%)}.art-print img{display:block;width:100%;aspect-ratio:450 / 320;object-fit:cover;border-radius:4px}.art-print figcaption{text-align:center;color:#58728d;font-size:13px;padding:13px 0 3px;font-weight:1000}.tilted-left{transform:rotate(-3deg)}.tilted-right{transform:rotate(3deg)}.gallery-note{text-align:center;font-size:12px;color:#6f859f;margin:18px auto 60px;line-height:1.65}.doodle-box{border-radius:32px;background:#fff;padding:35px 38px 22px;max-width:1020px;margin:0 auto;box-shadow:var(--shadow);border:1px solid #dfeff7}.doodle-heading{display:flex;justify-content:space-between;align-items:center}.doodle-heading h3{color:#233b5c;font-size:29px;letter-spacing:-1px;margin:5px 0 8px}.doodle-heading h3 span{color:#eeab4a}.doodle-heading p{font-size:14px;color:#758599;margin:0}.doodle-star{font-size:58px;color:#ffcf6c;animation:bob 4s ease-in-out infinite}.drawing-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin:25px 0 18px}.swatches{display:flex;gap:10px;flex-wrap:wrap}.swatch{width:33px;height:33px;background:var(--swatch);border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1px #e9e9e9;position:relative;transition:transform .15s}.swatch:hover{transform:scale(1.1)}.swatch.is-selected{box-shadow:0 0 0 2px #294461;transform:scale(1.08)}.draw-actions{display:flex;gap:7px;flex-wrap:wrap}.tool-btn{border:1px solid #e0e8ee;color:#637996;border-radius:12px;background:#fff;padding:10px 13px;font-size:12px;font-weight:1000;white-space:nowrap}.tool-btn:hover{background:#f1f6ff}.save-btn{background:#253f6b;color:#fff;border-color:#253f6b}.save-btn:hover{background:#3b5685}.canvas-shell{position:relative;background:#fffdf9;border:2px dashed #c9d9e4;border-radius:18px;overflow:hidden;touch-action:none}.canvas-shell canvas{width:100%;height:340px;display:block;cursor:crosshair;touch-action:none}.canvas-placeholder{position:absolute;pointer-events:none;top:50%;width:100%;text-align:center;transform:translateY(-50%);color:#b7c5d3;font-size:16px;font-weight:800;padding:10px}.canvas-placeholder span{color:#ebc869;margin:0 9px}.canvas-shell.has-drawing .canvas-placeholder{display:none}.doodle-footnote{display:flex;justify-content:space-between;gap:15px;margin-top:15px;color:#8a9aac;font-size:11px;font-weight:800}
.message-section{background:#fffcf5;padding:103px 0 110px}.message-card{max-width:850px;margin:0 auto;text-align:center;background:linear-gradient(142deg,#fff2c9 0%,#fffae9 58%,#ffe8cb 100%);border:9px solid #fff;border-radius:37px;box-shadow:var(--shadow);padding:50px 11% 38px;position:relative;overflow:hidden}.heart-circle{font-size:41px;border-radius:50%;background:#fff8e8;width:90px;height:90px;display:grid;place-items:center;margin:0 auto 18px;box-shadow:0 9px 15px #e1bc8a33}.message-card h2{margin:15px 0 27px}.message-text{font-size:17px;line-height:1.83;color:#5d7084;text-align:left;margin:0 auto 14px;max-width:560px}.message-sign{font-size:18px;font-style:italic;color:#e08c65;line-height:1.6;margin:23px 0 32px}.message-sign strong{font-size:25px;font-style:normal;color:#334764}.message-sign span{color:#ef8d91}.message-bottom{border-top:1px solid #eedab6;padding-top:20px;font-size:11px;letter-spacing:2.5px;font-weight:1000;color:#ad9070}.message-bottom span{color:#ebb052}.message-spark{position:absolute;color:#efad5f;font-size:47px}.message-spark.one{left:7%;top:16%;transform:rotate(-18deg)}.message-spark.two{right:8%;top:26%;font-size:27px;color:#89c9c3}.footer{background:#243b5f;color:#eaf5ff;padding:34px 0}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:17px}.footer-logo{font-size:28px;font-weight:1000;letter-spacing:-1px}.footer-logo span{color:#ffd16d}.footer p{font-size:12px;opacity:.8}.back-top{font-size:12px;font-weight:800;color:#ffdc8f}
@keyframes wave{0%,85%,100%{transform:rotate(0)}89%,95%{transform:rotate(22deg)}92%,98%{transform:rotate(-8deg)}}@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-13px)}}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:980px){.primary-nav{gap:17px}.hero h1{font-size:69px}.hero{padding:55px 0 90px}.hero-description{font-size:14px}.favorite-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.favorite-card{min-height:340px}.favorite-picture{height:125px}.favorite-picture svg{max-width:190px;height:120px}}
@media(max-width:700px){html{scroll-padding-top:72px}.container{width:min(100% - 32px,530px)}.header-inner{min-height:69px}.logo{font-size:32px}.primary-nav{display:none}.menu-toggle{display:block}.mobile-menu:not([hidden]){display:grid;gap:0;background:#fffdf8;border-top:1px solid #ecebe4;padding:7px 22px 14px;box-shadow:0 20px 30px #20345111}.mobile-menu a{font-size:15px;font-weight:800;padding:13px 8px;border-bottom:1px solid #f5f0e6}.hero{padding:49px 0 68px}.hero-grid{grid-template-columns:1fr;gap:47px}.hero-copy{text-align:center}.hero h1{font-size:clamp(54px,11vw,75px);letter-spacing:-3.7px;margin:17px 0}.hero-subtitle{font-size:22px}.hero-description{margin:0 auto 23px;max-width:470px}.hero-buttons,.mini-traits{justify-content:center}.mini-traits{margin-top:20px}.hero-art{width:90%;margin:0 auto;transform:rotate(-1deg)}.hero-badge{right:-18px;font-size:11px;padding:10px 14px}.sunburst{font-size:50px;left:-28px;top:-25px}.hero-flower{font-size:48px;right:-24px;top:-26px}.hero-bottom svg{height:39px}.section{padding:66px 0}.about-grid{grid-template-columns:1fr;gap:37px}.about-illustration{width:min(70%,260px)}.about-content{text-align:center}.about-content p{font-size:15px}.about-stickers{justify-content:center}.section h2{font-size:clamp(34px,8vw,48px);margin-bottom:18px}.favorite-grid{gap:14px;margin-top:35px}.favorite-card{padding:18px 16px;min-height:310px;border-radius:21px}.favorite-card h3{font-size:23px;margin-top:4px}.favorite-card p{font-size:12px}.favorite-label{font-size:9px;padding:7px}.favorite-picture{margin:5px -10px;height:112px}.favorite-picture svg{height:105px}.art-examples{gap:12px;margin:30px auto 15px}.art-print{padding:6px;border-radius:4px}.art-print:before{width:32px;height:14px;top:-8px}.art-print figcaption{font-size:10px;padding:9px 0 5px}.gallery-note{font-size:11px;margin-bottom:35px}.doodle-box{padding:23px 16px 16px;border-radius:25px}.doodle-heading h3{font-size:24px}.doodle-heading p{font-size:12px}.doodle-star{font-size:39px}.drawing-toolbar{gap:17px}.draw-actions{width:100%;justify-content:space-between}.tool-btn{font-size:11px;padding:9px 10px}.canvas-shell canvas{height:290px}.canvas-placeholder{font-size:12px}.doodle-footnote{display:grid;gap:5px}.message-section{padding:67px 0}.message-card{padding:32px 22px 24px;border-width:6px}.message-card h2{font-size:37px}.message-text{font-size:14px}.message-bottom{font-size:9px;letter-spacing:1.2px}.message-spark.one{left:4%;top:17%}.footer-inner{flex-wrap:wrap;justify-content:center;text-align:center}.footer p{width:100%;order:3;margin:0}}
@media(max-width:380px){.favorite-grid{gap:10px}.favorite-card{padding:13px;min-height:317px}.favorite-picture{height:100px}.favorite-card h3{font-size:21px}.favorite-card p{font-size:11px}.eyebrow{font-size:10px}.mini-traits{gap:5px}.mini-traits span{font-size:10px;padding:8px}.hero-art{width:95%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}