:root{--blue:#285ca7;--blue-deep:#183f83;--blue-pale:#eef4ff;--paper:#fffef9;--ink:#18345d;--muted:#5d6d85;--line:#cdd9ec;--red:#f04432;--pink:#e66fae;--yellow:#ffe20d;--green:#08a968;--shadow:0 24px 70px #183f832e;font-synthesis:none}*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth;min-width:320px}body{min-height:100vh;color:var(--ink);background:linear-gradient(90deg, var(--green) 0 20%, var(--blue) 20% 40%, var(--pink) 40% 60%, var(--red) 60% 80%, var(--yellow) 80%) top / 100% .62rem no-repeat, var(--paper);margin:0;font-family:Nunito Sans,Arial Rounded MT Bold,Arial,sans-serif}a{color:inherit;-webkit-tap-highlight-color:transparent}img{max-width:100%;display:block}h1,h2,h3,p{text-wrap:pretty}.skip-link{z-index:50;color:#fff;background:var(--blue-deep);border:3px solid #fff;border-radius:.7rem;padding:.8rem 1rem;font-weight:800;position:fixed;top:1rem;left:1rem;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.page-frame{width:min(100%,1440px);min-width:0;margin:0 auto;overflow:hidden}.site-header{border-bottom:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;gap:2rem;min-height:5.8rem;padding:1.1rem clamp(1.25rem,5vw,5rem);display:grid}.site-header>*,.hero>*{min-width:0}.brand{min-height:2.75rem;color:var(--blue-deep);justify-self:start;align-items:center;gap:.8rem;font-family:Shrikhand,Cooper Black,Georgia,serif;font-size:1.35rem;text-decoration:none;display:inline-flex}.brand-blocks{grid-template-columns:repeat(3,.58rem);align-items:end;gap:.13rem;height:1.45rem;display:grid;position:relative}.brand-blocks i{border:2px solid var(--blue-deep);border-radius:.08rem;width:.58rem;display:block}.brand-blocks i:first-child{background:var(--red);height:1rem;transform:rotate(-5deg)}.brand-blocks i:nth-child(2){background:var(--yellow);height:1.42rem}.brand-blocks i:nth-child(3){background:var(--green);height:.77rem;transform:rotate(5deg)}.site-header nav{align-items:center;gap:2.2rem;display:flex}.site-header nav a,.text-link,footer>a:last-child{color:var(--blue-deep);font-size:.88rem;font-weight:800;text-decoration:none}.site-header nav a:hover,.text-link:hover,footer>a:last-child:hover{text-underline-offset:.25rem;text-decoration:underline;text-decoration-thickness:.12rem}.header-actions{justify-self:end;align-items:center;gap:1.15rem;display:flex}.session-action-group{align-items:center;gap:1.15rem;display:flex}.session-check{color:var(--muted);font-size:.78rem;font-weight:800}.session-user{color:var(--muted);text-align:right;font-size:.66rem;line-height:1.2;display:grid}.session-user strong{max-width:15rem;color:var(--blue-deep);text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.button{border:2px solid var(--blue-deep);color:#fff;background:var(--blue-deep);min-height:3.35rem;box-shadow:.3rem .34rem 0 var(--yellow);border-radius:.75rem;justify-content:center;align-items:center;gap:.75rem;padding:.8rem 1.2rem;font-size:.9rem;font-weight:800;text-decoration:none;transition:transform .16s,box-shadow .16s,background .16s;display:inline-flex}.button:hover{background:var(--blue);box-shadow:.2rem .22rem 0 var(--yellow);transform:translate(.1rem,.12rem)}.button--small{min-height:2.75rem;box-shadow:none;padding:.55rem .9rem;font-size:.8rem}.button--small:hover{box-shadow:none}.hero{background:radial-gradient(circle at 5% 82%,#e66fae21 0 8rem,#0000 8.1rem),radial-gradient(circle at 92% 8%,#ffe20d29 0 13rem,#0000 13.1rem);grid-template-columns:minmax(0,.88fr) minmax(33rem,1.12fr);align-items:center;gap:clamp(2rem,6vw,6rem);min-height:45rem;padding:clamp(4rem,8vw,7.5rem) clamp(1.25rem,5vw,5rem);display:grid;position:relative}.hero:after{border:solid var(--pink);content:"";opacity:.28;border-width:.75rem .75rem 0;border-radius:8rem 8rem 0 0;width:7rem;height:3.5rem;position:absolute;bottom:2.5rem;right:4%;transform:rotate(7deg)}.eyebrow{color:var(--blue);letter-spacing:.16em;text-transform:uppercase;margin:0 0 .6rem;font-size:.72rem;font-weight:800}.hero h1{max-width:11ch;color:var(--blue-deep);letter-spacing:-.025em;margin:0;font-family:Shrikhand,Cooper Black,Georgia,serif;font-size:clamp(3.4rem,6.2vw,6.6rem);font-weight:400;line-height:.93}.hero h1 span{z-index:1;color:var(--blue);display:inline-block;position:relative}.hero h1 span:after{z-index:-1;background:var(--yellow);content:"";border-radius:50%;height:.18em;position:absolute;bottom:.04em;left:-.03em;right:-.08em;transform:rotate(-1.5deg)}.hero-intro{max-width:48ch;color:var(--muted);margin:1.7rem 0 0;font-size:clamp(1.06rem,1.4vw,1.25rem);line-height:1.65}.hero-actions{flex-wrap:wrap;align-items:center;gap:1.3rem;margin-top:2rem;display:flex}.secondary-link{min-height:2.75rem;color:var(--blue-deep);text-underline-offset:.25rem;align-items:center;font-size:.9rem;font-weight:800;text-decoration-thickness:.12rem;display:inline-flex}.access-note{color:var(--muted);align-items:center;gap:.45rem;margin:1.5rem 0 0;font-size:.78rem;font-weight:700;display:flex}.access-note span{color:var(--green);font-size:.65rem}.week-board{z-index:2;border:4px solid var(--blue-deep);width:100%;min-width:0;max-width:100%;box-shadow:1.15rem 1.15rem 0 #285ca71f, var(--shadow);background:#f4f8ff;border-radius:2.4rem 2.4rem .6rem;padding:clamp(1.25rem,3vw,2.2rem);position:relative;overflow:hidden;transform:rotate(1.1deg)}.week-board:before{content:"";background:#ffe20db8;width:5.8rem;height:2.2rem;position:absolute;top:-1.4rem;right:4rem;transform:rotate(4deg)}.board-topline,.board-footer,.week-label,.day-card header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.board-topline{border-bottom:2px solid var(--line);padding-bottom:1.2rem}.board-topline>div span,.board-topline>div strong{display:block}.board-topline>div span{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:.68rem;font-weight:800}.board-topline>div strong{color:var(--blue-deep);margin-top:.12rem;font-size:1.1rem}.nanny-chip{border:2px solid var(--blue-deep);color:var(--blue-deep);background:#fff;border-radius:999px;align-items:center;gap:.5rem;padding:.48rem .7rem;font-size:.75rem;font-weight:800;display:inline-flex}.nanny-chip i{background:var(--green);border-radius:50%;width:.65rem;height:.65rem}.week-label{margin:1.4rem 0 .9rem}.week-label p{color:var(--blue-deep);margin:0;font-family:Shrikhand,Cooper Black,Georgia,serif;font-size:clamp(1.45rem,2.8vw,2.2rem)}.week-label span{color:var(--muted);font-size:.72rem;font-weight:700}.day-track{grid-template-columns:repeat(5,minmax(0,1fr));gap:.55rem;min-width:0;display:grid}.day-card{border:2px solid var(--blue-deep);border-top:.6rem solid var(--tile-color);background:#fff;border-radius:.75rem .75rem .25rem;min-width:0;min-height:9rem;padding:.75rem .65rem}.day-card--red{--tile-color:var(--red)}.day-card--blue{--tile-color:var(--blue)}.day-card--pink{--tile-color:var(--pink)}.day-card--green{--tile-color:var(--green)}.day-card--yellow{--tile-color:var(--yellow)}.day-card header span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.58rem;font-weight:800}.day-card header strong{color:var(--blue-deep);font-family:Shrikhand,Cooper Black,Georgia,serif;font-size:1.45rem;font-weight:400}.day-card p{color:var(--blue-deep);margin:1.25rem 0 .3rem;font-size:.74rem;font-weight:800;line-height:1.25}.day-card small{color:var(--muted);font-size:.6rem;font-weight:700}.board-footer{border-top:2px solid var(--line);color:var(--muted);margin-top:1rem;padding-top:1rem;font-size:.72rem;font-weight:800}.check{color:#fff;background:var(--green);border-radius:50%;place-items:center;width:1.25rem;height:1.25rem;margin-right:.35rem;font-size:.75rem;font-style:normal;display:inline-grid}.purpose-strip{border-block:3px solid var(--blue-deep);color:#fff;background:var(--blue-deep);justify-content:space-between;align-items:center;gap:2rem;padding:1.5rem clamp(1.25rem,5vw,5rem);display:flex}.purpose-strip p{margin:0;font-family:Shrikhand,Cooper Black,Georgia,serif;font-size:1.05rem}.purpose-strip div{align-items:center;gap:1rem;font-size:.78rem;font-weight:800;display:flex}.purpose-strip i{background:var(--yellow);border-radius:.1rem;width:.45rem;height:.45rem;transform:rotate(8deg)}.how-section{background:var(--paper);padding:clamp(5rem,9vw,8rem) clamp(1.25rem,5vw,5rem)}.section-heading{grid-template-columns:minmax(10rem,.42fr) minmax(0,1fr);align-items:start;gap:2rem;display:grid}.section-heading h2,.nanny-copy h2,.closing-card h2{color:var(--blue-deep);letter-spacing:-.035em;margin:0;font-size:clamp(2.1rem,4vw,4rem);line-height:1.04}.section-heading h2{max-width:21ch}.section-side-note,.section-intro{color:var(--muted);line-height:1.65}.section-side-note{max-width:20rem;margin:1rem 0 0;font-size:.9rem}.section-intro{max-width:38rem;margin:1.25rem 0 0;font-size:1rem}.role-preview-list{grid-template-columns:1fr;gap:1rem;margin-top:3.5rem;display:grid}.role-preview-card{--role-color:var(--yellow);border:3px solid var(--blue-deep);min-width:0;box-shadow:.45rem .5rem 0 var(--role-color);background:#fff;border-radius:1.5rem 1.5rem .35rem;transition:box-shadow .18s,transform .18s;overflow:clip}.role-preview-card--owner{--role-color:var(--yellow)}.role-preview-card--parent{--role-color:var(--pink)}.role-preview-card--caregiver{--role-color:var(--green)}.role-preview-card:not([open]):hover{box-shadow:.6rem .7rem 0 var(--role-color);transform:translateY(-.2rem)}.role-preview-card[open]{box-shadow:.65rem .75rem 0 var(--role-color)}.role-preview-card summary{min-height:0;color:var(--blue-deep);cursor:pointer;-webkit-tap-highlight-color:transparent;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem;padding:clamp(1.5rem,3vw,2.4rem);list-style:none;display:grid}.role-preview-card summary::-webkit-details-marker{display:none}.role-preview-card summary:focus-visible{outline:4px solid var(--blue);outline-offset:-.45rem;border-radius:1.2rem}.role-preview-card[open] summary{border-bottom:3px solid var(--blue-deep)}.role-badge{border:2px solid var(--blue-deep);background:var(--role-color);letter-spacing:.06em;text-transform:uppercase;border-radius:.55rem .55rem .18rem;justify-content:center;align-self:start;align-items:center;min-height:2.25rem;padding:.45rem .72rem;font-size:.72rem;font-weight:800;display:inline-flex}.role-summary-copy{flex-direction:column;align-self:center;gap:.2rem;display:flex}.role-summary-copy strong{color:var(--blue-deep);font-size:1.18rem;line-height:1.1}.role-summary-copy>span{max-width:27rem;color:var(--muted);font-size:.82rem;line-height:1.65}.role-summary-action{justify-content:flex-end;align-items:center;gap:.7rem;font-size:.78rem;font-weight:800;display:inline-flex}.role-summary-close,.role-preview-card[open] .role-summary-open{display:none}.role-preview-card[open] .role-summary-close{display:inline}.role-summary-action svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.4px;width:1.3rem;height:1.3rem;transition:transform .18s}.role-preview-card[open] .role-summary-action svg{transform:rotate(180deg)}.role-preview-body{background:linear-gradient(135deg, color-mix(in srgb, var(--role-color) 16%, white), white 42%);grid-template-columns:minmax(15rem,.7fr) minmax(0,1.5fr);gap:clamp(2rem,4vw,4rem);padding:clamp(1.5rem,4vw,4rem);display:grid}.role-detail-copy{align-self:start}.role-detail-label{color:var(--blue-deep);letter-spacing:.08em;text-transform:uppercase;margin:0 0 .8rem;font-size:.72rem;font-weight:800}.role-detail-copy h3{max-width:15ch;color:var(--blue-deep);letter-spacing:-.03em;margin:0;font-size:clamp(1.8rem,3vw,3rem);line-height:1.05}.role-detail-copy>p:not(.role-detail-label){color:var(--muted);margin:1.1rem 0 0;line-height:1.65}.role-task-list{gap:.7rem;margin:1.8rem 0 0;padding:0;list-style:none;display:grid}.role-task-list li{border-left:.35rem solid var(--role-color);gap:.18rem;padding:.85rem 0 .85rem 1rem;display:grid}.role-task-list strong{color:var(--blue-deep);font-size:.88rem}.role-task-list span{color:var(--muted);font-size:.8rem;line-height:1.5}.role-screenshot-stage{border:2px solid var(--blue-deep);background:var(--blue-pale);border-radius:1.35rem 1.35rem .35rem;min-width:0;padding:1rem;box-shadow:inset 0 0 0 .3rem #fff}.screenshot-stage-label{color:var(--blue-deep);letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:1rem;margin:0;padding:.2rem .3rem 1rem;font-size:.68rem;font-weight:800;display:flex}.screenshot-stage-label span:last-child{color:var(--muted)}.role-screenshot-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;display:grid}.role-screenshot-grid figure{min-width:0;margin:0}.phone-shot{border:2px solid var(--blue-deep);background:var(--blue-deep);box-shadow:.18rem .22rem 0 var(--role-color);border-radius:1.25rem 1.25rem .4rem;padding:.4rem;overflow:hidden}.phone-shot img{aspect-ratio:390/844;object-fit:contain;background:#fff;border-radius:.85rem .85rem .2rem;width:100%;height:auto}.role-screenshot-grid figcaption{gap:.2rem;padding:.8rem .35rem .3rem;display:grid}.role-screenshot-grid figcaption strong{color:var(--blue-deep);font-size:.8rem}.role-screenshot-grid figcaption span{color:var(--muted);font-size:.68rem;line-height:1.4}.how-guide-callout{border:2px dashed var(--blue-deep);background:var(--blue-pale);border-radius:1rem 1rem .3rem;justify-content:space-between;align-items:center;gap:2rem;margin-top:3rem;padding:clamp(1.4rem,3vw,2rem);display:flex}.how-guide-callout p{margin:0}.how-guide-callout .eyebrow{margin-bottom:.35rem}.how-guide-callout div>p:last-child{color:var(--muted);line-height:1.55}.nanny-section{color:#fff;background:radial-gradient(circle at 15% 100%, #ffe20d29 0 11rem, transparent 11.1rem), var(--blue-deep);grid-template-columns:minmax(0,.8fr) minmax(24rem,1.2fr);align-items:center;gap:clamp(3rem,8vw,8rem);padding:clamp(5rem,9vw,8rem) clamp(1.25rem,8vw,8rem);display:grid}.nanny-copy .eyebrow{color:var(--yellow)}.nanny-copy h2{color:#fff;max-width:12ch}.nanny-copy>p:not(.eyebrow){color:#dbe7fb;max-width:45ch;margin:1.3rem 0 2rem;line-height:1.65}.button--light{color:var(--blue-deep);background:#fff;border-color:#fff}.button--light:hover{background:var(--blue-pale)}.nanny-card{color:var(--ink);background:var(--paper);box-shadow:.7rem .8rem 0 var(--yellow);border:3px solid #fff;border-radius:1.8rem 1.8rem .4rem;grid-template-columns:minmax(12rem,.88fr) minmax(0,1.12fr);align-items:center;gap:1.6rem;padding:1.2rem 2rem 1.2rem 1.2rem;text-decoration:none;transition:transform .18s,box-shadow .18s;display:grid}.nanny-card:hover{box-shadow:.45rem .55rem 0 var(--yellow);transform:translate(.2rem,.2rem)}.nanny-card figure{background:#fff;border:1px solid #d7d7d7;margin:0;padding:.55rem .55rem 1.3rem;position:relative;transform:rotate(-2.5deg);box-shadow:0 9px 18px #18345d2e}.nanny-card figure img{aspect-ratio:1/.98;object-fit:cover;width:100%}.pushpin{z-index:2;border:2px solid var(--blue-deep);background:var(--red);border-radius:50%;width:1.35rem;height:1.35rem;position:absolute;top:-.8rem;left:48%}.nanny-card>div span,.nanny-card>div strong{display:block}.nanny-card>div span{color:var(--blue);letter-spacing:.12em;text-transform:uppercase;font-size:.68rem;font-weight:800}.nanny-card>div strong{color:var(--blue);margin-top:.35rem;font-family:Shrikhand,Cooper Black,Georgia,serif;font-size:clamp(2rem,3.2vw,3.2rem);font-weight:400;line-height:1}.nanny-card>div p{color:var(--muted);margin:.8rem 0 0;line-height:1.5}.closing-card{border:4px solid var(--blue-deep);background:linear-gradient(105deg, transparent 0 70%, #ffe20d38 70%), var(--blue-pale);border-radius:2rem 2rem .55rem;justify-content:space-between;align-items:center;gap:3rem;margin:clamp(4rem,8vw,7rem) clamp(1.25rem,5vw,5rem);padding:clamp(2rem,5vw,4rem);display:flex;box-shadow:.7rem .75rem #285ca721}.closing-card h2{font-size:clamp(2rem,3.4vw,3.4rem)}.closing-card p:last-child{max-width:50ch;color:var(--muted);margin:.8rem 0 0}.closing-card .button{flex:none}footer{border-top:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;gap:1.5rem;padding:2rem clamp(1.25rem,5vw,5rem) 2.7rem;display:grid}.brand--footer{font-size:1.05rem}footer p{color:var(--muted);margin:0;font-size:.78rem}footer>a:last-child{justify-self:end;align-items:center;min-height:2.75rem;display:inline-flex}:focus-visible{outline:3px solid var(--pink);outline-offset:4px}@media (width<=1080px){.site-header{grid-template-columns:1fr auto}.site-header nav{display:none}.hero{grid-template-columns:1fr}.hero-copy{max-width:50rem}.week-board{width:min(100%,48rem);margin:0 auto}}@media (width<=780px){.site-header{min-height:5rem;padding-block:.8rem}.header-actions .text-link,.session-user{display:none}.hero{min-height:0;padding-block:4.5rem}.hero h1{font-size:clamp(3rem,13vw,5rem)}.week-board{border-width:3px;border-radius:1.5rem 1.5rem .4rem;padding:1rem;transform:none;box-shadow:.65rem .7rem #285ca71f}.week-board:before,.hero:after{display:none}.day-track{grid-template-columns:repeat(5,minmax(7.1rem,1fr));padding:.2rem 0 .7rem;overflow-x:auto}.purpose-strip,.purpose-strip div{flex-wrap:wrap}.purpose-strip{align-items:flex-start}.section-heading,.nanny-section{grid-template-columns:1fr}.section-heading{gap:.8rem}.section-side-note{max-width:34rem}.role-summary-action>span{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.role-preview-body{grid-template-columns:1fr}.role-screenshot-grid{scroll-snap-type:x mandatory;grid-template-columns:repeat(3,minmax(13.5rem,42vw));padding:0 .2rem .8rem;scroll-padding-inline:.2rem;overflow-x:auto}.role-screenshot-grid figure{scroll-snap-align:start}.how-guide-callout{flex-direction:column;align-items:flex-start}.nanny-section{gap:3rem}.closing-card{flex-direction:column;align-items:flex-start}footer{grid-template-columns:1fr auto}footer p{display:none}}@media (width<=520px){.site-header{grid-template-columns:minmax(0,1fr) auto;gap:.75rem}.brand{font-size:1.08rem}.header-actions,.session-action-group{gap:.6rem;min-width:0}.brand-blocks{grid-template-columns:repeat(3,.48rem)}.brand-blocks i{width:.48rem}.button--small{text-align:center;max-width:8.75rem;padding-inline:.7rem;line-height:1.15}.hero-actions{flex-direction:column;align-items:stretch}.secondary-link{text-align:center;padding:.5rem 0}.board-topline,.week-label{align-items:flex-start}.week-label span{text-align:right;max-width:8rem}.purpose-strip div{flex-direction:column;align-items:flex-start;gap:.45rem}.purpose-strip i{display:none}.role-preview-card summary{grid-template-columns:1fr auto;gap:1rem .7rem;padding:1.25rem}.role-badge{justify-self:start}.role-summary-copy{grid-area:2/1/auto/-1}.role-summary-action{grid-area:1/2}.role-preview-body{gap:1.6rem;padding:1.25rem}.role-screenshot-stage{padding:.75rem}.role-screenshot-grid{grid-template-columns:repeat(3,minmax(13.5rem,75vw))}.how-guide-callout .button{width:100%}.nanny-card{grid-template-columns:1fr;padding:1rem}.nanny-card figure{width:70%;margin:0 auto}.nanny-card>div{padding:.5rem}.closing-card .button{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}
