.dir{padding-top:8px;padding-bottom:8px;display:flex;flex-direction:column;gap:26px}.dir section{display:flex;flex-direction:column}.dir .dir-hero{position:relative;overflow:hidden;isolation:isolate;border-radius:var(--r-lg);padding:22px 18px 20px;color:#fff;background:radial-gradient(120% 90% at 86% -14%,color-mix(in srgb,var(--c) 60%,#fff 10%),transparent 56%),linear-gradient(150deg,color-mix(in srgb,var(--c) 92%,#000 5%),color-mix(in srgb,var(--c) 52%,var(--brand-plum) 60%))}.dir .dir-hero__eyebrow{font-size:var(--fs-label);letter-spacing:var(--ls-label);text-transform:uppercase;font-weight:var(--fw-bold);opacity:.9}.dir .dir-hero__title{margin:8px 0 0;font-size:clamp(24px,6vw,30px);line-height:1.12;font-weight:var(--fw-extra);letter-spacing:-.02em}.dir .dir-hero__dek{margin:10px 0 0;font-size:var(--fs-sm);line-height:1.55;color:#ffffffe6}.dir .dir-hero__meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:14px}.dir .dir-pill{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:var(--r-pill);background:#ffffff2e;border:1px solid rgba(255,255,255,.24);font-size:var(--fs-sm);font-weight:var(--fw-bold)}.dir .dir-pill svg{width:14px;height:14px}.dir .dir-ask{display:flex;align-items:center;gap:10px;width:100%;margin-top:16px;background:var(--surface);border:none;border-radius:var(--r-pill);padding:8px 8px 8px 12px;box-shadow:var(--shadow-lg);cursor:pointer;font-family:inherit}.dir .dir-ask__spark{width:34px;height:34px;flex:none;border-radius:50%;display:grid;place-items:center;background:linear-gradient(150deg,var(--primary),var(--teal))}.dir .dir-ask__ph{flex:1;min-width:0;text-align:left;font-size:var(--fs-sm);color:var(--fg-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dir .dir-ask__btn{width:38px;height:38px;flex:none;border-radius:50%;background:var(--primary);color:#fff;display:grid;place-items:center}.dir .dir-chips{margin:0 calc(-1 * var(--gutter))}.dir .dir-chips .chip:first-child{margin-left:var(--gutter)}.dir .dir-col{position:relative;width:210px;min-height:150px;flex:none;border-radius:var(--r-lg);padding:16px;overflow:hidden;color:#fff;display:flex;flex-direction:column;align-items:center;text-align:center;gap:7px;background:radial-gradient(120% 100% at 80% -12%,color-mix(in srgb,var(--c) 60%,#fff 10%),transparent 56%),linear-gradient(150deg,color-mix(in srgb,var(--c) 92%,#000 4%),color-mix(in srgb,var(--c) 56%,var(--brand-navy) 56%))}.dir .dir-col__ic{width:48px;height:48px;border-radius:14px;background:#ffffff38;display:grid;place-items:center}.dir .dir-col__title{font-size:var(--fs-h3);font-weight:var(--fw-extra);line-height:1.2}.dir .dir-col__desc{font-size:var(--fs-xs);color:#ffffffe6;line-height:1.35}.dir .dir-col__foot{display:inline-flex;align-items:center;gap:3px;margin-top:auto;font-size:var(--fs-xs);font-weight:var(--fw-bold)}.dir .dir-col__foot svg{width:15px;height:15px}.dir .dir-card{width:250px;flex:none;display:flex;flex-direction:column;gap:10px;padding:12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}.dir .dir-card__media{position:relative;height:120px;border-radius:var(--r-md);overflow:hidden;display:grid;place-items:center;background:radial-gradient(120% 100% at 80% -12%,color-mix(in srgb,var(--c) 58%,#fff 8%),transparent 56%),linear-gradient(150deg,color-mix(in srgb,var(--c) 92%,#000 5%),color-mix(in srgb,var(--c) 52%,var(--brand-plum) 60%))}.dir .dir-card__ic{width:44px;height:44px;border-radius:13px;background:#fff3;display:grid;place-items:center;color:#fff}.dir .dir-card__badges{position:absolute;top:8px;left:8px;display:flex;gap:6px;flex-wrap:wrap}.dir .dir-card__title{margin:0;font-size:var(--fs-h3);font-weight:var(--fw-bold);letter-spacing:-.01em;line-height:1.2}.dir .dir-card__meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:var(--fs-sm);color:var(--fg-2)}.dir .dir-card__meta .dot{width:3px;height:3px;border-radius:50%;background:var(--fg-3)}.dir .dir-card__meta-i{display:inline-flex;align-items:center;gap:4px}.dir .dir-card__meta-i svg{width:14px;height:14px;color:var(--fg-3)}.dir .dir-card__foot{display:flex;align-items:center;justify-content:space-between;gap:8px}.dir .dir-card__price{font-size:var(--fs-h3);font-weight:var(--fw-extra);color:var(--fg)}.dir .dir-card__price small{font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--fg-3)}.dir .dir-scen{display:flex;align-items:center;gap:12px;padding:14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-sm)}.dir .dir-scen__ic{width:40px;height:40px;flex:none;border-radius:11px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary-on-soft)}.dir .dir-scen__ic svg{width:20px;height:20px}.dir .dir-scen__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.dir .dir-scen__body b{font-size:var(--fs-body);font-weight:var(--fw-bold);color:var(--fg);line-height:1.25}.dir .dir-scen__body span{font-size:var(--fs-xs);color:var(--fg-2)}.dir .dir-scen>svg{width:18px;height:18px;flex:none;color:var(--fg-3)}.dir .dir-cmp{width:230px;flex:none;display:flex;flex-direction:column;gap:10px;padding:14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-sm)}.dir .dir-cmp__title{font-size:var(--fs-body);font-weight:var(--fw-bold);color:var(--fg);line-height:1.25}.dir .dir-cmp__vs{display:flex;align-items:center;gap:8px}.dir .dir-cmp__side{flex:1;text-align:center;padding:8px 6px;border-radius:var(--r-sm);background:var(--surface-2);border:1px solid var(--border);font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--fg)}.dir .dir-cmp__vs b{font-size:var(--fs-xs);font-weight:var(--fw-extra);color:var(--fg-3)}.dir .dir-art{width:240px;flex:none;display:flex;flex-direction:column;gap:10px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.dir .dir-art__media{height:110px;display:grid;place-items:center;color:#fff;background:radial-gradient(120% 100% at 80% -12%,color-mix(in srgb,var(--c) 56%,#fff 8%),transparent 56%),linear-gradient(150deg,color-mix(in srgb,var(--c) 90%,#000 5%),color-mix(in srgb,var(--c) 52%,var(--brand-plum) 60%))}.dir .dir-art__media svg{width:32px;height:32px}.dir .dir-art__body{padding:0 13px 13px;display:flex;flex-direction:column;gap:7px}.dir .dir-art__title{font-size:var(--fs-body);font-weight:var(--fw-bold);color:var(--fg);line-height:1.3}.dir .dir-art__read{display:inline-flex;align-items:center;gap:4px;font-size:var(--fs-xs);color:var(--fg-3)}.dir .dir-art__read svg{width:13px;height:13px}.dir .dir-seo{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:16px}.dir .dir-seo__p{margin:0 0 12px;font-size:var(--fs-sm);color:var(--fg-2);line-height:1.6}.dir .dir-seo__p:last-child{margin-bottom:0}.dir .dir-seo__rest{max-height:0;overflow:hidden;transition:max-height var(--dur-slow) var(--ease-out)}.dir .dir-seo__rest.is-open{max-height:800px}.dir .dir-seo__toggle{display:inline-flex;align-items:center;gap:4px;margin-top:10px;background:none;border:none;cursor:pointer;font-family:inherit;font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--primary)}.dir .dir-seo__toggle svg{width:16px;height:16px}.dir .dir-cta{border-radius:var(--r-lg);padding:20px;background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--primary);box-shadow:var(--shadow-sm)}.dir .dir-cta__head{display:flex;align-items:center;gap:10px;margin-bottom:8px}.dir .dir-cta__spark{width:36px;height:36px;flex:none;border-radius:50%;display:grid;place-items:center;background:linear-gradient(150deg,var(--primary),var(--teal))}.dir .dir-cta p{margin:0 0 12px;font-size:var(--fs-sm);color:var(--fg-2);line-height:1.5}.dir .dir-cta__prompts{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none}.dir .dir-cta__prompts::-webkit-scrollbar{display:none}.dir .dir-rel{display:flex;flex-wrap:wrap;gap:8px}.dir .dir-rel__chip{display:inline-flex;align-items:center;gap:7px;padding:9px 13px;border-radius:var(--r-pill);background:var(--surface);border:1px solid var(--border-2);font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--fg)}.dir .dir-rel__chip:hover{border-color:var(--c);color:var(--c)}.dir .dir-rel__chip svg{width:16px;height:16px;color:var(--c)}