/* Local Designflat comparison + package pages. Shared navigation untouched. */
.df-comparison .df-hero{min-height:0;padding-bottom:28px}
.df-comparison .df-title-wrap{padding:24px 0 32px}
.df-comparison .df-hero h1{font-size:clamp(72px,11vw,170px);display:flex;gap:.14em;flex-wrap:wrap;margin-top:18px}
.df-comparison .df-hero h1 .df-title-end{margin:0}
.df-comparison .df-orbit{width:30vw;height:30vw;top:-50%;right:10%}
.df-comparison .df-hero-bottom p{font-size:15px}
.df-comparison .df-bottomline{margin-top:25px}
.df-compare-grid .plan{padding:32px 25px;display:flex}
.df-compare-grid .plan>p{min-height:65px}
.df-compare-grid .plan>strong{margin:12px 0 30px}
.df-compare-facts{margin:0;width:100%}
.df-compare-facts>div{border-top:1px solid #a48b5855;padding:16px 0;min-height:85px}
.df-compare-facts>div:last-child{min-height:105px}
.df-compare-facts dt{font-size:10px;text-transform:uppercase;letter-spacing:.08em;opacity:.8}
.df-compare-facts dd{font-size:15px;line-height:1.55;margin:8px 0 0}
.df-compare-grid .plan .cta{margin-top:auto}
.df-compare-grid .df-plan-detail{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px;margin-top:9px;padding:12px 2px;color:inherit;font-size:12px;text-decoration:none;border-bottom:1px solid #99805a66}
.df-compare-grid .df-plan-detail:hover{color:#806029}
.df-compare-grid .recommended .df-plan-detail:hover{color:#f2ce89}
.df-compare-grid .df-plan-detail svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex:none}
body.df-study main button.df-book{width:100%;background:transparent!important;color:var(--df-ink)!important;border:0!important;border-block:1px solid #ae8c5155!important;border-radius:0!important;box-shadow:none!important;text-align:left;font-family:inherit;font-weight:400;cursor:pointer;transform:none!important}
body.df-study main button.df-book:hover{color:var(--df-gold)!important}
body.df-study main button.df-book:disabled{opacity:.55;cursor:not-allowed}
body.df-study main button.df-book-compact{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:54px;padding:16px 20px;margin-top:16px;background:var(--df-gold)!important;color:#211a10!important;font-size:15px;line-height:1.4;border:1px solid var(--df-gold)!important}
body.df-study main button.df-book-compact:hover{background:#efcd8b!important;color:#211a10!important}
body.df-study main button.df-book-compact:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.df-book-compact svg{width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.df-package-hero .df-book-compact{max-width:360px;margin-bottom:18px}
.df-book-note{font-size:12px;line-height:1.8;color:#b7aa92;max-width:600px;margin-top:18px}
body.df-study main .df-compare-grid .plan .cta{border-radius:0!important;box-shadow:none!important;background:transparent!important;color:inherit!important;font-weight:400;transform:none!important}
body.df-study main .df-compare-grid .plan.recommended .cta{background:var(--df-gold)!important;color:#211a10!important}
body.df-study main .df-compare-grid .plan .cta:hover{background:#d6b778!important;color:#211a10!important}
body.df-study main .filter{border-radius:0!important;background:transparent!important;box-shadow:none!important;font-weight:400;transform:none!important}
body.df-study main .filter[aria-pressed=true],body.df-study main .filter:hover{background:var(--df-gold)!important;color:#211a10!important}
.df-capacity-section,.df-package-next,.df-package-hero,.df-package-body{padding:65px var(--df-right) 85px var(--df-left)}
.df-capacity-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center;margin-top:60px}
.df-capacity-layout h2,.df-package-next h2,.df-package-body h2{font-size:clamp(36px,5.5vw,88px);font-weight:500;line-height:1;letter-spacing:-.065em;margin:25px 0}
.df-capacity-layout em,.df-package-next em,.catalog h2 em{font-family:Georgia,serif;font-weight:400;color:var(--df-gold)}
.df-capacity-layout p,.df-package-next>p,.df-package-body p{font-size:15px;line-height:1.85;color:#c1b9a7;max-width:620px}
.df-capacity-note{font-size:12px;line-height:1.8;color:#aaa08c;max-width:780px;margin:50px 0 0;border-top:1px solid #9c814844;padding-top:22px}
.df-queue-demo{border:1px solid #a4874c55;padding:28px;transform:rotate(2deg);background:#15130f}
.df-queue-head{display:flex;justify-content:space-between;gap:10px;font-size:9px;letter-spacing:.12em;color:#c9b793;margin-bottom:28px}
.df-queue-active{position:relative;border:1px solid #dbb46b;padding:25px;background:#262014;overflow:hidden}
.df-queue-active strong,.df-queue-next strong{display:block;font-size:clamp(22px,2.7vw,42px);font-weight:400;letter-spacing:-.04em;margin:17px 0}
.df-queue-state{font-size:9px;color:#f2cc81;letter-spacing:.13em}
.df-queue-active>span:last-of-type{font-size:12px;color:#baaf99}
.df-queue-active i{position:absolute;left:0;bottom:0;height:2px;width:42%;background:#dbb46b;animation:df-task-work 5s ease-in-out infinite}
.df-queue-next{border:1px solid #73613e55;padding:22px;margin:16px 0 0 24px;position:relative}
.df-queue-next>span{font-size:10px;color:#b7a98a}
.df-queue-next strong{font-size:24px;line-height:1.3}
.df-queue-demo>p{font-size:11px;color:#beb298;margin:22px 0}
.df-queue-track{height:36px;border-left:1px solid #b3945055;margin-left:24px;position:relative}
.df-queue-track i{position:absolute;width:5px;height:12px;left:-3px;bottom:0;background:#dbb46b;animation:df-queue-up 3s ease-in-out infinite}
@keyframes df-task-work{0%,100%{transform:translateX(-110%)}50%{transform:translateX(250%)}}
@keyframes df-queue-up{0%{transform:translateY(0);opacity:0}25%,70%{opacity:1}100%{transform:translateY(-28px);opacity:0}}
.df-interactive{background:#11100e}
.df-interactive .catalog-head{margin:50px 0 40px}
.df-interactive .catalog-copy{max-width:450px}
.df-catalog-control{position:sticky;top:0;z-index:20;background:#11100ef5;backdrop-filter:blur(12px);border-block:1px solid #ab8f5955;padding:18px 0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 30px;align-items:center}
.df-plan-switch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #a78b5355;max-width:530px}
.df-plan-switch button{min-height:54px;background:transparent;border:0;border-right:1px solid #a78b5355;color:#c9c0ac;padding:12px;font-size:15px;cursor:pointer;border-radius:0}
.df-plan-switch button:last-child{border-right:0}
.df-plan-switch button[aria-pressed=true]{background:var(--df-gold);color:#211a10}
.df-plan-switch button:focus-visible{outline-offset:-4px;outline-color:#fff}
.df-unlocked{display:flex;align-items:center;gap:20px;color:var(--df-gold)}
.df-unlocked strong{font-size:48px;line-height:1;font-weight:400;letter-spacing:-.06em;white-space:nowrap;font-variant-numeric:tabular-nums}
.df-unlocked strong span{font-size:23px;color:#9f9480}
.df-unlocked>span{font-size:11px;max-width:90px;line-height:1.6}
.df-switch-hint{grid-column:1/-1;margin:0;font-size:10px;color:#ada38f}
.df-catalog-caption{display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:10px;color:#bdaf94;margin:25px 0 18px;line-height:1.6}
.df-catalog-caption p{margin:0}
.df-catalog-caption>span{white-space:nowrap}
.df-tile-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-items:start}
.df-service{min-width:0;border:1px solid #77654566;background:#161410;transition:border-color .3s,background .3s}
.df-service[hidden]{display:none}
body.df-study main .df-service>summary{padding:20px 20px 40px!important;min-height:190px;display:flex;flex-direction:column;list-style:none}
body.df-study main .df-service>summary::after{top:auto;bottom:16px;right:18px;width:13px;height:13px}
.df-tile-top{display:flex;justify-content:space-between;align-items:start;gap:10px;min-height:28px}
.df-tile-top>span:first-child{font-size:8px;letter-spacing:.09em;text-transform:uppercase;color:#a79c87;line-height:1.6}
.df-lock{width:16px;height:18px;flex:none;color:#a89c87}
.df-lock svg{width:100%;height:100%;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.df-service h3{font-size:clamp(18px,1.8vw,26px);font-weight:400;letter-spacing:-.035em;line-height:1.2;margin:18px 0 24px;overflow-wrap:anywhere;color:#c5bdad}
.df-access{font-size:9px;color:#b2a48b;margin-top:auto;line-height:1.4}
.df-service.is-included{border-color:#d4ae6a88;background:#292216}
.df-service.is-included h3{color:#f6ead1}
.df-service.is-included .df-access,.df-service.is-included .df-tile-top>span{color:#e2be7c}
.df-service.is-included .df-lock{color:#dbb46b}
.df-service[open]{border-color:#e4c07a}
.df-service-body{padding:0 20px 23px;border-top:1px solid #aa8c4c44;margin-inline:0}
.df-service-body p{font-size:12px;line-height:1.8;color:#d1c6b1;margin:18px 0}
.df-service-body dl{display:grid;gap:14px;margin:20px 0}
.df-service-body dt{font-size:8px;letter-spacing:.08em;text-transform:uppercase;color:#ab9c7e}
.df-service-body dd{font-size:11px;color:#d1c6b1;line-height:1.6;margin:5px 0 0}
.df-service-body p.df-service-condition{font-size:10px;color:#dfbd7e}
.df-package-next{background:var(--df-paper);color:#211a11}
.df-package-next h2{margin-top:50px}
.df-package-next em{color:#745625}
.df-package-next>p{color:#68573d}
.df-detail-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:40px;border:1px solid #8b754e66}
.df-detail-links>a{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:30px 24px;border-right:1px solid #8b754e66;text-decoration:none;font-size:30px;letter-spacing:-.035em;transition:background .2s}
.df-detail-links>a:last-child{border-right:0}
.df-detail-links>a:hover{background:#d8bc84}
.df-detail-links small{display:block;font-size:10px;line-height:1.7;letter-spacing:0;margin-top:12px}
.df-detail-links svg{width:26px;height:26px;stroke:currentColor;fill:none;stroke-width:1.5;flex:none}
.df-package-hero h1{font-size:clamp(50px,10.5vw,170px);font-weight:500;letter-spacing:-.07em;line-height:1;margin:50px 0 30px;color:var(--df-gold)}
.df-package-hero>.df-eyebrow{margin-top:50px}
.df-package-hero>p:not(.df-eyebrow){font-size:20px;line-height:1.6;max-width:600px;color:#c5b99f}
.df-package-price{display:flex;gap:20px;align-items:baseline;flex-wrap:wrap;margin:30px 0}
.df-package-price strong{font-size:44px;font-weight:400;letter-spacing:-.04em}.df-package-price span{font-size:12px;color:#b6a88b}
.df-package-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid #a4895355;margin-top:55px}
.df-package-stats>div{padding:25px 20px 25px 0}.df-package-stats strong{display:block;font-size:32px;font-weight:400;color:var(--df-gold)}.df-package-stats span{font-size:11px;color:#bcaf96;line-height:1.6}
.df-package-body{background:#19160f}
.df-package-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:45px}.df-package-columns h3{font-size:24px;font-weight:400;letter-spacing:-.035em}.df-package-columns article{border-top:1px solid #a48b5355;padding-top:15px}.df-package-columns p{font-size:13px}
.df-package-body details{padding:20px 0;border-top:1px solid #a48b5355}.df-package-body details p{font-size:14px}
.df-package-detail .df-tile-grid{margin-top:40px}
@media(min-width:1600px){.df-tile-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:1100px){.df-capacity-layout{gap:35px}.df-tile-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.df-unlocked{gap:10px}.df-unlocked strong{font-size:36px}.df-compare-grid .plan{padding:25px 18px}.df-compare-facts>div:last-child{min-height:145px}.df-detail-links>a{font-size:25px;padding:25px 15px}}
@media(max-width:800px){.df-capacity-layout{grid-template-columns:1fr}.df-queue-demo{max-width:560px;transform:none}.df-package-columns{grid-template-columns:1fr;gap:20px}.df-detail-links{grid-template-columns:1fr}.df-detail-links>a{border-right:0;border-bottom:1px solid #8b754e66}.df-detail-links>a:last-child{border-bottom:0}.df-catalog-control{grid-template-columns:1fr}.df-unlocked{justify-content:space-between}.df-unlocked>span{max-width:none}.df-plan-switch{max-width:none}.df-tile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.df-compare-facts>div{min-height:0}.df-compare-facts>div:last-child{min-height:0}.df-compare-grid .plan>p{min-height:0}.df-compare-grid .plan .cta{margin-top:25px}}
@media(max-width:700px){.df-comparison .df-hero h1{font-size:14vw}.df-comparison .df-hero-bottom{position:static;max-width:none}.df-comparison .df-hero-bottom p{font-size:12px}.df-capacity-section,.df-package-next,.df-package-hero,.df-package-body{padding:35px var(--df-right) 50px var(--df-left)}.df-capacity-layout{margin-top:30px}.df-capacity-layout h2,.df-package-next h2,.df-package-body h2{font-size:9vw}.df-capacity-layout p,.df-package-next>p{font-size:12px}.df-capacity-note{font-size:10px;margin-top:30px}.df-queue-demo{padding:18px}.df-queue-head{font-size:7px}.df-queue-active{padding:20px}.df-queue-active strong{font-size:35px}.df-queue-next{padding:16px;margin-left:12px}.df-queue-next strong{font-size:22px}.df-interactive .catalog-head{margin-block:30px}.df-interactive h2{font-size:9vw}.df-catalog-control{padding:12px 0;gap:9px}.df-plan-switch button{font-size:12px;padding:10px 5px;min-height:46px}.df-unlocked strong{font-size:30px}.df-unlocked strong span{font-size:17px}.df-unlocked>span{font-size:9px}.df-switch-hint{font-size:8px}.df-catalog-caption{font-size:9px;display:block}.df-catalog-caption>span{display:block;margin-top:8px}.df-tile-grid{gap:7px}body.df-study main .df-service>summary{padding:13px 11px 33px!important;min-height:180px}.df-service h3{font-size:19px;margin-block:12px 20px}.df-tile-top>span:first-child{font-size:7px}.df-lock{width:13px}.df-access{font-size:8px}.df-service-body{padding-inline:12px}.df-service-body p{font-size:11px}.df-service-body dd{font-size:10px;overflow-wrap:anywhere}.df-detail-links>a{padding:24px 18px}.df-package-hero h1{font-size:13vw;margin-top:30px}.df-package-hero>p:not(.df-eyebrow){font-size:16px}.df-package-price strong{font-size:36px}.df-package-stats{grid-template-columns:1fr;margin-top:35px}.df-package-stats>div{padding:18px 0;border-bottom:1px solid #a4895333}.df-package-stats strong{font-size:28px}.df-package-hero>.df-eyebrow{margin-top:30px}}
@media(max-width:380px){.df-tile-grid{grid-template-columns:1fr}body.df-study main .df-service>summary{min-height:155px;padding:18px 16px 35px!important}.df-service h3{font-size:23px}.df-tile-top>span:first-child{font-size:8px}.df-access{font-size:9px}.df-queue-demo{padding:12px}.df-queue-head{letter-spacing:.03em}}
@media(orientation:landscape) and (max-height:600px){.df-catalog-control{position:static}.df-compare-grid .plan{display:flex}.df-compare-grid .plan>p{min-height:0}.df-compare-facts>div{min-height:0}.df-compare-facts>div:last-child{min-height:0}}
@media(prefers-reduced-motion:reduce){.df-queue-active i,.df-queue-track i{animation:none}.df-service,.df-detail-links>a{transition:none}}
