/* WooCommerce Withdrawal Button landing · page specific
   fdesign.com.gr

   Load AFTER fdesign-landing-core.css. Everything shared lives there: tokens,
   layout, typography, buttons, section shells, the pricing block, FAQ, author
   band, closing CTA, and .steps, .callout, .sources and code.mono, which moved
   up when this page turned out to need them too.

   What is here is only what this page invented: the receipt mock and its frame,
   the comparison table against the alternatives, the feature grid, the figures
   band, the download panel, and the light background section shell.

   Wrap the markup in <div class="fdsec">. It was drafted as .fdwb while it was a
   standalone file; that scope is gone, because a .fdwb page inherits none of the
   foundation.
*/

/* ---------------------------------------------------------------------------
   .steps on light.

   Core carries the dark version, which is what the WordPress Security page
   needs. This page runs its process list on paper, so it overrides the four
   colour declarations and the offset. Structure, counter and tabular figures
   all still come from core.
   --------------------------------------------------------------------------- */
.fdsec .section-paper .steps li{padding:.6rem 0 .6rem 2.6rem;border-bottom:1px solid var(--paper-line);color:var(--fg-soft);font-size:.95rem}
.fdsec .section-paper .steps li::before{top:.6rem;color:var(--secure-deep)}
.fdsec .section-paper .steps li strong{color:var(--fg)}

.fdsec .receipt{background:var(--ink-2);border:1px solid var(--ink-3);border-radius:8px;overflow:hidden;box-shadow:0 30px 60px -30px rgba(0,0,0,.7)}

.fdsec .receipt-bar{display:flex;align-items:center;gap:.5rem;padding:.7rem .95rem;border-bottom:1px solid var(--ink-3);font-family:var(--f-mono);font-size:.74rem;color:var(--fg-inv-soft)}
.fdsec .receipt-bar .lights{display:flex;gap:.4rem;margin-right:.4rem}
.fdsec .receipt-bar .lights i{width:10px;height:10px;border-radius:50%;display:block;background:var(--ink-3)}
.fdsec .receipt-bar .from{margin-left:auto;opacity:.8}

.fdsec .receipt-body{padding:1.3rem 1.4rem}
.fdsec .receipt-body h4{font-family:var(--f-display);font-size:1.08rem;color:#fff;margin:0 0 .8rem;font-weight:700}

.fdsec .rtable{width:100%;border-collapse:collapse;font-family:var(--f-mono);font-size:.78rem;margin:.9rem 0}
.fdsec .rtable th{text-align:left;color:var(--fg-inv-soft);font-weight:500;padding:.5rem .2rem;border-bottom:1px solid rgba(39,47,60,.7);font-size:.7rem}
.fdsec .rtable td{padding:.5rem .2rem;border-bottom:1px solid rgba(39,47,60,.7);color:var(--fg-inv);text-align:right}
.fdsec .rtable tr:last-child th,.fdsec .rtable tr:last-child td{border-bottom:0}
.fdsec .rtable .ref{color:var(--brand);font-weight:600}
.fdsec .rtable .stamp{color:var(--secure)}

.fdsec .receipt-note{font-size:.82rem;color:var(--fg-inv-soft);border-left:2px solid var(--secure);padding-left:.8rem;margin:.9rem 0 0;line-height:1.55}

.fdsec .receipt-hash{font-family:var(--f-mono);font-size:.68rem;color:var(--fg-inv-soft);margin-top:.9rem;word-break:break-all;opacity:.75}

.fdsec .grid-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1px;background:var(--paper-line);border:1px solid var(--paper-line);border-radius:8px;overflow:hidden}

.fdsec .cell{background:var(--paper-2);padding:1.6rem 1.5rem}
.fdsec .cell .n{font-family:var(--f-mono);font-size:.72rem;color:var(--brand-deep);letter-spacing:.1em}
.fdsec .cell h3{margin:.7rem 0 .5rem;font-size:1.12rem}
.fdsec .cell p{color:var(--fg-soft);font-size:.94rem;margin:0}

.fdsec .cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.4rem;margin-top:1rem}

.fdsec .card{border:1px solid var(--ink-3);border-radius:8px;padding:1.4rem;background:var(--ink-2)}
.fdsec .card h3{color:#fff;font-size:1.06rem;margin-bottom:.4rem;display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}
.fdsec .card h3 .tag{font-family:var(--f-mono);font-size:.62rem;color:var(--brand);border:1px solid var(--brand-deep);border-radius:3px;padding:.05rem .35rem;letter-spacing:.05em}
.fdsec .card h3 .tag.ok{color:var(--secure);border-color:var(--secure-deep)}
.fdsec .card p{color:var(--fg-inv-soft);font-size:.9rem;margin:0}

.fdsec .feature{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(1.6rem,4vw,3.4rem);align-items:start;padding-block:clamp(2rem,4vw,3rem);border-bottom:1px solid var(--paper-line)}
.fdsec .feature:last-of-type{border-bottom:0}
.fdsec .feature{grid-template-columns:1fr;gap:1.2rem}
.fdsec .feature .k{font-family:var(--f-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--brand-deep);margin-bottom:.6rem}
.fdsec .feature h3{margin-bottom:.5rem}
.fdsec .feature p{color:var(--fg-soft);margin:0 0 .8rem}
.fdsec .feature ul{list-style:none;padding:0;margin:.6rem 0 0}
.fdsec .feature li{padding:.32rem 0 .32rem 1.5rem;position:relative;font-size:.94rem;color:var(--fg-soft)}
.fdsec .feature li::before{content:"";position:absolute;left:0;top:.72rem;width:8px;height:8px;border-radius:2px;background:var(--secure)}
.fdsec .feature li strong{color:var(--fg);font-weight:600}

.fdsec .compare{width:100%;border-collapse:collapse;font-size:.92rem;background:var(--paper-2);border:1px solid var(--paper-line);border-radius:8px;overflow:hidden}
.fdsec .compare th,.fdsec .compare td{padding:.85rem 1rem;border-bottom:1px solid var(--paper-line);text-align:left}
.fdsec .compare thead th{font-family:var(--f-mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-soft);background:var(--paper);font-weight:500}
.fdsec .compare tbody th{font-weight:600;color:var(--fg)}
.fdsec .compare td{text-align:center;color:var(--fg-soft)}
.fdsec .compare .us{background:rgba(52,167,155,.07);color:var(--secure-deep);font-weight:600}
.fdsec .compare thead .us{background:rgba(52,167,155,.14);color:var(--secure-deep)}
.fdsec .compare tr:last-child th,.fdsec .compare tr:last-child td{border-bottom:0}

.fdsec .table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}

.fdsec .compare-note{font-family:var(--f-mono);font-size:.74rem;color:var(--fg-soft);margin-top:1rem;line-height:1.7}

.fdsec .figures{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1px;background:var(--ink-3);border:1px solid var(--ink-3);border-radius:8px;overflow:hidden;margin-top:2.4rem}

.fdsec .fig{background:var(--ink-2);padding:1.3rem 1.2rem;text-align:center}
.fdsec .fig .v{font-family:var(--f-display);font-weight:700;font-size:1.8rem;color:#fff;line-height:1}
.fdsec .fig .v.ok{color:var(--secure)}
.fdsec .fig .l{font-family:var(--f-mono);font-size:.7rem;color:var(--fg-inv-soft);margin-top:.5rem;letter-spacing:.05em;line-height:1.5}

.fdsec .section-paper code.mono{background:rgba(196,0,54,.09);color:var(--brand-deep)}

.fdsec .getit{background:linear-gradient(180deg,#0D131C,#111720);color:var(--fg-inv)}
.fdsec .getit .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(2rem,5vw,4rem);align-items:center}
.fdsec .getit .wrap{grid-template-columns:1fr}

.fdsec .dl{background:var(--ink-2);border:1px solid var(--ink-3);border-radius:10px;padding:1.7rem}
.fdsec .dl .k{font-family:var(--f-mono);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--secure);margin-bottom:.8rem}
.fdsec .dl h3{color:#fff;margin-bottom:.4rem}
.fdsec .dl p{color:var(--fg-inv-soft);font-size:.94rem}
.fdsec .dl .meta{font-family:var(--f-mono);font-size:.74rem;color:var(--fg-inv-soft);display:grid;gap:.35rem;margin:1.1rem 0 1.4rem;padding-top:1.1rem;border-top:1px solid var(--ink-3)}
.fdsec .dl .meta b{color:var(--fg-inv);font-weight:500}

.fdsec .receipt{max-width:100%;overflow-x:auto}

.fdsec .receipt-bar{font-size:.66rem;padding:.6rem .7rem;gap:.4rem}
.fdsec .receipt-bar .from{display:none}
.fdsec .receipt-bar .lights i{width:8px;height:8px}

.fdsec .receipt-body{padding:1.1rem}

.fdsec .rtable{font-size:.72rem}

.fdsec .receipt-hash{font-size:.62rem}

.fdsec .compare th,.fdsec .compare td{padding:.65rem .6rem;font-size:.84rem}

.fdsec .fig .v{font-size:1.5rem}

.fdsec .rtable, .fdsec .compare, .fdsec .steps li::before, .fdsec .cell .n, .fdsec .dl .meta, .fdsec .receipt-hash{font-variant-numeric:tabular-nums}

/* Digits that stack in a column. Core already does this for its own components;
   these are the two tables this page adds. */
.fdsec .rtable,
.fdsec .compare{font-variant-numeric:tabular-nums}