.df-info-sheet{border-radius:var(--df-card-radius) var(--df-card-radius) 0 0;background:var(--df-color-white);width:100%;max-width:none;max-height:92dvh;color:var(--df-color-purple-dark);box-shadow:var(--df-shadow);border:0;margin:auto 0 0;padding:0;overflow:hidden}.df-info-sheet::backdrop{background:#190825c7}.df-info-sheet:focus{outline:0}.df-info-sheet__surface{grid-template-rows:auto minmax(0,1fr);max-height:92dvh;display:grid}.df-info-sheet__header{z-index:1;border-bottom:1px solid var(--df-color-light-border);background:var(--df-color-white);align-items:center;min-height:112px;padding:28px 68px 18px 20px;display:grid;position:relative}.df-info-sheet__handle{border-radius:var(--df-radius-pill);background:var(--df-color-light-border);width:46px;height:5px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.df-info-sheet__identity{grid-template-columns:48px minmax(0,1fr);align-items:center;gap:14px;display:grid}.df-info-sheet__title-icon,.df-info-sheet__summary-icon{border-radius:50%;place-items:center;display:grid}.df-info-sheet__title-icon{background:var(--df-color-purple);width:48px;height:48px;color:var(--df-color-white);font-size:25px}.df-info-sheet__title-icon--tools .df-icon-asset{width:21px;height:21px}.df-info-sheet__identity p{color:var(--df-color-purple);letter-spacing:.14em;text-transform:uppercase;margin:0 0 2px;font-size:12px;font-weight:600;line-height:18px}.df-info-sheet__identity h2{min-width:0;color:var(--df-color-purple-dark);hyphens:auto;overflow-wrap:break-word;margin:0;font-size:clamp(24px,7vw,29px);font-weight:600;line-height:1.18}.df-info-sheet__close{border:1px solid color-mix(in srgb, var(--df-color-purple) 25%, white);background:var(--df-color-white);width:44px;height:44px;color:var(--df-color-purple-dark);cursor:pointer;border-radius:50%;place-items:center;padding:0;font-size:18px;display:grid;position:absolute;top:34px;right:18px}.df-info-sheet__close:hover,.df-info-sheet__close:focus-visible{border-color:var(--df-color-purple);background:var(--df-color-purple);color:var(--df-color-white)}.df-info-sheet__close:focus-visible{outline:3px solid var(--df-color-yellow);outline-offset:2px}.df-info-sheet__body{padding:22px 20px calc(28px + env(safe-area-inset-bottom));overscroll-behavior:contain;scrollbar-gutter:stable;overflow-y:auto}.df-info-sheet__summary{background:var(--df-color-light);border-radius:24px;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:16px;padding:20px;display:grid}.df-info-sheet__summary-icon{border:2px solid var(--df-color-yellow);background:color-mix(in srgb, var(--df-color-yellow) 12%, white);width:48px;height:48px;color:var(--df-color-purple-dark);font-size:22px}.df-info-sheet__summary p{min-width:0;color:var(--df-color-purple-dark);overflow-wrap:anywhere;margin:0;font-size:19px;font-weight:500;line-height:27px}.df-info-sheet__summary strong,.df-info-sheet__body strong{font-weight:600}.df-info-sheet__section,.df-info-sheet__explanation,.df-info-sheet__benefit{margin-top:28px}.df-info-sheet__section h3,.df-info-sheet__explanation h3{color:var(--df-color-purple);overflow-wrap:anywhere;white-space:normal;margin:0 0 8px;font-size:20px;font-weight:500;line-height:28px}.df-info-sheet__comparison{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding-top:8px;display:grid;position:relative}.df-info-sheet__comparison:after{background:var(--df-color-purple);content:"";height:2px;position:absolute;bottom:22px;left:16%;right:16%}.df-info-sheet__comparison-stage{z-index:1;text-align:center;justify-items:center;display:grid;position:relative}.df-info-sheet__comparison-stage h4,.df-info-sheet__comparison-stage p{margin:0}.df-info-sheet__comparison-stage h4{color:var(--df-color-purple-dark);font-size:16px;font-weight:600;line-height:24px}.df-info-sheet__comparison-stage p{min-height:42px;color:var(--df-color-copy);font-size:13px;font-weight:400;line-height:20px}.df-info-sheet__comparison-icon{border:4px solid var(--df-color-white);background:var(--df-color-purple);width:44px;height:44px;color:var(--df-color-white);border-radius:50%;place-items:center;font-size:18px;display:grid}.df-info-sheet__comparison-icon--featured{outline:2px solid var(--df-color-yellow);outline-offset:-4px}.df-info-sheet__flow h3{text-align:center}.df-info-sheet__flow ol{margin:0;padding:0;list-style:none}.df-info-sheet__flow .df-info-sheet__comparison-stage h4{min-height:48px}.df-info-sheet__explanation{border-top:1px solid var(--df-color-light-border);grid-template-columns:34px minmax(0,1fr);gap:14px;padding-top:24px;display:grid}.df-info-sheet__explanation>div{min-width:0}.df-info-sheet__explanation>span{width:34px;height:34px;color:var(--df-color-purple);place-items:center;font-size:24px;display:grid}.df-info-sheet__explanation p,.df-info-sheet__benefit p{min-width:0;color:var(--df-color-copy);font-size:var(--df-type-body-size);font-weight:var(--df-type-body-weight);line-height:var(--df-type-body-line);overflow-wrap:anywhere;margin:0}.df-info-sheet__explanation p+p{margin-top:10px}.df-info-sheet__benefit{border:1px solid color-mix(in srgb, var(--df-color-yellow) 68%, white);background:color-mix(in srgb, var(--df-color-yellow) 9%, white);border-radius:22px;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:14px;padding:18px;display:grid}.df-info-sheet__benefit>span{color:var(--df-color-purple-dark);font-size:26px}.df-info-sheet__benefit strong{color:var(--df-color-purple-dark);margin-bottom:2px;display:block}body:has(.df-info-sheet[open]){overflow:hidden}@media (width<=360px){.df-info-sheet__header{min-height:104px;padding-right:62px}.df-info-sheet__identity{grid-template-columns:38px minmax(0,1fr);gap:9px}.df-info-sheet__title-icon{width:38px;height:38px;font-size:21px}.df-info-sheet__identity h2{font-size:22px;line-height:27px}.df-info-sheet__summary{grid-template-columns:40px minmax(0,1fr);gap:13px;padding:17px}.df-info-sheet__summary-icon{width:40px;height:40px}.df-info-sheet__summary p{font-size:17px;line-height:25px}}@media (width>=801px){.df-info-sheet{border-radius:var(--df-card-radius) 0 0 var(--df-card-radius);width:min(580px,100%);height:100dvh;max-height:100dvh;margin:0 0 0 auto}.df-info-sheet__surface{height:100dvh;max-height:100dvh}.df-info-sheet__header{min-height:120px;padding:24px 80px 20px 28px}.df-info-sheet__handle{display:none}.df-info-sheet__close{top:38px;right:24px}.df-info-sheet__body{padding:28px 30px 40px}.df-info-sheet__summary{padding:22px}}@media (prefers-reduced-motion:no-preference){.df-info-sheet[open]{animation:.24s ease-out df-info-sheet-mobile-enter}.df-info-sheet[open]::backdrop{animation:.18s ease-out df-info-sheet-backdrop-enter}@media (width>=801px){.df-info-sheet[open]{animation-name:df-info-sheet-desktop-enter}}}@keyframes df-info-sheet-mobile-enter{0%{opacity:0;transform:translateY(28px)}}@keyframes df-info-sheet-desktop-enter{0%{opacity:0;transform:translate(28px)}}@keyframes df-info-sheet-backdrop-enter{0%{opacity:0}}
