/* Real Team Family 1.2.0 screens. The supplied artwork is left unchanged.
   CSS frames its phone region; the dialog shows each complete original. */
.hero{gap:48px;padding-block:50px 62px}
@media(min-width:851px){.hero-copy{align-self:start;padding-top:56px}}
.hero h1{letter-spacing:-.04em;word-spacing:.08em}
.hero-lead{max-width:470px}
.hero-showcase{min-width:0;scroll-margin-top:110px}
.showcase-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:5px;border:1px solid #dee7ed;border-radius:15px;background:#f0f5f8;margin-bottom:22px}
.showcase-tabs button{border:0;background:transparent;border-radius:10px;min-height:47px;padding:7px 5px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;font-weight:750;color:#5c6c7c;line-height:1.3;transition:background .2s,color .2s}
.showcase-tabs button .icon{width:16px;height:16px}
.showcase-tabs button:hover{color:var(--blue);background:#ffffff80}
.showcase-tabs button[aria-selected=true]{background:#fff;color:var(--blue);box-shadow:0 2px 7px #16334c12}
.showcase-stage{background:#eaf2f7;border-radius:34px;padding:23px 22px 20px;border:1px solid #e1ebf1}
.screen-panel{text-align:center}
.screen-image-button{display:block;width:300px;max-width:100%;margin-inline:auto;border:0;padding:0;background:none;color:inherit;line-height:1.4;border-radius:23px;cursor:zoom-in}
.screen-crop{display:block;position:relative;width:100%;aspect-ratio:1284/2160;overflow:hidden;border-radius:23px;background:#102b3b;box-shadow:0 13px 30px -15px #092d5470}
.screen-crop img{position:absolute;left:0;top:-28.24%;width:100%;height:auto;max-width:none}
.image-zoom{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:12px;font-size:12px;font-weight:650;color:#587186;min-height:26px}
.image-zoom .icon{width:14px;height:14px}
.screen-image-button:hover .image-zoom{color:var(--blue)}
.screen-caption{max-width:360px;margin:13px auto 0;min-height:82px}
.screen-caption h2{font-size:18px;letter-spacing:-.4px;line-height:1.4}
.screen-caption p{font-size:13px;color:var(--muted);line-height:1.6;margin-top:6px}
.showcase-note{text-align:center;font-size:12px;color:var(--muted);margin-top:15px}
.feature-spotlight{display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:60px;border-radius:26px;padding:48px 54px;margin-bottom:26px;overflow:hidden}
.recipes-spotlight{background:#edf5f2;border:1px solid #e0ebe5}
.calendar-spotlight{background:#edf3fa;border:1px solid #dfe8f1}
.calendar-spotlight .spotlight-copy{grid-column:2;grid-row:1}
.calendar-spotlight .spotlight-screen{grid-column:1;grid-row:1}
.calendar-spotlight{grid-template-columns:1fr 1.25fr}
.spotlight-copy{min-width:0}
.spotlight-copy .feature-number{font-size:16px;gap:13px}
.spotlight-copy .feature-number>span{font-size:11px;letter-spacing:1.2px;line-height:1.65}
.recipes-spotlight .feature-number,.recipes-spotlight .text-link{color:#347c61}
.spotlight-copy h3{font-size:clamp(30px,3.1vw,40px);letter-spacing:-1.6px;line-height:1.2;margin-top:23px}
.spotlight-copy>p:not(.feature-number){font-size:16px;color:#576e7e;line-height:1.85;margin-top:21px;max-width:460px}
.recipe-flow{display:flex;flex-wrap:wrap;gap:11px 17px;list-style:none;margin:26px 0 0;padding:0;counter-reset:recipe-step}
.recipe-flow li{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:#386957;counter-increment:recipe-step}
.recipe-flow li:before{content:counter(recipe-step);width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;background:#dcece3;border-radius:50%;font-size:11px}
.feature-points{list-style:none;margin:25px 0 0;padding:0;display:grid;gap:12px}
.feature-points li{display:flex;gap:9px;align-items:flex-start;font-size:14px;line-height:1.6;color:#446783}
.feature-points .icon{width:17px;height:17px;color:var(--blue);margin-top:2px}
.spotlight-copy .text-link{margin-top:23px;line-height:1.6;font-size:14px}
.spotlight-screen{margin:0;min-width:0;text-align:center}
.spotlight-screen .screen-image-button{width:268px}
.spotlight-screen figcaption{font-size:12px;color:#617686;line-height:1.7;margin:13px auto 0;max-width:285px}
.spotlight-screen .image-zoom{margin-top:11px}
.supporting-features{margin-top:26px;grid-template-columns:1fr 1fr}
.supporting-features .feature-card{border:1px solid var(--line);background:transparent;padding:34px 36px}
.supporting-features h3{font-size:28px;line-height:1.25}
.supporting-features .feature-number>span{font-size:11px}
.supporting-features .text-link{font-size:14px}
.supporting-features .money-card .feature-number{color:var(--blue)}
.screen-dialog{padding:0;border:1px solid #cbd8e1;border-radius:20px;background:var(--paper);color:var(--ink);width:min(620px,calc(100vw - 40px));max-width:none;max-height:92dvh;box-shadow:0 30px 100px #071a3860;overscroll-behavior:contain}
.screen-dialog::backdrop{background:#071d31c9;backdrop-filter:blur(6px)}
.screen-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:20px;position:sticky;top:0;z-index:1;padding:12px 16px 12px 22px;background:#fcfcfaf5;border-bottom:1px solid var(--line)}
.screen-dialog-header h2{font-size:16px;line-height:1.5;font-weight:750}
.dialog-close{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:1px solid var(--line);border-radius:50%;background:#fff}
.dialog-close:hover{background:#e8f2f8}
.screen-dialog>img{width:100%;height:auto}
.dialog-is-open{overflow:hidden}
@media(min-width:1500px){.hero{padding-block:60px 70px}.screen-image-button{width:310px}}
@media(max-width:1100px){.hero{gap:30px}.showcase-tabs button{font-size:11px;gap:4px}.showcase-tabs button .icon{width:14px;height:14px}.showcase-stage{padding:18px 15px}.screen-image-button{width:270px}.screen-caption h2{font-size:17px}.feature-spotlight{padding:38px;gap:34px}.spotlight-copy h3{font-size:32px}.spotlight-copy .feature-number>span{font-size:10px;letter-spacing:.75px}.spotlight-screen .screen-image-button{width:250px}.supporting-features .feature-card{padding:30px}}
@media(max-width:850px){.hero{gap:37px;padding-block:40px 48px}.hero-lead{margin-inline:auto}.hero-showcase{max-width:500px;width:100%;margin-inline:auto}.showcase-tabs button{font-size:12px;gap:6px}.showcase-tabs button .icon{width:16px;height:16px}.showcase-stage{padding:24px}.screen-image-button{width:310px}.screen-caption{min-height:76px}.feature-spotlight{gap:26px;padding:32px;grid-template-columns:1.1fr 1fr}.calendar-spotlight{grid-template-columns:1fr 1.1fr}.spotlight-copy h3{font-size:29px;letter-spacing:-1.1px}.spotlight-copy>p:not(.feature-number){font-size:15px;margin-top:17px}.spotlight-copy .feature-number{align-items:flex-start}.spotlight-copy .feature-number>span{font-size:10px}.spotlight-copy h3 br{display:none}.spotlight-screen .screen-image-button{width:230px}.spotlight-screen figcaption{font-size:11px}.recipe-flow{flex-direction:column;gap:10px}.spotlight-copy .text-link{font-size:13px}.feature-points li{font-size:13px}.supporting-features h3{font-size:25px}}
@media(max-width:650px){.feature-spotlight,.calendar-spotlight{display:flex;flex-direction:column;align-items:stretch;gap:30px;padding:31px 26px}.spotlight-copy h3{font-size:33px}.spotlight-copy h3 br{display:initial}.spotlight-copy>p:not(.feature-number){font-size:16px;max-width:none}.spotlight-copy .feature-number>span{font-size:10px;letter-spacing:.8px}.spotlight-screen .screen-image-button{width:260px}.spotlight-screen figcaption{font-size:12px;max-width:285px}.recipe-flow{flex-direction:row;gap:10px 16px}.recipe-flow li{font-size:12px}.feature-points li{font-size:14px}.spotlight-copy .text-link{font-size:14px}.supporting-features{grid-template-columns:1fr}.supporting-features h3{font-size:28px}.screen-dialog{width:calc(100vw - 24px);border-radius:14px;max-height:94dvh}.screen-dialog-header{padding:9px 12px 9px 17px}.screen-dialog-header h2{font-size:14px}}
@media(max-width:520px){.hero{padding-block:33px 35px;gap:31px}.showcase-tabs{gap:3px;padding:4px;margin-bottom:14px;border-radius:12px}.showcase-tabs button{font-size:12px;padding:7px 2px;min-height:53px;flex-direction:column;gap:4px}.showcase-tabs button .icon{width:16px;height:16px}.showcase-stage{padding:19px 17px 18px;border-radius:24px}.screen-image-button{width:276px}.screen-crop{border-radius:19px}.screen-caption{min-height:91px;margin-top:12px}.screen-caption h2{font-size:17px}.screen-caption p{font-size:13px}.showcase-note{font-size:12px;line-height:1.65;margin:12px 10px 0}.feature-spotlight{padding:29px 23px;margin-bottom:20px}.spotlight-copy h3{font-size:30px;letter-spacing:-1px}.spotlight-copy .feature-number{gap:10px}.spotlight-screen .screen-image-button{width:252px}.supporting-features .feature-card{padding:29px 25px}.supporting-features .feature-number>span{font-size:11px}.download-section h2{font-size:33px}.benefit-strip p{font-size:14px}}
@media(max-width:360px){.showcase-stage{padding-inline:12px}.showcase-tabs button{font-size:11px}.spotlight-copy h3{font-size:27px}.spotlight-copy .feature-number>span{font-size:10px;letter-spacing:.3px}.spotlight-copy .text-link{font-size:13px}.feature-spotlight{padding-inline:21px}.download-section h2{font-size:29px}.supporting-features .feature-number>span{font-size:10px}}