/* Restored complete introduction, with larger proportions and balanced spacing. */
body .header nav .button.small{background:transparent;color:#af5037;border-color:#af5037;box-shadow:none}body .header nav .button.small:hover{background:#f8e9df}
body .hero-art .paper-stack{isolation:isolate;transform:rotate(3deg)}body .universe-sheet{position:absolute;width:86%;height:auto;border-radius:3px;box-shadow:0 8px 24px #65453418;pointer-events:none}body .dinosaur-sheet{left:-34%;top:-5%;transform:rotate(-14deg);z-index:-2}body .animal-sheet{right:-30%;top:7%;transform:rotate(13deg);z-index:-1}body .hero-art .hero-cloud,body .hero-art .hero-pencil{display:none}body .hero-art .hero-sun{width:58px;right:0;top:8px;opacity:.75}
@media(min-width:701px){body .hero{min-height:calc(100svh - var(--home-header-height,110px) - 24px)}}
@media(max-width:700px){body .hero-art .paper-stack{width:78px}body .universe-sheet{width:90%}body .dinosaur-sheet{left:-28%}body .animal-sheet{right:-25%}}
@media(min-width:701px){body .header{padding:12px 40px;align-items:center}body .header .brand img{height:64px;width:250px}body .header .brand-tagline{font-size:20px;line-height:1.25;margin-top:0}body .hero{min-height:calc(100svh - var(--home-header-height,110px));grid-template-columns:1.12fr .88fr;align-items:center;gap:45px;padding:22px 40px 30px}body .hero-copy{display:block;padding:0}body .hero-copy>.eyebrow{font-size:11px;line-height:1.5;letter-spacing:1.2px}body .hero-copy h1{font-size:clamp(40px,min(4.8vw,7.5vh),62px);line-height:1.1;letter-spacing:-1.6px;margin:18px 0 24px;max-width:23ch;text-wrap:balance}body .hero-copy .hero-description{font-size:18px;line-height:1.6;max-width:55ch;text-align:left;hyphens:none;margin:0}body .hero-copy .hero-followup{margin-top:20px}body .hero-actions{display:flex;align-items:center;flex-wrap:wrap;margin-top:28px;gap:18px 26px}body .hero-actions .button{font-size:16px;font-weight:650;min-height:54px;padding:15px 25px}body .hero-actions .text-link{font-size:14px;font-weight:400;color:#526777;min-height:44px;border-bottom-color:#c5cdd2;padding:7px 0}body .hero-copy .hero-note{margin:28px 0 0;padding-top:14px;border-top:1px solid #e5dfd5;color:#617383;font-size:12px;line-height:1.5;justify-content:flex-start;gap:8px}body .hero-art{height:clamp(380px,calc(100svh - var(--home-header-height,110px) - 70px),520px);width:auto;max-width:none;margin:0;overflow:visible;background:none}body .hero-art .paper-stack{width:clamp(260px,25vw,330px)}}
@media(min-width:701px) and (max-height:720px){body .header{padding-top:8px;padding-bottom:8px}body .header .brand img{height:54px;width:230px}body .hero{padding-top:16px;padding-bottom:18px;gap:32px}body .hero-copy h1{font-size:clamp(36px,7vh,49px);margin:14px 0 20px}body .hero-copy .hero-description{font-size:17px;line-height:1.5}body .hero-copy .hero-followup{margin-top:16px}body .hero-actions{margin-top:23px}body .hero-copy .hero-note{margin-top:23px;padding-top:12px}body .hero-art{height:420px}body .hero-art .paper-stack{width:275px}}
@media(max-width:700px){body .header{padding:10px 20px;align-items:center}body .header .brand{max-width:60%}body .header .brand img{width:155px;height:46px}body .header .brand .brand-tagline{font-size:16px;max-width:210px;width:auto;line-height:1.2;margin-top:0}body .header nav{padding:0}body .header .button.small{font-size:12px;padding:10px 12px;min-height:44px}body .hero{display:grid;grid-template-columns:minmax(0,1fr) 110px;grid-template-areas:'eyebrow eyebrow' 'title art' 'description description' 'followup followup' 'actions actions' 'note note';align-content:center;align-items:center;gap:14px;min-height:calc(100svh - var(--home-header-height,100px));padding:14px 20px 20px}body .hero-copy{display:contents}body .hero-copy>.eyebrow{grid-area:eyebrow;display:block;text-align:left;font-size:11px;line-height:1.4;letter-spacing:1px}body .hero-copy h1{grid-area:title;font-size:clamp(25px,7vw,31px);line-height:1.1;letter-spacing:-1px;margin:0}body .hero-copy .hero-description{grid-area:description;font-size:16px;line-height:1.45;margin:0;max-width:none;text-align:left;hyphens:none}body .hero-copy .hero-followup{grid-area:followup;margin:0}body .hero-actions{grid-area:actions;margin:4px 0 0;display:grid;grid-template-columns:1.1fr 1fr;gap:12px;align-items:center}body .hero-actions .button{font-size:14px;font-weight:650;padding:12px 13px;min-height:48px}body .hero-actions .text-link{font-size:13px;font-weight:400;color:#526777;line-height:1.4;min-height:44px;padding:5px 0}body .hero-copy .hero-note{grid-area:note;margin:6px 0 0;padding-top:12px;border-top:1px solid #e5dfd5;color:#617383;font-size:11px;line-height:1.4;justify-content:flex-start;gap:5px 7px}body .hero-art{grid-area:art;height:155px;width:110px;margin:0;max-width:none;overflow:visible;background:none}body .hero-art .paper-stack{width:100px}body .hero-art .hero-cloud,body .hero-art .hero-sun,body .hero-art .hero-pencil{display:none}}
@media(min-width:701px){body .hero{min-height:calc(100svh - var(--home-header-height,110px) - 24px);padding-top:16px}}
@media(max-width:700px){body .hero-art .paper-stack{width:74px}body .hero-art{overflow:hidden;width:110px}}
body .dinosaur-sheet{transform:rotate(-14deg) scaleX(-1)}body .animal-sheet{transform:rotate(13deg) scaleX(-1)}

/* Air between the introduction, actions and reassurance. */
body .hero-copy .hero-note{border-top:0;padding-top:0}
@media(min-width:701px){body .hero{min-height:calc(100svh - var(--home-header-height,110px) - 8px)}body .hero-copy h1{margin-top:24px;margin-bottom:30px}body .hero-copy .hero-followup{margin-top:24px}body .hero-actions{margin-top:34px}body .hero-copy .hero-note{margin-top:36px;font-size:13px}}
@media(min-width:701px) and (max-height:720px){body .hero-copy h1{margin-top:20px;margin-bottom:25px}body .hero-copy .hero-followup{margin-top:20px}body .hero-actions{margin-top:28px}body .hero-copy .hero-note{margin-top:30px}}
@media(max-width:700px){body .hero{row-gap:18px}body .hero-copy .hero-note{margin-top:8px;font-size:12px}}
body .dinosaur-sheet{left:auto;right:-48%;top:0;transform:rotate(12deg)}body .animal-sheet{right:auto;left:-48%;top:4%;transform:rotate(-12deg)}@media(min-width:701px){body .hero-art .paper-stack{width:clamp(250px,21vw,290px)}}@media(max-width:700px){body .dinosaur-sheet{right:-35%}body .animal-sheet{left:-35%}body .hero-art .paper-stack{width:66px}}
@media(min-width:701px){body .hero-art .paper-stack{transform:translateX(-22px) rotate(3deg)}}@media(min-width:701px) and (max-height:720px){body .hero-art .paper-stack{width:250px}}
body .how-grid article{text-align:center}body .how-grid .step-number{display:block;text-align:center}body .how-grid article p{margin-left:auto;margin-right:auto}

body .soft-animation-banner{background:#faeade;color:#193b55;border:0;position:relative;overflow:hidden;padding:48px 55px;gap:45px}
body .soft-animation-banner:before,body .soft-animation-banner:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;background:radial-gradient(ellipse,#d8a98c30,transparent 70%);pointer-events:none}
body .soft-animation-banner:before{left:-100px;bottom:-100px}body .soft-animation-banner:after{right:-80px;top:-100px}
body .soft-animation-banner h2{color:#193b55;font-size:clamp(32px,3.4vw,46px);max-width:17ch;margin:16px 0 22px}
body .soft-animation-banner p{color:#526777}body .soft-animation-banner .eyebrow{color:#af5037}body .soft-animation-banner .button{background:#af5037;color:white;border-color:#af5037;margin-top:24px}body .soft-animation-banner .banner-note{font-size:12px;margin-top:18px}
body .soft-animation-banner .banner-art{display:grid;place-items:center;min-height:290px}
.animation-preview-sheet{width:190px;max-width:100%;background:white;padding:8px;border-radius:4px;box-shadow:0 12px 30px #65453418;animation:gentle-sheet 6s ease-in-out infinite}
.animation-preview-sheet img{width:100%;height:auto}
@keyframes gentle-sheet{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-10px) rotate(3deg)}}
@media(prefers-reduced-motion:reduce){.animation-preview-sheet{animation:none;transform:rotate(-3deg)}}
@media(max-width:700px){body .soft-animation-banner{padding:30px 25px;gap:24px}body .soft-animation-banner .banner-art{min-height:0}.animation-preview-sheet{width:135px}body .soft-animation-banner h2{font-size:32px}}
/* Three calm, connected steps, without framed cards. */
body .how{padding-top:65px;padding-bottom:65px}
body .how .section-heading{display:block;text-align:center;margin-bottom:44px}
body .how .section-heading .eyebrow{justify-content:center;margin-bottom:15px}
body .how .section-heading h2{font-size:clamp(32px,3.7vw,48px);text-wrap:balance}
body .how-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;position:relative}
body .how-grid:before{content:"";position:absolute;left:16.66%;right:16.66%;top:27px;height:1px;background:#e8c8b8;z-index:0}
body .how-grid article{position:relative;border:0;background:transparent;padding:0 12px;text-align:center}
body .how-grid .step-number{position:relative;display:grid;place-items:center;width:56px;height:56px;margin:0 auto 24px;border:1px solid #dfb49e;border-radius:50%;background:#fffaf3;color:#af5037;font-family:Georgia,serif;font-size:25px;line-height:1;z-index:1}
body .how-grid h3{font-size:22px;line-height:1.35;margin:0 0 16px;color:#193b55;font-weight:600}
body .how-grid p{font-size:16px;line-height:1.75;max-width:31ch;margin:0 auto;color:#526777}
@media(max-width:700px){body .how{padding-top:42px;padding-bottom:42px}body .how .section-heading{margin-bottom:32px}body .how-grid{grid-template-columns:1fr;gap:32px}body .how-grid:before{display:none}body .how-grid article{padding:0 10px}body .how-grid .step-number{width:48px;height:48px;font-size:23px;margin-bottom:16px}body .how-grid h3{font-size:21px;margin-bottom:12px}body .how-grid p{max-width:34ch}}
/* Small familiar decorations around the three sheets. */
@media(min-width:701px){body .hero-art .hero-cloud{display:block;width:68px;left:5px;top:18px;transform:rotate(-7deg);opacity:.9;z-index:2;pointer-events:none}body .hero-art .hero-pencil{display:block;width:67px;right:6px;bottom:10px;transform:rotate(10deg);opacity:.9;z-index:2;pointer-events:none}}
@media(max-width:700px){body .hero-art .hero-cloud{display:block;width:24px;left:0;top:0;opacity:.85;z-index:2;pointer-events:none}body .hero-art .hero-pencil{display:block;width:25px;right:0;bottom:0;opacity:.85;z-index:2;pointer-events:none}}
@media(min-width:701px){body .hero-art .hero-cloud{left:-15px;top:0}}@media(max-width:700px){body .hero-art .hero-cloud{left:0;top:-6px}body .hero-art{overflow:visible}}

.magic-preview-scene{position:relative;display:grid;place-items:center;width:330px;max-width:100%;min-height:340px;border-radius:50%;background:radial-gradient(ellipse,#f5d7bb88 0%,#f7e5d455 45%,transparent 70%)}
.magic-preview-scene .animation-preview-sheet{width:175px;position:relative;z-index:1}
.magic-cloud,.magic-sun,.magic-pencil{position:absolute;pointer-events:none}.magic-cloud{width:75px;top:38px;left:0;animation:cloud-drift 7s ease-in-out infinite}.magic-sun{width:65px;top:12px;right:12px}.magic-pencil{width:75px;bottom:25px;right:0;transform:rotate(12deg)}
.magic-spark{position:absolute;color:#c98b3e;font-size:30px;animation:magic-glow 4s ease-in-out infinite}.spark-one{left:25px;bottom:50px}.spark-two{right:8px;top:130px;animation-delay:1s}.spark-three{left:45px;top:6px;font-size:20px;animation-delay:2s}
@keyframes cloud-drift{50%{transform:translate(5px,-5px)}}@keyframes magic-glow{0%,100%{opacity:.4;transform:scale(.85)}50%{opacity:1;transform:scale(1.05)}}
@media(prefers-reduced-motion:reduce){.magic-cloud,.magic-spark{animation:none}}
@media(max-width:700px){.magic-preview-scene{width:270px;min-height:300px}.magic-preview-scene .animation-preview-sheet{width:150px}.magic-cloud{width:60px}.magic-sun{width:50px}.magic-pencil{width:60px}}

body .faq{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:65px;align-items:center}
body .faq-introduction{padding:28px 30px 30px;background:#f8eee3;border-radius:24px;max-width:390px}
body .faq-introduction .eyebrow{font-size:11px;letter-spacing:1.3px;line-height:1.5}
body .faq-introduction h2{font-size:clamp(30px,3vw,39px);line-height:1.15;letter-spacing:-1px;max-width:13ch;margin:16px 0 20px;text-wrap:balance}
body .faq-intro-text{font-size:15px;line-height:1.7;max-width:30ch;color:#526777}
@media(max-width:700px){body .faq{display:block}body .faq-introduction{max-width:none;padding:25px;background:#f8eee3}body .faq-introduction h2{max-width:20ch;font-size:30px;margin-bottom:15px}body .faq-intro-text{max-width:none}body .faq-items{margin-top:28px}}

body .reference-hero-art{display:flex;align-items:center;justify-content:center}
.reference-hero-link{display:block;width:100%;max-width:660px}.reference-hero-image{width:100%;height:auto;object-fit:contain;mix-blend-mode:multiply}
@media(max-width:700px){body .reference-hero-art{width:110px;overflow:visible}.reference-hero-link{width:145px;flex:none;max-width:none;transform:translateX(-10px)}}

body .unified-magic{padding:42px 50px;gap:45px}body .unified-magic h2{max-width:19ch;margin-bottom:26px;font-size:clamp(32px,3.4vw,44px)}
.magic-short-steps{list-style:none;padding:0;margin:0;display:grid;gap:19px}.magic-short-steps li{display:flex;align-items:flex-start;gap:15px}.magic-short-steps li>span{flex:none;width:34px;height:34px;display:grid;place-items:center;border:1px solid #d9ae99;border-radius:50%;font-size:14px;color:#af5037;background:#fffaf366}.magic-short-steps h3{font-family:Georgia,serif;font-size:20px;font-weight:400;margin:0 0 4px;color:#193b55}body .unified-magic .magic-short-steps p{font-size:15px;line-height:1.6;margin:0}body .unified-magic .button{margin-top:27px}body .unified-magic .banner-art{align-self:center}body .unified-magic .banner-note{margin-top:16px}
@media(max-width:700px){body .unified-magic{padding:30px 25px;gap:24px}.magic-short-steps{gap:18px}.magic-short-steps h3{font-size:19px}}

/* Approved mobile home layout. Desktop rules remain above. */
@media(max-width:700px){
 body.home-page main .hero{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-areas:'eyebrow' 'title' 'description' 'art' 'primary' 'note' 'followup' 'secondary'!important;gap:0!important;padding:30px 24px 24px!important;min-height:0!important;align-content:start!important;text-align:center!important}
 body.home-page main .hero-copy,body.home-page main .hero-actions{display:contents!important}
 body.home-page main .hero-copy>.eyebrow{grid-area:eyebrow!important;margin:0 0 17px!important;text-align:center!important;font-size:11px!important;line-height:1.5!important;letter-spacing:1.1px!important}
 body.home-page main .hero-copy h1{grid-area:title!important;font:400 31px/1.12 Georgia,serif!important;letter-spacing:-.8px!important;margin:0 auto 16px!important;max-width:none!important;text-align:center!important;text-wrap:balance}
 body.home-page main .hero-copy .hero-description{grid-area:description!important;font:400 15px/1.65 Arial,sans-serif!important;max-width:31ch!important;text-align:center!important;text-align-last:center!important;width:100%!important;margin:0 auto 6px!important;hyphens:none!important}
 body.home-page main .hero-art.reference-hero-art{grid-area:art!important;display:block!important;width:100%!important;max-width:none!important;height:auto!important;min-height:0!important;margin:10px auto 15px!important;padding:0!important;transform:none!important}
 body.home-page main .reference-hero-link{display:block!important;width:100%!important;max-width:none!important;transform:none!important}
 body.home-page main .reference-hero-image{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;transform:none!important}
 body.home-page main .hero-actions>.button{grid-area:primary!important;width:100%!important;box-sizing:border-box;font:600 15px/1.3 Arial,sans-serif!important;min-height:50px!important;padding:17px 12px!important;border-radius:12px!important;margin:0!important}
 body.home-page main .hero-copy .hero-note{grid-area:note!important;display:flex!important;justify-content:center!important;flex-wrap:wrap!important;gap:4px!important;font:400 11px/1.5 Arial,sans-serif!important;padding:0!important;border:0!important;margin:13px 0 9px!important}
 body.home-page main .hero-copy .hero-followup{grid-area:followup!important;font:400 15px/1.65 Arial,sans-serif!important;margin:24px auto 0!important;max-width:32ch!important;width:100%!important;text-align:center!important;text-align-last:center!important}
 body.home-page main .hero-actions>.text-link{grid-area:secondary!important;justify-self:center;min-height:44px!important;font:400 14px/1.5 Arial,sans-serif!important;padding:10px 0!important;margin:0!important;border:0!important;color:#193b55!important}
}
@media(max-width:360px){body.home-page main .hero{padding-left:18px!important;padding-right:18px!important}body.home-page main .hero-copy h1{font-size:28px!important}}
