@layer reset;@layer base{.case-hero--familyboard{background:radial-gradient(circle at 78% 18%,#f472b638,#0000 24rem),radial-gradient(circle at 88% 70%,#2dd4bf2e,#0000 22rem),linear-gradient(135deg,#fffdf8 0%,#fff7ed 48%,#f5fbff 100%)}.case-hero--familyboard .eyebrow,.case-hero--familyboard .breadcrumbs,.case-hero--familyboard .case-lead{color:#334155}.case-hero--familyboard h1{color:#10203a;max-inline-size:20ch}.case-section a:not(.primary-action,.case-tags a,.related-links a){color:#087fb8;text-decoration:none}.case-section a:not(.primary-action,.case-tags a,.related-links a):hover{color:#075985}}@layer layout{.familyboard-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-block-start:2rem;display:grid}.familyboard-image-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1rem,3vw,2.5rem);margin-block-start:clamp(2rem,5vw,4rem);display:grid}.familyboard-screenshot-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-block-start:2rem;display:grid}.familyboard-screenshot-grid__mobile{grid-column:1/-1;justify-self:center;max-inline-size:28rem}.familyboard-tech{grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;margin-block-start:2rem;display:grid}.familyboard-timeline{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin:2rem 0 0;padding:0;list-style:none;display:grid}.familyboard-demo__layout{grid-template-columns:minmax(15rem,.72fr) minmax(28rem,1.35fr) minmax(17rem,.8fr);min-inline-size:0;display:grid}}@layer components{.case-hero--familyboard h1{color:#f5f9ff}.case-hero--familyboard .breadcrumbs,.case-hero--familyboard .case-lead{color:#c7d5e5}.case-hero--familyboard .eyebrow{color:#55c8ef}.feature-list{gap:.65rem;margin:1.2rem 0 0;padding:0;list-style:none;display:grid}.feature-list li{padding-inline-start:1.6rem;position:relative}.feature-list li:before{color:#0f9f86;content:"✓";font-weight:900;position:absolute;inset:0 auto auto 0}.familyboard-feature-grid article{background:#fff;border:.0625rem solid #dbe3ed;border-radius:1rem;min-inline-size:0;padding:1.3rem}.familyboard-feature-grid article>span{aspect-ratio:1;color:#fff;background:#087fb8;border-radius:.75rem;place-items:center;inline-size:2.4rem;font-weight:900;display:grid}.familyboard-feature-grid h3{color:#10203a;margin:1rem 0 .45rem;font-size:1.15rem}.familyboard-feature-grid p{color:#526174;margin:0;line-height:1.55}.case-wide-figure{justify-items:center;max-inline-size:54rem;margin:2rem auto 0;display:grid}.case-wide-figure img{border-radius:1.5rem;block-size:auto;inline-size:min(100%,34rem);box-shadow:0 1.4rem 3.5rem #0f172a26}.case-wide-figure figcaption,.familyboard-image-pair figcaption,.familyboard-screenshot-grid figcaption{color:#5e6c80;text-align:center;margin-block-start:.7rem;font-size:.9rem}.familyboard-image-pair figure,.familyboard-screenshot-grid figure{min-inline-size:0;margin:0}.familyboard-image-pair img{border-radius:1.25rem;block-size:auto;inline-size:100%;display:block;box-shadow:0 1rem 2.8rem #0f172a1f}.familyboard-screenshot-grid figure{background:#fff;border:.0625rem solid #dfe6ef;border-radius:1rem;padding:.75rem}.familyboard-screenshot-grid img{border-radius:.65rem;block-size:auto;inline-size:100%;display:block}.familyboard-screenshot-grid__mobile img{max-inline-size:24.375rem;margin-inline:auto}.familyboard-tech p{color:#23354d;text-align:center;background:#f8fbfe;border:.0625rem solid #d8e3ee;border-radius:.9rem;margin:0;padding:1rem;font-weight:750}.familyboard-timeline li{background:#fff;border-block-start:.25rem solid #0f9f86;border-radius:0 0 1rem 1rem;min-inline-size:0;padding:1.25rem;box-shadow:0 .8rem 2rem #0f172a14}.familyboard-timeline time{color:#087fb8;margin-block-end:.65rem;font-size:.85rem;font-weight:850;display:block}.familyboard-timeline strong{color:#10203a;line-height:1.25;display:block}.familyboard-timeline p{color:#5b687a;margin:.55rem 0 0;font-size:.9rem;line-height:1.5}.familyboard-award{color:#6c3f0b;background:#fff7df;border:.0625rem solid #e6bd71;border-radius:999px;align-items:center;gap:.75rem;margin-block-start:1rem;padding:.8rem 1rem;display:inline-flex}.familyboard-award img{block-size:auto;inline-size:1.3rem}.value-formula--stacked{grid-template-columns:minmax(0,1fr) minmax(9rem,auto);align-content:start;align-items:center}.value-formula--stacked .formula-note{grid-column:1/-1}.case-section--links{padding-block-start:0}.related-links{flex-wrap:wrap;gap:.75rem;margin-block-start:1.5rem;display:flex}.related-links a{color:#0f4f73;background:#fff;border:.0625rem solid #cbd5e1;border-radius:999px;align-items:center;min-block-size:2.75rem;padding:.7rem 1rem;font-weight:750;text-decoration:none;display:inline-flex}.related-links a:hover{color:#075985;border-color:#087fb8}.familyboard-demo{--fb-blue:#2d7eea;--fb-pink:#ef4b9a;--fb-yellow:#f6a915;--fb-green:#17b989;--fb-navy:#15243b;--fb-muted:#64748b;--fb-line:#dfe6ed;--fb-bg:#fffdf9;color:var(--fb-navy);background:var(--fb-bg);border:.0625rem solid #dce4ec;border-radius:1.5rem;overflow:hidden;box-shadow:0 1.5rem 4rem #0f172a26;container:familyboard/inline-size}.familyboard-demo button{font:inherit}.familyboard-demo button:focus-visible{outline-offset:.1875rem;outline:.1875rem solid #0b65c7}.familyboard-demo__header{border-bottom:.0625rem solid var(--fb-line);background:#fff;justify-content:space-between;align-items:center;gap:1rem;min-block-size:5.6rem;padding:1rem clamp(1rem,2.5cqi,2rem);display:flex}.familyboard-demo__brand{align-items:center;gap:.8rem;display:flex}.familyboard-demo__brand>div{gap:.15rem;display:grid}.familyboard-demo__brand strong{font-size:1.05rem}.familyboard-demo__brand small{color:var(--fb-muted);font-size:.8rem}.familyboard-demo__logo{aspect-ratio:1;color:#fff;background:radial-gradient(circle at 70% 25%, #fff 0 .22rem, transparent .25rem), linear-gradient(135deg, var(--fb-pink), var(--fb-blue));border-radius:1rem 1rem 1rem .35rem;place-items:center;inline-size:3rem;font-weight:900;display:grid;box-shadow:0 .5rem 1.2rem #2d7eea3d}.familyboard-demo__members{gap:.45rem;display:flex}.familyboard-demo__members button{color:#fff;background:var(--fb-blue);cursor:pointer;border:.125rem solid #0000;border-radius:50%;place-items:center;block-size:2.75rem;inline-size:2.75rem;min-inline-size:2.75rem;font-weight:850;transition:transform .16s,box-shadow .16s;display:grid}.familyboard-demo__members button:nth-child(2){background:var(--fb-pink)}.familyboard-demo__members button:nth-child(3){background:var(--fb-yellow)}.familyboard-demo__members button:nth-child(4){background:var(--fb-green)}.familyboard-demo__members button:hover{transform:translateY(-.12rem)}.familyboard-demo__members button[aria-pressed=true]{border-color:#fff;box-shadow:0 0 0 .1875rem #b46c00}.familyboard-demo__day,.familyboard-demo__tasks,.familyboard-demo__progress{min-inline-size:0;padding:clamp(1rem,2.4cqi,2rem)}.familyboard-demo__day{border-right:.0625rem solid var(--fb-line);background:radial-gradient(circle at 0 0,#ef4b9a21,#0000 16rem),#fff9fc}.familyboard-demo__tasks{border-right:.0625rem solid var(--fb-line);background:#fff}.familyboard-demo__progress{background:radial-gradient(circle at 100% 0,#2d7eea1f,#0000 15rem),#f8fbff}.familyboard-demo__eyebrow{color:#6d28d9;letter-spacing:.05em;text-transform:uppercase;margin:0 0 .35rem;font-size:.78rem;font-weight:850}.familyboard-demo h3{color:var(--fb-navy);margin:0;font-size:clamp(1.15rem,2cqi,1.5rem);line-height:1.2}.familyboard-demo__events{gap:.7rem;margin:1.2rem 0 0;padding:0;list-style:none;display:grid}.familyboard-demo__events li{background:#ffffffdb;border:.0625rem solid #f2d7e5;border-radius:.9rem;grid-template-columns:auto minmax(0,1fr);gap:.75rem;padding:.8rem;display:grid}.familyboard-demo__events time{color:#b0236b;font-weight:850}.familyboard-demo__events div{gap:.2rem;display:grid}.familyboard-demo__events small{color:var(--fb-muted);font-size:.78rem}.familyboard-demo__section-head{justify-content:space-between;align-items:start;gap:1rem;display:flex}.familyboard-demo__stars{color:#8a5300;background:#fff7d6;border:.0625rem solid #f2ca72;border-radius:999px;align-items:center;gap:.35rem;padding:.45rem .7rem;display:inline-flex}.familyboard-demo__stars>span{color:#f3ad16}.familyboard-demo__task-list{gap:.65rem;margin:1.2rem 0 0;padding:0;list-style:none;display:grid}.familyboard-demo__task-list li{border:.0625rem solid var(--fb-line);background:#fff;border-radius:.95rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;min-block-size:4.8rem;padding:.8rem;display:grid}.familyboard-demo__task-list li>span:first-child{aspect-ratio:1;color:#fff;background:var(--fb-blue);border-radius:.7rem;place-items:center;inline-size:2.2rem;font-weight:900;display:grid}.familyboard-demo__task-list li>div{gap:.2rem;min-inline-size:0;display:grid}.familyboard-demo__task-list small{color:var(--fb-muted);font-size:.8rem}.familyboard-demo__task-list li>span:last-child{color:var(--fb-muted);font-size:.8rem;font-weight:750}.familyboard-demo__task-list li.is-done{background:#f0fdf8;border-color:#b7e8d8}.familyboard-demo__task-list li.is-done>span:first-child{background:var(--fb-green)}.familyboard-demo__task-list button{color:#fff;background:var(--fb-blue);cursor:pointer;border:0;border-radius:.75rem;min-block-size:2.6rem;padding:.55rem .75rem;font-weight:800;transition:background-color .16s,transform .16s}.familyboard-demo__task-list button:hover{background:#195db8;transform:translateY(-.08rem)}.familyboard-demo__task-list button:active{transform:translateY(0)}.familyboard-demo__task-list button[aria-pressed=true]{color:#12593f;background:#d6f5e9}.familyboard-demo__progressbar{background:#dfe8fb;border:.0625rem solid #b8c9ec;border-radius:999px;block-size:.85rem;margin-block-start:1.2rem;overflow:hidden}.familyboard-demo__progressbar span{border-radius:inherit;background:linear-gradient(90deg, var(--fb-blue), var(--fb-green));block-size:100%;inline-size:68%;transition:inline-size .24s;display:block}.familyboard-demo__progress>p:not(.familyboard-demo__eyebrow){color:var(--fb-muted);margin:.7rem 0 0;font-size:.86rem}.familyboard-demo__reward{background:#fff9df;border:.0625rem solid #e9c56b;border-radius:.9rem;align-items:center;gap:.75rem;margin-block-start:1.2rem;padding:.9rem;display:flex}.familyboard-demo__reward>span{font-size:1.6rem}.familyboard-demo__reward>div{gap:.25rem;display:grid}.familyboard-demo__reward small{color:#7c5b16;font-size:.76rem}.familyboard-demo__reward strong{font-size:.88rem;line-height:1.35}.familyboard-demo__reward.is-available{background:#eafbf5;border-color:#7ed5b9}.familyboard-demo__announcement{border-top:.0625rem solid var(--fb-line);color:#536174;text-align:center;background:#fff;min-block-size:3.2rem;margin:0;padding:.9rem 1.25rem;font-size:.85rem}.familyboard-demo__announcement.is-success{color:#116348;background:#f0fdf8;font-weight:750}.familyboard-demo__caption{color:#617086;text-align:center;margin:.85rem 0 0;font-size:.88rem}}@layer responsive{@container familyboard (inline-size<72rem){.familyboard-demo__layout{grid-template-columns:minmax(14rem,.7fr) minmax(27rem,1.3fr)}.familyboard-demo__progress{border-top:.0625rem solid var(--fb-line);grid-column:1/-1}.familyboard-demo__tasks{border-right:0}}@media (width<=64rem){.familyboard-feature-grid,.familyboard-tech,.familyboard-timeline{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=42rem){.case-hero--familyboard h1{overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;max-inline-size:100%;font-size:clamp(2rem,9.2vw,3rem)}.familyboard-feature-grid,.familyboard-image-pair,.familyboard-screenshot-grid,.familyboard-tech,.familyboard-timeline{grid-template-columns:minmax(0,1fr)}.familyboard-screenshot-grid__mobile{grid-column:auto}.value-formula--stacked{grid-template-columns:minmax(0,1fr)}.value-formula--stacked strong{margin-block-end:.75rem}.value-formula--stacked .formula-note{grid-column:auto}.familyboard-demo{border-radius:1rem}.familyboard-demo__header{flex-direction:column;align-items:start}.familyboard-demo__members{justify-content:space-between;inline-size:100%}.familyboard-demo__layout{grid-template-columns:minmax(0,1fr)}.familyboard-demo__day,.familyboard-demo__tasks{border-right:0;border-bottom:.0625rem solid var(--fb-line)}.familyboard-demo__progress{border-top:0;grid-column:auto}.familyboard-demo__section-head{flex-direction:column;align-items:start}.familyboard-demo__task-list li{grid-template-columns:auto minmax(0,1fr)}.familyboard-demo__task-list li>:last-child{grid-column:2;justify-self:start}}@media (pointer:coarse){.familyboard-demo button,.related-links a{min-block-size:3rem}}@media (prefers-reduced-motion:reduce){.familyboard-demo__members button,.familyboard-demo__task-list button,.familyboard-demo__progressbar span{transition:none}}@media (forced-colors:active){.familyboard-demo__members button[aria-pressed=true],.familyboard-demo__reward.is-available,.familyboard-demo__task-list li.is-done{border-color:highlight}}html[data-capture=card],html[data-capture=card] body{background:#fffdf9;block-size:873px;min-block-size:873px;inline-size:1800px;min-inline-size:1800px;overflow:hidden}html[data-capture=card] .skip-link,html[data-capture=card] .case-header,html[data-capture=card] .case-footer,html[data-capture=card] article>section:not(.case-preview-section),html[data-capture=card] .case-preview-section .section-heading,html[data-capture=card] .familyboard-demo__caption{display:none}html[data-capture=card] main,html[data-capture=card] article,html[data-capture=card] .case-preview-section,html[data-capture=card] .case-preview-section .case-container{block-size:100%;inline-size:100%;max-inline-size:none;margin:0;padding:0}html[data-capture=card] .familyboard-demo{block-size:873px;inline-size:1800px;box-shadow:none;border:0;border-radius:0}html[data-capture=card] .familyboard-demo__header{min-block-size:110px;padding-inline:48px}html[data-capture=card] .familyboard-demo__layout{grid-template-columns:.72fr 1.35fr .8fr;block-size:703px}html[data-capture=card] .familyboard-demo__day,html[data-capture=card] .familyboard-demo__tasks,html[data-capture=card] .familyboard-demo__progress{padding:38px}html[data-capture=card] .familyboard-demo__announcement{min-block-size:60px;padding:18px 28px}}