/* Pagina /dyno/ (src/lib/tpl-dyno.ts, 14 oct 2026). Doar tokeni din tokens.css; hero-ul si fisa standului raman
   inchise in ambele teme (fisa e un "obiect" din atelier, nu o suprafata a paginii). */
.amc-dy{color:var(--ink);font-family:var(--font);--dy-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:var(--bg)}
.amc-dy .dy-sub{color:var(--muted);max-width:62ch;margin-top:var(--s-2)}
.amc-dy .ds-h2{margin-top:var(--s-1)}
.dy-sec{border-top:1px solid var(--line)}

/* hero */
.dy-hero{position:relative;overflow:hidden;background:#0b0b0d;color:var(--ink)}
.dy-hero::before{content:"";position:absolute;inset:0;background:var(--hero-img) 60% 55%/cover no-repeat;opacity:.55}
.dy-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,10,10,.92) 0%,rgba(10,10,10,.72) 50%,rgba(10,10,10,.28) 100%)}
@media (max-width:899px){.dy-hero::before{background-image:var(--hero-img-sm)}.dy-hero::after{background:linear-gradient(180deg,rgba(10,10,10,.78),rgba(10,10,10,.9))}}
.dy-hero-in{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:40px;align-items:center;padding-block:40px 64px}
.dy-crumbs{display:flex;flex-wrap:wrap;gap:6px;font-size:var(--fs-xs);color:var(--muted);margin-bottom:var(--s-5)}
.dy-crumbs a{color:var(--muted);text-decoration:none}
.dy-crumbs a:hover{color:var(--ink)}
.dy-hero h1{font-size:clamp(32px,2.6vw + 18px,54px);font-weight:900;letter-spacing:-.025em;line-height:1.05;text-wrap:balance;margin:0}
.dy-hero h1 em{font-style:normal;color:var(--red)}
.dy-k{display:block;font-size:var(--fs-xs);font-weight:800;letter-spacing:var(--track-caps);text-transform:uppercase;color:#ff4d57;margin-bottom:12px;line-height:1.2}
.dy-lead{color:#cfd2d8;margin-top:14px;max-width:52ch;font-size:16px}
.dy-cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.dy-btn{display:inline-flex;align-items:center;min-height:46px;padding:0 20px;border-radius:var(--r-pill);font-weight:800;font-size:14px;text-decoration:none;border:1px solid transparent}
.dy-btn-red{background:var(--red);color:var(--on-red)}
.dy-btn-gh{border-color:rgba(255,255,255,.28);color:#fff}
.dy-btn:hover{filter:brightness(1.08)}
.dy-price{margin-top:16px;font-size:13px;color:#aeb2ba}
.dy-price b{color:#fff;font-size:18px}


/* grafic cu cursor */
.dy-chart{margin-top:22px;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:18px 18px 14px}
.dy-ch-top{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:flex-end;justify-content:space-between}
.dy-ch-car b{font-size:17px;font-weight:800}
.dy-ch-car span{display:block;color:var(--muted);font-size:12.5px}
.dy-mode{display:inline-flex;gap:2px;background:var(--tint);border-radius:var(--r-pill);padding:3px}
.dy-mode button{font:700 12px var(--font);border:0;background:transparent;color:var(--ink);padding:6px 12px;border-radius:var(--r-pill);cursor:pointer;min-height:32px}
.dy-mode button[aria-pressed="true"]{background:var(--ink);color:var(--bg)}
.dy-read{display:grid;grid-template-columns:repeat(4,auto);justify-content:start;gap:4px 28px;font-variant-numeric:tabular-nums;margin-top:12px}
.dy-read div{display:grid}
.dy-read small{font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.dy-read b{font-size:22px;font-weight:900}
.dy-read .s b{color:var(--muted)}
.dy-read .tn b{color:var(--red-ink)}
.dy-read .rp b{font-family:var(--dy-mono);font-size:18px}
.dy-svgw{margin-top:10px}
.dy-svgw .dy-svg-m{display:none}
@media (max-width:640px){.dy-svgw .dy-svg-d{display:none}.dy-svgw .dy-svg-m{display:block}.dy-chart{padding:14px 12px 12px}}
.dy-svg{display:block;width:100%;height:auto;touch-action:pan-y;cursor:ew-resize}
.dy-svg:focus-visible{outline:2px solid var(--red);outline-offset:3px;border-radius:8px}
.dy-gl{stroke:var(--line);stroke-width:1}
.dy-ax{fill:var(--muted)}
.dy-axu{font-weight:700;font-family:var(--font)}
.dy-l{fill:none}
/* aceeasi conventie ca pe motorizare si homepage (16 oct 2026): putere rosu, cuplu albastru, seria stinsa */
.dy-l-shp{stroke:var(--red-ink);opacity:.4}
.dy-l-snm{stroke:var(--torque);opacity:.4}
.dy-l-thp{stroke:var(--red-ink)}
.dy-l-tnm{stroke:var(--torque)}
.dy-cur{stroke:var(--ink);opacity:.5}
.dy-c1{fill:var(--red-ink);stroke:var(--panel)}
.dy-c2{fill:var(--red-ink);opacity:.5;stroke:var(--panel)}
.dy-stock,.dy-stage{transition:opacity var(--dur-1) var(--ease)}
[data-mode="stage"] .dy-stock,[data-mode="stock"] .dy-stage{opacity:.12}
.dy-lg{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:12px;color:var(--muted);margin-top:8px}
.dy-lg i{display:inline-block;width:18px;height:3px;border-radius:2px;vertical-align:middle;margin-right:6px}
.dy-lg .shp{background:var(--red-ink);opacity:.4}.dy-lg .thp{background:var(--red-ink)}.dy-lg .snm{background:var(--torque);opacity:.4}.dy-lg .tnm{background:var(--torque)}
.dy-note{font-size:12px;color:var(--soft);margin-top:8px}

/* masini masurate */
.dy-cars{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:22px}
.dy-car{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px;display:grid;gap:10px;text-decoration:none;color:var(--ink);transition:border-color var(--dur-1) var(--ease)}
.dy-car:hover{border-color:var(--line-2)}
.dy-car-h b{display:block;font-size:14px;font-weight:800;line-height:1.25}
.dy-car-h span{font-size:12px;color:var(--muted)}
.dy-car-n{display:flex;align-items:baseline;gap:6px;font-variant-numeric:tabular-nums}
.dy-car-n .o{color:var(--muted);font-size:18px;font-weight:700}
.dy-car-n .a{color:var(--muted)}
.dy-car-n .n{font-size:30px;font-weight:900}
.dy-car-n small{color:var(--muted);font-weight:700}
.dy-bar{display:block;height:6px;background:var(--red);border-radius:3px;position:relative;overflow:hidden}
.dy-bar i{position:absolute;inset:0 auto 0 0;width:var(--a);background:var(--line-2)}
.dy-car-f{display:flex;justify-content:space-between;gap:8px;font-size:12.5px;color:var(--muted)}
.dy-car-f em{font-style:normal;font-weight:800;color:var(--red-ink)}
.dy-more{display:inline-block;margin-top:14px;font-size:13px;font-weight:800;color:var(--red-ink);text-decoration:none}

/* text din dyno.md asezat in blocuri */
.dy-prose{color:var(--muted);font-size:var(--fs-base);line-height:1.7;min-width:0}
.dy-prose p{margin:0 0 14px}.dy-prose p:last-child{margin-bottom:0}
.dy-prose strong{color:var(--ink);font-weight:700}
.dy-prose a,.dy-pc-note a,.dy-sub a{color:var(--red-ink);font-weight:700}
.dy-sub p{margin:0}

/* 2. ce este: text + trei note, apoi graficul */
.dy-what{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:32px;margin-top:var(--s-5);align-items:start}
.dy-why{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.dy-why li{background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--red);border-radius:var(--r-2);padding:14px 16px;color:var(--muted);font-size:14px;line-height:1.55}
.dy-why li p{margin:0}
.dy-why strong{display:block;color:var(--ink);font-size:15px;margin-bottom:2px}
.dy-ch-cap{margin:0 0 12px;color:var(--muted);font-size:14px}
.dy-how + .dy-chart{margin-top:16px}

/* 3. raportul: fisa dyno si logarea */
.dy-reps{display:grid;gap:16px;margin-top:22px}
.dy-rep{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:22px;display:grid;gap:24px;align-items:start}
.dy-rep h3{font-size:var(--fs-md);font-weight:800;margin:0 0 10px}
.dy-rep-t{color:var(--muted);font-size:14.5px;line-height:1.65;min-width:0}
.dy-rep-t p{margin:0 0 10px}
.dy-rep-t ul{margin:6px 0 12px;padding-left:18px;display:grid;gap:4px}
.dy-rep-t strong{color:var(--ink)}
.dy-rep .ar-fig{margin:0;min-width:0}
.dy-rep .ar-fig img{display:block;width:100%;height:auto;border-radius:12px;border:1px solid var(--line);cursor:zoom-in;background:#fff}
.dy-rep--sheet{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}
.dy-rep--sheet .ar-fig{max-width:420px;justify-self:center}
.dy-rep--log{grid-template-columns:minmax(0,1fr)}

/* 4. cum decurge: text + 4 poze */
.dy-how{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:32px;margin-top:var(--s-5);align-items:start}
.dy-photos{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.dy-ph{margin:0;position:relative;border-radius:14px;overflow:hidden;background:var(--tint)}
.dy-ph img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.dy-ph figcaption{position:absolute;left:0;right:0;bottom:0;padding:22px 12px 10px;font-size:12px;font-weight:700;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.72))}

/* 5. pentru cine + masini masurate */
.dy-whos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:22px}
.dy-who{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px;color:var(--muted);font-size:14px;line-height:1.6}
.dy-who h3{color:var(--ink);font-size:15px;font-weight:800;margin:0 0 8px}
.dy-who p{margin:0}
.dy-cars-h{display:flex;flex-wrap:wrap;gap:8px 20px;align-items:baseline;justify-content:space-between;margin-top:var(--s-6)}
.dy-cars-h h3{font-size:var(--fs-md);font-weight:800;margin:0}
.dy-cars-h .dy-more{margin:0}

/* 6. pret */
.dy-pcs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px}
.dy-pc{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:20px;color:var(--muted);font-size:14px;line-height:1.55;display:grid;gap:8px;align-content:start}
.dy-pc--hi{border-color:var(--red);box-shadow:0 0 0 1px var(--red) inset}
.dy-pc h3{color:var(--ink);font-size:15px;font-weight:800;margin:0}
.dy-pc-p{color:var(--ink);font-size:15px}
.dy-pc-p strong{font-size:24px;font-weight:900;color:var(--red-ink);letter-spacing:-.01em}
.dy-pc p{margin:0}
.dy-pc-note{color:var(--muted);font-size:14px;margin-top:14px}
.dy-pc-note p{margin:0 0 6px}
.dy-cta--dark{margin-top:18px}
.dy-btn-line{border-color:var(--line-2);color:var(--ink)}

/* 7. intrebari (acordeonul vine din article.css, .fq-list) */
.amc-ar.dy-faq{overflow:visible}
.dy-faq .ar-body{max-width:880px;margin-top:var(--s-4)}

@media (max-width:960px){.dy-hero-in{grid-template-columns:1fr;gap:28px}.dy-what,.dy-how{grid-template-columns:1fr;gap:20px}.dy-rep--sheet{grid-template-columns:1fr}.dy-whos{grid-template-columns:repeat(2,minmax(0,1fr))}.dy-cars{grid-template-columns:repeat(2,minmax(0,1fr))}.dy-pcs{grid-template-columns:1fr}}
@media (max-width:560px){.dy-read{grid-template-columns:repeat(2,auto);gap:4px 24px}.dy-whos{grid-template-columns:1fr}.dy-cars{gap:8px}.dy-car{padding:12px;gap:8px}.dy-car-h b{font-size:13px}.dy-car-n .n{font-size:24px}.dy-car-n .o{font-size:15px}.dy-car-f{flex-direction:column;gap:2px;font-size:12px}.dy-rep{padding:16px}}
@media (prefers-reduced-motion:reduce){.dy-stock,.dy-stage,.dy-car{transition:none}}
/* lightbox (public/blog/app.js): stilurile din article.css sunt sub .amc-ar, aici sta in .amc-dy */
.amc-dy .ar-lightbox{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.9);padding:24px;cursor:zoom-out}
.amc-dy .ar-lightbox[hidden]{display:none}
.amc-dy .ar-lightbox img{max-width:100%;max-height:100%;border-radius:10px;background:#fff}
.amc-dy .ar-lightbox button{position:absolute;top:14px;right:18px;background:none;border:0;color:#fff;font-size:34px;line-height:1;cursor:pointer}
@media (max-width:640px){.amc-dy .ar-lightbox{padding:8px}}