/* MyKiddo Guard: family parental control, shown through the real parent and kid app screens. */
.mykiddo-section{padding:40px 0 32px;background:radial-gradient(ellipse at 73% 38%,#1e63d030,transparent 62%),#08111f;border-top:1px solid #23344f;scroll-margin-top:85px}
.mykiddo-eyebrow{display:flex;justify-content:space-between;gap:20px;color:#98a9c2;font:9px/1.7 var(--mono);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:25px}.mykiddo-eyebrow>span:first-child{color:#9cc2ff}
.mykiddo-showcase{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);gap:32px;align-items:center}.mykiddo-intro{min-width:0}.mykiddo-brand{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:25px}.mykiddo-brand>div{display:flex;align-items:center;gap:11px}.mykiddo-brand img{display:block;width:44px;height:44px;border-radius:10px}.mykiddo-brand>div>span{font:600 31px/1.2 'Space Grotesk',sans-serif;color:#eef4fd;letter-spacing:-1.1px}.mykiddo-brand>small{font-size:10px;letter-spacing:1.8px;color:#a3b6d2}.mykiddo-brand strong{color:#e3edfb;font-weight:600}
.home-platform .mykiddo-intro h2{font:500 clamp(30px,3.2vw,44px)/1.08 'Space Grotesk',sans-serif;letter-spacing:-.045em;color:#f1f6ff;margin:0}.home-platform .mykiddo-intro h2 em{font-style:normal;color:#8dbbff}.mykiddo-tagline{font:500 clamp(15px,1.5vw,20px)/1.5 'Space Grotesk',sans-serif;color:#c5d6ee;margin:13px 0 16px}.mykiddo-summary{font-size:13px;line-height:1.8;color:#aebfd8;max-width:385px;margin:0 0 16px}.mykiddo-features{font:500 11px/1.7 'DM Sans',sans-serif;letter-spacing:.3px;color:#d3e2f8;margin:0 0 16px}.mykiddo-features span{color:#5f7fae;margin-inline:5px}.mykiddo-note{display:flex;align-items:center;gap:9px;border-left:2px solid #2fbf85;padding:8px 0 8px 12px;margin:0 0 21px;color:#bfe6d4;font:11px/1.6 'DM Sans',sans-serif}.mykiddo-note>span{color:#5fdca6;font-size:14px}
.mykiddo-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.mykiddo-actions .button-primary{background:#b7cff5;border-color:#b7cff5;color:#0b2a5c;min-height:44px;padding:12px 18px;font-size:12px}.mykiddo-actions .button-primary:hover{background:#dde8fb;border-color:#dde8fb}.mykiddo-section :is(a,button):focus-visible{outline:2px solid #9cc2ff;outline-offset:5px}
.mykiddo-visual{width:100%;max-width:760px;min-width:0;margin:0;justify-self:center}
.mykiddo-stage{position:relative;aspect-ratio:760/430;overflow:hidden;border-radius:14px;border:1px solid #24406c;background:radial-gradient(ellipse at 50% 18%,#2f7ae05c,transparent 62%),linear-gradient(155deg,#0d326e 0%,#0b2450 55%,#0b3f47 115%)}
.mykiddo-stage::after{content:"";position:absolute;inset:auto 0 0 0;height:22%;z-index:3;background:linear-gradient(180deg,#08152b00,#08152bd9);pointer-events:none}
.mykiddo-phone{position:absolute;width:26%;padding:.9%;border-radius:11.5%/5.4%;background:#131e30;box-shadow:0 24px 44px -16px #020a18d9,inset 0 0 0 1px #ffffff14}.mykiddo-phone img{display:block;width:100%;height:auto;border-radius:9.5%/4.4%;background:#f2f6fb}
.mykiddo-phone-parent{left:37%;top:7%;z-index:2}.mykiddo-phone-kid{left:9.5%;top:19%;z-index:1;transform:rotate(-6deg)}.mykiddo-phone-map{right:9.5%;top:19%;z-index:1;transform:rotate(6deg)}
/* The floating cards scale with the stage (cqw), so they never cover the phones on small screens. */
.mykiddo-stage{container-type:inline-size}
.mykiddo-toast{position:absolute;z-index:4;display:flex;align-items:center;gap:.85em;max-width:46%;padding:.75em 1.2em .75em .85em;border-radius:1.3em;background:#fff;color:#4f5f75;box-shadow:0 14px 30px -12px #020a18cc;font:500 10px/1.45 'DM Sans',sans-serif;font-size:clamp(7.5px,1.4cqw,10.5px)}.mykiddo-toast>span{display:grid;place-items:center;flex:0 0 2em;height:2em;border-radius:.65em;background:#eef4fd;font-size:1.3em}.mykiddo-toast p{margin:0;min-width:0}.mykiddo-toast strong{display:block;color:#16263d;font-weight:700}
.mykiddo-toast-chat{left:2.5%;top:8%}.mykiddo-toast-time{right:2.5%;bottom:12%}
.mykiddo-visual figcaption{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:12px;color:#c3d3ea;font-size:10px;line-height:1.6}.mykiddo-visual figcaption small{display:block;font-size:9px;color:#889bb8;margin-top:3px}
.mykiddo-footnote{display:flex;justify-content:space-between;gap:20px;margin-top:24px;padding-top:17px;border-top:1px solid #24344d;font-size:10px;line-height:1.7;color:#8b9db9}
.mykiddo-animated{animation:mykiddo-float 6s ease-in-out infinite both}.mykiddo-toast-time{animation-delay:-3s}
@keyframes mykiddo-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@media(max-width:1100px){.mykiddo-showcase{grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr);gap:26px}}
@media(max-width:700px){.mykiddo-section{padding:32px 0}.mykiddo-eyebrow{font-size:8px;letter-spacing:1px}.mykiddo-showcase{grid-template-columns:1fr;gap:28px}.home-platform .mykiddo-intro h2{font-size:35px}.mykiddo-brand{margin-bottom:21px}.mykiddo-brand>div>span{font-size:28px}.mykiddo-summary{max-width:480px}.mykiddo-visual{max-width:640px}.mykiddo-footnote{display:block}}
@media(prefers-reduced-motion:reduce){.mykiddo-animated{animation:none!important}}
.reduce-motion .mykiddo-animated{animation:none!important}