.dnc, .dnc * { box-sizing: border-box; }
.dnc { --blue:#232f7a; --bar:#a0b9d8; --orange:#f1a724; padding:80px 20px 110px; color:#000; font-family:Montserrat,Arial,sans-serif; }
.dnc__container { width:min(989px,100%); margin:0 auto; }
.dnc__heading { margin:0 auto 48px; font-size:38px; line-height:1.24; font-weight:400; letter-spacing:-1.9px; text-align:center; }
.dnc__heading span { color:var(--blue); font-weight:700; }
.dnc__accordion { display:flex; flex-direction:column; gap:21px; }
.dnc-card { scroll-margin-top:100px; }
.dnc-card__heading { margin:0; font-size:inherit; }
.dnc-card__toggle { display:flex; align-items:center; gap:22px; min-height:60px; padding:13px 28px; border:2px solid var(--bar); border-radius:30px; color:#000; font-size:24px; line-height:1.25; font-weight:400; letter-spacing:-1.1px; text-decoration:none; transition:background-color .2s,border-color .2s,transform .2s; }
.dnc-card__toggle:hover,.dnc-card__toggle:focus-visible,.dnc-card.is-open .dnc-card__toggle { background:var(--bar); outline:none; }
.dnc-card__toggle:focus-visible { box-shadow:0 0 0 4px rgba(35,47,122,.2); }
.dnc-card__arrow { width:0; height:0; border-top:9px solid transparent; border-bottom:9px solid transparent; border-left:15px solid var(--blue); flex:none; transition:transform .25s; }
.dnc-card.is-open .dnc-card__arrow { transform:rotate(90deg); }
.dnc-card__panel { width:640px; max-width:100%; margin:40px auto 30px; }
.dnc-card__top { display:flex; align-items:flex-start; justify-content:space-between; gap:24px; margin-bottom:28px; }
.dnc-card__top h3 { margin:0; font-size:40px; line-height:1.05; font-weight:700; letter-spacing:-2.4px; }
.dnc-card__top p { margin:4px 0 0; color:var(--blue); font-size:20px; line-height:1.2; font-weight:700; white-space:nowrap; }
.dnc-card__nutrition { display:grid; grid-template-columns:190px 1fr; align-items:center; margin-bottom:28px; }
.dnc-card__macros { display:flex; flex-direction:column; gap:22px; z-index:1; }
.dnc-macro { display:flex; flex-direction:column; gap:5px; }
.dnc-macro strong { color:var(--blue); font-size:34px; line-height:1; letter-spacing:-2px; }
.dnc-macro span { max-width:175px; font-size:18px; line-height:1.15; letter-spacing:-.7px; }
.dnc-card__plate { position:relative; margin-left:-20px; }
.dnc-card__plate img { display:block; width:100%; aspect-ratio:1; object-fit:contain; }
.dnc-card__percent { position:absolute; top:8px; right:8px; display:grid; place-items:center; width:76px; height:76px; border-radius:50%; background:var(--blue); color:#fff; font-size:34px; font-weight:700; transform:rotate(-10deg); box-shadow:0 4px 12px rgba(0,0,0,.12); }
.dnc-card__ideal { padding:24px 32px; border-radius:30px; background:#f3f3f3; font-size:18px; line-height:1.35; }
.dnc-card__ideal h4 { margin:0 0 13px; font-size:27px; line-height:1.1; }
.dnc-card__ideal ul { display:block; margin:0; padding-left:25px; list-style:disc outside; }
.dnc-card__ideal li { display:list-item; margin:0; padding:0; list-style:disc outside; font-weight:400; }
.dnc-card__ideal li::marker { color:#000; font-size:.85em; }
.dnc-card__ideal p { margin:16px 0 0; color:var(--blue); font-weight:700; }
.dnc-card__actions { display:flex; justify-content:center; gap:15px; margin-top:30px; }
.dnc-button { display:inline-flex; align-items:center; justify-content:center; min-height:58px; padding:13px 32px; border:2px solid var(--blue); border-radius:50px; font-size:18px; line-height:1.1; font-weight:700; text-align:center; text-decoration:none; transition:transform .2s,box-shadow .2s; }
.dnc-button:hover,.dnc-button:focus-visible { transform:translateY(-2px); box-shadow:0 8px 20px rgba(35,47,122,.16); }
.dnc-button--primary { border-color:var(--orange); background:var(--orange); color:#fff; }
.dnc-video { width:100%; margin:80px auto 0; }
.dnc-video__frame { position:relative; width:100%; aspect-ratio:16/9; overflow:hidden; background:#f3f3f3; }
.dnc-video__frame iframe { position:absolute; inset:0; display:block; width:100%; height:100%; border:0; }

@media (max-width:767px) {
    .dnc { padding:46px 26px 80px; }
    .dnc__heading { margin-bottom:32px; font-size:24px; line-height:1.3; letter-spacing:-1.1px; text-align:left; }
    .dnc__desktop-break { display:none; }
    .dnc__accordion { gap:16px; }
    .dnc-card__toggle { gap:15px; min-height:54px; padding:11px 18px; font-size:19px; letter-spacing:-.75px; }
    .dnc-card__arrow { border-top-width:7px; border-bottom-width:7px; border-left-width:12px; }
    .dnc-card__panel { margin:28px auto 24px; }
    .dnc-card__top { gap:12px; margin-bottom:20px; }
    .dnc-card__top h3 { font-size:28px; letter-spacing:-1.5px; }
    .dnc-card__top p { font-size:14px; }
    .dnc-card__nutrition { grid-template-columns:40% 60%; margin-bottom:22px; }
    .dnc-card__macros { gap:16px; }
    .dnc-macro strong { font-size:25px; }
    .dnc-macro span { font-size:14px; }
    .dnc-card__plate { width:90%; margin-left:0; justify-self:end; }
    .dnc-card__percent { width:54px; height:54px; font-size:25px; }
    .dnc-card__ideal { padding:22px 24px; border-radius:25px; font-size:15px; }
    .dnc-card__ideal h4 { font-size:23px; }
    .dnc-card__actions { flex-direction:column; align-items:stretch; gap:11px; }
    .dnc-button { width:100%; min-height:54px; font-size:16px; }
    .dnc-video { width:min(100%,600px); margin-top:55px; }
    .dnc-video__frame { aspect-ratio:9/16; }
}

@media (prefers-reduced-motion:reduce) { .dnc * { scroll-behavior:auto!important; transition:none!important; } }