*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#28243a;background:#fff;font-family:Inter,Segoe UI,Arial,sans-serif}a{text-decoration:none;color:inherit}.wrap{width:min(1160px,calc(100% - 40px));margin:auto}.header{height:76px;position:fixed;inset:0 0 auto;z-index:20;transition:.2s}.header.scrolled{background:#fffffff2;backdrop-filter:blur(14px);box-shadow:0 1px 20px #34235a12}.nav{height:100%;display:flex;align-items:center;gap:34px}.brand{display:flex;align-items:center;font-size:24px;font-weight:900;letter-spacing:-1.3px}.brand>span{color:#f28c18}.brand i,.app-top i,.phone-head i{display:grid;place-items:center;width:35px;height:35px;margin-right:8px;border-radius:11px;background:linear-gradient(145deg,#ff9f1c,#ffc84a);color:#fff;font:900 22px Georgia;box-shadow:0 7px 18px #db741035}.nav nav{display:flex;gap:28px;margin:auto;font-size:14px;font-weight:650}.nav nav a:hover{color:#ef8514}.nav-actions{display:flex;align-items:center;gap:20px;font-size:14px;font-weight:700}.btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 21px;border-radius:13px;background:#f08a17;color:#fff;font-weight:800;box-shadow:0 11px 26px #f08a1733;transition:.2s}.btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px #f08a174d}.btn.small{padding:11px 17px}.btn.ghost{background:#fff;color:#463b54;border:1px solid #eadbc8;box-shadow:none}.menu{display:none;border:0;background:none;font-size:25px}.hero{position:relative;overflow:hidden;padding:142px 0 0;background:linear-gradient(155deg,#fffdf7 10%,#fff6df 60%,#fff 100%)}.blob{position:absolute;border-radius:50%;filter:blur(5px)}.b1{width:450px;height:450px;right:-160px;top:20px;background:#ffedbd}.b2{width:260px;height:260px;left:-120px;top:370px;background:#dff7ec}.hero-grid{display:grid;grid-template-columns:.88fr 1.12fr;align-items:center;gap:54px;min-height:570px}.kicker{color:#d66c08;font-size:11px;font-weight:900;letter-spacing:1.5px}.hero h1{margin:20px 0;font-size:57px;line-height:1.05;letter-spacing:-3.5px}.hero h1 em{display:block;color:#ed8515;font-style:normal}.hero-copy>p,.title>p,.journey p{color:#6e687a;line-height:1.7;font-size:17px}.actions{display:flex;gap:12px;margin:30px 0}.trust{display:flex;flex-direction:column;padding-left:16px;border-left:3px solid #82d899;font-size:12px}.trust span{color:#8b8494;margin-top:3px}.app-demo{position:relative;filter:drop-shadow(0 25px 36px #3d265126)}.app-demo:before{content:"";position:absolute;inset:8% -7% -6% 10%;background:#ffe3a3;border-radius:50%;z-index:-1}.app-top{height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid #f1e4d2;background:#fff;border-radius:19px 19px 0 0;font-size:12px}.app-top b{display:flex;align-items:center}.app-top i{width:25px;height:25px;border-radius:8px;font-size:16px}.app-top>span{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#fff0cf;color:#9b510c;font-weight:800}.app-body{display:flex;height:390px;background:#fff;border-radius:0 0 19px 19px;overflow:hidden}.app-body aside{width:57px;background:#8b4b12;display:flex;flex-direction:column;align-items:center;gap:27px;padding-top:30px;color:#ffe7b4}.dash{flex:1;padding:23px;background:#fffdf9}.dash-head{display:flex;justify-content:space-between;align-items:center}.dash-head small,.dash-head b{display:block}.dash-head small{font-size:7px;color:#95899f}.dash-head b{font-size:14px;margin-top:4px}.dash-head button{border:0;border-radius:7px;background:#f0931a;color:#fff;padding:8px;font-size:9px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:19px 0}.stats>div{display:flex;align-items:center;gap:8px;padding:12px;background:#fff;border:1px solid #f1e6d6;border-radius:10px}.stats i{font-style:normal}.stats span{font-size:6px;color:#8c8292}.stats b{display:block;color:#30283a;font-size:16px}.dash-lower{display:grid;grid-template-columns:1.5fr 1fr;gap:10px}.chart,.today{height:200px;padding:14px;background:#fff;border:1px solid #f1e6d6;border-radius:11px;font-size:10px}.chart>div{height:145px;display:flex;align-items:flex-end;gap:10px;padding-top:15px}.chart i{flex:1;border-radius:4px 4px 0 0;background:linear-gradient(#ffc34b,#ef8617)}.today span{display:block;margin-top:14px;padding:9px;background:#fffaf1;border-radius:7px}.float-card{position:absolute;left:-37px;bottom:25px;display:flex;align-items:center;gap:10px;padding:11px 14px;background:#fff;border-radius:14px;box-shadow:0 13px 30px #39234f2e;font-size:22px}.float-card span{font-size:10px}.float-card small,.float-card b{display:block}.float-card small{font-size:7px;color:#8d7b99}.float-card>b{color:#ffc83e}.audience{display:flex;align-items:center;justify-content:center;gap:35px;padding:24px 0;border-top:1px solid #eee1cf;color:#706879;font-size:13px}.audience b{color:#40394a}.section{padding:100px 0}.title{text-align:center;max-width:690px;margin:0 auto 48px}.title h2,.journey h2,.cta h2{margin:13px 0;font-size:42px;line-height:1.12;letter-spacing:-2px}.features{display:grid;grid-template-columns:1fr 1fr;gap:20px}.features article{position:relative;overflow:hidden;min-height:350px;padding:32px;border-radius:25px}.features .wide{grid-column:1/-1;min-height:420px;padding-right:52%}.lavender{background:#fff1cb}.mint{background:#eaf9f3}.peach{background:#fff2e8}.sky{background:#eaf5ff}.icon{display:grid;place-items:center;width:44px;height:44px;margin-bottom:24px;border-radius:13px;background:#fff;color:#e17a0b;font-size:23px}.features h3{margin:9px 0;font-size:27px}.features p{color:#6c6675;line-height:1.65}.profile{position:absolute;right:30px;top:35px;width:47%;padding:23px;background:#fff;border-radius:20px;box-shadow:0 18px 30px #4c327018}.profile>div{display:flex;align-items:center;gap:10px;font-size:28px}.profile b,.profile small{display:block;font-size:14px}.profile small{color:#918799;font-weight:400}.profile em{margin-left:auto;padding:7px;border-radius:9px;background:#dcf7e3;color:#39834a;font-size:10px}.profile ol{height:215px;display:flex;align-items:flex-end;gap:15px;margin:15px 0 0;padding:0;border-bottom:1px solid #ddd;list-style:none}.profile li{position:relative;flex:1;height:var(--h);border-radius:7px 7px 0 0;background:var(--c);font-size:8px}.profile li::after{content:attr(style);display:none}.profile li{color:transparent}.profile li:before{content:""}.chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:35px}.chips span{padding:10px 12px;border-radius:11px;background:#fff;font-size:12px;font-weight:700}.features svg{margin-top:30px;overflow:visible}.features svg path{fill:none;stroke:#ed8a17;stroke-width:4;stroke-linecap:round}.features svg .green{stroke:#55bb7b}.calendar{margin-top:25px;padding:19px;border-radius:15px;background:#fff;line-height:2;color:#777;word-spacing:10px}.calendar b{display:flex;justify-content:space-between;word-spacing:normal;color:#333}.calendar i,.calendar strong{padding:4px;border-radius:50%;background:#ffe4b1;color:#7b5314}.calendar strong{background:#f09117;color:#fff}.journey{padding:100px 0;background:#322516;color:#fff}.journey-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:90px}.journey p{color:#bbb2c7}.steps{padding:0;list-style:none}.steps li{display:flex;gap:15px;margin:25px 0}.steps li>b{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#f09216}.steps strong,.steps small{display:block}.steps small{margin-top:5px;color:#aaa1b4}.phone-wrap{position:relative}.phone{width:280px;margin:auto;padding:15px;border:8px solid #21170d;border-radius:38px;background:#fffaf1;color:#372e40;box-shadow:20px 25px 0 #ef9a24}.phone-head{display:flex;align-items:center;font-weight:800}.phone-head i{width:24px;height:24px;font-size:15px;border-radius:8px}.child{display:flex;gap:10px;align-items:center;padding:16px 0;font-size:26px}.child b,.child small{display:block;font-size:13px}.child small{color:#8f8498}.art{height:145px;display:grid;place-items:center;border-radius:16px;background:#ffe9d8;font-size:55px}.art small{font-size:11px}.post{padding:15px}.post small{display:block;color:#968c9e}.post p{font-size:11px!important}.post span{font-size:9px}.note{position:absolute;padding:10px 13px;border-radius:11px;background:#fff;color:#503a61;box-shadow:0 12px 25px #0003;font-size:11px;font-style:normal}.n1{top:20%;left:0}.n2{right:0;bottom:15%}.roles{display:grid;grid-template-columns:.9fr 1.2fr;position:relative;min-height:430px;padding:45px;border-radius:26px;background:#fff5df}.role-tabs{position:absolute;top:-27px;left:50%;transform:translateX(-50%);display:flex;padding:6px;background:#fff;border:1px solid #eadac4;border-radius:14px}.role-tabs button{border:0;padding:10px 22px;border-radius:9px;background:none;font-weight:700}.role-tabs .active{background:#ef8a14;color:#fff}.role-copy{padding:35px 25px}.role-copy small{color:#cf6807;font-weight:900}.role-copy h3{font-size:31px;margin:13px 0}.role-copy p,.role-copy li{color:#6d6576;line-height:1.65}.role-copy li{margin:8px}.role-copy a{color:#df750a;font-weight:800}.role-art{display:grid;place-items:center}.role-art>div{width:90%;height:280px;border-radius:17px;background:#fff;box-shadow:0 18px 35px #492e6d1c;padding:30px}.role-art span{display:inline-block;width:27%;height:50px;margin:2%;border-radius:9px;background:#ffedc7}.role-art i{display:inline-block;width:27%;height:10px;margin:2%;border-radius:5px;background:#f6d79a}.role-art b{display:inline-block;width:12%;margin:5% 2% 0;height:90px;border-radius:7px 7px 0 0;background:#f2a72d}.privacy{padding:35px 0;background:#eaf8ef}.privacy .wrap{display:flex;align-items:center;justify-content:space-between}.privacy .wrap>div{display:flex;gap:14px;font-size:27px}.privacy b,.privacy small{display:block;font-size:15px}.privacy small{font-weight:400;color:#66736b;margin-top:5px}.privacy p{font-size:12px;color:#3c6849}.faq{max-width:850px}.faq details{border-bottom:1px solid #eadfd0;padding:20px}.faq summary{display:flex;justify-content:space-between;font-size:16px;font-weight:750;cursor:pointer}.faq details p{color:#716978;line-height:1.6}.cta{position:relative;overflow:hidden;padding:90px 0;text-align:center;background:linear-gradient(135deg,#f08b17,#f7bc3d);color:#fff}.cta .kicker{color:#fff0c2}.cta p{color:#fff4d6}.btn.white{background:#fff;color:#d86d09;margin:20px}.cta a:last-child{font-size:13px}.site-footer,footer{padding:55px 0 20px;background:#241a10;color:#c8c0cf}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:45px}.footer-grid>div{display:flex;flex-direction:column;gap:10px}.footer-grid .brand{color:#fff}.footer-grid p,.footer-grid a,.footer-grid span{font-size:12px;color:#9f95a8}.footer-grid b{color:#fff}.copyright{display:flex;justify-content:space-between;margin-top:40px;padding-top:20px;border-top:1px solid #4a3823;font-size:11px}.reveal{opacity:0;transform:translateY(18px);transition:.65s}.reveal.show{opacity:1;transform:none}
@media(max-width:900px){.nav nav{display:none}.menu{display:block;margin-left:auto}.nav-actions>a:first-child{display:none}.open .nav nav{display:flex;position:absolute;left:20px;right:20px;top:70px;flex-direction:column;padding:22px;border-radius:15px;background:#fff;box-shadow:0 15px 30px #0002}.hero-grid,.journey-grid{grid-template-columns:1fr}.hero-copy{text-align:center}.hero-grid{padding-bottom:70px}.actions,.trust{justify-content:center}.app-demo{max-width:650px;margin:auto}.features .wide{padding-right:32px;padding-bottom:390px}.profile{top:auto;bottom:25px;left:25px;width:calc(100% - 50px)}.roles{grid-template-columns:1fr}.role-art{display:none}.journey-grid{gap:45px}.privacy .wrap{display:block}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.wrap{width:min(100% - 24px,1160px)}.header{height:66px}.brand{font-size:21px}.nav-actions .btn{padding:9px 11px;font-size:11px}.hero{padding-top:105px}.hero h1{font-size:42px;letter-spacing:-2.5px}.hero-copy>p{font-size:15px}.actions{flex-direction:column}.app-body{height:330px}.app-body aside{display:none}.dash{padding:14px}.stats{gap:5px}.stats>div{padding:8px}.dash-lower{grid-template-columns:1fr}.today{display:none}.float-card{left:5px;bottom:-30px}.audience{flex-wrap:wrap;gap:13px;padding-top:50px}.section{padding:70px 0}.title h2,.journey h2,.cta h2{font-size:34px}.features{grid-template-columns:1fr}.features .wide{grid-column:auto;padding:25px;padding-bottom:330px}.features article{padding:25px}.profile{height:290px}.profile ol{height:160px}.journey-grid{grid-template-columns:1fr}.phone-wrap{transform:scale(.88)}.roles{padding:50px 20px 25px}.role-tabs button{padding:9px 14px}.role-copy{padding:20px 0}.privacy p{line-height:2}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.copyright{display:block}.copyright>span{display:block;margin-top:7px}}
.hero>.blob{z-index:0;pointer-events:none;opacity:.72}.hero-grid,.audience{position:relative;z-index:2}.hero-copy{position:relative;z-index:3}.b2{left:-190px;top:430px;width:300px;height:300px;background:#ffe9a8}.b1{background:#ffd97b}.app-demo:before{background:#ffe0a0}.trust{border-left-color:#f4b42c}.cta{background:linear-gradient(135deg,#e9780b,#f5ae27 68%,#ffd35c)}.journey{background:linear-gradient(135deg,#332414,#4a2f12)}.brand i,.app-top i,.phone-head i{background:linear-gradient(145deg,#f28a13,#ffc33d)}.btn{background:linear-gradient(135deg,#ef7f0c,#f7a91f)}.app-body aside{background:linear-gradient(180deg,#914b0b,#6e3708)}.kicker{color:#c96305}.hero h1 em{color:#ef8613}.role-tabs .active{background:linear-gradient(135deg,#ed7d0c,#f4a721)}.role-art b{background:linear-gradient(#ffc647,#ee8815)}.features svg path{stroke:#ed8a17}.lavender{background:#fff2cf}@media(max-width:1100px){.hero-grid{grid-template-columns:1fr;max-width:800px;text-align:center;padding-bottom:75px}.actions,.trust{justify-content:center}.app-demo{max-width:680px;margin:20px auto 0}.audience{flex-wrap:wrap}.b2{left:-220px;top:350px;opacity:.4}}@media(max-width:600px){.b2{display:none}.hero-grid{padding-bottom:60px}.app-demo{width:100%}}
/* Rich KidPro palette */
body{color:#17213c;background:#fff}
.header{border-bottom:1px solid transparent}.header.scrolled{background:rgba(255,255,255,.94);border-color:#edf0f6;box-shadow:0 12px 35px rgba(23,33,60,.08)}
.brand{color:#17213c}.brand>span{color:#ff7900}.brand i,.app-top i,.phone-head i{background:linear-gradient(145deg,#ff6b00,#ffad1f);box-shadow:0 9px 22px rgba(255,112,0,.28)}
.nav nav{color:#27304b}.nav nav a:hover,.nav-actions>a:first-child:hover{color:#f46700}
.btn{background:linear-gradient(135deg,#ff6800,#ff9418);box-shadow:0 12px 25px rgba(255,105,0,.26);border:1px solid rgba(255,255,255,.2)}.btn:hover{box-shadow:0 16px 32px rgba(255,105,0,.35)}.btn.ghost{background:#fff;color:#17213c;border-color:#dfe4ee;box-shadow:0 7px 20px rgba(23,33,60,.07)}
.hero{background:radial-gradient(circle at 93% 8%,rgba(255,190,46,.19),transparent 30%),radial-gradient(circle at 5% 90%,rgba(31,199,163,.09),transparent 25%),linear-gradient(145deg,#fff 0%,#fffaf2 56%,#f7fbff 100%)}
.hero>.blob{opacity:1;filter:none}.b1{width:310px;height:310px;right:-115px;top:115px;background:linear-gradient(145deg,rgba(255,184,37,.45),rgba(255,119,0,.18));box-shadow:0 0 0 55px rgba(255,198,72,.07)}.b2{left:-145px;top:500px;width:220px;height:220px;background:linear-gradient(145deg,rgba(38,201,169,.18),rgba(55,126,255,.08))}
.kicker{color:#e65d00}.hero h1{color:#17213c}.hero h1 em{background:linear-gradient(90deg,#ff6700,#ff9f0f 57%,#f3b715);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy>p,.title>p{color:#5d6577}.trust{border-left-color:#1cc7a1}.trust b{color:#17213c}.trust span{color:#747c8d}
.app-demo{filter:drop-shadow(0 28px 42px rgba(23,33,60,.18))}.app-demo:before{background:linear-gradient(145deg,rgba(255,184,32,.36),rgba(255,105,0,.12));inset:5% -6% -5% 16%}.app-top{border-color:#e7eaf0}.app-top>span{background:#fff0d7;color:#c75600}.app-body aside{background:linear-gradient(180deg,#17213c,#263759);color:#ffcf67}.dash{background:#f7f9fc}.dash-head button{background:linear-gradient(135deg,#ff6900,#ff9917);box-shadow:0 5px 12px rgba(255,110,0,.22)}.stats>div,.chart,.today{border-color:#e6eaf1;box-shadow:0 7px 18px rgba(23,33,60,.04)}.stats>div:nth-child(1) i{color:#3d7eff}.stats>div:nth-child(2) i{color:#ff7600}.stats>div:nth-child(3) i{color:#11aa82}.stats b{color:#17213c}.chart i{background:linear-gradient(#ffc849,#ff7900)}.chart i:nth-child(2n){background:linear-gradient(#ff8c65,#ff5d54)}.today span{background:#f7f8fb}.float-card{border:1px solid #edf0f5;box-shadow:0 15px 35px rgba(23,33,60,.18)}.float-card>b{color:#ff9f00}.audience{background:rgba(255,255,255,.7);border-color:#e9edf3}.audience b{color:#17213c}
.title h2,.features h3,.journey h2,.role-copy h3,.cta h2{color:#17213c}.lavender{background:linear-gradient(145deg,#fff0d6,#fff8eb)}.mint{background:linear-gradient(145deg,#ddfaf2,#effdf9)}.peach{background:linear-gradient(145deg,#ffe8df,#fff5ef)}.sky{background:linear-gradient(145deg,#e5f0ff,#f3f8ff)}.icon{color:#ff7000;box-shadow:0 8px 20px rgba(23,33,60,.07)}.profile{border:1px solid #edf0f4;box-shadow:0 22px 45px rgba(23,33,60,.12)}.profile em{background:#dff8e8;color:#237847}.chips span{border:1px solid rgba(23,33,60,.06);box-shadow:0 6px 16px rgba(23,33,60,.06)}.features svg path{stroke:#ff7100}.features svg .green{stroke:#16b68e}.calendar{box-shadow:0 12px 25px rgba(23,33,60,.07)}.calendar strong{background:#ff7500}
.journey{background:radial-gradient(circle at 82% 25%,rgba(255,119,0,.2),transparent 28%),linear-gradient(135deg,#131d36,#202d4b 68%,#28395b)}.journey h2{color:#fff}.journey p{color:#c7cddb}.steps li>b{background:linear-gradient(145deg,#ff6d00,#ffad1f);box-shadow:0 7px 16px rgba(255,111,0,.25)}.steps small{color:#b9c0d0}.phone{box-shadow:20px 25px 0 #ff8b0b;border-color:#090f20}.note{border:1px solid #edf0f5;color:#25304a}
.roles{background:linear-gradient(145deg,#f7f9fc,#fff8ed);border:1px solid #e9edf3}.role-tabs{border-color:#e4e8ef;box-shadow:0 8px 24px rgba(23,33,60,.08)}.role-tabs .active{background:linear-gradient(135deg,#ff6900,#ff9a18);box-shadow:0 6px 15px rgba(255,107,0,.24)}.role-copy small,.role-copy a{color:#e65d00}.role-copy p,.role-copy li{color:#626b7d}.role-art>div{border:1px solid #e9edf3;box-shadow:0 20px 40px rgba(23,33,60,.1)}.role-art span{background:linear-gradient(135deg,#fff0d4,#ffe1a6)}.role-art i{background:#dce4f2}.role-art b{background:linear-gradient(#ffc43e,#ff7600)}.role-art b:nth-last-child(2n){background:linear-gradient(#56d8bc,#14aa87)}
.privacy{background:linear-gradient(90deg,#e4faf4,#f4fcf9);border-block:1px solid #d5f1e9}.privacy b{color:#173d39}.privacy p{color:#23695a}.faq summary{color:#17213c}.faq summary b{color:#ff7100}.faq details{border-color:#e6eaf0}
.cta{background:radial-gradient(circle at 15% 0,rgba(255,215,94,.5),transparent 28%),linear-gradient(125deg,#ff6500,#ff8c0a 55%,#f7b51c)}.cta h2{color:#fff}.cta .kicker{color:#fff4cf}.cta p{color:#fff7e8}.btn.white{color:#e65c00;box-shadow:0 12px 28px rgba(112,45,0,.18)}
footer{background:#111a30;color:#d2d7e1}.footer-grid p,.footer-grid a,.footer-grid span{color:#9fa8ba}.copyright{border-color:#2b354c}
@media(max-width:1100px){.b2{opacity:.35}.hero-grid{background:transparent}}@media(max-width:600px){.b1{width:200px;height:200px;right:-100px;top:90px}}


/* Official KidPro logo */
.header{height:92px}.brand{flex:0 0 auto;line-height:0}.brand img{display:block;width:158px;height:auto;max-height:68px;object-fit:contain}.hero{padding-top:158px}.footer-logo{display:inline-flex;width:max-content;padding:6px 9px;border-radius:12px;background:#fff}.footer-logo img{width:190px;max-height:none}
@media(max-width:900px){.open .nav nav{top:84px}}
@media(max-width:600px){.header{height:74px}.brand img{width:126px;max-height:56px}.hero{padding-top:116px}.footer-logo img{width:170px}.open .nav nav{top:68px}}