.dof-section{scroll-margin-top:calc(84px + var(--announce-h,0px));padding-top:24px}.dof-panel{background:linear-gradient(155deg,#0c1410 0%,#0a0c0e 55%,#090909 100%);border:1px solid #10b98129;border-radius:24px;grid-template-columns:1.1fr .9fr;align-items:center;gap:48px;padding:48px 56px;display:grid;position:relative;overflow:hidden;box-shadow:0 30px 80px #00000073}.dof-panel:before{content:"";background:linear-gradient(90deg,#0000,#10b98173,#0000);height:1px;position:absolute;top:0;left:18%;right:18%}.dof-glow{pointer-events:none;background:radial-gradient(50% 45% at 60%,#10b98124 0%,#10b9810a 45%,#0000 70%);width:60%;height:160%;position:absolute;top:-30%;right:-10%}.dof-tiers{z-index:2;flex-direction:column;gap:8px;list-style:none;display:flex;position:relative}.dof-tier{grid-template-columns:20px minmax(0,1fr) auto;align-items:start;gap:16px;padding:18px 0;display:grid;position:relative}.dof-tier-node{justify-content:center;align-items:center;width:20px;height:20px;margin-top:3px;display:flex;position:relative}.dof-tier-node i{background:var(--text-faint);border-radius:50%;width:10px;height:10px}.dof-tier.is-free .dof-tier-node i{background:var(--accent-emerald);box-shadow:0 0 0 5px #10b98126,0 0 12px #10b98199}.dof-tier-line{background:linear-gradient(#ffffff24,#ffffff0a);width:2px;position:absolute;top:44px;bottom:-18px;left:9px}.dof-tier-title{letter-spacing:-.02em;color:var(--text-primary);font-size:20px;font-weight:700;line-height:1.2}.dof-tier-desc{color:var(--text-secondary);margin-top:4px;font-size:14px;line-height:1.5}.dof-tier-price{text-align:right;white-space:nowrap}.dof-price{letter-spacing:-.03em;color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:30px;font-weight:700;line-height:1}.dof-tier.is-free .dof-price{background:linear-gradient(#6ee7b7 10%,#10b981 90%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.dof-per{color:var(--text-muted);-webkit-text-fill-color:var(--text-muted);margin-left:2px;font-size:14px;font-weight:500}.dof-was{color:var(--text-muted);font-variant-numeric:tabular-nums;margin-top:4px;font-size:13px;text-decoration:line-through}.dof-card{z-index:2;background:#0b0e0d;border:1px solid #10b98138;border-radius:20px;padding:28px 28px 24px;position:relative;box-shadow:0 24px 60px #00000080,inset 0 1px #ffffff0a}.dof-deadline{border-radius:var(--radius-md);color:var(--text-secondary);background:#10b98114;border:1px solid #10b98133;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 12px;font-size:13px;display:flex}.dof-deadline svg{width:15px;height:15px;color:var(--accent-emerald);flex-shrink:0}.dof-days{font-family:var(--font-mono);color:#6ee7b7;font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:auto;font-size:12px}.dof-card-title{letter-spacing:-.035em;color:var(--text-primary);margin-top:22px;font-size:clamp(32px,3.2vw,44px);font-weight:700;line-height:1.05}.dof-card-sub{color:var(--text-secondary);margin-top:8px;font-size:15px;line-height:1.5}.dof-savings{border-radius:var(--radius-lg);background:var(--bg-card-inner);border:1px solid var(--border-subtle);align-items:baseline;gap:10px;margin-top:18px;padding:12px 14px;display:flex}.dof-savings-amount{letter-spacing:-.02em;color:#6ee7b7;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:22px;font-weight:700}.dof-savings-label{color:var(--text-secondary);font-size:13px;line-height:1.4}.dof-included{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;margin-top:18px;list-style:none;display:grid}.dof-included li{color:var(--text-secondary);align-items:flex-start;gap:8px;font-size:14px;line-height:1.45;display:flex}.dof-included svg{width:16px;height:16px;color:var(--accent-emerald);flex-shrink:0;margin-top:2px}.dof-claim{justify-content:center;width:100%;margin-top:22px}.dof-booth{text-align:center;color:var(--text-secondary);margin-top:12px;font-size:14px;font-weight:500;text-decoration:none;transition:color .2s;display:block}.dof-booth:hover{color:var(--text-primary)}.dof-fine{border-top:1px solid var(--border-subtle);color:var(--text-muted);margin-top:18px;padding-top:14px;font-size:12px;line-height:1.5}[data-page=designer] .hero-badge.is-offer{color:var(--text-primary);background:#10b98114;border-color:#10b98159;text-decoration:none}[data-page=designer] .hero-badge.is-offer strong{color:#6ee7b7;font-weight:600}.dm-offer-note{border-radius:var(--radius-lg);background:#10b98114;border:1px solid #10b98140;align-items:flex-start;gap:12px;margin:0 0 22px;padding:14px 16px;display:flex}.dm-offer-note svg{width:18px;height:18px;color:var(--accent-emerald);flex-shrink:0;margin-top:1px}.dm-offer-note strong{color:var(--text-primary);margin-bottom:2px;font-size:14px;display:block}.dm-offer-note p{color:var(--text-secondary);font-size:13.5px;line-height:1.5}@media (max-width:1024px){.dof-panel{gap:32px;padding:36px 32px}}@media (max-width:900px){.dof-panel{grid-template-columns:1fr}}@media (max-width:768px){.dof-section{padding-top:8px}.dof-panel{border-radius:20px;padding:24px 18px}.dof-tier{grid-template-columns:20px minmax(0,1fr);padding:14px 0}.dof-tier-price{text-align:left;grid-column:2;align-items:baseline;gap:10px;display:flex}.dof-was{margin-top:0}.dof-tier-line{bottom:-14px}.dof-card{padding:22px 18px 18px}.dof-included{grid-template-columns:1fr}.dof-days{width:100%;margin-left:0}}.dof-tiers-wrap{z-index:2;min-width:0;position:relative}.dof-tiers-head{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:baseline;gap:16px;padding-bottom:6px;display:flex}.dof-tiers-title{color:var(--text-primary);letter-spacing:-.01em;font-size:15px;font-weight:700}.dof-tiers-meta{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);white-space:nowrap;font-size:11px}.dof-all{background:#ffffff08;border:1px solid #ffffff12;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;margin-top:12px;padding:16px 18px;display:flex}.dof-all-title{color:var(--text-primary);font-size:15px;font-weight:700}.dof-all-sub{color:var(--text-secondary);margin-top:2px;font-size:13.5px}.dof-all-price{font-family:var(--font-mono);color:var(--text-primary);white-space:nowrap;font-size:14px;font-weight:600}@media (max-width:768px){.dof-tiers-head{flex-direction:column;gap:2px}.dof-all{flex-direction:column;align-items:flex-start}}