.dl-hero{position: relative;isolation: isolate;overflow: hidden;min-height: min(78vh,680px);display: flex;align-items: center;}.dl-hero__scene{position: absolute;inset: 0;z-index: -1;}.dl-hero__scene svg{width: 100%;height: 100%;}.dl-hero__grid{display: grid;grid-template-columns: minmax(0,1.25fr) minmax(0,0.75fr);align-items: center;gap: 32px;padding-block: 96px 72px;}.dl-hero__copy{padding: clamp(24px,3vw,40px);border-radius: 36px;background: rgba(255,255,255,0.84);border: 1px solid rgba(255,255,255,0.9);box-shadow: var(--po-shadow-3);-webkit-backdrop-filter: blur(16px) saturate(1.3);backdrop-filter: blur(16px) saturate(1.3);}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.dl-hero__copy{background: #FFFDF8;}}.dl-hero__title{margin: 6px 0 14px;font-family: var(--po-font-display);font-size: clamp(2.3rem,1.6rem + 3vw,4rem);line-height: 1.04;letter-spacing: -0.02em;color: var(--po-ink,#17153B);text-wrap: balance;}.dl-hero__title .po-accent{font-family: var(--po-font-accent);font-style: italic;font-weight: 500;}.dl-hero__lede{margin: 0 0 24px;max-width: 60ch;font-size: clamp(1.05rem,1rem + 0.3vw,1.2rem);color: var(--po-ink-soft,#4A4870);text-wrap: pretty;}.dl-hero__actions{display: flex;flex-wrap: wrap;gap: 12px;}.dl-hero__olly{justify-self: center;width: clamp(160px,22vw,300px);aspect-ratio: 1;filter: drop-shadow(0 20px 26px rgba(23,21,59,0.25));animation: dl-float 6s ease-in-out infinite;}.dl-hero__olly .po-olly,.dl-hero__olly svg{width: 100%;height: 100%;}.dl-section{padding-block: clamp(56px,7vw,96px);}.dl-section--warm{background: var(--po-paper-2,#FFF7EA);}.dl-section--night{background: var(--po-grad-dusk,linear-gradient(160deg,#15144A 0%,#3A2F8F 55%,#8E4FD8 100%));color: var(--po-night-text,#F4F2FF);}.dl-head{max-width: 760px;margin: 0 auto 28px;text-align: center;}.dl-head h2,.dl-split h2{margin: 6px 0 10px;font-family: var(--po-font-serif,var(--po-font-display));font-size: clamp(1.8rem,1.4rem + 1.6vw,2.6rem);line-height: 1.12;letter-spacing: -0.01em;text-wrap: balance;}.dl-head__lede{margin: 0 auto;max-width: 64ch;color: var(--po-ink-soft,#4A4870);text-wrap: pretty;}.dl-grades{display: flex;flex-wrap: wrap;justify-content: center;gap: 8px;margin: 0 0 26px;}.dl-grade{display: inline-flex;align-items: center;min-height: 44px;padding: 8px 18px;border-radius: 999px;background: #FFFFFF;box-shadow: inset 0 0 0 1.5px var(--po-line-strong,#E0CFAE);color: var(--po-ink,#17153B);font-weight: 700;text-decoration: none;}.dl-grade:hover{box-shadow: inset 0 0 0 1.5px var(--po-ink-soft,#4A4870);}.dl-grade[aria-current="page"]{background: var(--po-ink,#17153B);color: #FFFFFF;box-shadow: none;}.dl-grade:focus-visible{outline: 3px solid var(--po-focus,#1E6FD0);outline-offset: 2px;}.dl-sample{max-width: 860px;margin: 0 auto;padding: clamp(18px,2.5vw,30px);border-radius: 36px;background: linear-gradient(180deg,#DDF1FF 0%,#FFF7EA 70%);box-shadow: var(--po-shadow-3);}.dl-sample__head{display: flex;flex-wrap: wrap;align-items: center;gap: 14px;margin-bottom: 18px;}.dl-sample__head > div{flex: 1 1 260px;}.dl-sample__badge{display: grid;place-items: center;width: 60px;height: 60px;border-radius: 50%;background: radial-gradient(circle at 35% 30%,#FFF3B0,#FFB21E 75%);border: 4px solid #FFFFFF;color: #FFFFFF;box-shadow: 0 8px 18px rgba(240,154,0,0.35);}.dl-sample__badge .po-icon{width: 32px;height: 32px;}.dl-sample__label{margin: 0;font-size: 0.85rem;font-weight: 800;letter-spacing: 0.06em;text-transform: uppercase;color: var(--po-violet,#6C4CF5);}.dl-sample__goal{margin: 2px 0 0;font-family: var(--po-font-display);font-size: 1.35rem;line-height: 1.2;}.dl-sample__time{display: inline-flex;align-items: center;gap: 6px;padding: 8px 14px;border-radius: 999px;background: #FFFFFF;font-weight: 800;}.dl-sample__time .po-icon{width: 20px;height: 20px;color: var(--po-sky-deep,#1E6FD0);}.dl-stops{display: grid;gap: 12px;margin: 0 0 14px;padding: 0;list-style: none;}.dl-stop{display: grid;grid-template-columns: auto 132px minmax(0,1fr);align-items: center;gap: 16px;padding: 12px 18px 12px 12px;border-radius: 24px;background: #FFFFFF;box-shadow: var(--po-shadow-2);}.dl-stop__num{display: grid;place-items: center;width: 44px;height: 44px;border-radius: 50%;background: radial-gradient(circle at 35% 30%,#FFFFFF,#F4EBDD 60%);box-shadow: 0 0 0 3px #DCCBB0;font-family: var(--po-font-display);font-size: 1.3rem;font-weight: 600;}.dl-stop:first-child .dl-stop__num{background: radial-gradient(circle at 35% 30%,#FFE9A0,#FFB21E 70%);box-shadow: 0 0 0 3px #F09A00;}.dl-stop__art{display: block;overflow: hidden;aspect-ratio: 4 / 3;border-radius: 16px;background: var(--po-paper-3,#FCEFD9);}.dl-stop__art > svg,.dl-stop__art .po-cover-fallback,.dl-stop__art img{display: block;width: 100%;height: 100%;object-fit: cover;}.dl-stop__meta{margin: 0;font-size: 0.9rem;font-weight: 700;color: var(--po-ink-faint,#6B6990);}.dl-stop__title{margin: 2px 0 4px;font-family: var(--po-font-display);font-size: 1.25rem;}.dl-stop__why{margin: 0;color: var(--po-ink-soft,#4A4870);}.dl-stop--link{position: relative;grid-template-columns: auto 132px minmax(0,1fr) auto;transition: transform 160ms var(--po-ease-out,ease-out),box-shadow 160ms var(--po-ease-out,ease-out);}.dl-stop--link:hover{transform: translateY(-2px);box-shadow: var(--po-shadow-3);}.dl-stop__link{color: inherit;text-decoration: none;}.dl-stop__link::after{content: "";position: absolute;inset: 0;border-radius: inherit;}.dl-stop__link:focus-visible{outline: none;}.dl-stop--link:has(.dl-stop__link:focus-visible){outline: 3px solid var(--po-focus,#4B33C4);outline-offset: 3px;}.dl-stop__open{display: inline-flex;align-items: center;gap: 6px;padding: 8px 14px;border-radius: 999px;background: var(--po-sun-soft,#FFF0C7);color: var(--po-ink,#17153B);font-family: var(--po-font-display);font-weight: 600;white-space: nowrap;}.dl-stop--link:hover .dl-stop__open{background: var(--po-sun,#FFB21E);}.dl-tag{display: inline-block;margin-inline-end: 4px;padding: 2px 10px;border-radius: 999px;font-family: var(--po-font-display);font-weight: 600;background: var(--po-sky-soft,#DDF1FF);color: #12508F;}.dl-tag--improve{background: #FFE6D6;color: #9A3A10;}.dl-tag--review{background: var(--po-lavender-soft,#EEE8FF);color: #4B2FC2;}.dl-tag--learn{background: var(--po-mint-soft,#DDF7EE);color: #0B6B4C;}.dl-tag--enjoy{background: var(--po-berry-soft,#FFE1EA);color: #A01848;}.dl-tag--assigned{background: var(--po-amber-soft,#FFF0C7);color: #7A4A00;}.dl-tag--check{background: var(--po-lavender-soft,#EEE8FF);color: #4B2FC2;}.dl-sample__note{display: flex;align-items: center;gap: 8px;margin: 0;color: var(--po-ink-soft,#4A4870);font-size: 0.95rem;}.dl-sample__note .po-icon{flex: none;width: 20px;height: 20px;}.dl-empty{text-align: center;color: var(--po-ink-soft,#4A4870);}.dl-kinds{display: grid;grid-template-columns: repeat(auto-fit,minmax(190px,1fr));gap: 14px;margin: 0 0 28px;padding: 0;list-style: none;counter-reset: kind;}.dl-kind{position: relative;display: grid;gap: 6px;padding: 22px 20px;border-radius: 24px;background: #FFFFFF;box-shadow: var(--po-shadow-2);}.dl-kind::before{counter-increment: kind;content: counter(kind);position: absolute;top: 16px;inset-inline-end: 18px;font-family: var(--po-font-display);font-size: 1.6rem;font-weight: 600;color: var(--po-line-strong,#E0CFAE);}.dl-kind .po-icon{width: 44px;height: 44px;padding: 9px;border-radius: 14px;}.dl-kind strong{font-family: var(--po-font-display);font-size: 1.25rem;}.dl-kind span{color: var(--po-ink-soft,#4A4870);}.dl-kind--assigned .po-icon{background: #FFF0C7;color: #7A4A00;}.dl-kind--improve .po-icon{background: #FFE6D6;color: #9A3A10;}.dl-kind--review .po-icon{background: #EEE8FF;color: #4B2FC2;}.dl-kind--learn .po-icon{background: #DDF7EE;color: #0B6B4C;}.dl-kind--enjoy .po-icon{background: #FFE1EA;color: #A01848;}.dl-rules{display: grid;grid-template-columns: repeat(auto-fit,minmax(260px,1fr));gap: 14px 28px;margin: 0;padding: 0;list-style: none;}.dl-rules li{display: flex;gap: 12px;}.dl-rules .po-icon{flex: none;width: 26px;height: 26px;color: var(--po-forest,#0F7A5C);}.dl-split{display: grid;grid-template-columns: repeat(auto-fit,minmax(300px,1fr));gap: 40px;}.dl-section--night h2{color: #FFFFFF;}.dl-checks{display: grid;gap: 10px;margin: 18px 0 0;padding: 0;list-style: none;}.dl-checks li{position: relative;padding-inline-start: 34px;color: var(--po-night-text,#F4F2FF);}.dl-checks li::before{content: "✓";position: absolute;inset-inline-start: 0;top: 0;display: grid;place-items: center;width: 24px;height: 24px;border-radius: 50%;background: rgba(52,215,166,0.2);color: #9DEBD0;font-weight: 900;font-size: 0.85rem;}.dl-cta{padding-block: clamp(48px,6vw,80px);}.dl-cta__inner{display: flex;flex-wrap: wrap;align-items: center;gap: 20px 28px;padding: clamp(22px,3vw,36px);border-radius: 36px;background: linear-gradient(135deg,#FFE59A 0%,#FFB8A0 55%,#E5D3FF 100%);box-shadow: var(--po-shadow-3);}.dl-cta__inner > div{flex: 1 1 320px;}.dl-cta h2{margin: 0 0 6px;font-family: var(--po-font-display);font-size: clamp(1.6rem,1.3rem + 1vw,2.2rem);}.dl-cta p{margin: 0;color: var(--po-ink-soft,#4A4870);}.dl-cta__olly{width: 110px;height: 110px;}.dl-cta__olly .po-olly,.dl-cta__olly svg{width: 100%;height: 100%;}@media (max-width: 760px){.dl-hero__grid{grid-template-columns: minmax(0,1fr);padding-block: 140px 40px;}.dl-hero__olly{position: absolute;top: 18px;inset-inline-end: 16px;width: 120px;}.dl-stop{grid-template-columns: auto 88px minmax(0,1fr);gap: 10px;padding: 10px;}.dl-stop--link{grid-template-columns: auto 88px minmax(0,1fr);}.dl-stop__open{grid-column: 3;justify-self: start;padding: 6px 12px;font-size: 0.9rem;}.dl-stop__num{width: 34px;height: 34px;font-size: 1.05rem;}}@media (max-width: 420px){.dl-stop,.dl-stop--link{grid-template-columns: 72px minmax(0,1fr);}.dl-stop__open{grid-column: 2;}.dl-stop__num{display: none;}}@keyframes dl-float{0%,100%{transform: translateY(0);}50%{transform: translateY(-10px);}}@media (prefers-reduced-motion: reduce){.dl-hero__olly{animation: none;}}[data-motion="reduced"] .dl-hero__olly{animation: none;}