/* Approved visual direction — screenshot supplied by the owner, 2026-10-14 */
:root{--ap-navy:#092566;--ap-red:#f63f62;--ap-blue:#1877d7}
body{background:#fff;color:var(--ap-navy);overflow-x:hidden;font-family:"Manrope",Arial,sans-serif}
.preview-ribbon{min-height:25px;padding:5px 4vw;font-size:9px;background:#21405d}
.approved-header{position:relative;z-index:20;background:linear-gradient(0deg,#fff 0%,#fff 94%,#ffffffec 100%);box-shadow:0 2px 20px #0a325308}
.approved-nav{width:calc(100% - 90px);max-width:1500px;margin:auto;min-height:112px;display:flex;align-items:center;gap:18px;position:relative;padding-right:126px}
.official-brand{display:flex;flex:0 0 auto;flex-direction:column;line-height:1.12;min-width:310px}
.official-brand strong{font:700 clamp(20px,1.8vw,28px)/1.18 Georgia,"Times New Roman",serif;color:#11285f;white-space:nowrap;letter-spacing:-.03em}
.official-brand span{font:500 15px/1.3 "Manrope",sans-serif;color:#61769f;margin-top:2px}
.approved-menu{display:flex;align-items:center;justify-content:center;flex:1;gap:2px}
.approved-menu a{white-space:nowrap;padding:12px 12px;border-radius:30px;color:#112859;font:700 12px/1.1 "Manrope",sans-serif}
.approved-menu a.current,.approved-menu a:hover{background:#e9f3ff;color:#0f59aa}
.approved-family{display:flex;align-items:center;justify-content:center;gap:9px;border-radius:25px;background:linear-gradient(115deg,#fd6470,#fa3c5d);color:#fff;min-width:169px;height:54px;padding:0 15px;font-weight:800;font-size:12px;box-shadow:0 9px 20px #f4485030;white-space:nowrap}
.approved-family:hover{transform:translateY(-1px);background:#ef3055}
.approved-family span{font-size:24px;font-weight:400}
.approved-emblem{position:absolute;right:0;top:-8px;width:112px;height:116px;object-fit:contain;z-index:3;filter:drop-shadow(0 3px 7px #12557714)}
.approved-menu-button{display:none}
.approved-hero{height:485px;position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(90deg,#fff 0%,#fff 34%,#f3faff 78%,#d8edfa)}
.approved-hero-scene{position:absolute;z-index:-1;inset:0 0 0 38%;background-image:url('assets/approved-scene.webp');background-repeat:no-repeat;background-size:cover;background-position:57% center;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 23%);mask-image:linear-gradient(90deg,transparent 0%,#000 23%)}
.approved-hero:before{content:"";position:absolute;left:0;top:0;height:100%;width:56%;background:linear-gradient(90deg,#fff 0%,#fff9 56%,transparent);z-index:-1}
.approved-hero-inner{width:calc(100% - 90px);max-width:1500px;margin:auto;position:relative;height:100%;display:flex;align-items:center}
.approved-copy{position:relative;z-index:3;max-width:780px;padding-bottom:29px}
.approved-overline{font-size:10px;letter-spacing:.25em;color:#213d79;font-weight:900}
.approved-copy h1{font:700 clamp(43px,5vw,70px)/1.08 Georgia,"Times New Roman",serif;letter-spacing:-.045em;color:#10296a;margin:22px 0 20px;white-space:nowrap}
.approved-copy h1 em{font-style:normal;color:#f73d65}
.approved-copy p{font:500 clamp(14px,1.55vw,20px)/1.46 "Manrope",sans-serif;color:#4b6291;margin:0 0 23px}
.approved-hero-actions{display:flex;align-items:center;gap:17px}
.approved-primary{background:#ff4665;color:#fff;display:flex;align-items:center;gap:13px;border-radius:28px;padding:0 24px;min-height:65px;font-weight:800;font-size:14px;box-shadow:0 13px 25px #f13d4c25}
.approved-primary:hover{background:#e82950;transform:translateY(-2px)}
.approved-sun{font:400 35px/1 sans-serif;margin-right:4px}.approved-primary .arrow{font-size:25px;margin-left:auto}
.approved-secondary{display:flex;align-items:center;gap:17px;background:#fff;color:#163f83;padding:0 23px;border-radius:34px;font-weight:800;font-size:14px;line-height:1.35;min-height:65px;box-shadow:0 8px 30px #4e7b9c20;border:1px solid #e5e9ef}
.approved-secondary>span{font-size:30px;color:#3676dc}
.approved-features{width:100%;position:relative;z-index:5;background:#fff;border-radius:46px 46px 0 0;margin-top:-29px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;justify-content:space-around;padding:22px max(34px,calc((100vw - 1380px)/2)) 22px}
.approved-feature{display:flex;align-items:center;gap:16px;min-width:0;padding:0 13px}
.approved-round{width:68px;height:68px;min-width:68px;display:grid;place-items:center;border-radius:50%;font:700 40px/1 sans-serif}
.approved-round.pink{background:#ffecf0;color:#eb5270}
.approved-round.green{background:#e1f3e9;color:#42aa75}
.approved-round.gold{background:#fff4dc;color:#f8a329}
.approved-round.blue{background:#e5f3ff;color:#208fe1}
.approved-feature strong{display:block;font:800 17px/1.4 "Nunito",sans-serif;color:#132c72}
.approved-feature small{display:block;white-space:nowrap;font:500 10px/1.5 "Manrope",sans-serif;color:#8491ac;margin-top:4px}
.approved-cards-shell{padding:0 24px 30px;background:#fff}
.approved-cards{max-width:1470px;margin:auto;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;padding:13px;background:#fafafa;border-radius:26px}
.approved-card{background:#fff;min-width:0;min-height:251px;position:relative;overflow:hidden;border-radius:18px;box-shadow:0 8px 25px #1835590d;display:block}
.approved-card:hover{transform:translateY(-3px);box-shadow:0 11px 30px #1835591c}
.approved-card-cover{height:124px;position:relative;background-image:url('assets/approved-cards.webp');background-repeat:no-repeat;background-size:500% 100%;background-position:calc(var(--pic)*25%) center;background-color:#d6e9ed}
.approved-card-icon{display:grid;place-items:center;position:relative;z-index:2;margin:-25px 0 7px 17px;width:48px;height:48px;border-radius:50%;border:4px solid white;color:white;font-size:23px}
.approved-card-icon.rose{background:#f26690}.approved-card-icon.forest{background:#5aa87c}.approved-card-icon.sea{background:#37aff1}.approved-card-icon.ochre{background:#ff963c}.approved-card-icon.violet{background:#847de7}
.approved-card h2{font:900 16px/1.25 "Nunito",sans-serif;color:#102a69;padding:0 18px;margin:0 0 7px}
.approved-card p{font:500 11px/1.45 "Manrope",sans-serif;color:#77869e;padding:0 31px 18px 18px}
.card-go{position:absolute;bottom:20px;right:12px;background:#eaf3ff;color:#2a66bf;border-radius:50%;height:27px;width:27px;display:grid;place-items:center;font-size:23px;line-height:1}
.approved-extra{padding:38px max(30px,calc((100vw - 1240px)/2));text-align:center;background:#fff}
.approved-extra>span{font-size:10px;color:#8c9bb1;font-weight:900;letter-spacing:.18em}.approved-extra h2{font:900 40px/1.2 "Nunito",sans-serif;color:#1f376d;margin:10px 0}.approved-extra p{color:#8491a4;font-size:13px;max-width:720px;margin:auto}
@media(max-width:1260px){.approved-nav{width:calc(100% - 50px);gap:10px;padding-right:95px}.official-brand{min-width:260px}.official-brand strong{font-size:22px}.approved-emblem{width:92px;height:99px;top:4px}.approved-menu a{padding:11px 8px;font-size:11px}.approved-family{min-width:135px;font-size:11px}.approved-copy h1{font-size:55px}.approved-copy p{font-size:17px}.approved-feature{gap:11px;padding:0 5px}.approved-round{width:56px;height:56px;min-width:56px;font-size:33px}.approved-feature strong{font-size:14px}.approved-feature small{font-size:9px}.approved-card h2{font-size:14px}}
@media(max-width:990px){.approved-nav{min-height:86px}.approved-menu{display:none;position:absolute;top:86px;left:0;right:0;background:#fff;box-shadow:0 20px 26px #123a751a;padding:12px;border-radius:0 0 16px 16px;z-index:9}.approved-menu.open{display:flex;flex-direction:column;align-items:stretch}.approved-menu a{font-size:14px;padding:13px}.approved-menu-button{display:flex;order:4;margin-left:8px}.approved-family{margin-left:auto}.approved-emblem{position:static;height:78px;width:77px;order:3}.approved-nav{padding-right:0}.approved-hero{height:440px}.approved-copy h1{font-size:45px}.approved-hero-scene{left:35%}.approved-feature{flex-direction:column;text-align:center;gap:7px}.approved-feature small{white-space:normal}.approved-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.approved-card-cover{height:140px}.approved-features{padding-left:20px;padding-right:20px}}
@media(max-width:630px){.preview-ribbon{font-size:7px}.approved-nav{width:calc(100% - 28px);min-height:78px;gap:6px}.official-brand{min-width:0;flex:1}.official-brand strong{font-size:17px;white-space:normal}.official-brand span{font-size:11px}.approved-family{min-width:auto;height:42px;padding:0 12px;font-size:10px}.approved-family span{display:none}.approved-emblem{width:58px;height:60px;order:1}.approved-menu-button{width:38px;height:38px;order:2}.approved-menu{top:78px}.approved-hero{height:auto;min-height:690px;background:#f9fbff}.approved-hero-inner{width:calc(100% - 32px);height:auto;padding:32px 0 330px;align-items:flex-start}.approved-copy{width:100%;padding-bottom:0}.approved-copy h1{font-size:clamp(34px,8.3vw,49px);line-height:1.15;white-space:normal;margin:18px 0}.approved-copy p{font-size:13px;max-width:340px}.approved-hero-actions{gap:8px}.approved-primary,.approved-secondary{font-size:10px;padding:0 12px;min-height:54px;flex:1;gap:6px}.approved-primary .arrow{font-size:16px}.approved-sun{font-size:24px}.approved-secondary>span{font-size:18px}.desktop-only{display:none}.approved-hero-scene{inset:auto 0 0 0;height:330px;background-size:cover;background-position:55% center;mask-image:linear-gradient(180deg,transparent,black 15%);-webkit-mask-image:linear-gradient(180deg,transparent,black 15%)}.approved-hero:before{display:none}.approved-features{border-radius:25px 25px 0 0;margin-top:-15px;padding:15px 12px;grid-template-columns:repeat(2,1fr);gap:18px 9px}.approved-feature{flex-direction:row;text-align:left;gap:7px;padding:0}.approved-round{width:44px;height:44px;min-width:44px;font-size:27px}.approved-feature strong{font-size:12px}.approved-feature small{font-size:8px}.approved-cards-shell{padding:3px 10px 18px}.approved-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:7px}.approved-card{min-height:230px}.approved-card-cover{height:105px}.approved-card h2{font-size:13px;padding:0 11px}.approved-card p{font-size:10px;padding:0 22px 18px 11px}.approved-card-icon{margin-left:10px;width:39px;height:39px;font-size:19px}.approved-extra{padding:28px 20px}.approved-extra h2{font-size:28px}.approved-extra p{font-size:12px}}
@media(prefers-reduced-motion:reduce){.approved-card:hover,.approved-primary:hover{transform:none}}
/* Match the approved open-air watercolor scene */
.approved-header:before{content:"";position:absolute;inset:-24px 0 auto;height:25px;background:url("assets/approved-sky.webp") center center/cover no-repeat}
@media(min-width:991px){.approved-hero-scene{inset:0 0 0 39%;background-position:51% center}.approved-hero:before{width:57%}}
/* Mobile heading wrap, keep punctuation attached to the first line */
@media(max-width:630px){.approved-copy h1{font-size:clamp(31px,7.3vw,42px);letter-spacing:-.055em}}
/* Official reference: red-brick kindergarten shape with red exterior staircase */
.approved-hero-scene{background-image:url("assets/approved-scene-brick.webp?v=20261014-brick")}
.approved-card:nth-child(2) .approved-card-cover{background-image:url("assets/approved-brick-card.webp?v=20261014-brick");background-size:cover;background-position:center}
/* Finalize the established brick-building illustration without altering the approved layout */
.approved-hero-scene{background-image:url("assets/approved-scene-brick-polished.webp?v=20261014-p2")}
.approved-card:nth-child(2) .approved-card-cover{background-image:url("assets/approved-brick-card-polished.webp?v=20261014-p2")}
/* LOCKED APPROVED HERO / 2026-10-15: original 1536px source, real brick facade */
.approved-hero-scene{background-image:url("assets/approved-final-hero.webp?v=20261015");background-position:52% center}
.approved-card:nth-child(2) .approved-card-cover{background-image:url("assets/approved-final-card.webp?v=20261015");background-size:cover;background-position:center}