/* Magic Tales + Coloring Book concept page; scoped to avoid affecting site styles. */
.tales-site { --tale-lilac:#d6bcff; --tale-mint:#a2f4dc; --tale-coral:#ffbcba; color:#f8f7ff; }
.tales-site .tales-shell { width:min(1360px,calc(100% - clamp(28px,6vw,90px))); display:block; padding-bottom:38px; }
.tales-site .tales-topbar { margin-bottom:clamp(54px,8vh,110px); }
.tales-brand { display:flex; align-items:center;gap:14px }
.tales-logo-mark { display:grid;place-items:center;width:54px;height:54px;flex:none;border-radius:19px;font-size:28px;color:#120e2f;background:linear-gradient(140deg,#b9e5ff,#d8bdff 50%,#ffcfac);box-shadow:0 0 34px #b8a4ff4a }
.tales-brand-copy { display:grid;gap:4px }.tales-brand-copy strong { font:700 18px 'Space Grotesk',sans-serif;letter-spacing:-.03em}.tales-brand-copy small { color:#aca5bf;letter-spacing:.13em;font-size:10px }
.tales-hero { display:grid;grid-template-columns:minmax(0,.99fr) minmax(0,1.01fr); gap:clamp(30px,5vw,84px);align-items:center;padding-bottom:clamp(75px,10vw,134px) }
.tales-kicker,.tales-overline { color:#b7b5cf;font-size:11px;letter-spacing:.15em;font-weight:700;text-transform:uppercase }
.tales-kicker-dot { display:inline-block;width:8px;height:8px;margin-right:9px;border-radius:50%;background:#95f5d1;box-shadow:0 0 16px #95f5d18a }
.tales-status { display:table;margin:19px 0 26px;padding:9px 13px;color:#ffe6ac;font-size:12px;border:1px solid #ffc9703c;border-radius:999px;background:#a471211b }
.tales-hero h1 {font-size:clamp(46px,5vw,80px);line-height:1.03;max-width:730px;letter-spacing:-.058em }
.tales-gradient { color:transparent;background:linear-gradient(98deg,#e8d4ff 12%,#a6fae0 52%,#ffd1c1 99%);-webkit-background-clip:text;background-clip:text }
.tales-lead { max-width:640px;color:#d5d6e5;font-size:clamp(17px,1.35vw,20px);line-height:1.7;margin:28px 0 0 }
.tales-lead strong {color:#fff}
.tales-honesty { max-width:620px;margin:18px 0 0;color:#a3a9bb;font-size:13px;line-height:1.68 }
.tales-actions { display:flex;gap:12px;flex-wrap:wrap;margin-top:31px }
.tales-button { min-height:51px;padding:0 23px;border:1px solid transparent;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;gap:12px;text-decoration:none;font-size:14px;font-weight:700;transition:transform .2s,border-color .2s }
.tales-button:hover,.tales-button:focus-visible {transform:translateY(-2px);outline:2px solid transparent }
.tales-primary { color:#17112e;background:linear-gradient(110deg,#cbadff,#a5eedc);box-shadow:0 15px 35px #a88bff2c }
.tales-secondary { background:#16172acb;border-color:#887da85d;color:#e8dfff }
.tales-principles {display:flex;flex-wrap:wrap;gap:9px;margin-top:27px}
.tales-principles span {border:1px solid #ffffff1d;background:#ffffff07;padding:8px 12px;border-radius:999px;font-size:11px;color:#b7c3d1}
.tales-visual {position:relative;min-width:0}.tales-visual-glow {position:absolute;inset:-15%;border-radius:50%;background:radial-gradient(circle,#9d7bef46,transparent 68%);filter:blur(42px);z-index:-1}
.tales-studio-window {padding:17px 17px 15px;border-radius:27px;border:1px solid #c2a8fa43;background:linear-gradient(150deg,#24233d,#100f24 72%);box-shadow:0 38px 90px #0008,0 0 0 7px #bba0ff0b;transform:rotate(-1.7deg)}
.tales-window-top,.tales-window-bottom {display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 5px 15px;color:#c7c4e1;font-size:10px;letter-spacing:.08em}
.tales-window-top strong {font-size:12px}.tales-window-top small {opacity:.65}.tales-window-dots{display:flex;gap:5px}.tales-window-dots b{width:7px;height:7px;border-radius:50%;background:#d9b1e8}.tales-window-dots b:nth-child(2){background:#ffcf92}.tales-window-dots b:nth-child(3){background:#a4efce}
.tales-book {display:grid;grid-template-columns:43% 57%;min-height:360px;border-radius:15px;overflow:hidden;box-shadow:0 13px 35px #0006}
.tales-book-left { position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:18px 14px;text-align:center;background:radial-gradient(circle at 5% 95%,#655bca,#382d86 60%,#24194b);overflow:hidden;border-right:8px solid #e4cfbe}
.tales-book-left:after {position:absolute;inset:6%;content:'';border:1px solid #dbc9ff55;border-radius:12px;pointer-events:none}
.tales-book-kicker {font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:#e1caf7}.tales-book-kicker span{color:#fff}
.tales-book-left strong {font:700 clamp(17px,2vw,31px)/1.12 'Space Grotesk',sans-serif;color:#fff6de;letter-spacing:-.03em;text-shadow:0 4px 15px #171139}
.tales-book-left em {font-style:normal;color:#b3f8da}.tales-book-sparkle {font-size:40px;color:#ffdc9a;margin-bottom:12px}.tales-book-stars {letter-spacing:9px;margin-top:22px;color:#ffd4a1}
.tales-book-right {position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding:14px;background:linear-gradient(135deg,#ecfeff,#c5eff2 55%,#b8e3d0);overflow:hidden}
.tales-art{width:100%;height:250px;position:relative;z-index:2}.tales-book-caption {z-index:2;color:#386a78;background:#ffffffba;padding:11px;border-radius:10px;font:600 11px/1.5 'Space Grotesk',sans-serif}
.tales-window-bottom {padding:13px 3px 0;color:#a7a5bf;font-size:9px}.tales-visual-caption {margin:19px 0 0;color:#9c9bae;font-size:11px;line-height:1.55;text-align:center}
.tales-section { padding:30px 0 clamp(78px,8vw,110px);scroll-margin-top:28px }
.tales-section-heading{max-width:850px}.tales-section-heading h2,.tales-family h2,.tales-cta h2{font:700 clamp(35px,3.7vw,58px)/1.08 'Space Grotesk',sans-serif;letter-spacing:-.047em;margin:15px 0}.tales-section-heading>p,.tales-family>div>p {color:#aeb8cb;max-width:730px;line-height:1.75}
.tales-steps {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-top:34px}
.tales-step,.tales-status-card {background:linear-gradient(156deg,#ffffff0c,#14182bd9);border:1px solid #c8c4ff23;border-radius:21px;padding:24px;min-width:0}
.tales-step-number {color:#8d83ac;font:700 11px 'Space Grotesk',sans-serif}.tales-step-icon{display:grid;place-items:center;width:54px;height:54px;margin:20px 0;border-radius:17px;color:#d8c5ff;font-size:28px;background:#a887e82a;border:1px solid #c5aaff30}
.tales-step h3,.tales-status-card h3{font:700 21px 'Space Grotesk',sans-serif;letter-spacing:-.025em;margin:15px 0 10px}
.tales-step p,.tales-status-card p{color:#aeb6c7;line-height:1.68;font-size:13px;margin:0 0 14px}.tales-step small{color:#b6a5dc}
.tales-status-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:33px}
.tales-status-card{padding:28px}.tales-card-pill{display:inline-flex;min-height:29px;align-items:center;padding:0 10px;border:1px solid #a7efdc50;border-radius:999px;color:#c1f5e4;background:#13766826;font-size:11px}
.tales-card-planned{color:#ded0ff;border-color:#c1a5ff52;background:#8a61bc21}.tales-card-review{color:#f5dea7;border-color:#ffd28342;background:#af892620}
.tales-family {display:grid;grid-template-columns:1.15fr .85fr;gap:35px;align-items:center;border-top:1px solid #fff1;padding-top:67px}
.tales-family-note{padding:29px;border-radius:22px;background:linear-gradient(145deg,#6d4fa12b,#288f8221);border:1px solid #a3dccc42}.tales-family-note>span{font-size:34px;color:#ffb6bd}.tales-family-note strong{display:block;margin:14px 0;font:700 21px 'Space Grotesk',sans-serif}.tales-family-note p{color:#bdc5d0;line-height:1.7;margin:0}
.tales-cta {text-align:center;max-width:1050px;margin:15px auto 70px;border-radius:27px;background:radial-gradient(circle at 50% 0,#a08aff2e,transparent 57%),#111829;border:1px solid #b3aaff35;padding:clamp(35px,5vw,65px)}.tales-cta h2{margin:17px 0}.tales-cta>p{max-width:720px;margin:0 auto 25px;line-height:1.75;color:#b4c0ce}
.tales-cta .tales-cta-fine{margin:21px auto 0;font-size:11px;color:#8794a4}
.tales-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;color:#9ea5b6;border-top:1px solid #fff2;padding-top:22px;font-size:12px}.tales-footer p{margin:0}.tales-footer strong{color:#d0bef5}
@media(max-width:1080px){.tales-hero{grid-template-columns:1fr}.tales-visual{max-width:720px;margin:auto;width:100%}.tales-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.tales-status-grid{grid-template-columns:1fr}.tales-family{grid-template-columns:1fr}}
@media(max-width:600px){.tales-site .tales-shell{width:calc(100% - 22px)}.tales-site .tales-topbar{margin-bottom:40px}.tales-hero{gap:36px;padding-bottom:75px}.tales-hero h1{font-size:clamp(39px,11vw,56px)}.tales-lead{font-size:16px}.tales-actions{flex-direction:column}.tales-button{width:100%}.tales-steps{grid-template-columns:1fr}.tales-studio-window{padding:9px;transform:none;border-radius:19px}.tales-book{min-height:255px}.tales-book-left{padding:8px;border-right-width:4px}.tales-book-left strong{font-size:clamp(15px,4.5vw,25px)}.tales-book-sparkle{font-size:24px;margin-bottom:5px}.tales-book-stars{letter-spacing:3px}.tales-art{height:170px}.tales-book-caption{font-size:9px;padding:6px}.tales-window-bottom{font-size:7px}.tales-status-card{padding:23px}.tales-family{padding-top:35px}.tales-cta{padding:30px 20px}.tales-footer{display:block}.tales-footer p+p{margin-top:10px}}
@media(prefers-reduced-motion:reduce){.tales-site *, .tales-site *:before,.tales-site *:after{animation:none!important;transition:none!important}}
.tales-approved-wordmark{display:block;width:clamp(185px,19vw,245px);max-width:100%;height:auto;object-fit:contain;margin:0 0 18px}.tales-brand img.tales-approved-icon{width:66px;height:66px;max-width:66px;flex:0 0 66px;object-fit:contain;border-radius:14px}@media(max-width:600px){.tales-approved-wordmark{width:188px}.tales-brand img.tales-approved-icon{width:55px;height:55px;max-width:55px;flex-basis:55px}}