:root{
--bg:#f7f6f8;
--bg-soft:#f4f2f7;
--surface:#ffffff;
--dark:#151119;
--ink:#1b1720;
--muted:#655d70;
--muted-2:#6b6376;
--faint:#6b6376;
--line:#e6e3ea;
--line-soft:#efedf2;
--line-strong:#ddd8e3;
--brand:#f0327e;
--brand-ink:#c01560;
--brand-solid:#c01560;
--brand-solid-hover:#d1246e;
--brand-hover:#ff4d93;
--brand-soft:#ffe4ef;
--on-dark:#ffffff;
--on-dark-lead:#c3bccb;
--on-dark-muted:#9a92a5;
--brand-on-dark:#ff7fb4;
--focus:#151119;
--r-sm:0.625rem;
--r-md:0.875rem;
--r-lg:1.125rem;
--r-xl:1.375rem;
--r-pill:62.4375rem;
--s-1:0.25rem;
--s-2:0.5rem;
--s-3:0.75rem;
--s-4:1rem;
--s-5:1.25rem;
--s-6:1.5rem;
--s-7:2rem;
--s-8:2.5rem;
--s-9:3rem;
--s-10:4rem;
--s-11:5rem;
--s-12:6rem;
--container:77.5rem;
--gutter:2rem;
--font-body:'Assistant',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;
--font-display:'Heebo','Assistant',system-ui,Arial,sans-serif;
--fs-hero:clamp(2.125rem,1.15rem + 4.1vw,3.875rem);
--fs-h1:clamp(1.875rem,1.25rem + 2.6vw,3.25rem);
--fs-h2:clamp(1.625rem,1.15rem + 2vw,2.625rem);
--fs-h3:clamp(1.1875rem,1.1rem + 0.4vw,1.1875rem);
--fs-lead:clamp(1.0625rem,1rem + 0.35vw,1.125rem);
--fs-body:1.0625rem;
--fs-sm:0.9375rem;
--fs-xs:0.875rem;
--shadow-card:0 1.5rem 2.75rem -22px rgba(27,23,32,0.35);
--shadow-pop:0 1.875rem 4.375rem -28px rgba(27,23,32,0.45);
--t:180ms cubic-bezier(0.4,0,0.2,1);
}

*,*::before,*::after{box-sizing:border-box}

html{-webkit-text-size-adjust:100%}

body{
margin:0;
background:var(--bg);
color:var(--ink);
font-family:var(--font-body);
font-size:var(--fs-body);
line-height:1.65;
-webkit-font-smoothing:antialiased;
overflow-x:clip;
}

img,svg,video{max-width:100%;height:auto;display:block}

h1,h2,h3,h4{font-family:var(--font-display);font-weight:800;letter-spacing:-0.03em;line-height:1.15;margin:0 0 var(--s-4)}
h1{font-size:var(--fs-h1)}
h2{font-size:var(--fs-h2)}
h3{font-size:var(--fs-h3);font-weight:700;letter-spacing:-0.02em;line-height:1.3}
h4{font-size:1.0625rem;font-weight:700}

p{margin:0 0 var(--s-4)}
p:last-child{margin-bottom:0}

a{color:var(--brand-ink);text-decoration:none}
a:hover{color:var(--brand-hover)}

ul,ol{padding-inline-start:1.35em}

button,input,select,textarea{font:inherit;color:inherit}

:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{
outline:0.1875rem solid var(--brand);
outline-offset:0.1875rem;
border-radius:var(--s-1);
}

.wst-skip{
position:absolute;
inset-inline-start:var(--s-4);
top:-100px;
z-index:200;
background:var(--dark);
color:#fff;
padding:var(--s-3) var(--s-5);
border-radius:var(--r-sm);
font-weight:700;
transition:top var(--t);
}
.wst-skip:focus{top:var(--s-4);color:#fff}

.wst-sr{position:absolute;width:0.0625rem;height:0.0625rem;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

.wst-wrap{max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter)}

.wst-section{padding-block:clamp(3.5rem,7vw,5.75rem)}
.wst-section--tight{padding-block:clamp(2.5rem,5vw,4rem)}
.wst-section--dark{background:var(--dark);color:var(--on-dark)}
.wst-section--dark h1,.wst-section--dark h2,.wst-section--dark h3{color:var(--on-dark)}

.wst-eyebrow{
font-family:ui-monospace,'SFMono-Regular',Menlo,monospace;
font-size:0.8125rem;
letter-spacing:0.12em;
color:var(--brand-ink);
margin:0 0 var(--s-3);
text-transform:uppercase;
}
.wst-section--dark .wst-eyebrow{color:var(--brand-on-dark)}

.wst-lead{font-size:var(--fs-lead);color:var(--muted);line-height:1.7}
.wst-section--dark .wst-lead{color:var(--on-dark-lead);font-weight:300}

.wst-head{margin-bottom:var(--s-8)}
.wst-head--center{text-align:center;max-width:47.5rem;margin-inline:auto}

.wst-btn{
display:inline-flex;
align-items:center;
justify-content:center;
gap:var(--s-2);
padding:0.875rem 1.75rem;
border-radius:var(--r-pill);
font-weight:700;
font-size:1rem;
line-height:1.2;
border:0.0625rem solid transparent;
cursor:pointer;
text-align:center;
transition:background var(--t),color var(--t),border-color var(--t),transform var(--t);
}
.wst-btn:active{transform:translateY(0.0625rem)}

.wst-btn--brand{background:var(--brand-solid);color:#fff}
.wst-btn--brand:hover{background:var(--brand-solid-hover);color:#fff}

.wst-btn--dark{background:var(--ink);color:#fff}
.wst-btn--dark:hover{background:var(--brand-solid);color:#fff}

.wst-btn--ghost{background:var(--surface);color:var(--ink);border-color:var(--line-strong)}
.wst-btn--ghost:hover{border-color:var(--brand);color:var(--brand-ink)}

.wst-btn--onDark{background:transparent;color:#fff;border-color:rgba(255,255,255,0.42)}
.wst-btn--onDark:hover{background:rgba(255,255,255,0.14);color:#fff}

.wst-btn--sm{padding:0.625rem 1.25rem;font-size:var(--fs-sm)}
.wst-btn--block{display:flex;width:100%}

.wst-header{
position:sticky;
top:0;
z-index:60;
background:rgba(247,246,248,0.92);
backdrop-filter:blur(0.875rem);
-webkit-backdrop-filter:blur(0.875rem);
border-bottom:0.0625rem solid var(--line);
}
.wst-header__inner{
max-width:var(--container);
margin-inline:auto;
padding-inline:var(--gutter);
min-height:4.875rem;
display:flex;
align-items:center;
justify-content:space-between;
gap:var(--s-6);
}
.wst-logo{display:inline-flex;align-items:center;gap:0.625rem}
.wst-logo img{height:2.375rem;width:auto}
.wst-logo__text{font-family:var(--font-display);font-weight:800;font-size:1.375rem;letter-spacing:-0.02em;color:var(--ink)}

.wst-nav{display:flex;align-items:center;gap:var(--s-1)}
.wst-nav a{
color:var(--ink);
font-weight:600;
font-size:1rem;
padding:0.5625rem 0.875rem;
border-radius:var(--r-pill);
transition:background var(--t),color var(--t);
}
.wst-nav a:hover{background:var(--bg-soft);color:var(--brand-ink)}
.wst-nav .current-menu-item > a,.wst-nav [aria-current="page"]{background:var(--brand-soft);color:var(--brand-ink)}

.wst-header__actions{display:flex;align-items:center;gap:var(--s-3)}

.wst-burger{
display:none;
align-items:center;
justify-content:center;
width:2.75rem;
height:2.75rem;
border-radius:var(--r-sm);
border:0.0625rem solid var(--line-strong);
background:var(--surface);
cursor:pointer;
}
.wst-burger span{display:block;width:1.25rem;height:0.125rem;background:var(--ink);position:relative}
.wst-burger span::before,.wst-burger span::after{content:"";position:absolute;inset-inline:0;height:0.125rem;background:var(--ink);transition:transform var(--t),top var(--t)}
.wst-burger span::before{top:-6px}
.wst-burger span::after{top:0.375rem}

.wst-hero{background:var(--dark);color:var(--on-dark);position:relative;overflow:hidden}
.wst-hero::before,.wst-hero::after{content:"";position:absolute;border-radius:var(--r-pill);pointer-events:none}
.wst-hero::before{top:-200px;inset-inline-start:-160px;width:42.5rem;height:42.5rem;background:radial-gradient(circle,rgba(240,50,126,0.32),transparent 62%)}
.wst-hero::after{bottom:-280px;inset-inline-end:-140px;width:37.5rem;height:37.5rem;background:radial-gradient(circle,rgba(240,50,126,0.16),transparent 62%)}
.wst-hero__inner{
position:relative;
max-width:var(--container);
margin-inline:auto;
padding:clamp(3.5rem,7vw,6.25rem) var(--gutter) clamp(3.75rem,7.5vw,6.75rem);
display:grid;
grid-template-columns:1.05fr 0.95fr;
gap:var(--s-10);
align-items:center;
}
.wst-hero h1{font-size:var(--fs-hero);font-weight:900;letter-spacing:-0.035em;line-height:1.05;color:#fff;margin-bottom:var(--s-6)}
.wst-hero p{color:var(--on-dark-lead);font-size:var(--fs-lead);line-height:1.7;font-weight:300;margin-bottom:var(--s-8)}
.wst-pill{
display:inline-flex;
align-items:center;
gap:0.625rem;
border:0.0625rem solid rgba(255,255,255,0.18);
border-radius:var(--r-pill);
padding:0.4375rem 1rem;
font-size:var(--fs-xs);
font-weight:600;
color:#ffb3d2;
margin-bottom:var(--s-6);
}
.wst-hero__cta{display:flex;gap:var(--s-3);flex-wrap:wrap;margin-bottom:var(--s-9)}
.wst-stats{display:flex;gap:var(--s-9);flex-wrap:wrap;padding-top:var(--s-6);border-top:0.0625rem solid rgba(255,255,255,0.12)}
.wst-stats__n{font-family:var(--font-display);font-weight:800;font-size:1.8125rem;line-height:1;color:#fff}
.wst-stats__l{font-size:var(--fs-xs);color:var(--on-dark-muted);margin-top:0.3125rem}
.wst-hero__art{border-radius:var(--r-xl);overflow:hidden;box-shadow:0 2.5rem 5rem -30px rgba(0,0,0,0.7)}

.wst-grid{display:grid;gap:var(--s-5)}
.wst-grid--3{grid-template-columns:repeat(3,1fr)}
.wst-grid--2{grid-template-columns:repeat(2,1fr)}

.wst-card{
background:var(--surface);
border:0.0625rem solid var(--line);
border-radius:var(--r-lg);
overflow:hidden;
display:flex;
flex-direction:column;
position:relative;
transition:transform var(--t),box-shadow var(--t),border-color var(--t);
}
.wst-card:hover,.wst-card:focus-within{transform:translateY(-4px);box-shadow:var(--shadow-card);border-color:var(--line-strong)}

.wst-card__media{position:relative;display:block;background:var(--bg-soft)}
.wst-card__bar{height:1.875rem;background:var(--line-soft);display:flex;align-items:center;gap:0.3125rem;padding-inline:0.75rem;border-bottom:0.0625rem solid var(--line)}
.wst-card__bar i{width:0.5rem;height:0.5rem;border-radius:var(--r-pill);background:#cfc9d6;display:inline-block}
.wst-card__shot{aspect-ratio:16/10;overflow:hidden;background:var(--bg-soft)}
.wst-card__shot img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform 400ms cubic-bezier(0.4,0,0.2,1)}
.wst-card:hover .wst-card__shot img{transform:scale(1.04)}

.wst-badge{
position:absolute;
top:2.625rem;
inset-inline-end:0.875rem;
background:var(--brand-solid);
color:#fff;
font-size:0.75rem;
font-weight:700;
padding:0.3125rem 0.6875rem;
border-radius:var(--r-pill);
z-index:2;
}

.wst-card__body{padding:var(--s-5) var(--s-5) 1.375rem;display:flex;flex-direction:column;gap:0.5625rem;flex-grow:1}
.wst-card__cat{font-family:ui-monospace,Menlo,monospace;font-size:0.6875rem;color:var(--muted-2);letter-spacing:0.06em}
.wst-card__title{margin:0}
.wst-card__title a{color:var(--ink)}
.wst-card__title a:hover{color:var(--brand-ink)}
.wst-card__title a::after{content:"";position:absolute;inset:0;z-index:1}
.wst-card__rating{font-size:var(--fs-xs);color:var(--muted)}
.wst-card__rating b{color:var(--brand-ink)}
.wst-card__foot{
margin-top:auto;
padding-top:var(--s-4);
border-top:0.0625rem solid var(--line-soft);
display:flex;
align-items:center;
justify-content:space-between;
gap:var(--s-3);
flex-wrap:wrap;
}
.wst-price{display:flex;align-items:baseline;gap:var(--s-2)}
.wst-price b{font-family:var(--font-display);font-weight:800;font-size:1.3125rem}
.wst-price s{font-size:var(--fs-xs);color:var(--muted-2)}
.wst-card__actions{display:flex;gap:var(--s-2);position:relative;z-index:2}

.wst-filters{display:flex;gap:0.625rem;flex-wrap:wrap}
.wst-filters a{
display:inline-flex;
align-items:center;
padding:0.5625rem 1.125rem;
border-radius:var(--r-pill);
border:0.0625rem solid var(--line-strong);
background:var(--surface);
color:var(--ink);
font-weight:600;
font-size:var(--fs-sm);
transition:background var(--t),border-color var(--t),color var(--t);
}
.wst-filters a:hover{border-color:var(--brand);color:var(--brand-ink)}
.wst-filters a[aria-current="true"]{background:var(--ink);border-color:var(--ink);color:#fff}

.wst-steps{counter-reset:step}
.wst-step{
background:var(--surface);
border:0.0625rem solid var(--line);
border-radius:var(--r-lg);
padding:var(--s-7) var(--s-6);
position:relative;
overflow:hidden;
}
.wst-step__n{
font-family:var(--font-display);
font-weight:900;
font-size:3.25rem;
line-height:1;
color:var(--brand-soft);
position:absolute;
top:0.875rem;
inset-inline-end:1.125rem;
}
.wst-step h3{margin-bottom:var(--s-2)}
.wst-step p{color:var(--muted);font-size:var(--fs-sm);margin:0}

.wst-feature{background:var(--dark);padding:1.75rem 1.625rem}
.wst-feature h3{margin:0 0 var(--s-2);color:#fff}
.wst-feature p{font-size:var(--fs-sm);color:var(--on-dark-muted);line-height:1.65;margin:0}
.wst-features{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:0.0625rem;
background:rgba(255,255,255,0.12);
border:0.0625rem solid rgba(255,255,255,0.12);
border-radius:1rem;
overflow:hidden;
}

.wst-faq{display:grid;gap:var(--s-3);max-width:56.25rem;margin-inline:auto}
.wst-faq details{
background:var(--surface);
border:0.0625rem solid var(--line);
border-radius:var(--r-md);
overflow:hidden;
}
.wst-faq summary{
list-style:none;
cursor:pointer;
padding:var(--s-5) var(--s-6);
font-family:var(--font-display);
font-weight:700;
font-size:1.0625rem;
display:flex;
align-items:center;
justify-content:space-between;
gap:var(--s-4);
}
.wst-faq summary::-webkit-details-marker{display:none}
.wst-faq summary::after{content:"+";font-size:1.5rem;color:var(--brand);line-height:1;transition:transform var(--t);flex-shrink:0}
.wst-faq details[open] summary::after{transform:rotate(45deg)}
.wst-faq details[open] summary{border-bottom:0.0625rem solid var(--line-soft)}
.wst-faq__a{padding:var(--s-5) var(--s-6);color:var(--muted);font-size:var(--fs-sm)}
.wst-faq__a p:last-child{margin-bottom:0}

.wst-form{display:grid;gap:var(--s-4)}
.wst-form__row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s-4)}
.wst-field label{display:block;font-weight:700;font-size:var(--fs-sm);margin-bottom:0.375rem}
.wst-field .req{color:var(--brand-ink)}
.wst-field input,.wst-field textarea{
width:100%;
padding:0.8125rem 1rem;
border-radius:var(--r-md);
border:0.0625rem solid var(--line-strong);
background:var(--surface);
color:var(--ink);
transition:border-color var(--t),box-shadow var(--t);
}
.wst-field textarea{min-height:8.125rem;resize:vertical}
.wst-field input:focus,.wst-field textarea:focus{border-color:var(--brand);box-shadow:0 0 0 0.1875rem rgba(240,50,126,0.16);outline:none}
.wst-field input[aria-invalid="true"],.wst-field textarea[aria-invalid="true"]{border-color:#c2183c}
.wst-field__hint{font-size:0.8125rem;color:var(--muted);margin-top:0.3125rem}
.wst-field__err{font-size:0.8125rem;color:#c2183c;margin-top:0.3125rem;font-weight:600}
.wst-hp{position:absolute!important;width:0.0625rem;height:0.0625rem;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}

.wst-notice{border-radius:var(--r-md);padding:var(--s-4) var(--s-5);font-weight:600}
.wst-notice--ok{background:#e8f7ee;color:#0f5c2e;border:0.0625rem solid #b7e3c8}
.wst-notice--err{background:#fdeaee;color:#8f1029;border:0.0625rem solid #f3c2cd}

.wst-cta{
background:var(--brand-solid);
color:#fff;
border-radius:var(--r-xl);
padding:clamp(2rem,4vw,3rem);
}
.wst-cta h2{color:#fff;margin-bottom:var(--s-2)}
.wst-cta p{color:rgba(255,255,255,0.94)}
.wst-cta .wst-field label{color:#fff}
.wst-cta .wst-field input,.wst-cta .wst-field textarea{border-color:rgba(255,255,255,0.5)}
.wst-cta .wst-btn--dark{background:var(--ink)}
.wst-cta .wst-btn--dark:hover{background:#000}

.wst-single{padding-block:clamp(2.5rem,5vw,4rem)}
.wst-single__grid{display:grid;grid-template-columns:1.15fr 0.85fr;gap:clamp(2rem,4vw,3.5rem);align-items:start}
.wst-single__shot{border-radius:var(--r-lg);overflow:hidden;border:0.0625rem solid var(--line);background:var(--surface)}
.wst-single__panel{
background:var(--surface);
border:0.0625rem solid var(--line);
border-radius:var(--r-lg);
padding:clamp(1.5rem,3vw,2rem);
position:sticky;
top:6.25rem;
}
.wst-single__price{display:flex;align-items:baseline;gap:var(--s-3);margin-bottom:var(--s-5)}
.wst-single__price b{font-family:var(--font-display);font-weight:800;font-size:2.125rem;line-height:1}
.wst-single__price s{color:var(--muted-2);font-size:1.0625rem}
.wst-single__buttons{display:grid;gap:var(--s-3);margin-bottom:var(--s-5)}
.wst-specs{display:grid;gap:var(--s-3);margin:0;padding:0;list-style:none;border-top:0.0625rem solid var(--line-soft);padding-top:var(--s-5)}
.wst-specs li{display:flex;gap:0.625rem;align-items:flex-start;font-size:var(--fs-sm);color:var(--muted)}
.wst-specs li::before{content:"";width:1.125rem;height:1.125rem;border-radius:var(--r-pill);background:var(--brand-soft);flex-shrink:0;margin-top:0.1875rem;background-image:linear-gradient(45deg,transparent 45%,var(--brand) 45%,var(--brand) 55%,transparent 55%)}

.wst-breadcrumbs{font-size:var(--fs-xs);color:var(--muted-2);margin-bottom:var(--s-5)}
.wst-breadcrumbs a{color:var(--muted)}
.wst-breadcrumbs a:hover{color:var(--brand-ink)}

.wst-prose{max-width:74ch;font-size:var(--fs-body);color:var(--ink);line-height:1.8}
.wst-prose h2{margin-top:var(--s-9);font-size:clamp(1.5rem,1.2rem + 1.2vw,2rem)}
.wst-prose h3{margin-top:var(--s-7)}
.wst-prose img{border-radius:var(--r-md);margin-block:var(--s-6)}
.wst-prose ul,.wst-prose ol{margin-bottom:var(--s-5)}
.wst-prose li{margin-bottom:var(--s-2)}
.wst-prose blockquote{
margin:var(--s-6) 0;
padding:var(--s-5) var(--s-6);
border-inline-start:0.1875rem solid var(--brand);
background:var(--surface);
border-radius:var(--r-md);
color:var(--muted);
}
.wst-prose a{text-decoration:underline;text-underline-offset:0.1875rem}

.wst-post-card{
background:var(--surface);
border:0.0625rem solid var(--line);
border-radius:var(--r-lg);
overflow:hidden;
display:flex;
flex-direction:column;
position:relative;
transition:transform var(--t),box-shadow var(--t);
}
.wst-post-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card)}
.wst-post-card__shot{aspect-ratio:16/9;overflow:hidden;background:var(--bg-soft)}
.wst-post-card__shot img{width:100%;height:100%;object-fit:cover}
.wst-post-card__body{padding:var(--s-5);display:flex;flex-direction:column;gap:0.625rem;flex-grow:1}
.wst-post-card__meta{font-family:ui-monospace,Menlo,monospace;font-size:0.6875rem;color:var(--muted-2);letter-spacing:0.06em}
.wst-post-card h3{margin:0}
.wst-post-card h3 a{color:var(--ink)}
.wst-post-card h3 a::after{content:"";position:absolute;inset:0}
.wst-post-card p{font-size:var(--fs-sm);color:var(--muted);margin:0}
.wst-post-card__more{margin-top:auto;padding-top:var(--s-3);font-weight:700;font-size:var(--fs-sm);color:var(--brand-ink)}

.wst-page-hero{background:var(--dark);color:#fff;padding-block:clamp(3rem,6vw,5rem)}
.wst-page-hero h1{color:#fff;font-size:var(--fs-h1);font-weight:900;letter-spacing:-0.035em;margin-bottom:var(--s-3)}
.wst-page-hero p{color:var(--on-dark-lead);font-size:var(--fs-lead);max-width:70ch;margin:0}
.wst-page-hero .wst-breadcrumbs{color:var(--on-dark-muted)}
.wst-page-hero .wst-breadcrumbs a{color:var(--on-dark-lead)}

.wst-pagination{display:flex;gap:var(--s-2);justify-content:center;margin-top:var(--s-9);flex-wrap:wrap}
.wst-pagination .page-numbers{
display:inline-flex;
align-items:center;
justify-content:center;
min-width:2.75rem;
height:2.75rem;
padding-inline:0.875rem;
border-radius:var(--r-pill);
border:0.0625rem solid var(--line-strong);
background:var(--surface);
color:var(--ink);
font-weight:700;
}
.wst-pagination .page-numbers:hover{border-color:var(--brand);color:var(--brand-ink)}
.wst-pagination .current{background:var(--ink);border-color:var(--ink);color:#fff}

.wst-reviews{margin-top:var(--s-9);border-top:0.0625rem solid var(--line);padding-top:var(--s-8)}
.wst-review{background:var(--surface);border:0.0625rem solid var(--line);border-radius:var(--r-md);padding:var(--s-5) var(--s-6);margin-bottom:var(--s-4)}
.wst-review__top{display:flex;align-items:center;gap:var(--s-3);margin-bottom:var(--s-2)}
.wst-review__name{font-weight:700}
.wst-stars{color:var(--brand-ink);letter-spacing:0.125rem}

.wst-footer{background:var(--dark);color:var(--on-dark);padding-block:var(--s-11) var(--s-7);margin-top:var(--s-11)}
.wst-footer__grid{display:grid;grid-template-columns:1.5fr 0.9fr 1.1fr 1.3fr 1fr;gap:var(--s-8)}
.wst-footer h3{font-size:1.0625rem;color:#fff;margin-bottom:var(--s-4);font-weight:700;letter-spacing:-0.01em}
.wst-footer ul{list-style:none;padding:0;margin:0;display:grid;gap:0.625rem}
.wst-footer a{color:var(--on-dark-lead);font-size:var(--fs-sm)}
.wst-footer a:hover{color:var(--brand-on-dark)}
.wst-footer p{color:var(--on-dark-muted);font-size:var(--fs-sm)}
.wst-footer__logo img{height:2.625rem;width:auto;margin-bottom:var(--s-4)}
.wst-footer__bottom{
margin-top:var(--s-9);
padding-top:var(--s-6);
border-top:0.0625rem solid rgba(255,255,255,0.12);
display:flex;
align-items:center;
justify-content:space-between;
gap:var(--s-4);
flex-wrap:wrap;
font-size:var(--fs-xs);
color:var(--on-dark-muted);
}
.wst-footer__bottom a{color:var(--on-dark-lead)}

.wst-whatsapp{
position:fixed;
bottom:1.25rem;
inset-inline-start:1.25rem;
z-index:70;
width:3.5rem;
height:3.5rem;
border-radius:var(--r-pill);
background:#25d366;
display:flex;
align-items:center;
justify-content:center;
box-shadow:0 0.75rem 1.75rem -10px rgba(0,0,0,0.5);
transition:transform var(--t);
}
.wst-whatsapp:hover{transform:scale(1.06)}
.wst-whatsapp svg{width:1.875rem;height:1.875rem;fill:#fff}

.wst-404{text-align:center;padding-block:clamp(4rem,9vw,7.5rem)}
.wst-404__code{font-family:var(--font-display);font-weight:900;font-size:clamp(5rem,14vw,9rem);line-height:1;color:var(--brand);letter-spacing:-0.05em}

@media (max-width:64rem){
.wst-hero__inner{grid-template-columns:1fr;gap:var(--s-8)}
.wst-hero__art{order:-1}
.wst-grid--3{grid-template-columns:repeat(2,1fr)}
.wst-single__grid{grid-template-columns:1fr}
.wst-single__panel{position:static}
.wst-footer__grid{grid-template-columns:repeat(2,1fr);gap:var(--s-8)}
}

@media (max-width:53.75rem){
:root{--gutter:1.25rem}
.wst-nav{display:none}
.wst-burger{display:flex}
.wst-grid--3,.wst-grid--2{grid-template-columns:1fr}
.wst-features{grid-template-columns:1fr}
.wst-form__row{grid-template-columns:1fr}
.wst-stats{gap:var(--s-6)}
.wst-footer{padding-block:var(--s-9) var(--s-6);margin-top:var(--s-9)}
.wst-footer__grid{grid-template-columns:1fr;gap:var(--s-7)}
.wst-card__foot{flex-direction:column;align-items:stretch}
.wst-card__actions{width:100%}
.wst-card__actions .wst-btn{flex:1}
}

@media (max-width:32.5rem){
.wst-hero__cta{flex-direction:column;align-items:stretch}
.wst-hero__cta .wst-btn{width:100%}
.wst-logo img{height:2rem}
.wst-whatsapp{width:3.25rem;height:3.25rem;bottom:1rem;inset-inline-start:1rem}
}

@media (prefers-reduced-motion:reduce){
*,*::before,*::after{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important;scroll-behavior:auto!important}
.wst-card:hover{transform:none}
.wst-card:hover .wst-card__shot img{transform:none}
}

@media print{
.wst-header,.wst-footer,.wst-whatsapp,.wst-drawer{display:none!important}
body{background:#fff}
}

.wst-single__shot img{width:100%}
.wst-about{align-items:start}
@media (max-width:56.25rem){
.wst-about{grid-template-columns:1fr!important;gap:2.5rem!important}
.wst-contact-grid{grid-template-columns:1fr!important;gap:2.5rem!important}
}

.wst-btn.wst-btn--brand,.wst-btn.wst-btn--brand:hover,.wst-btn.wst-btn--brand:focus{color:#fff}
.wst-btn.wst-btn--dark,.wst-btn.wst-btn--dark:hover,.wst-btn.wst-btn--dark:focus{color:#fff}
.wst-btn.wst-btn--onDark,.wst-btn.wst-btn--onDark:hover{color:#fff}
.wst-btn.wst-btn--ghost{color:var(--ink)}
.wst-btn.wst-btn--ghost:hover{color:var(--brand-ink)}
.wst-card .wst-card__title a{color:var(--ink)}
.wst-card .wst-card__title a:hover{color:var(--brand-ink)}
.wst-post-card h3 a{color:var(--ink)}
.wst-footer .wst-footer__grid a{color:var(--on-dark-lead)}
.wst-footer .wst-footer__grid a:hover{color:var(--brand-on-dark)}
.wst-nav a.wst-nav-link{color:var(--ink)}

.wst-footer__logo--white{display:inline-block;background:#fff;padding:0.5rem 0.75rem;border-radius:0.75rem;line-height:0}\n.wst-footer__logo--white img{max-height:2rem;width:auto;height:auto}
.wst-consent label{display:flex;align-items:flex-start;gap:0.625rem;font-weight:400;font-size:var(--fs-sm);line-height:1.5;cursor:pointer}
.wst-consent input[type=checkbox]{width:1.25rem;height:1.25rem;min-width:1.25rem;margin:0.125rem 0 0;accent-color:var(--brand);cursor:pointer}
.wst-consent a{text-decoration:underline;text-underline-offset:0.1875rem}
.wst-cta .wst-consent label{color:#fff}
.wst-cta .wst-consent a{color:#fff}
.wst-cta .wst-consent input[type=checkbox]{accent-color:#151119}

.wst-cta .wst-field__hint{color:rgba(255,255,255,0.94)}
.wst-cta .wst-consent label{color:#fff}


/* === ARTICLE === */
.wst-prose h2,.wst-prose h3,.wst-prose h4{scroll-margin-top:6rem}
.wst-prose h4{margin-top:var(--s-6);font-size:1.0625rem}
.wst-prose>*+p{margin-top:var(--s-4)}
.wst-prose strong{color:var(--ink)}
/* summary card */
.wst-tldr{background:var(--bg-soft);border:0.0625rem solid var(--line);border-radius:var(--r-lg);padding:var(--s-6);margin-block:var(--s-6) var(--s-8)}
.wst-tldr__label{display:block;font-family:ui-monospace,Menlo,monospace;font-size:0.6875rem;letter-spacing:0.12em;color:var(--brand-ink);margin-bottom:var(--s-3);text-transform:uppercase}
.wst-tldr p{margin:0 0 var(--s-3);font-size:1.0625rem;line-height:1.75}
.wst-tldr ul{margin:0;padding-inline-start:1.125rem}
.wst-tldr li{margin-bottom:var(--s-2);font-size:1rem}
.wst-tldr li:last-child{margin-bottom:0}
/* table of contents */
.wst-toc{border:0.0625rem solid var(--line);border-radius:var(--r-lg);padding:var(--s-5) var(--s-6);margin-block:var(--s-6) var(--s-8);background:var(--surface)}
.wst-toc>summary{cursor:pointer;font-weight:800;font-size:1.0625rem;list-style:none}
.wst-toc>summary::-webkit-details-marker{display:none}
.wst-toc>summary::after{content:"";width:0.5rem;height:0.5rem;border-inline-end:0.125rem solid currentColor;border-block-end:0.125rem solid currentColor;transform:rotate(45deg);display:inline-block;margin-inline-start:0.625rem;vertical-align:0.1875rem;transition:transform var(--t)}
.wst-toc[open]>summary::after{transform:rotate(-135deg)}
.wst-toc ol{margin:var(--s-4) 0 0;padding-inline-start:1.375rem}
.wst-toc li{margin-bottom:var(--s-2);font-size:1rem}
.wst-toc a{text-decoration:none;color:var(--ink)}
.wst-toc a:hover{color:var(--brand-ink);text-decoration:underline}
/* callout */
.wst-note{border-inline-start:0.25rem solid var(--brand-solid);background:var(--bg-soft);border-radius:var(--r-md);padding:var(--s-5) var(--s-6);margin-block:var(--s-6)}
.wst-note p{margin:0 0 var(--s-3)}
.wst-note p:last-child{margin-bottom:0}
.wst-note__title{display:block;font-weight:800;color:var(--ink);margin-bottom:var(--s-2)}
/* tables */
.wst-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-block:var(--s-6);border:0.0625rem solid var(--line);border-radius:var(--r-lg)}
.wst-prose table{width:100%;min-width:34rem;border-collapse:collapse;font-size:0.9375rem;background:var(--surface)}
.wst-prose thead th{background:var(--dark);color:#fff;font-weight:800;text-align:start;padding:0.875rem 1rem;font-size:0.875rem;white-space:nowrap}
.wst-prose tbody td,.wst-prose tbody th{padding:0.875rem 1rem;border-top:0.0625rem solid var(--line);vertical-align:top;line-height:1.6}
.wst-prose tbody th{text-align:start;font-weight:700;color:var(--ink);background:var(--bg-soft)}
.wst-prose tbody tr:hover td{background:var(--bg-soft)}
.wst-table-note{font-size:var(--fs-sm);color:var(--muted-2);margin-top:calc(var(--s-4) * -1);margin-bottom:var(--s-6)}
/* steps */
.wst-steps{list-style:none;counter-reset:wststep;margin:var(--s-6) 0;padding:0}
.wst-steps>li{counter-increment:wststep;position:relative;padding-inline-start:3rem;margin-bottom:var(--s-5)}
.wst-steps>li::before{content:counter(wststep);position:absolute;inset-inline-start:0;top:0;width:2.125rem;height:2.125rem;border-radius:50%;background:var(--brand-solid);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:0.9375rem}
.wst-steps>li>strong{display:block;margin-bottom:0.25rem}
/* checklist */
.wst-check{list-style:none;margin:var(--s-5) 0;padding:0}
.wst-check>li{position:relative;padding-inline-start:1.875rem;margin-bottom:var(--s-3)}
.wst-check>li::before{content:"";position:absolute;inset-inline-start:0;top:0.5rem;width:0.75rem;height:0.4375rem;border-inline-start:0.125rem solid var(--brand-solid);border-block-end:0.125rem solid var(--brand-solid);transform:rotate(-45deg)}
@media (max-width:37.5rem){
.wst-prose thead th,.wst-prose tbody td,.wst-prose tbody th{padding:0.75rem}
.wst-tldr,.wst-toc,.wst-note{padding:var(--s-5)}
}

.wst-footer__posts a{display:block;line-height:1.5;font-weight:600}
.wst-footer__posts li:last-child a{font-weight:400;color:var(--brand-on-dark)}
@media (min-width:53.8125rem) and (max-width:75rem){.wst-footer__grid{grid-template-columns:1fr 1fr 1fr;gap:var(--s-7)}}

/* Product page on small screens: the details read before the reviews. */
@media (max-width:64rem){
.wst-single__grid{display:flex;flex-direction:column;align-items:stretch;gap:clamp(1.75rem,4vw,2.5rem)}
.wst-single__grid>div:first-child{display:contents}
.wst-single__shot{order:1}
.wst-single__panel{order:2}
.wst-single__grid .wst-prose{order:3}
.wst-single__grid .wst-reviews{order:4}
.wst-single__grid .wst-reviewform{order:5;margin-top:0}
}