
:root{--green:#90BE6D;--green-dark:#557f44;--pink:#f56fa7;--yellow:#F9C74F;--orange:#ff7900;--red:#F94144;--blue:#577590;--ink:#252525;--cream:#fff7e8;--white:#fff;--line:#d9e7d2;--max:1120px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.65;background:#fff}img{max-width:100%;display:block}a{color:inherit}.skip{position:absolute;left:-999px;top:0}.skip:focus{left:1rem;top:1rem;z-index:99;background:#fff;padding:.75rem}.site-header{height:104px;display:flex;align-items:center;justify-content:space-between;padding:10px max(24px,calc((100vw - var(--max))/2));background:#fff;position:relative;z-index:10}.brand img{width:78px;height:78px;object-fit:contain}.site-header nav{display:flex;align-items:center;gap:32px}.site-header nav a{text-decoration:none;font-size:15px}.site-header nav a[aria-current=page]{font-weight:700}.contact-link,.button{border:1px solid var(--green-dark);border-radius:7px;padding:12px 24px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;font-weight:700;transition:transform .15s,box-shadow .15s}.contact-link{background:var(--pink);color:#fff!important;padding:12px 32px}.button:hover,.contact-link:hover{transform:translateY(-2px);box-shadow:0 6px 0 rgba(37,37,37,.12)}.button.primary{background:var(--pink);color:#fff}.button.secondary{background:var(--yellow);color:#29362a}.button.light{background:#fff}.menu{display:none;background:var(--yellow);border:1px solid var(--green-dark);border-radius:6px;padding:10px 14px}.hero{background:var(--green);padding:38px max(24px,calc((100vw - 960px)/2)) 30px;text-align:center}.hero>img{width:100%;border:10px solid rgba(255,255,255,.25)}.hero-actions{display:flex;justify-content:center;gap:14px;margin-top:25px}.intro-grid{max-width:var(--max);margin:0 auto;padding:78px 24px;display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:center}.intro-grid>img{border:8px solid var(--yellow);box-shadow:16px 16px 0 var(--pink)}.intro-grid h1,.page-hero h1,.page-title h1,.article>header h1{font-family:"Trebuchet MS","Segoe UI",Arial,sans-serif;font-size:clamp(2.2rem,5vw,4.25rem);line-height:1.05;margin:.2em 0}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-weight:800;color:var(--green-dark);font-size:.84rem}.text-link{font-weight:800;color:var(--blue);text-decoration:none}.category-section{background:var(--yellow);padding:64px max(24px,calc((100vw - var(--max))/2))}.category-section h2,.section-heading h2{font-family:"Trebuchet MS","Segoe UI",Arial,sans-serif;font-size:clamp(2rem,4vw,3.1rem);margin:.1em 0 .7em}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.category-grid a{min-height:165px;text-decoration:none;padding:28px;display:flex;flex-direction:column;justify-content:flex-end;border:2px solid rgba(0,0,0,.15);box-shadow:6px 6px 0 rgba(0,0,0,.12);background:#fff}.category-grid a:nth-child(1){background:#ff7a00;color:#fff}.category-grid a:nth-child(2){background:var(--blue);color:#fff}.category-grid a:nth-child(3){background:var(--red);color:#fff}.category-grid span{font-size:1.45rem;font-weight:900}.category-grid small{font-size:.92rem;margin-top:6px}.testimonial{padding:72px 24px;text-align:center;max-width:860px;margin:auto}.testimonial p{font:italic 1.75rem/1.45 "Trebuchet MS","Segoe UI",Arial,sans-serif;margin:0 0 12px}.testimonial span{display:block;color:#f0a500;letter-spacing:5px;margin-top:8px}.latest,.products{max-width:var(--max);margin:auto;padding:70px 24px}.latest{border-top:1px solid var(--line)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:26px}.section-heading p{grid-column:1}.section-heading h2{flex:1;margin:0}.section-heading>a{font-weight:800;color:var(--blue)}.card-grid,.blog-grid,.product-grid,.link-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.card,.product-card{border:1px solid var(--line);background:#fff}.card img,.product-card img{width:100%;aspect-ratio:16/9;object-fit:cover}.card>div,.product-card{padding-bottom:24px}.card>div{padding:22px}.card h3,.product-card h3{font:700 1.35rem/1.25 "Trebuchet MS","Segoe UI",Arial,sans-serif;margin:0 0 10px}.card h3 a{text-decoration:none}.card p,.product-card p{color:#4d4d4d}.product-card{padding:0 20px 24px}.product-card>a:first-child{display:block;margin:0 -20px 20px}.freebie-band{max-width:var(--max);margin:40px auto 80px;padding:46px;background:var(--green);display:flex;align-items:center;justify-content:space-between;gap:40px;border:8px solid #dcefcf}.freebie-band h2{font:700 clamp(2rem,4vw,3rem)/1.05 "Trebuchet MS","Segoe UI",Arial,sans-serif;margin:.15em 0}.freebie-band p{max-width:700px}.page-hero{max-width:var(--max);margin:auto;padding:62px 24px 34px;display:grid;grid-template-columns:1fr 1.1fr;gap:54px;align-items:center}.about-hero>img{border:8px solid var(--yellow);box-shadow:14px 14px 0 var(--green)}.page-title{text-align:center;max-width:850px;margin:auto;padding:72px 24px 38px}.page-title p:last-child{font-size:1.15rem}.filter-row{max-width:var(--max);margin:0 auto 34px;padding:0 24px;display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.filter-row span{border:1px solid var(--green);border-radius:100px;padding:8px 14px;background:#f6fbf2;font-size:.9rem}.blog-grid{max-width:var(--max);margin:auto;padding:0 24px 80px}.blog-grid .card:nth-child(1){grid-column:span 2}.blog-grid .card:nth-child(1) img{aspect-ratio:2/1}.article{max-width:860px;margin:auto;padding:68px 24px 90px}.article>header{text-align:center}.article>header h1{max-width:820px;margin:.35em auto}.article-date{color:#687267;font-size:.9rem}.article-lede{font-size:1.2rem;max-width:720px;margin:20px auto 32px}.article-hero{width:100%;max-height:520px;object-fit:cover;border:8px solid var(--green);margin:30px 0 55px}.back-link{color:var(--green-dark);font-weight:800;text-decoration:none}.prose{max-width:780px;margin:0 auto;padding:24px 24px 80px}.prose h1,.prose h2{font-family:"Trebuchet MS","Segoe UI",Arial,sans-serif;line-height:1.2}.prose h1{font-size:clamp(2.2rem,5vw,3.6rem);margin-top:1.2em}.prose h2{font-size:clamp(1.65rem,3vw,2.35rem);margin-top:1.7em}.prose p,.prose li{font-size:1.08rem;line-height:1.75}.prose a{color:var(--green-dark);font-weight:700}.article .prose h1:first-child{display:none}.article-cta{background:var(--yellow);padding:34px;text-align:center;margin-top:34px}.article-cta h2{font-family:"Trebuchet MS","Segoe UI",Arial,sans-serif}.link-cards{max-width:var(--max);margin:0 auto 70px;padding:0 24px}.compact{margin-top:70px}.contact-page{max-width:900px;margin:auto;padding:90px 24px;display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center}.contact-page img{border:8px solid var(--yellow);box-shadow:14px 14px 0 var(--green)}.contact-page h1{font:700 clamp(2.5rem,5vw,4rem)/1.05 "Trebuchet MS","Segoe UI",Arial,sans-serif}.button-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}footer{background:var(--blue);color:#fff;padding:44px max(24px,calc((100vw - var(--max))/2));display:flex;justify-content:space-between;align-items:center;gap:30px}footer>div{display:flex;align-items:center;gap:22px;max-width:620px}footer img{width:88px;height:88px;object-fit:contain}footer p{margin:0}footer nav{display:flex;gap:18px;flex-wrap:wrap}footer a{color:#fff;font-weight:700;text-decoration:none}
@media(max-width:820px){.site-header{height:auto;min-height:86px;padding:8px 18px}.brand img{width:66px;height:66px}.menu{display:block}.site-header nav{display:none;position:absolute;top:82px;left:0;right:0;background:#fff;padding:20px;box-shadow:0 12px 20px rgba(0,0,0,.12);flex-direction:column;align-items:stretch;gap:0}.site-header nav.open{display:flex}.site-header nav a{padding:12px}.hero{padding:24px 18px}.hero>img{border-width:5px}.intro-grid,.page-hero,.contact-page{grid-template-columns:1fr;gap:34px;padding-top:48px}.category-grid,.card-grid,.product-grid,.link-cards,.blog-grid{grid-template-columns:1fr}.blog-grid .card:nth-child(1){grid-column:auto}.section-heading{display:block}.freebie-band{margin:30px 18px 60px;padding:28px;display:block}.freebie-band .button{margin-top:14px}.testimonial p{font-size:1.4rem}footer,footer>div{flex-direction:column;align-items:flex-start}.hero-actions{flex-wrap:wrap}}

/* Ask Miss Kiki brand refinement */
:root{--soft-pink:#fff0f6;--soft-green:#f0f8ea;--aqua:#72c7ca;--display-font:"Trebuchet MS","Aptos Display","Segoe UI",Arial,sans-serif;--body-font:"Aptos","Segoe UI",Arial,sans-serif}
body,button,input,textarea,select{font-family:var(--body-font)}
h1,h2,h3,h4,h5,h6,blockquote,.intro-grid h1,.page-hero h1,.page-title h1,.article>header h1,.category-section h2,.section-heading h2,.card h3,.product-card h3,.freebie-band h2,.prose h1,.prose h2,.article-cta h2,.contact-page h1{font-family:var(--display-font);font-style:normal}

.hero{padding:22px max(18px,calc((100vw - 1020px)/2)) 18px}
.hero-visual{overflow:hidden;line-height:0}
.hero-visual img{width:100%;clip-path:inset(0 0 2.2% 0);margin-bottom:-2.2%}

.about-feature{max-width:var(--max);margin:0 auto;padding:72px 24px 62px}
.about-visual{display:block;text-decoration:none;box-shadow:12px 12px 0 var(--yellow)}
.about-visual img{width:100%}
.about-note{width:min(680px,90%);margin:32px auto 0;text-align:center;font-size:1.06rem}
.about-note p{margin:0 0 10px}

.category-section{background:var(--soft-green);padding:58px max(24px,calc((100vw - var(--max))/2)) 72px;overflow:hidden}
.category-title{text-align:center;margin:0 auto 36px;line-height:1}
.category-title span{display:block;color:var(--pink);font-family:var(--display-font);font-size:1.25rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;transform:rotate(-2deg)}
.category-title strong{display:inline-block;margin-top:3px;color:var(--blue);font-family:var(--display-font);font-size:clamp(2.5rem,7vw,5.2rem);font-weight:900;letter-spacing:-.04em;text-transform:uppercase;text-shadow:5px 5px 0 var(--yellow)}
.category-grid{grid-template-columns:repeat(2,1fr);gap:28px}
.category-card{position:relative;display:flex;align-items:center;justify-content:center;min-height:160px;text-decoration:none;transition:transform .18s ease,filter .18s ease}
.category-card:nth-child(odd){transform:rotate(-1deg)}
.category-card:nth-child(even){transform:rotate(1deg)}
.category-card:hover{transform:rotate(0) translateY(-4px);filter:saturate(1.08)}
.category-card.image-card{padding:0;border:0;box-shadow:none;background:transparent}
.category-card.image-card img{width:100%;height:100%;min-height:160px;object-fit:cover;box-shadow:8px 8px 0 rgba(84,121,71,.28)}
.category-card.routines{background:var(--orange);color:#fff;padding:24px;box-shadow:8px 8px 0 var(--pink);isolation:isolate}
.category-card.routines::before,.category-card.routines::after{content:"★";position:absolute;color:var(--yellow);font-size:2rem;z-index:-1}
.category-card.routines::before{left:24px;top:18px;transform:rotate(-16deg)}
.category-card.routines::after{right:24px;bottom:16px;transform:rotate(13deg)}
.category-card.routines span{font-family:var(--display-font);font-size:clamp(2rem,4vw,3.2rem);font-weight:900;line-height:.95;text-align:center;text-transform:uppercase}
.category-card.routines small{position:absolute;bottom:12px;font-size:.9rem;font-weight:700}

.testimonials{max-width:850px;margin:0 auto;padding:64px 24px 58px;text-align:center}
.testimonial-stage{min-height:190px;display:grid;place-items:center;background:var(--soft-pink);border:4px solid var(--pink);border-radius:28px 8px 28px 8px;box-shadow:8px 8px 0 var(--yellow);padding:30px 54px}
.testimonial-slide{display:none;margin:0}
.testimonial-slide.active{display:block;animation:review-in .25s ease both}
.testimonial-slide blockquote{margin:0 0 12px;font-size:clamp(1.2rem,3vw,1.7rem);line-height:1.45;font-weight:700}
.testimonial-slide figcaption{color:var(--blue);font-weight:800}
.testimonial-slide figcaption::before{content:"★★★★★";display:block;color:#eea400;letter-spacing:4px;font-size:.9rem;margin-bottom:5px}
.testimonial-controls{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:22px}
.testimonial-arrow{width:38px;height:38px;border:1px solid var(--green-dark);border-radius:50%;background:#fff;color:var(--blue);font-size:1.65rem;line-height:1;cursor:pointer}
.testimonial-arrow:hover{background:var(--yellow)}
.testimonial-dots{display:flex;gap:8px}
.testimonial-dot{width:10px;height:10px;border:0;border-radius:50%;background:#cad7c4;padding:0;cursor:pointer}
.testimonial-dot.active{background:var(--pink);transform:scale(1.25)}
@keyframes review-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}

.latest,.products{padding-top:66px;padding-bottom:74px}
.products{max-width:none;background:var(--soft-green);padding-left:max(24px,calc((100vw - var(--max))/2));padding-right:max(24px,calc((100vw - var(--max))/2))}
.graphic-heading{margin:0 auto 40px;position:relative}
.graphic-heading img{width:min(100%,920px);margin:0 auto}
.graphic-heading a{display:block;width:max-content;margin:14px auto 0;color:var(--blue);font-weight:800}
.graphic-heading.favorites img{width:min(100%,860px)}
.card-grid,.product-grid{gap:34px}
.card,.product-card{border:0;background:transparent}
.card>a:first-child,.product-card>a:first-child{display:block;position:relative}
.card>a:first-child::after,.product-card>a:first-child::after{content:"";position:absolute;inset:8px -8px -8px 8px;background:var(--yellow);z-index:-1}
.card:nth-child(2)>a:first-child::after,.product-card:nth-child(2)>a:first-child::after{background:var(--pink)}
.card:nth-child(3)>a:first-child::after,.product-card:nth-child(3)>a:first-child::after{background:var(--green)}
.card>div{padding:24px 3px 0}
.card h3,.product-card h3{font-weight:900}
.product-card{padding:0 5px 8px}
.product-card>a:first-child{margin:0 0 25px}
.product-card img{aspect-ratio:1/1}
.product-card .button{border:0;background:var(--yellow);border-radius:3px 14px 3px 14px}

@media(max-width:820px){.hero{padding:14px 0 10px}.about-feature{padding:48px 18px}.about-visual{box-shadow:7px 7px 0 var(--yellow)}.about-note{width:100%}.category-grid{grid-template-columns:1fr}.category-card{min-height:118px}.category-card.image-card img{min-height:118px}.category-card.routines span{font-size:2rem}.testimonial-stage{min-height:220px;padding:28px 24px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Targeted homepage and blog refinements */
.category-card{aspect-ratio:1020/270;min-height:0}
.category-card.image-card img{height:auto;min-height:0;object-fit:contain}
.category-card.routines{gap:0;padding:18px 34px}
.category-card.routines .category-shop{font-family:var(--display-font);font-size:clamp(1rem,1.65vw,1.45rem);font-weight:900;font-style:italic;line-height:1;text-transform:lowercase;color:var(--yellow);letter-spacing:.02em}
.category-card.routines .category-name{font-family:"Arial Narrow","Aptos Narrow",var(--display-font);font-size:clamp(1.85rem,3.35vw,3rem);font-weight:800;line-height:1;text-transform:uppercase;white-space:nowrap;letter-spacing:-.045em}
.category-card.routines::before,.category-card.routines::after{z-index:0;opacity:.9}
.category-card.routines .category-shop,.category-card.routines .category-name{position:relative;z-index:1}

.testimonial-stage{background:linear-gradient(135deg,#fff 0%,#fffafd 100%);border:1px solid #f1c8d8;box-shadow:6px 6px 0 rgba(255,202,79,.55)}

.freebie-band{position:relative;overflow:hidden;background:linear-gradient(135deg,#fff3ba 0%,#e8f6df 100%);border:3px solid var(--green);box-shadow:10px 10px 0 var(--pink)}
.freebie-band::after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;right:-55px;top:-75px;background:rgba(114,199,202,.36)}
.freebie-band>div,.freebie-band>.button{position:relative;z-index:1}
.freebie-label{display:inline-block;margin-bottom:8px;padding:6px 13px;border-radius:4px 14px 4px 14px;background:var(--pink);color:#fff;font-family:var(--display-font);font-size:.88rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}

.blog-grid .card:first-child>a:first-child img{border:6px solid var(--green);box-sizing:border-box}

@media(max-width:820px){.category-card{min-height:0}.category-card.image-card img{min-height:0}.category-card.routines .category-name{font-size:clamp(1.55rem,7.2vw,2.45rem)}.category-card.routines .category-shop{font-size:clamp(.9rem,4vw,1.25rem)}}

/* QC: preserve full featured-blog artwork and prevent narrow-screen overflow. */
.blog-grid .card:first-child>a:first-child img{object-fit:contain}
.category-grid>a,.contact-option,.about-introduction>*,.about-perspective>*,.about-sel>*,.about-teacher>*{min-width:0}
