/*
Theme Name: wp-deploy
Theme URI: https://wp-deploy.com/
Author: wp-deploy
Description: A premium light WordPress landing theme for the wp-deploy deployment product.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: wp-deploy
*/

:root {
  --wd-navy-950:#10223e;
  --wd-navy-800:#243b5a;
  --wd-slate-600:#5e718d;
  --wd-slate-400:#91a1b7;
  --wd-mist-200:#dce7f3;
  --wd-mist-100:#eaf1f8;
  --wd-sky-50:#f4f9fe;
  --wd-canvas:#fbfdff;
  --wd-white:#fff;
  --wd-wp-blue:#21759b;
  --wd-blue:#2563eb;
  --wd-blue-hover:#1d55cf;
  --wd-sky:#0ea5e9;
  --wd-pale-blue:#e8f3ff;
  --wd-success:#16a36a;
  --wd-success-bg:#eaf9f2;
  --wd-warning:#d97706;
  --wd-warning-bg:#fff7e8;
  --wd-error:#dc3848;
  --wd-radius-sm:8px;
  --wd-radius-md:14px;
  --wd-radius-lg:22px;
  --wd-radius-xl:28px;
  --wd-pill:999px;
  --wd-shadow-card:0 18px 50px rgba(37,99,235,.08);
  --wd-shadow-window:0 30px 80px rgba(34,69,119,.14);
  --wd-shadow-button:0 10px 24px rgba(37,99,235,.20);
  --wd-container:1180px;
  --wd-ease:cubic-bezier(.22,1,.36,1);
}

*,*::before,*::after { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:88px; }
body { margin:0; color:var(--wd-navy-950); background:var(--wd-canvas); font-family:"Geist","Inter",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; font-size:16px; line-height:1.65; -webkit-font-smoothing:antialiased; }
a { color:inherit; }
button,input,select,textarea { font:inherit; }
button { color:inherit; }
img,svg { display:block; max-width:100%; }
::selection { color:var(--wd-navy-950); background:#cfe8ff; }
:focus-visible { outline:3px solid rgba(14,165,233,.38); outline-offset:3px; }

.screen-reader-text { position:absolute!important; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.screen-reader-text:focus { z-index:100000; top:8px; left:8px; width:auto; height:auto; padding:12px 16px; clip:auto; color:var(--wd-navy-950); background:var(--wd-white); border-radius:8px; box-shadow:var(--wd-shadow-card); }
.wd-container { width:min(calc(100% - 40px),var(--wd-container)); margin-inline:auto; }
.wd-section { padding:108px 0; }
.wd-section--tint { background:linear-gradient(180deg,var(--wd-sky-50),var(--wd-canvas)); border-block:1px solid var(--wd-mist-100); }
.wd-section--blue { background:var(--wd-pale-blue); border-block:1px solid #d7eaff; }
.wd-grid { display:grid; gap:22px; }
.wd-grid--2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
.wd-grid--3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
.wd-grid--4 { grid-template-columns:repeat(4,minmax(0,1fr)); }
.wd-kicker { display:inline-flex; align-items:center; gap:8px; color:var(--wd-blue); font:650 12px/1.2 ui-monospace,"SFMono-Regular",Consolas,monospace; letter-spacing:.08em; text-transform:uppercase; }
.wd-kicker::before { content:""; width:18px; height:2px; border-radius:9px; background:var(--wd-blue); }
h1,h2,h3,h4,p { margin-top:0; }
h1 { font-size:clamp(46px,6.7vw,76px); line-height:.98; letter-spacing:-.055em; font-weight:760; }
h2 { font-size:clamp(34px,4vw,50px); line-height:1.06; letter-spacing:-.045em; font-weight:740; }
h3 { font-size:22px; line-height:1.22; letter-spacing:-.025em; }
p { color:var(--wd-slate-600); }
.wd-lead { font-size:19px; line-height:1.72; }
.wd-mono { font-family:ui-monospace,"SFMono-Regular",Consolas,monospace; }
.wd-section-heading { max-width:735px; margin-bottom:44px; }
.wd-section-heading .wd-kicker { margin-bottom:15px; }
.wd-section-heading h2 { margin-bottom:16px; }
.wd-section-heading p { margin-bottom:0; }
.wd-section-heading--center { margin-inline:auto; text-align:center; }

.wd-button { min-height:48px; display:inline-flex; align-items:center; justify-content:center; gap:9px; padding:0 20px; border:1px solid transparent; border-radius:var(--wd-pill); font-weight:720; text-decoration:none; cursor:pointer; transition:transform .2s var(--wd-ease),box-shadow .2s var(--wd-ease),background .2s ease,border-color .2s ease,color .2s ease; }
.wd-button:hover { transform:translateY(-2px); }
.wd-button--primary { color:var(--wd-white); background:var(--wd-blue); box-shadow:var(--wd-shadow-button); }
.wd-button--primary:hover { color:var(--wd-white); background:var(--wd-blue-hover); box-shadow:0 14px 30px rgba(37,99,235,.25); }
.wd-button--secondary { color:var(--wd-navy-950); background:var(--wd-white); border-color:var(--wd-mist-200); box-shadow:0 8px 22px rgba(34,69,119,.06); }
.wd-button--secondary:hover { color:var(--wd-blue); border-color:#b9cee3; }
.wd-button--soft { color:#164e9b; background:var(--wd-pale-blue); }
.wd-button--soft:hover { color:#123f7c; background:#dcecff; }
.wd-button svg { width:17px; height:17px; }

.wd-site-header { position:sticky; top:0; z-index:50; border-bottom:1px solid rgba(220,231,243,.88); background:rgba(251,253,255,.9); backdrop-filter:blur(18px); }
.admin-bar .wd-site-header { top:32px; }
.wd-header-inner { min-height:74px; display:flex; align-items:center; justify-content:space-between; gap:28px; }
.wd-brand,.custom-logo-link { display:inline-flex; align-items:center; gap:10px; color:var(--wd-navy-950); font-size:18px; font-weight:780; letter-spacing:-.035em; text-decoration:none; }
.custom-logo { width:auto; max-height:42px; }
.wd-brand-mark { width:35px; height:35px; display:grid; place-items:center; border-radius:11px; color:var(--wd-white); background:linear-gradient(135deg,var(--wd-wp-blue),var(--wd-blue)); box-shadow:0 8px 20px rgba(37,99,235,.18); font:700 14px/1 ui-monospace,monospace; }
.wd-header-actions { display:flex; align-items:center; gap:25px; }
.wd-primary-nav ul { display:flex; align-items:center; gap:25px; padding:0; margin:0; list-style:none; }
.wd-primary-nav a { color:var(--wd-slate-600); font-size:14px; font-weight:560; text-decoration:none; transition:color .18s ease; }
.wd-primary-nav a:hover { color:var(--wd-blue); }
.wd-menu-toggle { display:none; width:44px; height:44px; padding:0; border:1px solid var(--wd-mist-200); border-radius:13px; background:var(--wd-white); cursor:pointer; }
.wd-menu-toggle-line,.wd-menu-toggle::before,.wd-menu-toggle::after { content:""; width:19px; height:2px; display:block; margin:4px auto; border-radius:3px; background:var(--wd-navy-950); transition:transform .2s ease,opacity .2s ease; }
.wd-menu-toggle[aria-expanded="true"] .wd-menu-toggle-line { opacity:0; }
.wd-menu-toggle[aria-expanded="true"]::before { transform:translateY(6px) rotate(45deg); }
.wd-menu-toggle[aria-expanded="true"]::after { transform:translateY(-6px) rotate(-45deg); }

.wd-hero { position:relative; overflow:hidden; padding:98px 0 112px; text-align:center; background:radial-gradient(circle at 78% 14%,rgba(14,165,233,.13),transparent 26%),radial-gradient(circle at 15% 40%,rgba(37,99,235,.08),transparent 29%),linear-gradient(180deg,#fff 0%,#f8fbff 100%); border-bottom:1px solid var(--wd-mist-100); }
.wd-hero::before { content:""; position:absolute; inset:0; opacity:.42; background-image:linear-gradient(var(--wd-mist-100) 1px,transparent 1px),linear-gradient(90deg,var(--wd-mist-100) 1px,transparent 1px); background-size:52px 52px; mask-image:linear-gradient(to bottom,#000,transparent 73%); }
.wd-hero-inner { position:relative; z-index:1; }
.wd-hero .wd-kicker { padding:8px 12px; margin-bottom:25px; border:1px solid #cee4fb; border-radius:var(--wd-pill); background:rgba(255,255,255,.78); }
.wd-hero .wd-kicker::before { width:8px; height:8px; border-radius:50%; background:var(--wd-success); box-shadow:0 0 0 5px rgba(22,163,106,.1); }
.wd-hero h1 { max-width:900px; margin:0 auto 24px; }
.wd-hero .wd-lead { max-width:710px; margin:0 auto; }
.wd-hero-actions { display:flex; justify-content:center; flex-wrap:wrap; gap:12px; margin:31px 0 58px; }
.wd-hero-proof { margin:25px 0 0; color:var(--wd-slate-400); font-size:12px; letter-spacing:.02em; }

.wd-workspace { width:min(100%,970px); margin-inline:auto; overflow:hidden; text-align:left; border:1px solid var(--wd-mist-200); border-radius:var(--wd-radius-xl); background:rgba(255,255,255,.96); box-shadow:var(--wd-shadow-window); }
.wd-window-bar { height:57px; display:flex; align-items:center; justify-content:space-between; gap:16px; padding:0 19px; border-bottom:1px solid var(--wd-mist-100); background:#fafdff; }
.wd-window-dots { display:flex; gap:7px; }
.wd-window-dots i { width:9px; height:9px; border-radius:50%; background:#c7d7e8; }
.wd-window-title { color:var(--wd-slate-600); font-size:12px; }
.wd-workspace-body { display:grid; grid-template-columns:215px 1fr; min-height:432px; }
.wd-workspace-sidebar { padding:22px 15px; border-right:1px solid var(--wd-mist-100); background:#f8fbff; }
.wd-sidebar-label { padding:0 10px 10px; color:var(--wd-slate-400); font:650 10px/1.2 ui-monospace,monospace; letter-spacing:.09em; text-transform:uppercase; }
.wd-site-row { display:flex; align-items:center; gap:10px; padding:10px; border-radius:11px; color:var(--wd-slate-600); font-size:13px; }
.wd-site-row--active { color:var(--wd-blue); background:var(--wd-pale-blue); font-weight:700; }
.wd-site-icon { width:27px; height:27px; display:grid; place-items:center; border:1px solid var(--wd-mist-200); border-radius:8px; background:var(--wd-white); font-size:11px; }
.wd-deploy-panel { padding:27px; }
.wd-deploy-top { display:flex; justify-content:space-between; align-items:flex-start; gap:18px; padding-bottom:22px; border-bottom:1px solid var(--wd-mist-100); }
.wd-deploy-top h3 { margin:8px 0 4px; }
.wd-deploy-top p { margin:0; font-size:12px; }
.wd-badge { display:inline-flex; align-items:center; gap:7px; min-height:27px; padding:4px 9px; border:1px solid var(--wd-mist-200); border-radius:var(--wd-pill); color:var(--wd-slate-600); background:var(--wd-white); font:650 11px/1.2 ui-monospace,monospace; white-space:nowrap; }
.wd-badge::before { content:""; width:6px; height:6px; border-radius:50%; background:var(--wd-slate-400); }
.wd-badge--success { color:#087a4c; border-color:#bdebd7; background:var(--wd-success-bg); }
.wd-badge--success::before { background:var(--wd-success); }
.wd-badge--warning { color:#9a5705; border-color:#f4d8a3; background:var(--wd-warning-bg); }
.wd-badge--warning::before { background:var(--wd-warning); }
.wd-file-list { margin:18px 0; overflow:hidden; border:1px solid var(--wd-mist-100); border-radius:var(--wd-radius-md); }
.wd-file-row { display:grid; grid-template-columns:1fr 90px 26px; gap:14px; align-items:center; padding:12px 14px; border-bottom:1px solid var(--wd-mist-100); font:12px/1.35 ui-monospace,monospace; }
.wd-file-row:last-child { border-bottom:0; }
.wd-file-row span:nth-child(2) { color:var(--wd-slate-400); }
.wd-file-add { color:var(--wd-success); text-align:right; }
.wd-deploy-actions { display:flex; justify-content:space-between; align-items:center; gap:18px; }
.wd-deploy-note { display:flex; gap:9px; align-items:center; color:var(--wd-slate-600); font-size:12px; }
.wd-check { width:19px; height:19px; flex:0 0 auto; display:grid; place-items:center; border-radius:50%; color:var(--wd-white); background:var(--wd-success); font-size:11px; }

.wd-trust { padding:30px 0; background:var(--wd-white); border-bottom:1px solid var(--wd-mist-100); }
.wd-trust-inner { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:18px 42px; }
.wd-trust-label { color:var(--wd-slate-400); font:650 11px/1.2 ui-monospace,monospace; letter-spacing:.08em; text-transform:uppercase; }
.wd-trust-item { display:flex; align-items:center; gap:8px; color:var(--wd-navy-800); font-size:13px; font-weight:680; }
.wd-trust-item svg { width:17px; height:17px; color:var(--wd-blue); }

.wd-pain-copy { align-self:center; padding-right:48px; }
.wd-pain-copy .wd-kicker { margin-bottom:15px; }
.wd-pain-copy h2 { margin-bottom:18px; }
.wd-pain-list { display:grid; gap:14px; margin-top:28px; }
.wd-pain-item { display:flex; align-items:flex-start; gap:12px; color:var(--wd-navy-800); font-weight:660; }
.wd-pain-x { width:23px; height:23px; flex:0 0 auto; display:grid; place-items:center; margin-top:2px; border-radius:8px; color:var(--wd-error); background:#fff0f1; font-size:13px; }
.wd-release-card { padding:29px; border:1px solid var(--wd-mist-200); border-radius:var(--wd-radius-xl); background:var(--wd-white); box-shadow:var(--wd-shadow-card); }
.wd-release-card-header { display:flex; align-items:center; justify-content:space-between; gap:15px; padding-bottom:19px; border-bottom:1px solid var(--wd-mist-100); }
.wd-release-card h3 { margin:0; }
.wd-release-step { display:flex; gap:15px; padding:19px 0; border-bottom:1px solid var(--wd-mist-100); }
.wd-release-step:last-child { border-bottom:0; padding-bottom:0; }
.wd-release-step-icon { width:39px; height:39px; flex:0 0 auto; display:grid; place-items:center; border:1px solid #cfe5fa; border-radius:13px; color:var(--wd-blue); background:var(--wd-pale-blue); }
.wd-release-step-icon svg { width:18px; height:18px; }
.wd-release-step h4 { margin:1px 0 3px; font-size:15px; }
.wd-release-step p { margin:0; font-size:13px; }

.wd-workflow { position:relative; }
.wd-workflow::before { content:""; position:absolute; top:29px; left:16.66%; right:16.66%; height:2px; background:linear-gradient(90deg,#b9dbfb,var(--wd-blue),#b9dbfb); }
.wd-workflow-step { position:relative; text-align:center; }
.wd-step-number { position:relative; z-index:1; width:58px; height:58px; display:grid; place-items:center; margin:0 auto 23px; border:7px solid var(--wd-canvas); border-radius:50%; color:var(--wd-white); background:var(--wd-blue); box-shadow:0 9px 22px rgba(37,99,235,.19); font:700 13px/1 ui-monospace,monospace; }
.wd-workflow-step h3 { margin-bottom:10px; }
.wd-workflow-step p { max-width:310px; margin:0 auto; }

.wd-card { padding:27px; border:1px solid var(--wd-mist-200); border-radius:var(--wd-radius-lg); background:var(--wd-white); box-shadow:var(--wd-shadow-card); }
.wd-feature-card { transition:transform .22s var(--wd-ease),box-shadow .22s var(--wd-ease),border-color .22s ease; }
.wd-feature-card:hover { transform:translateY(-5px); border-color:#c2d9ef; box-shadow:0 24px 60px rgba(37,99,235,.12); }
.wd-feature-icon { width:45px; height:45px; display:grid; place-items:center; margin-bottom:24px; border:1px solid #cfe5fa; border-radius:14px; color:var(--wd-blue); background:var(--wd-pale-blue); }
.wd-feature-icon svg { width:21px; height:21px; }
.wd-card h3 { margin-bottom:10px; }
.wd-card p:last-child { margin-bottom:0; }

.wd-product-copy { align-self:center; padding-left:46px; }
.wd-product-copy .wd-kicker { margin-bottom:15px; }
.wd-product-copy h2 { margin-bottom:18px; }
.wd-benefit-list { display:grid; gap:17px; padding:0; margin:28px 0 0; list-style:none; }
.wd-benefit-list li { display:flex; gap:12px; color:var(--wd-navy-800); font-weight:650; }
.wd-log-card { overflow:hidden; border:1px solid var(--wd-mist-200); border-radius:var(--wd-radius-xl); background:var(--wd-white); box-shadow:var(--wd-shadow-window); }
.wd-log-head { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:19px 21px; border-bottom:1px solid var(--wd-mist-100); background:#fafdff; }
.wd-log-head strong { font-size:14px; }
.wd-log-body { padding:23px; }
.wd-log-line { display:grid; grid-template-columns:70px 1fr; gap:16px; padding:12px 0; border-bottom:1px solid var(--wd-mist-100); font-size:12px; }
.wd-log-line:last-child { border-bottom:0; }
.wd-log-time { color:var(--wd-slate-400); font-family:ui-monospace,monospace; }
.wd-log-message { color:var(--wd-navy-800); }
.wd-log-message strong { color:var(--wd-success); }
.wd-log-summary { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-top:18px; padding:15px; border:1px solid #bdebd7; border-radius:14px; background:var(--wd-success-bg); }
.wd-log-summary p { margin:0; color:#087a4c; font-size:13px; font-weight:680; }

.wd-use-card { position:relative; min-height:255px; overflow:hidden; }
.wd-use-card::after { content:""; position:absolute; width:130px; height:130px; right:-50px; bottom:-60px; border:24px solid rgba(37,99,235,.05); border-radius:50%; }
.wd-use-card .wd-feature-icon { margin-bottom:34px; }

.wd-pricing-card { position:relative; display:flex; flex-direction:column; }
.wd-pricing-card--featured { border:2px solid var(--wd-blue); box-shadow:0 24px 65px rgba(37,99,235,.14); }
.wd-pricing-card h3 { margin:18px 0 8px; }
.wd-price { margin:20px 0; color:var(--wd-navy-950); font-size:44px; line-height:1; font-weight:780; letter-spacing:-.045em; }
.wd-price span { color:var(--wd-slate-400); font-size:14px; font-weight:500; letter-spacing:0; }
.wd-pricing-card .wd-button { width:100%; }
.wd-clean-list { display:grid; gap:12px; padding:22px 0 0; margin:22px 0 0; border-top:1px solid var(--wd-mist-100); list-style:none; }
.wd-clean-list li { display:flex; gap:9px; color:var(--wd-slate-600); font-size:14px; }
.wd-clean-list svg { width:17px; height:17px; flex:0 0 auto; margin-top:3px; color:var(--wd-success); }
.wd-pricing-note { max-width:660px; margin:26px auto 0; color:var(--wd-slate-400); font-size:12px; text-align:center; }

.wd-faq-layout { align-items:start; }
.wd-faq-intro { position:sticky; top:110px; padding-right:60px; }
.wd-faq-intro .wd-kicker { margin-bottom:15px; }
.wd-faq-intro h2 { margin-bottom:18px; }
.wd-faq-list { border-top:1px solid var(--wd-mist-200); }
.wd-faq-item { border-bottom:1px solid var(--wd-mist-200); }
.wd-faq-button { width:100%; display:flex; align-items:center; justify-content:space-between; gap:24px; padding:22px 0; border:0; background:transparent; color:var(--wd-navy-950); font-weight:720; text-align:left; cursor:pointer; }
.wd-faq-icon { width:28px; height:28px; flex:0 0 auto; display:grid; place-items:center; border-radius:9px; color:var(--wd-blue); background:var(--wd-pale-blue); font-size:19px; transition:transform .2s ease; }
.wd-faq-button[aria-expanded="true"] .wd-faq-icon { transform:rotate(45deg); }
.wd-faq-answer { display:grid; grid-template-rows:1fr; transition:grid-template-rows .3s var(--wd-ease); }
.wd-faq-answer > div { overflow:hidden; }
.js-enhanced .wd-faq-answer { grid-template-rows:0fr; }
.js-enhanced .wd-faq-button[aria-expanded="true"] + .wd-faq-answer { grid-template-rows:1fr; }
.wd-faq-answer p { max-width:650px; padding:0 45px 22px 0; margin:0; }

.wd-final { padding:105px 0; }
.wd-final-card { position:relative; overflow:hidden; display:flex; align-items:center; justify-content:space-between; gap:35px; padding:52px; border:1px solid #cfe5fa; border-radius:var(--wd-radius-xl); background:linear-gradient(135deg,#edf7ff,#fff); box-shadow:var(--wd-shadow-card); }
.wd-final-card::after { content:""; position:absolute; width:300px; height:300px; right:-95px; top:-135px; border:44px solid rgba(37,99,235,.06); border-radius:50%; }
.wd-final-content,.wd-final-card .wd-button { position:relative; z-index:1; }
.wd-final-content { max-width:750px; }
.wd-final-content h2 { margin:13px 0 11px; }
.wd-final-content p { margin:0; }

.wd-site-footer { padding:68px 0 30px; border-top:1px solid var(--wd-mist-100); background:var(--wd-white); }
.wd-footer-main { display:grid; grid-template-columns:1.5fr repeat(4,1fr); gap:34px; padding-bottom:56px; }
.wd-footer-brand p { max-width:310px; margin:18px 0 0; font-size:14px; }
.wd-footer-column h2 { margin:2px 0 15px; font-size:12px; line-height:1.2; letter-spacing:.08em; text-transform:uppercase; }
.wd-footer-column ul { display:grid; gap:10px; padding:0; margin:0; list-style:none; }
.wd-footer-column a { color:var(--wd-slate-600); font-size:14px; text-decoration:none; }
.wd-footer-column a:hover { color:var(--wd-blue); }
.wd-footer-bottom { display:flex; align-items:center; justify-content:space-between; gap:24px; padding-top:26px; border-top:1px solid var(--wd-mist-100); color:var(--wd-slate-400); font-size:12px; }

/* Multipage navigation */
.wd-primary-nav .wd-nav-menu { display:flex; align-items:center; gap:5px; }
.wd-primary-nav .wd-nav-item { position:relative; }
.wd-primary-nav .wd-nav-item > a,.wd-nav-submenu-toggle { min-height:42px; display:inline-flex; align-items:center; gap:6px; padding:0 10px; border:0; border-radius:10px; color:var(--wd-slate-600); background:transparent; font-size:14px; font-weight:580; text-decoration:none; cursor:pointer; transition:color .18s ease,background .18s ease; }
.wd-primary-nav .wd-nav-item > a:hover,.wd-nav-submenu-toggle:hover,.wd-nav-submenu-toggle[aria-expanded="true"] { color:var(--wd-blue); background:var(--wd-pale-blue); }
.wd-nav-chevron { width:7px; height:7px; flex:0 0 auto; margin-left:2px; border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor; transform:translateY(-2px) rotate(45deg); transform-origin:center; transition:transform .18s ease; }
.wd-nav-submenu-toggle[aria-expanded="true"] .wd-nav-chevron { transform:translateY(2px) rotate(225deg); }
.wd-primary-nav .wd-submenu { position:absolute; z-index:60; top:48px; left:0; width:300px; display:none; gap:3px; padding:10px; border:1px solid var(--wd-mist-200); border-radius:16px; background:var(--wd-white); box-shadow:var(--wd-shadow-window); list-style:none; }
.wd-primary-nav .wd-nav-submenu-toggle[aria-expanded="true"] + .wd-submenu { display:grid; }
.wd-primary-nav .wd-submenu a { display:block; padding:11px 12px; border-radius:11px; text-decoration:none; }
.wd-primary-nav .wd-submenu a:hover,.wd-primary-nav .wd-submenu a:focus-visible { background:var(--wd-sky-50); }
.wd-primary-nav .wd-submenu strong { display:block; color:var(--wd-navy-950); font-size:13px; }
.wd-primary-nav .wd-submenu span { display:block; margin-top:2px; color:var(--wd-slate-400); font-size:11px; font-weight:450; }
.no-js .wd-nav-submenu-toggle { display:none; }
.no-js .wd-primary-nav .wd-submenu { position:static; width:auto; display:flex; padding:0; border:0; background:transparent; box-shadow:none; }
.no-js .wd-primary-nav .wd-submenu a { padding:10px; }
.no-js .wd-primary-nav .wd-submenu a span { display:none; }
.no-js [data-doc-filter],.no-js .wd-docs-sidebar > label,.no-js .wd-docs-sidebar > p { display:none; }

/* Shared subpage patterns */
.wd-early-chip { display:inline-flex; align-items:center; gap:8px; padding:7px 11px; border:1px solid #cfe5fa; border-radius:var(--wd-pill); color:var(--wd-blue); background:var(--wd-pale-blue); font:700 11px/1.2 ui-monospace,monospace; letter-spacing:.04em; text-transform:uppercase; }
.wd-early-chip::before { content:""; width:7px; height:7px; border-radius:50%; background:var(--wd-sky); box-shadow:0 0 0 5px rgba(14,165,233,.1); }
.wd-breadcrumb { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin-bottom:30px; color:var(--wd-slate-400); font-size:13px; }
.wd-breadcrumb a { color:var(--wd-slate-600); text-decoration:none; }
.wd-breadcrumb a:hover { color:var(--wd-blue); }
.wd-page-hero { position:relative; overflow:hidden; padding:76px 0 88px; border-bottom:1px solid var(--wd-mist-100); background:radial-gradient(circle at 84% 18%,rgba(14,165,233,.12),transparent 25%),radial-gradient(circle at 12% 75%,rgba(37,99,235,.06),transparent 28%),linear-gradient(180deg,#fff,#f7fbff); }
.wd-page-hero::before { content:""; position:absolute; inset:0; opacity:.34; background-image:linear-gradient(var(--wd-mist-100) 1px,transparent 1px),linear-gradient(90deg,var(--wd-mist-100) 1px,transparent 1px); background-size:52px 52px; mask-image:linear-gradient(to bottom,#000,transparent 85%); }
.wd-page-hero > .wd-container { position:relative; z-index:1; }
.wd-page-hero-grid { display:grid; grid-template-columns:1.04fr .96fr; gap:62px; align-items:center; }
.wd-page-hero h1 { max-width:720px; margin:17px 0 22px; font-size:clamp(44px,5.4vw,68px); }
.wd-page-hero-copy .wd-lead { max-width:680px; margin-bottom:0; }
.wd-page-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:29px; }
.wd-page-preview { overflow:hidden; padding:22px; border:1px solid var(--wd-mist-200); border-radius:var(--wd-radius-xl); background:rgba(255,255,255,.96); box-shadow:var(--wd-shadow-window); }
.wd-preview-head { display:flex; align-items:center; justify-content:space-between; gap:15px; padding-bottom:17px; border-bottom:1px solid var(--wd-mist-100); color:var(--wd-slate-400); font-size:11px; }
.wd-preview-row { min-height:60px; display:flex; align-items:center; justify-content:space-between; gap:18px; padding:12px 2px; border-bottom:1px solid var(--wd-mist-100); color:var(--wd-slate-600); font-size:13px; }
.wd-preview-row:last-child { border-bottom:0; }
.wd-preview-row > span:first-child { display:grid; gap:2px; }
.wd-preview-row small { color:var(--wd-slate-400); }
.wd-preview-row strong { color:var(--wd-navy-950); font-size:12px; }
.wd-architecture-mini { display:grid; grid-template-columns:1fr auto 1fr auto 1fr; gap:9px; align-items:center; padding:26px 0 18px; }
.wd-architecture-mini span { padding:14px 8px; border:1px solid #cfe5fa; border-radius:12px; color:var(--wd-blue); background:var(--wd-pale-blue); font-size:12px; font-weight:720; text-align:center; }
.wd-architecture-mini i { color:var(--wd-slate-400); font-style:normal; }
.wd-price-preview { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; padding-top:18px; }
.wd-price-preview > div { display:grid; gap:12px; padding:17px 10px; border:1px solid var(--wd-mist-100); border-radius:14px; background:var(--wd-sky-50); text-align:center; }
.wd-price-preview > div.active { border-color:#a9cdf5; background:var(--wd-pale-blue); }
.wd-price-preview span { color:var(--wd-slate-600); font-size:12px; }
.wd-price-preview strong { font-size:22px; }
.wd-price-preview small { color:var(--wd-slate-400); font-size:10px; }

.wd-page-layout { display:grid; grid-template-columns:210px 1fr; gap:54px; align-items:start; }
.wd-page-nav { position:sticky; top:100px; display:grid; gap:3px; padding:14px; border:1px solid var(--wd-mist-200); border-radius:16px; background:var(--wd-white); box-shadow:0 10px 30px rgba(34,69,119,.05); }
.wd-page-nav a { padding:9px 10px; border-radius:9px; color:var(--wd-slate-600); font-size:13px; text-decoration:none; }
.wd-page-nav a:hover,.wd-page-nav a.active { color:var(--wd-blue); background:var(--wd-pale-blue); font-weight:700; }
.wd-feature-detail { scroll-margin-top:100px; display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:center; padding:48px 0; border-bottom:1px solid var(--wd-mist-100); }
.wd-feature-detail:first-child { padding-top:0; }
.wd-feature-detail:last-child { border-bottom:0; padding-bottom:0; }
.wd-feature-detail h2 { margin:14px 0 17px; font-size:clamp(31px,3.2vw,42px); }
.wd-feature-visual { min-height:250px; display:grid; align-content:center; gap:10px; padding:25px; border:1px solid var(--wd-mist-200); border-radius:var(--wd-radius-lg); background:var(--wd-sky-50); }
.wd-manifest-row { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:12px 13px; border:1px solid var(--wd-mist-100); border-radius:11px; background:var(--wd-white); font:12px/1.3 ui-monospace,monospace; }
.wd-manifest-row span { color:var(--wd-slate-600); }
.wd-text-success { color:var(--wd-success); }
.wd-text-error { color:var(--wd-error); }
.wd-mini-flow { display:grid; grid-template-columns:1fr auto 1fr auto 1fr; gap:8px; align-items:center; margin-top:22px; }
.wd-mini-flow span { padding:14px 8px; border:1px solid #cfe5fa; border-radius:12px; color:var(--wd-blue); background:var(--wd-white); font-size:11px; font-weight:720; text-align:center; }
.wd-mini-flow i { color:var(--wd-slate-400); font-style:normal; }

.wd-status-label { display:inline-flex; align-items:center; justify-content:center; min-width:74px; padding:5px 8px; border-radius:var(--wd-pill); font:700 10px/1.2 ui-monospace,monospace; white-space:nowrap; }
.wd-status-label--implemented { color:#087a4c; background:var(--wd-success-bg); }
.wd-status-label--planned { color:#9a5705; background:var(--wd-warning-bg); }
.wd-scope-card { padding:30px; border:1px solid var(--wd-mist-200); border-radius:var(--wd-radius-lg); background:var(--wd-white); box-shadow:var(--wd-shadow-card); }
.wd-scope-card h3 { margin-bottom:20px; }
.wd-scope-card ul { display:grid; gap:12px; padding:0; margin:0; list-style:none; }
.wd-scope-card li { display:flex; gap:10px; color:var(--wd-slate-600); }
.wd-scope-card li::before { width:21px; height:21px; flex:0 0 auto; display:grid; place-items:center; border-radius:7px; font-size:12px; font-weight:800; }
.wd-scope-card--yes li::before { content:"✓"; color:#087a4c; background:var(--wd-success-bg); }
.wd-scope-card--no li::before { content:"×"; color:var(--wd-error); background:#fff0f1; }

.wd-process-list { max-width:920px; margin-inline:auto; border-top:1px solid var(--wd-mist-200); }
.wd-process-step { display:grid; grid-template-columns:54px 1fr auto; gap:20px; align-items:start; padding:25px 0; border-bottom:1px solid var(--wd-mist-200); }
.wd-process-number { width:45px; height:45px; display:grid; place-items:center; border-radius:14px; color:var(--wd-blue); background:var(--wd-pale-blue); font:750 12px/1 ui-monospace,monospace; }
.wd-process-step h3 { margin:3px 0 7px; }
.wd-process-step p { margin:0; }
.wd-architecture-section { align-items:center; }
.wd-architecture-card { display:grid; justify-items:center; gap:10px; padding:30px; border:1px solid var(--wd-mist-200); border-radius:var(--wd-radius-xl); background:var(--wd-white); box-shadow:var(--wd-shadow-window); }
.wd-architecture-card > i { color:var(--wd-slate-400); font:11px/1.2 ui-monospace,monospace; font-style:normal; }
.wd-arch-node { width:100%; padding:18px; border:1px solid #cfe5fa; border-radius:14px; background:var(--wd-sky-50); text-align:center; }
.wd-arch-node strong,.wd-arch-node span { display:block; }
.wd-arch-node span { margin-top:4px; color:var(--wd-slate-600); font-size:12px; }
.wd-api-card { display:grid; gap:0; overflow:hidden; border:1px solid var(--wd-mist-200); border-radius:var(--wd-radius-lg); background:var(--wd-white); box-shadow:var(--wd-shadow-card); }
.wd-api-card code { padding:15px 18px; border-bottom:1px solid var(--wd-mist-100); color:var(--wd-navy-800); font-size:13px; }
.wd-api-card code:first-child { color:var(--wd-success); background:var(--wd-success-bg); }
.wd-api-card code:last-child { border-bottom:0; }

.wd-notice { display:flex; gap:18px; align-items:flex-start; max-width:820px; margin:28px auto 0; padding:17px 19px; border:1px solid #f4d8a3; border-radius:14px; background:var(--wd-warning-bg); }
.wd-notice strong { color:#9a5705; white-space:nowrap; }
.wd-notice p { margin:0; font-size:13px; }
.wd-table-wrap { overflow:auto; border:1px solid var(--wd-mist-200); border-radius:var(--wd-radius-lg); background:var(--wd-white); box-shadow:var(--wd-shadow-card); }
.wd-comparison { width:100%; min-width:720px; border-collapse:collapse; }
.wd-comparison th,.wd-comparison td { padding:17px; border-bottom:1px solid var(--wd-mist-100); text-align:center; font-size:13px; }
.wd-comparison th { color:var(--wd-slate-400); background:#f9fcff; font:700 10px/1.2 ui-monospace,monospace; letter-spacing:.07em; text-transform:uppercase; }
.wd-comparison th:first-child,.wd-comparison td:first-child { position:sticky; left:0; z-index:1; min-width:220px; background:var(--wd-white); text-align:left; font-weight:700; }
.wd-comparison th:first-child { background:#f9fcff; }
.wd-comparison tr:last-child td { border-bottom:0; }

.wd-rollout-step { padding:25px; border:1px solid var(--wd-mist-200); border-radius:var(--wd-radius-lg); background:var(--wd-white); }
.wd-rollout-step > span { width:38px; height:38px; display:grid; place-items:center; margin-bottom:21px; border-radius:12px; color:var(--wd-blue); background:var(--wd-pale-blue); font:750 11px/1 ui-monospace,monospace; }
.wd-rollout-step h3 { font-size:18px; }
.wd-rollout-step p { margin:0; font-size:14px; }
.wd-agency-plan { align-items:center; }

/* Batch 2: developers, security, documentation, and contact */
.wd-developer-card { display:flex; flex-direction:column; align-items:flex-start; }
.wd-developer-card .wd-badge { margin-bottom:18px; }
.wd-developer-card .wd-feature-icon { margin-bottom:16px; }
.wd-developer-split { align-items:center; }

.wd-security-list { overflow:hidden; border:1px solid var(--wd-mist-200); border-radius:var(--wd-radius-lg); background:var(--wd-white); box-shadow:var(--wd-shadow-card); }
.wd-security-row { display:grid; grid-template-columns:1fr auto; gap:25px; align-items:center; padding:20px 22px; border-bottom:1px solid var(--wd-mist-100); }
.wd-security-row:last-child { border-bottom:0; }
.wd-security-row strong { display:block; margin-bottom:4px; }
.wd-security-row p { margin:0; font-size:13px; }
.wd-boundary-card { display:grid; grid-template-columns:1fr auto 1fr; gap:15px; align-items:center; padding:28px; border:1px solid var(--wd-mist-200); border-radius:var(--wd-radius-xl); background:var(--wd-white); box-shadow:var(--wd-shadow-window); }
.wd-boundary-card > i { color:var(--wd-slate-400); font:11px/1.3 ui-monospace,monospace; font-style:normal; text-align:center; }
.wd-boundary-side { display:grid; justify-items:center; gap:6px; padding:22px 14px; border:1px solid #cfe5fa; border-radius:15px; background:var(--wd-sky-50); text-align:center; }
.wd-boundary-side span { color:var(--wd-slate-400); font:700 10px/1.2 ui-monospace,monospace; letter-spacing:.06em; text-transform:uppercase; }
.wd-boundary-side strong { color:var(--wd-blue); font-size:18px; }
.wd-boundary-side small { color:var(--wd-slate-600); }

.wd-docs-shell { display:grid; grid-template-columns:230px 1fr; min-height:620px; overflow:hidden; border:1px solid var(--wd-mist-200); border-radius:var(--wd-radius-xl); background:var(--wd-white); box-shadow:var(--wd-shadow-window); }
.wd-docs-sidebar { padding:24px 20px; border-right:1px solid var(--wd-mist-100); background:#f8fbff; }
.wd-docs-sidebar label { display:block; margin-bottom:8px; color:var(--wd-navy-800); font-size:12px; font-weight:720; }
.wd-docs-search { width:100%; min-height:44px; padding:0 12px; border:1px solid var(--wd-mist-200); border-radius:11px; color:var(--wd-navy-950); background:var(--wd-white); }
.wd-docs-search:focus { outline:none; border-color:var(--wd-sky); box-shadow:0 0 0 4px rgba(14,165,233,.12); }
.wd-docs-sidebar p { margin:8px 0 20px; color:var(--wd-slate-400); font-size:11px; }
.wd-docs-sidebar nav { display:grid; gap:4px; }
.wd-docs-sidebar nav a { padding:9px 10px; border-radius:9px; color:var(--wd-slate-600); font-size:12px; text-decoration:none; }
.wd-docs-sidebar nav a:hover,.wd-docs-sidebar nav a.active { color:var(--wd-blue); background:var(--wd-pale-blue); font-weight:700; }
.wd-docs-main { min-width:0; padding:35px; }
.wd-docs-main h2 { margin:13px 0 20px; font-size:32px; }
.wd-doc-section { scroll-margin-top:100px; padding-top:52px; margin-top:52px; border-top:1px solid var(--wd-mist-100); }
.wd-doc-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.wd-doc-card { display:flex; gap:14px; min-height:165px; padding:18px; border:1px solid var(--wd-mist-200); border-radius:16px; background:var(--wd-white); }
.wd-doc-card[hidden] { display:none; }
.wd-doc-icon { width:38px; height:38px; flex:0 0 auto; display:grid; place-items:center; border-radius:12px; color:var(--wd-blue); background:var(--wd-pale-blue); font:760 12px/1 ui-monospace,monospace; }
.wd-doc-card h3 { margin:10px 0 6px; font-size:17px; }
.wd-doc-card p { margin:0; font-size:13px; }
.wd-doc-card code { color:var(--wd-blue); font-size:11px; overflow-wrap:anywhere; }
.wd-doc-empty { margin:24px 0 0; padding:17px; border:1px solid var(--wd-mist-200); border-radius:13px; background:var(--wd-sky-50); text-align:center; }

.wd-contact-card { min-height:360px; display:flex; flex-direction:column; align-items:flex-start; }
.wd-contact-icon { width:44px; height:44px; display:grid; place-items:center; margin-bottom:24px; border:1px solid #cfe5fa; border-radius:14px; color:var(--wd-blue); background:var(--wd-pale-blue); font-weight:800; }
.wd-contact-route { color:var(--wd-slate-400); font:700 10px/1.2 ui-monospace,monospace; letter-spacing:.07em; }
.wd-contact-card h3 { margin:11px 0 8px; font-size:19px; }
.wd-contact-card p { font-size:13px; }
.wd-contact-email { margin:auto 0 15px; color:var(--wd-slate-600); font:11px/1.4 ui-monospace,monospace; overflow-wrap:anywhere; }
.wd-contact-card .wd-button { width:100%; }
.wd-contact-guidance { align-items:center; }
.wd-danger-list li::before { content:"×"!important; color:var(--wd-error)!important; }

/* Batch 3: changelog, support, legal shells, and route recovery */
.wd-changelog-list { border-top:1px solid var(--wd-mist-200); }
.wd-changelog-entry { display:grid; grid-template-columns:180px 1fr; gap:34px; padding:30px 0; border-bottom:1px solid var(--wd-mist-200); }
.wd-changelog-meta { display:flex; align-items:flex-start; flex-direction:column; gap:10px; color:var(--wd-slate-400); font:12px/1.4 ui-monospace,monospace; }
.wd-changelog-entry h3 { margin:0 0 10px; font-size:25px; }
.wd-changelog-entry h3 a { text-decoration:none; }
.wd-changelog-entry h3 a:hover { color:var(--wd-blue); }
.wd-entry-summary p { margin:0; }
.wd-pagination { margin-top:34px; }
.wd-pagination ul { display:flex; flex-wrap:wrap; gap:8px; padding:0; margin:0; list-style:none; }
.wd-pagination a,.wd-pagination .current { min-width:40px; min-height:40px; display:grid; place-items:center; padding:7px 11px; border:1px solid var(--wd-mist-200); border-radius:10px; color:var(--wd-slate-600); background:var(--wd-white); text-decoration:none; }
.wd-pagination a:hover,.wd-pagination .current { color:var(--wd-blue); border-color:#bfd8f0; background:var(--wd-pale-blue); }
.wd-empty-state { max-width:720px; display:grid; justify-items:center; margin-inline:auto; padding:48px; border:1px solid var(--wd-mist-200); border-radius:var(--wd-radius-xl); background:var(--wd-white); box-shadow:var(--wd-shadow-card); text-align:center; }
.wd-empty-state .wd-page-actions { justify-content:center; }

.wd-support-card { display:flex; flex-direction:column; align-items:flex-start; min-height:330px; }
.wd-support-card .wd-button { margin-top:auto; }
.wd-support-guidance { align-items:center; }
.wd-alert-critical { display:flex; gap:17px; max-width:900px; margin-inline:auto; padding:22px; border:1px solid #f2c4c9; border-radius:var(--wd-radius-lg); background:#fff0f1; }
.wd-alert-critical > span { width:34px; height:34px; flex:0 0 auto; display:grid; place-items:center; border-radius:11px; color:var(--wd-error); background:#fbdadd; font-weight:800; }
.wd-alert-critical h2 { margin:1px 0 7px; font-size:22px; }
.wd-alert-critical p { margin:0; }

.wd-legal-hero { padding:70px 0 56px; border-bottom:1px solid var(--wd-mist-100); background:linear-gradient(180deg,#fff,var(--wd-sky-50)); }
.wd-legal-hero h1 { margin:14px 0 13px; font-size:clamp(42px,5vw,62px); }
.wd-legal-hero p { margin:0; color:var(--wd-slate-400); font-size:13px; }
.wd-legal-content,.wd-editor-content { max-width:800px; margin-inline:auto; color:var(--wd-slate-600); }
.wd-legal-content h2,.wd-editor-content h2 { margin:42px 0 14px; color:var(--wd-navy-950); font-size:29px; }
.wd-legal-content h3,.wd-editor-content h3 { margin:30px 0 11px; color:var(--wd-navy-950); font-size:21px; }
.wd-legal-content a,.wd-editor-content a { color:var(--wd-blue); }
.wd-legal-content li,.wd-editor-content li { margin-bottom:8px; }
.wd-admin-warning { margin-bottom:25px; padding:18px; border:1px solid #f4d8a3; border-radius:14px; background:var(--wd-warning-bg); }
.wd-admin-warning strong { color:#9a5705; }
.wd-admin-warning p { margin:5px 0 8px; }
.wd-admin-warning a { font-weight:700; }
.wd-empty-legal { padding:34px; border:1px solid var(--wd-mist-200); border-radius:var(--wd-radius-lg); background:var(--wd-white); text-align:center; }
.wd-empty-legal h2 { margin:0 0 10px; }
.wd-standard-page { min-height:65vh; padding:76px 0 100px; }
.wd-standard-page .wd-breadcrumb { margin-bottom:35px; }
.wd-editor-content > h1 { margin-bottom:35px; font-size:clamp(42px,5vw,62px); }

.wd-not-found { min-height:72vh; display:grid; align-items:center; padding:90px 0; background:radial-gradient(circle at 82% 20%,rgba(14,165,233,.12),transparent 25%),linear-gradient(180deg,#fff,#f7fbff); }
.wd-not-found-grid { display:grid; grid-template-columns:1.05fr .95fr; gap:62px; align-items:center; }
.wd-not-found h1 { max-width:720px; margin:18px 0 22px; }
.wd-search-form { max-width:620px; margin-top:30px; }
.wd-search-form label { display:block; margin-bottom:8px; color:var(--wd-navy-800); font-size:13px; font-weight:700; }
.wd-search-form > div { display:flex; gap:10px; }
.wd-search-form input { min-width:0; flex:1; min-height:48px; padding:0 14px; border:1px solid var(--wd-mist-200); border-radius:var(--wd-pill); color:var(--wd-navy-950); background:var(--wd-white); }
.wd-search-form input:focus { outline:none; border-color:var(--wd-sky); box-shadow:0 0 0 4px rgba(14,165,233,.12); }
.wd-recovery-links { display:flex; flex-wrap:wrap; gap:10px 18px; margin-top:24px; }
.wd-recovery-links a { color:var(--wd-blue); font-size:14px; font-weight:700; text-decoration:none; }
.wd-route-card { padding:24px; border:1px solid var(--wd-mist-200); border-radius:var(--wd-radius-xl); background:var(--wd-white); box-shadow:var(--wd-shadow-window); }
.wd-route-line { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:16px 2px; border-bottom:1px solid var(--wd-mist-100); font:12px/1.4 ui-monospace,monospace; }
.wd-route-line:last-child { border-bottom:0; }
.wd-route-line span { color:var(--wd-slate-400); }
.wd-route-line strong { color:var(--wd-success); }

.wd-index { min-height:65vh; padding:90px 0; }
.wd-index article { max-width:800px; padding:28px; border:1px solid var(--wd-mist-200); border-radius:var(--wd-radius-lg); background:var(--wd-white); }
.wd-index h1 { font-size:clamp(40px,6vw,62px); }
.wd-index h2 { font-size:30px; }
.wd-index a { color:var(--wd-blue); }

.js-enhanced .wd-reveal { opacity:0; transform:translateY(18px); transition:opacity .65s var(--wd-ease),transform .65s var(--wd-ease); }
.js-enhanced .wd-reveal.is-visible { opacity:1; transform:none; }

@media (max-width:980px) {
  .wd-section { padding:82px 0; }
  .no-js .wd-primary-nav { position:absolute; top:74px; left:0; right:0; display:block; padding:14px 20px 22px; border-bottom:1px solid var(--wd-mist-200); background:var(--wd-canvas); box-shadow:0 18px 40px rgba(34,69,119,.1); }
  .no-js .wd-menu-toggle { display:none; }
  .no-js .wd-primary-nav .wd-nav-menu { display:grid; }
  .no-js .wd-primary-nav .wd-submenu { display:grid; }
  .no-js .wd-primary-nav .wd-submenu a { padding:10px 8px; }
  .no-js .wd-primary-nav .wd-submenu a strong { font-size:14px; }
  .wd-grid--4 { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .wd-primary-nav,.wd-header-cta { display:none; }
  .wd-menu-toggle { display:block; }
  .wd-header-actions { gap:10px; }
  .wd-primary-nav.is-open { position:absolute; top:74px; left:0; right:0; display:block; padding:14px 20px 22px; border-bottom:1px solid var(--wd-mist-200); background:var(--wd-canvas); box-shadow:0 18px 40px rgba(34,69,119,.1); }
  .admin-bar .wd-primary-nav.is-open { top:74px; }
  .wd-primary-nav.is-open > ul { display:grid; gap:2px; }
  .wd-primary-nav.is-open .wd-nav-item > a,.wd-primary-nav.is-open .wd-nav-submenu-toggle { width:100%; justify-content:space-between; padding:13px 8px; font-size:16px; }
  .wd-primary-nav.is-open .wd-submenu { position:static; width:100%; display:none; margin:2px 0 7px; box-shadow:none; }
  .wd-primary-nav.is-open .wd-nav-submenu-toggle[aria-expanded="true"] + .wd-submenu { display:grid; }
  .wd-primary-nav.is-open .wd-submenu a { padding:11px 12px; }
  .wd-workspace-body { grid-template-columns:1fr; }
  .wd-workspace-sidebar { display:none; }
  .wd-pain-copy,.wd-product-copy,.wd-faq-intro { padding:0; }
  .wd-faq-intro { position:static; }
  .wd-page-hero-grid,.wd-feature-detail,.wd-not-found-grid { grid-template-columns:1fr; }
  .wd-docs-shell { grid-template-columns:190px 1fr; }
  .wd-contact-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .wd-boundary-card { grid-template-columns:1fr; }
  .wd-boundary-card > i { transform:rotate(90deg); }
  .wd-page-layout { grid-template-columns:1fr; }
  .wd-page-nav { position:static; display:flex; overflow:auto; }
  .wd-page-nav a { white-space:nowrap; }
  .wd-footer-main { grid-template-columns:repeat(2,1fr); gap:25px; }
  .wd-footer-brand { grid-column:1 / -1; }
}

@media (max-width:782px) {
  .admin-bar .wd-site-header { top:46px; }
}

@media (max-width:760px) {
  .wd-grid--2,.wd-grid--3,.wd-grid--4 { grid-template-columns:1fr; }
  .wd-hero { padding:72px 0 78px; }
  .wd-hero-actions { margin-bottom:44px; }
  .wd-workspace { border-radius:20px; }
  .wd-page-hero { padding:58px 0 68px; }
  .wd-page-hero-grid { gap:40px; }
  .wd-process-step { grid-template-columns:48px 1fr; }
  .wd-process-step .wd-status-label { grid-column:2; justify-self:start; }
  .wd-architecture-mini,.wd-mini-flow { grid-template-columns:1fr; }
  .wd-architecture-mini i,.wd-mini-flow i { transform:rotate(90deg); justify-self:center; }
  .wd-notice { display:block; }
  .wd-notice strong { display:block; margin-bottom:7px; }
  .wd-docs-shell { grid-template-columns:1fr; }
  .wd-docs-sidebar { border-right:0; border-bottom:1px solid var(--wd-mist-100); }
  .wd-docs-sidebar nav { grid-template-columns:repeat(3,1fr); }
  .wd-security-row,.wd-changelog-entry { grid-template-columns:1fr; }
  .wd-changelog-meta { flex-direction:row; align-items:center; }
  .wd-security-row .wd-status-label { justify-self:start; }
  .wd-window-title { display:none; }
  .wd-deploy-panel { padding:19px; }
  .wd-deploy-top,.wd-deploy-actions { align-items:flex-start; flex-direction:column; }
  .wd-file-row { grid-template-columns:1fr 24px; }
  .wd-file-row span:nth-child(2) { display:none; }
  .wd-trust-inner { justify-content:flex-start; gap:15px 25px; }
  .wd-workflow::before { display:none; }
  .wd-final-card { align-items:flex-start; flex-direction:column; padding:35px; }
  .wd-footer-main { grid-template-columns:1fr 1fr; }
  .wd-footer-brand { grid-column:1 / -1; }
}

@media (max-width:520px) {
  .wd-container { width:min(calc(100% - 28px),var(--wd-container)); }
  .wd-section { padding:68px 0; }
  h1 { font-size:42px; }
  h2 { font-size:34px; }
  .wd-hero-actions .wd-button { width:100%; }
  .wd-window-bar { padding-inline:14px; }
  .wd-file-row { padding-inline:11px; font-size:10px; }
  .wd-release-card,.wd-card { padding:22px; }
  .wd-final { padding:70px 0; }
  .wd-final-card { padding:28px; }
  .wd-final-card .wd-button { width:100%; }
  .wd-footer-main { grid-template-columns:1fr; }
  .wd-footer-brand { grid-column:auto; }
  .wd-page-actions .wd-button { width:100%; }
  .wd-price-preview { grid-template-columns:1fr; }
  .wd-feature-visual { padding:18px; }
  .wd-process-step { grid-template-columns:1fr; }
  .wd-process-step .wd-status-label { grid-column:auto; }
  .wd-page-preview { padding:17px; }
  .wd-docs-main { padding:23px 18px; }
  .wd-doc-grid,.wd-contact-grid { grid-template-columns:1fr; }
  .wd-docs-sidebar nav { grid-template-columns:1fr; }
  .wd-contact-card { min-height:320px; }
  .wd-search-form > div { align-items:stretch; flex-direction:column; }
  .wd-search-form .wd-button { width:100%; }
  .wd-empty-state { padding:30px 20px; }
  .wd-alert-critical { align-items:flex-start; flex-direction:column; }
  .wd-footer-bottom { align-items:flex-start; flex-direction:column; }
}

@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; }
  .js-enhanced .wd-reveal { opacity:1; transform:none; }
}